@media screen and (min-width:100px) and (max-width:767px){

iframe {width:100%;}
header .navbar.navbar-light{padding:6px 0;}
.navbar-brand > img{height:48px;}
header .navbar.navbar-light button.navbar-toggler-right{margin:10px 0 0 0;  right: 0; outline: none;}
header a.navbar-brand span{font-size:9px; margin:0 0 0 -60px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#e01f2f;}
.navbar-default .navbar-toggle .icon-bar{background:#FFF;}
.navbar-default #navbar{margin:0; width:100%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{margin:0 -15px;}
.navbar-default .navbar-nav{width:100%; margin:0;}
header nav ul.navbar-nav li{margin:0;}
.navbar-default .navbar-nav>li>a{padding:5px 0;}

.outdoor-top h1 {font-size:36px; line-height:100px;}
.arrow-con h2 {font-size:36px; padding:40px 0px;}

.without-keyboard img {margin:30px auto; width:100%;}
.without-keyboard a {font-size:24px; cursor:pointer; padding:8px 20px; display:inline-block;}

.with-keyboard img {margin:30px 0; width:100%;}
.with-keyboard a {font-size:24px; cursor:pointer; padding:8px 20px; display:inline-block;}

.feature {margin:50px 0;}
.feature img {width:100%;}
.feature p {font-size:17px; margin:20px 0 0 0;}

.more-models {background:#eaeaea; padding:70px 10px; text-align:center;}
.more-models h3 {font-size:30px; color:#094a9c; font-weight:500;}
.more-models a {margin:5px 0 0 0; padding:10px 30px;}


.footer-link-bg{padding:30px 15px;}
.footer-link-bg hr{margin:10px 0;}
.footer-link-bg .col-xs-12.col-lg-2:first-child{padding-top:0;}
.footer-link-bg .col-xs-12.col-lg-2{padding-top:30px;}

.footer-grey-bg span{width:100%; line-height:26px; text-align:center; padding:0 0 15px 0;}
.footer-grey-bg .pull-right.icon-back{width:100%; text-align:center;}
.footer-grey-bg .icon-back a{margin:0 5px; display:inline-block;}
.footer-white-bg .right img{max-width:100%; display:block; height:auto; margin:8px 0 0 0;}




}


@media screen and (min-width:767px) and (max-width:1023px){


.footer-grey-bg span{width:100%; line-height:26px; text-align:center; padding:0 0 15px 0; font-size:17px;}
.footer-grey-bg .pull-right.icon-back{width:100%; text-align:center;}
.footer-grey-bg .icon-back a{margin:0 5px; display:inline-block;}




}

@media screen and (min-width:1023px) and (max-width:1125px){

.footer-grey-bg span{font-size:15px;}
.home-banner-bg-new{margin:150px 0;}
.home-banner-bg-new h3{font-size:48px;}
.faq-sec{padding:60px 15px 40px;}
.faq-sec .col-1{width: 49%; min-width: auto; max-width: 100%;}
.faq-sec .col-2{width: 49%; min-width: auto; max-width: 100%;}



}



@media screen and (min-width:767px) and (max-width:1125px){

header a.navbar-brand span{font-size:12px;}
header nav ul.navbar-nav li{margin:0 5px;}
header nav ul.navbar-nav li a.nav-link{ padding:11px 10px!important; font-size:14px;}
header .navbar.navbar-light button.navbar-toggler-right{margin:20px 0 0 0;  right: 0; outline: none;}
header nav li a.nav-link.btn-primary.btn{text-align:left;}



.footer-link-bg{padding:10px 15px 40px;}
.footer-link-bg hr{margin:10px 0;}
.footer-link-bg .col-xs-12.col-lg-2{padding-top:30px;}
.video-service-page .footer-black-bg .col-xs-12.col-lg-2{padding-top:0px;}


.banner-bg-area .banner-txt h1{font-size: 36px;}

.row.white-box-area{display:flex;}
.white-box-area .white-bg{height:100%; display:grid;}

}