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

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;}

.main-top-con {background:url(../images/top-img.png) center top no-repeat; background-size:cover; padding:30px 20px 130px 20px;}
.main-top-con h1{font-size:34px; }
.main-top-con h1 span{font-size:24px;}
.main-top-con p {font-size:18px;}


.second-part {margin:120px auto 80px 0; padding:0 20px;}
.second-part .text {color:#000; font-size:20px; line-height:44px;}
.second-part .box .img {margin:0 0 20px 0; width:100%;}

.white-con {width:90%; margin-bottom:70px; margin-top:-100px!important;}
.white-con h2 {font-size:24px; line-height:34px; padding:30px 20px;}


.diy {width:100%; margin:100px auto; padding:70px 20px;}
.diy h3 {font-size:30px;}
.diy p {font-size:18px; line-height:26px;}
.diy p span {font-size:15px;}
.diy img {width:100%;}

.trr {width:100%; padding:0 20px; }
.trr h3 {font-size:30px;}
.trr p {font-size:18px; line-height:26px;}
.trr p span {font-size:15px;}
.trr img {width:100%;}


.lotmore {padding:40px 20px;}
.lotmore h4 {font-size:28px; }
.lotmore p {font-size:18px; }
.lotmore a {font-size:22px; padding:10px 18px;}



.order-banner {padding:0 20px;}
.order-banner h1 {font-size:34px; padding:50px 0;}

.form-main {width:100%; padding:0 20px;}
.form-main h2 {font-size:20px; margin:40px 0;}
.form-main p {font-size:16px; margin-bottom:10px;}
.form-main span {font-size:16px; font-family: "Nexa Light"; color:#000; line-height:40px;}
.form-main .mb-2 {margin-bottom:30px;}





.clientslogo{padding:30px 15px;}


.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){

.main-top-con {padding:30px 20px 130px 20px;}
.home-banner-bg span{min-height:45px;}
.main-top-con h1{font-size:34px; }
.main-top-con h1 span{font-size:24px; }
.main-top-con p {font-size:18px;}

.white-con {width:90%; margin-bottom:70px; margin-top:-100px!important;}
.white-con h2 {font-size:24px; line-height:34px; padding:30px 20px;}


.second-part {margin:120px auto 80px 0; padding:0 20px;}
.second-part .text {color:#000; font-size:20px; line-height:44px;}
.second-part .box {width:100%;}
.second-part .box .img {margin:0 0 20px 0; width:100%;}
.second-part .box p {font-size:22px; text-align:center; color:#094a9c;}

.diy {width:100%; margin:100px auto; padding:70px 20px;}
.diy img {width:100%;}

.trr {width:100%; padding:0 20px; }

.trr img {width:100%;}
.lotmore {padding:40px 20px;}
.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;}

}


@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;}



.clientslogo{padding:40px 15px;}

.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;}



}