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

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


.main-top-con {padding:40px 20px;}
.main-top-con h1{font-size:30px;}


.main-banner {background:#FFF; padding:40px 20px; min-height:inherit;}
.main-banner h2 {color:#09459f; text-align:left; font-size:32px; margin-top:0px; }
.main-banner p {font-size:22px; color:#999; text-align:left; font-weight:lighter; font-family: 'Geogrotesque-Medium';}
.main-banner img {display:block; width:100%;}

.do-it-yourself {background:#e7eff5; padding:30px 20px;}
.do-it-yourself h3 {margin-bottom:20px; font-size:30px;}
.do-it-yourself img {margin-left:0px; width:100%;}
.do-it-yourself h4 {font-size:30px;}

.second {background:#e7eff5; padding:20px 20px;}

.third-sec {margin:40px 0;}
.third-sec h4 {font-size:30px; margin-top:10px; font-weight:200;}
.third-sec p {font-size:16px; line-height:30px; color:#222;}
.third-sec img {width:100%;}



.fourth-sec h4 {font-size:32px;}
.fourth-sec h5 {font-size:24px; margin-bottom:20px; font-weight:200;}
.fourth-sec img {display:block; width:100%;}


.fifth-sec {padding:10px 20px;}
.fifth-sec .shapes {height:auto; margin-bottom:30px;}
.fifth-sec .shapes h4 {font-size:30px; padding:30px 0px 20px 30px;}
.fifth-sec .shapes p {padding:0 30px;}
.fifth-sec .shapes .mb2 {padding-bottom:30px;}


.fifth-sec .bottom-part {margin-top:0px;}
.fifth-sec .bottom-part h4 {font-size:30px; margin-top:0px;}
.fifth-sec .bottom-part img {width:100%;}


.sixth-sec {padding:60px 20px;}
.sixth-sec h5 {font-size:30px;}
.sixth-sec p {font-size:20px; color:#9293df; margin:40px 0;}
.sixth-sec .btn a {display:block; margin-bottom:20px;}





.modal iframe{width:100%!important; height:250px!important;}

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




#cookiebanner{right:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; position:relative;}

}


@media screen and (min-width:767px) and (max-width:1024px){
#cookiebanner{right:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; position:relative;}	

.main-top-con {padding:40px 20px;}
.main-top-con h1{font-size:30px;}


.main-banner {background:#FFF; padding:40px 20px; min-height:inherit;}
.main-banner h2 {color:#09459f; text-align:left; font-size:40px; margin-top:0px; }
.main-banner p {font-size:22px; color:#999; text-align:left; font-weight:lighter; font-family: 'Geogrotesque-Medium';}
.main-banner img {display:block; width:100%;}

.do-it-yourself {background:#e7eff5; padding:30px 20px;}
.do-it-yourself h3 {margin-bottom:20px; font-size:30px;}
.do-it-yourself img {margin-left:0px; width:100%;}
.do-it-yourself h4 {font-size:30px;}

.second {background:#e7eff5; padding:20px 20px;}

.third-sec {margin:40px 0;}
.third-sec h4 {font-size:30px; margin-top:10px; font-weight:200;}
.third-sec p {font-size:16px; line-height:30px; color:#222;}
.third-sec img {width:100%;}


.fourth-sec {background:#90846d; padding:40px 20px;}
.fourth-sec h4 {font-size:30px;}
.fourth-sec img {display:block; width:100%;}


.fifth-sec {padding:70px 20px;}
.fifth-sec .shapes {height:465px; margin-bottom:30px;}
.fifth-sec .shapes h4 {font-size:30px; padding:30px 0px 20px 30px;}
.fifth-sec .shapes p {padding:0 30px;}
.fifth-sec .shapes .mb2 {padding-bottom:30px;}


.fifth-sec .bottom-part {margin-top:50px;}
.fifth-sec .bottom-part h4 {font-size:30px; margin-top:0px;}
.fifth-sec .bottom-part img {width:100%;}


.sixth-sec {padding:60px 20px;}
.sixth-sec h5 {font-size:30px;}
.sixth-sec p {font-size:20px; color:#9293df; margin:40px 0;}
.sixth-sec .btn a { margin-bottom: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;}

	
.box-back-area .white-bg-box-area p{font-size:18px; line-height:28px;} 
.checkbox-list .content-info p{font-size:18px; font-weight:500;}
.checkbox-list .content-info p span{font-size:18px;}	

.box-back-area .white-bg-box-area{padding:30px; margin-bottom:40px;}
.main-top-con{padding-bottom:20px;}

iframe{width:100%!important; height:400px!important;}



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