
@media (max-width: 479px){
.logo {max-width: 85px;margin: 10px 0px;}
.navbar-default {padding: 15px 0px;}
.video-parent img{width: 100%;max-width: 320px;}
.video-parent {width: 280px;margin: 20px auto 0px;}
.video-section .blog-vid-par {width: 208px;height: 129px;top: 10px;left: 0px;}
.links.top-l-social img {  margin-left: 0px;}		
.logoimg{display: block !important;width: 88px;} 	
}

@media (min-width: 480px) and (max-width: 1199px){
.logo {max-width: 150px;margin: 10px 0px;}
}

@media (min-width: 480px) and (max-width: 767px) {
.video-section .blog-vid-par {top: 10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.video-section .blog-vid-par {top: 11px;}
}

@media (min-width: 480px) and (max-width: 991px) {
.video-parent img{width: 100%;max-width: 320px;}
.video-parent {width: 320px;margin: 25px auto 0px;}
.video-section .blog-vid-par {width: 238px;left: 0px;height: 149px;}
}

@media (min-width: 646px) and (max-width: 767px) {
.videos-blog .col-md-9 .row .col-sm-4 {width: 47%;display: inline-block;margin: 0px 8px 15px;}
}

@media (max-width: 767px){
.banner-bg{background: transparent;}
.banner {padding: 138px 0 10px;}
.banner .content, .banner .video-parent{display: block;}
.banner-bg figcaption{padding-right: 0px;}
.banner-bg figcaption h1{font-size: 24px;margin: 10px auto 20px;}
.banner-bg figcaption p, .benefits p, .heading-box p, .heading-box h3, .three-steps .caption p, .benefits ul.list-style-select li, .sub-benefits p.bottom-text, .our-solution ul li, .steps-bottom-para p, .sub-benefits-box {font-size: 18px;}
.heading-box {padding: 15px;position: relative;bottom: 0px;}
.heading-box p {width: 100%;margin: auto;}
.our-solution {padding: 50px 0px 30px;}
.our-solution h4{font-size: 22px;padding-bottom: 20px;}
.our-solution p{font-size: 20px;}
.three-steps{padding-top: 25px;}
.three-steps h4 {font-size: 20px;padding: 20px 0px;}
.three-steps h3{width: 100%;font-size: 24px;}
.three-steps .caption p, .benefits ul.list-style-select li {line-height: 1.2;}
.xs-no-display{display: none;}
.step-parent {max-width: 320px;margin: 0px auto 30px;}
/*.sub-benefits .lets-start-btn {width: 100%;max-width: 235px;}*/
.sub-benefits .lets-start-btn a {line-height: 1.5;}
.plumber-board h3{font-size: 20px;margin: 0px;}
.steps-bottom-para{margin-top: 15px;}
.benefits{background: #fff;}
.benefits h1 {padding-top: 30px;}
.benefits .left-sec p:last-child{padding-bottom: 60px;}
.sub-benefits {background-color: #f2f2f2;background-image: none;}
.sub-benefits-box {line-height: 1.2;padding-bottom: 25px;}
.sub-benefits p.bottom-text{margin: 30px auto;}
.navbar-default{float:right !important;    padding:20px 5px !important;}
section.pt-100 {padding-top:150px !important;}
}

@media (min-width: 646px) and (max-width: 767px) {
.videos-blog .col-md-9 .row .col-sm-4 {width: 47%;display: inline-block;margin: 0px 8px 15px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.banner-bg figcaption h1 {font-size: 26px;margin: 0px auto 15px;}
.banner-bg figcaption p, .our-solution ul li, .step-box p, .steps-bottom-para p {font-size: 18px;}
.heading-box p {width: 100%;font-size: 20px;}
.heading-box h3 {font-size: 20px;}
.banner {padding: 110px 0px 125px;}
.our-solution {padding: 185px 0px 30px;}
.our-solution h4{font-size: 26px;padding-bottom: 25px;}
.our-solution p {font-size: 20px;}
.our-solution ul li {margin-bottom: 7px;}
.our-solution ul li::before {width: 25px;}
.three-steps {padding: 50px 0px 0px;}
.three-steps h4 {font-size: 26px;padding-bottom: 25px;}
.step-parent {padding: 10px;margin: 0px 10px 25px;}
.plumber-board h3 {font-size: 22px;margin-top: 0px;}
.steps-bottom-para {margin: 15px auto;}
ul.list-style-select li:before {width: 25px;}
.benefits ul.list-style-select li {font-size: 20px;}
.benefits p {font-size: 20px;}
.benefits .left-sec p:last-child {padding-bottom: 75px;}
.sub-benefits-box {font-size: 20px;}
/*.start-btn a{width: 100% !important;}*/
.sub-benefits p.bottom-text {font-size: 20px;margin-top: 50px;}
/*.start-btn {width: 170px;}*/
/*.sub-benefits .lets-start-btn {width: 250px;}*/
.links.top-l-social {
    padding: 25px 0px;
}
}

@media (max-width: 991px){
.sm-no-display{display: none;}
}

@media(min-width: 992px){
.video-parent{min-width: 500px;}
.our-solution .row{display: table;vertical-align: middle;}
.our-solution .row .col-md-6 {height: 100%;display: table-cell;vertical-align: middle;float: none;}
}

@media (min-width: 768px) and (max-width: 1199px){
.links.top-l-social {   padding: 25px 0px !important;}
}


@media (min-width: 992px) and (max-width: 1199px){
.banner-bg figcaption h1 {font-size: 28px;margin: 0px auto 20px;}
p{font-size: 20px !important;}
.heading-box h3{font-size: 22px;}
/*.start-btn a{width: 100% !important;}*/
.our-solution h4 {font-size: 26px;padding-bottom: 40px;}
.our-solution {padding: 200px 0px 50px;}
.three-steps {padding: 55px 0px 0px;}
.three-steps h4 {font-size: 26px;padding-bottom: 25px;}
.step-parent {margin: 0% 3% 5%;}
.plumber-board h3 {font-size: 26px;margin: 0;}
.benefits ul.list-style-select li{font-size: 20px;}
.sub-benefits-box {font-size: 22px;padding: 3%;}
.start-btn a {font-size: 18px;}
.links.top-l-social {
    padding: 25px 0px;
}
}

@media (max-width:992px){
   .our-solution { padding: 35% 0px 50px!important;} 
}
@media (max-width:1199px){
.heading-box { bottom: -200px;}
.our-solution {padding: 24% 0px 50px;}
section.pt-100 {padding-top:110px;}
.navbar-toggle {display: block;margin-right: 0px;}
.navbar-header{float: none;}
.navbar-collapse.collapse{display: none !important;}
.navbar-collapse.collapse.in{display: block !important;}
.navbar-nav{margin: 0px;}
.navbar-nav > li{float: none;margin-right: 0px;}
.navbar-default .navbar-nav > li > a {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.navbar-default .navbar-nav > li {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.navbar-nav{float: none;}
.navbar-collapse{padding: 0px;}
.navbar-toggle{margin: 0px;}
}
@media (max-width:768px){
    .heading-box{bottom: -200px;}
    .our-solution { padding: 35% 0px 50px;}

}
@media (max-width:320px){
    .our-solution{ padding: 35% 0px 50px!important;}
}
@media (max-width:530px){
   .our-solution {padding: 22% 0px 50px;}
}
@media (max-width:425px){
    .plumber-banner-btn, .plumber-banner-btn-1{    width: 220px;  height: 65px;}
    .start-btn.start-blk a {  width: 220px;  height: 65px!important;}
    .plumber-banner-btn-1 a { width: 220px!important;  height: 65px!important;}
}
@media (max-width: 767px){
.heading-box {bottom: -10px; }
.our-solution { padding: 19% 0px 50px!important;}
.and-there-more { margin-top: 19px; padding: 30px;}
.sub-benefits { padding: 100px 0px 0px;}
}
