/* Smartphones (portrait)  */
@media(max-width:320px){
.iotBanner, .zoneInner, .pushInner, .gsInner { width:90% !important; padding:0 5%; float:left;box-sizing: unset;}
.iotWrapper .iotBanner .bannerInner{ width:100%; margin-top:30px;}
.iotWrapper .iotBanner .bannerInner h1, .iotWrapper .iotBanner .bannerInner p{ width:100%; text-align:center}
.iotWrapper .iotBanner .bannerInner h1{font-size: 28px;}
.iotWrapper .iotBanner .bannerInner p{font-size: 14px;}
.iotWrapper .iotBanner .bannerInner .button{ width:100%; text-align:center; margin:20px 0 0 0}
.iotWrapper .iotBanner .bannerInner .button a{ float:none;}
.zoneWrapper .zoneInner .zone .textPanel h2{ font-size:38px}
.zoneWrapper .zoneInner .zone .textPanel p{ font-size:14px}
.zoneWrapper .zoneInner .zone .imgPanel { margin: 0 10% 3% 10%; width: 80%;}
.zoneWrapper .zoneInner .zone .textPanel{ width:100%; float:left}
.zoneWrapper .zoneInner .zone .textPanel .button{ width:45%; margin-right:9%;}
.zoneWrapper .zoneInner .zone .textPanel .button:last-child { margin-right:0;}
.zoneWrapper .zoneInner .zone .textPanel .button a{padding: 13px 0; text-align: center; width: 100%; font-size:12px}
.pushWrapper{ height:100%; padding:0 0 20px 0}
.pushWrapper .pushInner .push{ margin:20px 0 0 0}
.pushWrapper .pushInner .push h3{margin:0 0 20px 0}
.pushWrapper .pushInner .push p{ font-size:14px; line-height:24px; margin-bottom:20px;}
.pushWrapper .pushInner .push .button{ width:100%;}
.pushWrapper .pushInner .push .button a{width:45%; margin:0 8% 0 0; padding: 13px 0; text-align: center;}
.pushWrapper .pushInner .push .button a:last-child { margin-right:0;}
.gsWrapper .gsInner .gs { margin: 40px 0;}
.gsWrapper .gsInner .gs h4{ width:100%; text-align:center; font-size:24px}
.gsWrapper .gsInner .gs .button{ width:100%; margin:20px 0 0 0}
.gsWrapper .gsInner .gs .button a{padding: 13px 0; text-align: center; width: 100%;}
.gsbWrapper{ background-image:none; background-color:#1c455e}
.gsbWrapper .gsInner .gs{ margin:30px 0}
.gsbWrapper .gsInner .gs .button{ float:left; width:100%; margin:10px 0 0 0}
.gsbWrapper .gsInner .gs .button a{padding: 13px 15%; text-align: center; width: 70%;}
.iotIPWrapper .iotInner{ width:94%; padding:3%;box-sizing: unset;}
.iotIPWrapper .iotInner .iot{ margin:20px 0;}
.iotIPWrapper .iotInner .iot .syntaxWrapper p{ font-size:13px;}
.scheduleDemoWrapper h2, .sub_abt_contact{ float:left; width:100%!important}
.topnv{ width:100%}
.topnv a:nth-child(1){ width:40px; height:47px}
.topnv a{ font-size: 12px;min-width: 45%;}
.topnv a:nth-child(2){min-width: 22%;}
.topnv a:nth-child(3){min-width: 22%;}
#sticky.stick{left: 0; width:100%}
}
@media(max-width:480px){
.iotBanner, .zoneInner, .pushInner, .gsInner { width:90% !important; padding:0 5%; float:left;box-sizing: unset;}
.iotWrapper .iotBanner .bannerInner{ width:100%; margin-top:30px;}
.iotWrapper .iotBanner .bannerInner h1, .iotWrapper .iotBanner .bannerInner p{ width:100%; text-align:center}
.iotWrapper .iotBanner .bannerInner h1{font-size: 28px;}
.iotWrapper .iotBanner .bannerInner p{font-size: 14px;}
.iotWrapper .iotBanner .bannerInner .button{ width:100%; text-align:center; margin:20px 0 0 0}
.iotWrapper .iotBanner .bannerInner .button a{ float:none;}
.zoneWrapper .zoneInner .zone .textPanel h2{ font-size:38px}
.zoneWrapper .zoneInner .zone .textPanel p{ font-size:14px}
.zoneWrapper .zoneInner .zone .imgPanel { margin: 0 10% 3% 10%; width: 80%;}
.zoneWrapper .zoneInner .zone .textPanel{ width:100%; float:left}
.zoneWrapper .zoneInner .zone .textPanel .button{ width:100%; margin-right:0;}
.zoneWrapper .zoneInner .zone .textPanel .button:last-child { margin-right:0;}
.zoneWrapper .zoneInner .zone .textPanel .button a{padding: 13px 0; text-align: center; width: 100%;}
.pushWrapper{ height:100%; padding:0 0 20px 0}
.pushWrapper .pushInner .push{ margin:20px 0 0 0}
.pushWrapper .pushInner .push h3{margin:0 0 20px 0}
.pushWrapper .pushInner .push p{ font-size:14px; line-height:24px; margin-bottom:20px;}
.pushWrapper .pushInner .push .button{ width:100%;}
.pushWrapper .pushInner .push .button a{width:100%; margin:0; padding: 13px 0; text-align: center;}
.pushWrapper .pushInner .push .button a:last-child { margin-right:0;}
.gsWrapper .gsInner .gs { margin: 30px 0;}
.gsWrapper .gsInner .gs h4{ width:100%; text-align:center; font-size:24px}
.gsWrapper .gsInner .gs .button{ width:100%; margin:10px 0 0 0}
.gsWrapper .gsInner .gs .button a{padding: 13px 0; text-align: center; width: 100%;}
.iotWrapper .iotBanner .bannerInnerleft{ margin:100px 0 0 0; float:left; width:100%;}
.bannerInnerright{ display:none;}
.iotWrapper .iotBanner .bannerInnerleft .button{ width:100%; text-align:center;}
.iotWrapper .iotBanner .bannerInnerleft .button a{ float: left; padding: 13px 15%; width: 70%;}
.gsbWrapper{ background-image:none; background-color:#1c455e}
.gsbWrapper .gsInner .gs{ margin:30px 0}
.gsbWrapper .gsInner .gs .button{ float:left; width:100%; margin:10px 0 0 0}
.gsbWrapper .gsInner .gs .button a{padding: 13px 15%; text-align: center; width: 70%;}
.iotIPWrapper .iotInner{ width:94%; padding:3%;box-sizing: unset;}
.iotIPWrapper .iotInner .iot{ margin:20px 0;}
.iotIPWrapper .iotInner .iot .syntaxWrapper p{ font-size:13px;}
.scheduleDemoWrapper h2, .sub_abt_contact{ float:left; width:100%!important}
.topnv{ width:100%}
.topnv a:nth-child(1){ width:40px; height:47px}
.topnv a{ font-size: 12px;min-width: 45%;}
.topnv a:nth-child(2){min-width: 22%;}
.topnv a:nth-child(3){min-width: 22%;}
#sticky.stick{left: 0; width:100%}
}
/* Smartphones (landscape) */
@media only screen and (min-width :481px) and (max-width :640px){
.iotBanner, .zoneInner, .pushInner, .gsInner { width:90% !important; padding:0 5%; float:left;box-sizing: unset;}
.iotWrapper .iotBanner .bannerInner{ width:100%; margin-top:30px;}
.iotWrapper .iotBanner .bannerInner h1, .iotWrapper .iotBanner .bannerInner p{ width:100%; text-align:center}
.iotWrapper .iotBanner .bannerInner h1{font-size: 28px;}
.iotWrapper .iotBanner .bannerInner p{font-size: 14px;}
.iotWrapper .iotBanner .bannerInner .button{ width:100%; text-align:center; margin:20px 0 0 0}
.iotWrapper .iotBanner .bannerInner .button a{ float:none;}
.zoneWrapper .zoneInner .zone .textPanel h2{ font-size:38px}
.zoneWrapper .zoneInner .zone .textPanel p{ font-size:14px}
.zoneWrapper .zoneInner .zone .imgPanel { margin: 0 10% 3% 10%; width: 80%;}
.zoneWrapper .zoneInner .zone .textPanel{ width:100%; float:left}
.zoneWrapper .zoneInner .zone .textPanel .button{ width:100%;}
.zoneWrapper .zoneInner .zone .textPanel .button:last-child { margin-right:0;}
.zoneWrapper .zoneInner .zone .textPanel .button a{padding: 13px 0; text-align: center; width: 100%;}
.pushWrapper{ height:100%; padding:0 0 20px 0}
.pushWrapper .pushInner .push{ margin:20px 0 0 0}
.pushWrapper .pushInner .push h3{margin:0 0 20px 0}
.pushWrapper .pushInner .push p{ font-size:14px; line-height:24px; margin-bottom:20px;}
.pushWrapper .pushInner .push .button{ width:100%;}
.pushWrapper .pushInner .push .button a{width:100%; margin:0; padding: 13px 0; text-align: center;}
.pushWrapper .pushInner .push .button a:last-child { margin-right:0;}
.gsWrapper .gsInner .gs { margin: 40px 0;}
.gsWrapper .gsInner .gs h4{ width:100%; text-align:center; font-size:22px}
.gsWrapper .gsInner .gs .button{ width:100%; margin:20px 0 0 0}
.gsWrapper .gsInner .gs .button a{padding: 13px 0; text-align: center; width: 100%;}
.iotWrapper .iotBanner .bannerInnerleft{ margin:100px 0 0 0; float:left; width:100%;}
.bannerInnerright{ display:none;}
.iotWrapper .iotBanner .bannerInnerleft .button{ width:100%; text-align:center;}
.iotWrapper .iotBanner .bannerInnerleft .button a{ float: left; padding: 13px 15%; width: 70%;}
.gsbWrapper{ background-image:none; background-color:#1c455e}
.gsbWrapper .gsInner .gs{ margin:30px 0}
.gsbWrapper .gsInner .gs .button{ float:left; width:100%; margin:10px 0 0 0}
.gsbWrapper .gsInner .gs .button a{padding: 13px 15%; text-align: center; width: 70%;}
.iotIPWrapper .iotInner{ width:94%; padding:3%;box-sizing: unset;}
.iotIPWrapper .iotInner .iot{ margin:20px 0;}
.iotIPWrapper .iotInner .iot .syntaxWrapper p{ font-size:13px;}
.scheduleDemoWrapper h2, .sub_abt_contact{ float:left; width:100%!important}
.topnv{ width:100%}
.topnv a:nth-child(1){ width:40px; height:47px}
.topnv a{ font-size: 12px;min-width: 45%;}
.topnv a:nth-child(2){min-width: 22%;}
.topnv a:nth-child(3){min-width: 22%;}
#sticky.stick{left: 0; width:100%}}
@media only screen and (min-width :641px) and (max-width :960px){
.iotBanner, .zoneInner, .pushInner, .gsInner { width:90% !important; padding:0 5%; float:left;box-sizing: unset;}
.iotWrapper .iotBanner .bannerInner{ width:100%; margin-top:30px;}
.iotWrapper .iotBanner .bannerInner h1, .iotWrapper .iotBanner .bannerInner p{ width:100%; text-align:center}
.iotWrapper .iotBanner .bannerInner h1{font-size: 28px;}
.iotWrapper .iotBanner .bannerInner p{font-size: 14px;}
.iotWrapper .iotBanner .bannerInner .button{ width:100%; text-align:center; margin:20px 0 0 0}
.iotWrapper .iotBanner .bannerInner .button a{ float:none;}
.zoneWrapper .zoneInner .zone .textPanel h2{ font-size:38px}
.zoneWrapper .zoneInner .zone .textPanel p{ font-size:14px}
.zoneWrapper .zoneInner .zone .imgPanel { margin: 0 25% 3% 25%; width: 50%;}
.zoneWrapper .zoneInner .zone .textPanel{ width:100%; float:left}
.zoneWrapper .zoneInner .zone .textPanel .button{ float: none; margin: 0 auto !important; width: 45%;}
.zoneWrapper .zoneInner .zone .textPanel .button:last-child { margin-right:0;}
.zoneWrapper .zoneInner .zone .textPanel .button a{padding: 13px 0; text-align: center; width: 100%;}
.pushWrapper{ height:100%; padding:0 0 20px 0}
.pushWrapper .pushInner .push{ margin:20px 0 0 0}
.pushWrapper .pushInner .push h3{margin:0 0 20px 0}
.pushWrapper .pushInner .push p{ font-size:14px; line-height:24px; margin-bottom:20px;}
.pushWrapper .pushInner .push .button{ width:100%;}
.pushWrapper .pushInner .push .button a{width:45%; margin:0 8% 0 0; padding: 13px 0; text-align: center;}
.pushWrapper .pushInner .push .button a:last-child { margin-right:0; margin-left:25%;}
.gsWrapper .gsInner .gs { margin: 40px 0;}
.gsWrapper .gsInner .gs h4{ width:100%; text-align:center; font-size:22px}
.gsWrapper .gsInner .gs .button{ width:100%; margin:20px 0 0 0}
.gsWrapper .gsInner .gs .button a{padding: 13px 0; text-align: center; width: 50%; margin-left:25%}
.iotWrapper .iotBanner .bannerInnerleft{ margin:150px 0 0 0; float:left; width:100%;}
.bannerInnerright{ display:none;}
.iotWrapper .iotBanner .bannerInnerleft .button{ width:100%; text-align:center;}
.iotWrapper .iotBanner .bannerInnerleft .button a{ float: left; padding: 13px 15%; width: 70%;}
.gsbWrapper{ background-image:none; background-color:#1c455e}
.gsbWrapper .gsInner .gs{ margin:30px 0}
.gsbWrapper .gsInner .gs .button{ float:right;margin:26px 0 0 0}
.gsbWrapper .gsInner .gs h4{ margin-top:26px;}
.gsbWrapper .gsInner .gs .button a{padding: 13px 15%; text-align: center; width: 70%;}
.iotIPWrapper .iotInner{ width:94%; padding:3%;box-sizing: unset;}
.iotIPWrapper .iotInner .iot{ margin:20px 0;}
.iotIPWrapper .iotInner .iot .syntaxWrapper p{ font-size:13px;}
.topnv{ width:100%}
#sticky.stick{left: 3%; width:94%}
}
@media only screen and (min-width :961px) and (max-width :1024px){
.iotBanner, .zoneInner, .pushInner, .gsInner { width:90% !important; padding:0 5%; float:left;box-sizing: unset;}
.bannerInnerright{ display:none}
.iotWrapper .iotBanner .bannerInnerleft{ margin-left:0; width:100%;}
}