@media (max-width: 240px) {
.numberfliper {
padding:30px 0px;
}
ul.info li {
margin-top:40px;
font-size:10px;
}
 .btn {
width:40px;
margin:auto;
float:none;
margin-bottom:10px;
}

ul.nav li.login-btn, ul.nav li.contact-btn{ float:none;display:block}
.col2-layout .main .col-main{ width:auto}

ul.info li {
    margin-top: auto!important;
}


}
 @media (max-width: 320px) {
.content ul.info {
margin:20px 0px;
}
ul.info li {
font-size:11px;
margin-top:50px !important;
padding:0px 3px;
}
.content .subtitle {
font-size:12px;
padding:0px;
}
.btn {
margin:0px;
}
ul.nav li.login-btn, ul.nav li.contact-btn{ float:none;display:block}
.col2-layout .main .col-main{ width:auto!important}

.banner{/*height: 285px;*/}
.carousel-indicators{ display:inline-block!important;z-index:15;/*width:100%!important;margin-left:-30%;*/text-align:center; bottom:0; width:100%!important; left:auto!important; right:auto!important; bottom: -160px!important;}
.carousel-indicators li{ display:inline-block!important;width:100%!important;}
ul.info li {
    margin-top: auto!important; width:100%!important;
}
span.img-style{width:100%; margin-bottom:10px; float:left;}

.space-icon, .well-organized-icon, .data-icon, .speed-icon, .secure-icon{ background:none; height:auto; display:inline-block; padding-left:0px;}
.col-main .section{ border-right:0!important;}


.landing-banner{height:350px;width:100%;}

}

 @media (max-width: 360px) {
 
 ul.info li {
    margin-top: auto!important; width:100%!important;
}

.col2-layout .main .col-main{ width: 100% !important;
margin: 0 auto !important;}


.banner{/*height: 285px!important;*/}
.carousel-indicators{ left:0%!important;right:0%!important; display:inline-block!important;z-index:15;/*width:100%!important;margin-left:-30%;*/text-align:center; bottom:0; width:100%!important; left:auto!important; right:auto!important; bottom: -160px!important;}
.carousel-indicators li{ display:inline-block!important;width:100%!important;}

.space-icon, .well-organized-icon, .data-icon, .speed-icon, .secure-icon{ background:none; height:auto; display:inline-block; padding-left:0px;}
.col-main .section{ border-right:0!important;}
 
 
 
 .bottom_btn_box_left, .bottom_btn_box_right{ width:100%;}
 
 .banner{ margin-bottom:0px;}
   .content ul{ margin-bottom:20px;}
 .content ul.info li {
margin:0px 0px 10px!important;
}
 
 }

 @media (max-width: 480px) {
 body {
font-size:12px;
line-height:normal;
}
 h1 {
line-height:30px;
font-size:25px;
padding-bottom:5px;
}

.menu-tab li{ display:block!important; float:left!important;border:0!important; width:100%; }

.banner{/*height: 285px!important;*/}
.carousel-indicators{ left:0%!important;right:0%!important; display:inline-block!important;z-index:15;/*width:100%!important;margin-left:-30%;*/text-align:center; bottom:0; width:100%!important; left:auto!important; right:auto!important; bottom: -160px!important;}
.carousel-indicators li, .feature-block-one, .feature-block-two{ display:inline-block!important;width:100%!important;}

ul.info li {
    margin-top: auto!important;
}
a.button_orange{ padding-left:10px; padding-right:10px; display:inline-block;}
.right-img, form.support-form input.submit_btn { float:none; margin:15px auto; text-align:center;}.right-img img{text-align:center;}.content-left{ padding:0 15px}

table.fixedgrid{margin-left:0}


}
@media (max-width: 768px) {
.headerright{margin-left: auto;
margin-right: auto;
float: none;
text-align: center; display:inline;}


.banner{height: auto;margin-bottom:0px;}
.carousel-indicators{ left: 15%!important;
right: 15%!important;
z-index: 15;
width: 70%!important;}


.content ul.info li {
margin:0px 2px 20px!important;
}

.col-main .section{ border-right:0!important;}

.col-right{ text-align:center; border-top:1px solid #ddd;}
ul.right_bullets li a img { float:none}

.banner-btn-box-res{ max-width:100%; float:none}
a.button_green_res, a.button_ornage_res { float:none!important; display:inline-block;}

}

@media (max-width: 800px) {

.headerright{margin-left: auto;
margin-right: auto;
float: none;
text-align: center; display:inline;}

.content-top-flow, .content-full{ padding:0 15px; width:97%;}
.carousel-inner{height:100%;}
.carousel slide, .banner{ height:100%; background:#101317; }

.left-cont-ban h1, .banner-mid h2, .right-cont-ban h2, .left-cont-ban-rio h1, .left-cont-ban-cfc h1, .left-cont-ban-stc h1, .left-cont-ban-res h1{ text-align:center;}
.left-cont-ban ul li, .right-cont-ban ul li, .box-right, .left-cont-ban-stc ul li, .left-cont-ban-res ul li{ text-align:center; background:none; padding-left:0; }
.banner-btn-box, .banner-btn-box-mid, .button_one_lastone, .button_one_mid, .features_bottom ul, .banner-btn-box-cfc, .banner-btn-box-stc{ float:none; padding:0 15px; max-width:96%!important;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img, .icon-cfc, span.seals_banner, .cfc-img img, .st_led, .right img{ display:none!important;}

span.windows-seals{ float:none; margin:0; width:auto}

.left-cont-ban, .banner-mid, .right-cont-ban, .left-cont-ban-rio, .left-cont-ban-res{ min-height:350px;width:100%; top:0px!important;text-align:center!important; padding:10px 20px; z-index:2!important;}

.left-cont-ban-cfc{ position:relative!important; height:auto!important}

 .left-cont-ban-rio, .landing-banner, .left-cont-ban-stc{ padding:0; background:none; height:auto;}

.right-cont-ban, .left-cont-ban-res { margin-left:0!important}
.banner-mid p, .left-cont-ban-stc p{text-align:center;margin-top:20px;}

.banner-btn-box-res{ max-width:100%; float:none}
a.button_green_res, a.button_ornage_res { float:none!important; display:inline-block;}
.small-details{ padding:20px 0; width:97%;}


/* .feature-box-left, .feature-box-right, .left-cont-ban-stc{ width:97%!important; padding:20px 15px; border-right:0 }*/
.feature-box-left, .feature-box-right, .left-cont-ban-stc, .article-block{
    width: 97% !important;
    padding: 20px 15px;
    border-right: 0px none;
    margin: 0 auto;
    float: none;
}
ul.why-choose li {width: 45%; padding:0 15px }

.block-one, .block-two, .block-three, .block-four, ul.foot-column-one{ width:97%; padding:0 15px;}a.android_img, .left-cont-ban-stc p{ background-position:center bottom;  width: 97% !important;
    padding: 0px 15px;
   
    float: none;}

ul.foot-column-one li{ display:inline;}

.left-cont-ban-cfc{ height:350px;width:100%; top:0px!important; background:#fff; text-align:center!important; padding:10px 20px; z-index:2!important;}a.button_orange{display:inline-block;}

}



@media (max-width: 979px) {
.icon-bar {
float:right;
clear:both;
}
 
.sub-menu {
margin-left:15px;
}
.logo {
float:none;
margin:0 0 10px;
text-align:center;
}
.menu-main-container { position:absolute; z-index:1200;
background:#f6f6f6;
padding:0px 10px 10px;
position:absolute;
top:20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display:none;
}
.header {
margin:0px;
position:relative;
padding:0px;
overflow:visible;
}
.btn {
display:block;
 margin:0px 0px 15px; 
 width:100%;
}
ul.nav li, ul.nav {
float:none;
margin:0px; 
}
.headerright {
float:none;
}
p.numtext {
clear:both;
text-align:center;
}

ul.info li {
margin-top:120px; margin-right:5px;
}
ul.nav li a {
padding:10px 0px;padding-left:10px;
}
ul.nav li.login-btn{ margin-right:0}

ul.info,.footer,.content{ margin:0px 10px;}
ul.nav li.login-btn, ul.nav li.contact-btn{ float:none; display:block}
}

@media (max-width: 980px) {
ul.info li {
margin-top:20px; margin-right:5px;
}

}