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


.banner {padding:40px 20px;}
.banner h1 {font-size:30px;}
.banner span {font-size:18px;}


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


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

.download-area {padding:40px 10px; text-align:center;}
.download-area h2 {font-size:24px; margin-bottom:20px;}
.download-area a {padding:10px 15px; font-size:20px;}

.blue-bottom {padding:30px 20px; margin-top:80px;}
.blue-bottom h2 {font-size:24px;}
.blue-bottom p {font-size:18px;}


.contact-bottom {padding:40px 8px;}
.contact-bottom a {font-size:20px; padding:10px 15px;}

.line-up-box-area  a.more-btn2{min-width:100%; text-align: center; margin:0 0px 10px 0px;}
.line-up-box-area a.more-btn2:hover{background:#e8782c;}





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

.home-banner-bg span{min-height:45px;}

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



}