
@media (min-width: 1200px) {
.welcome-area .service-content {min-height:400px; }
.home-conversions-btn2 {display: none;}
.col-md-4 .single-member {min-height:0px;}
.col-md-3 .single-member {min-height:425px;}
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
.header-middle-area .header-info {width: 37.33%;}
.header-middle-area .header-info-text span {font-size: 13px;}
.header-middle-area .header-icon {margin-right: 7px;    margin-left: 5px;}
.header-middle-link .header-info:last-child{ width: 25%;}     
.banner-content h4 {font-size: 20px; max-width: 490px;}    
.banner-contact span {    font-size: 16px;} 
.header-middle-area .header-info {width:25%;}
.header-middle-area .header-info:nth-child(3) {width:50%;}
.single-about {width:100%;margin-right:0px;}
.home-conversions-btn {display: none;}
.project-dec h4 {font-size:16px;letter-spacing: 1px;}
.banner-content p {width:50%;}
.banner-contact{padding:37px 0 25px 0;}
li.footer-email a {font-size:11px;}
.single-member .team-img {max-width:200px; width:100%;height:auto;}
.col-md-4 .single-member {min-height:435px;}
.col-md-3 .single-member {min-height:400px;}
.support-text {padding:20px 20px;}
.support-text h4 {margin: 10px 0 15px 0; font-size: 20px;}
.support-text p {font-size: 14px; line-height: 1.3em;}
.support-text span {font-size:18px; }
.single-well h2 {font-size:22px; line-height: 26px;}
}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.logo a {padding: 22px 0;}
.welcome-area {    position: relative;    margin-top: 0px;    z-index: 9;}        
.header-middle-area .header-info {    width: 36%;    padding: 28px 0px;}
.header-middle-area .header-info-text span {    font-size: 13px;}
.header-middle-area .header-icon {    margin-right: 7px;    margin-left: 5px;}
.header-middle-link .header-info:first-child{    width: 28%;}
.quote-btn {    padding: 10px 12px;}
.slider-content {    margin-top: -95px;}   
.layer-1 h1, .layer-1 h2, .layer-1 h3 {    font-size: 26px;    line-height: 32px;}
.layer-2 p {    font-size: 17px;    line-height: 24px;}
.ready-btn {    margin-top: 5px;}   
.about-content h4 {    font-size: 20px;}    
.single-about h5 {    font-size: 12px;}    
.single-service {    padding: 10px 8px;}
.service-content h4 {    font-size: 15px;}
.fun_text > h5 {    font-size: 14px;}
.banner-contact {    float: left;}
.well-services {    padding: 20px 8px;}  
.topbar-area.topbar-2 .topbar-left ul li a, .topbar-area.topbar-3 .topbar-left ul li a{    margin-right: 6px;} 
.header-area-2 .logo a {    padding: 15px 0;}
.header-area-2 .main-menu ul.navbar-nav > li > a {    padding: 26px 0px;    margin: 0px 5px;}
.header-area-2.stick .main-menu ul.navbar-nav > li > a {    padding: 22px 0px;}
.intro-area-2 .slider-content {    margin-top: -60px;}
.header-area-2 .header-right-link a.main-search {    margin: 16px 0px 16px 10px;}
.header-area-2.stick .header-right-link a.main-search {    margin: 12px 0px 12px 5px;}
.header-area-2 .main-menu ul.nav li ul.sub-menu, .header-area-3 .main-menu ul.nav li ul.sub-menu {    left: -30px;}
.header-area-3 .main-menu ul.navbar-nav > li > a {    padding: 25px 0px;    margin: 0px 5px;}
.header-area-3 .header-right-link a.main-search {    margin: 15px 0px 15px 15px;}
.header-area-3 .logo a {    padding: 13px 0;}
.header-area-3.stick .header-right-link a.main-search {    margin: 14px 0px 14px 10px;}
.header-area-3.stick .main-menu ul.navbar-nav > li > a {    padding: 24px 0px;    margin: 0px 5px;}
.header-area.header-area-2.stick .logo a {    padding: 10px 0;}
.header-area-3.stick .logo a {    padding: 13px 0;}
.intro-area-3 .slider-content {    margin-top: -40px;}
.feature-text h4 {    font-size: 16px;}    
.feature-text p {    font-size: 14px;}    
.single-member {    padding: 10px;}    
.table-list {    margin-bottom: 30px;}    
.left-menu ul li a {    font-size: 13px;	padding: 14px 10px;}    
.down-btn {    font-size: 12px;}    
.support-text h4 {    margin-bottom: 15px;    font-size: 20px;}    
.support-text a {    font-size: 16px;}    
.support-text p {    font-size: 15px;    line-height: 24px;}
.mar-row {    margin-top: 30px;    }
.mar-row .single-well {    margin-top: 15px;    margin-bottom: 15px;}   
.project-dec h4 {    font-size: 15px;}    
.project-dec span{   font-size: 13px; }
.project-column-4 .project-single{  width: 33.34%;}    
.project-details h3 {    font-size: 18px;    line-height: 22px;    margin-bottom: 10px;}
.project-details p, .project-details .marker-list li{    font-size: 14px;}
.contact-head h3 {    font-size: 24px;} 
.contact-page .single-contact a i{    margin-right: 5px;}
.contact-page .contact-icon {    padding: 15px 5px;}
.single-contact span {    color: #fff;    font-size: 12px;}
.well-inner {    padding: 30px 10px;}       
.topbar-2 .topbar-left > ul li:last-child, .topbar-3 .topbar-left > ul li:last-child{	display: none;}
.contact-head p {    font-size: 14px;}
.pst-content p a{	font-size: 14px;}
.blog-search-option input {    width: 72%;}
.tab-menu{	margin-top: 30px;}
.page-img.elec-page {    margin-top: 20px;}
.left-blog ul li a {    font-size: 14px;}
.main-well {    padding: 30px 0px 0px;}    
.header-middle-area .header-info {width:30%; margin-left:20%; margin-top: 15px;}
.header-middle-area .header-info:nth-child(3) {display: none;}
.welcome-area .service-content{min-height:635px;}
.welcome-area .service-content h1 {min-height:150px; font-size:20px !important;}
.welcome-area .service-content p {min-height:355px;}
.home-conversions-btn {display: none;}
.about-details {margin-bottom:40px;}
.about-image img {width:100%;}
.home-sump-pump-img {width:100%; margin-bottom:40px;}
.project-dec h4 {font-size:13px;letter-spacing:0px;}
.project-dec span {font-size:11px;}
.footer-content{margin-bottom:80px;}
.single-member .team-img {max-width:200px; width:100%;height:auto;}
.col-md-4 .single-member {min-height:385px;}
.col-md-3 .single-member {min-height:350px;}
.about-faqs {margin-bottom: 50px;}
.breadcrumb { padding:60px 0px 50px 0;}
.diagram-img a img {width:70%; margin:30px 15% 0 15%;}
.drag-up-mob {margin-top: 0 !important;}
img.second-fix-img {width:100%;}
.wine-cellar img{width:100%; margin-bottom:30px;}
h2.waterproof-guarantee-header{ margin-top:45px;}
.contact-page-details{margin-bottom:40px;}
.banner-content .drag-back {padding:25px 0;}
}



@media (max-width: 767px) {
.container {width:300px}
.logo {    height: inherit;    left: 0;    padding: 0;    position: absolute;    top: 8px;    z-index: 999999;    max-width: 150px;}
.logo a {    padding: 0px;}
.pagess::after {    display: none;}
.slider-content, .intro-area-2 .slider-content {    margin-top: -80px;}
.layer-1 h1, .layer-1 h2, .layer-1 h3 {    margin: 5px 0;}
/*.layer-1 h1 {    font-size: 17px;    line-height: 20px;    margin-bottom: 10px;} 
.layer-2 p {    font-size: 13px;    letter-spacing: 0px;    line-height: 20px;}*/
 .ready-btn.right-btn {    margin-left: 5px;}   
.ready-btn {    margin-top: 0px;    padding: 8px 10px;    width: auto;}    
.intro-area {    width: 100%;    height: auto;    /*min-height: 220px;*/}
.intro-content, .slider-images img{    width: 100%;    height: 100%;    /*min-height: 220px;*/}
.section-headline p {    font-size: 14px;}
.well-inner, .well-services{   margin: 10px 0px;}
.section-headline h3 {    font-size: 24px;}
.about-image{    margin-top: 30px;}
.about-content h2, .about-content h4 {    font-size: 20px;}
.single-about {    width: 100%;    float: none;    margin-right: 0%;    margin-top: 20px;}   
.fun_text {    float: none;    width: 100%;    margin-bottom: 30px;}    
.fun_text span {    font-size: 28px;}    
.project-single {    width: 100% !important;    float: none;}    
.service-content h4 {    font-size: 16px;}       
.footer-content {    margin: 20px 0px;;}
.sub-head h4 {    font-size: 23px;}
.banner-content h4 {    font-size: 20px;}
.banner-contact span {    font-size: 16px;    margin-right: 10px;}
.banner-contact span i {    margin-right: 6px;}
.banner-btn {    float: left;    margin-top: 20px;}
.copyright{    text-align: center;    margin-bottom:20px;}
.header-style-3 {    position: static;}
.intro-area-3 .slider-content {    margin-top: -80px;}
.breadcrumb .section-headline h3 {    font-size: 22px;}
.single-feature{    margin: 15px 0px;}
.feature-text h4 {    font-size: 17px;}
.video-inner {    margin-bottom: 30px;}
.faq-content {    margin-top: 30px;}
.error-bot {    font-size: 16px;}
.error-easy-text {    font-size: 20px;}
.high-text {    font-size: 110px;    line-height: 110px;}
.single-well h3 {    font-size: 22px;}
.single-well h4{    font-size: 18px;    margin-top: 15px;}
.marker-list li {    font-size: 14px;}
.project-details h3 {    font-size: 20px;    line-height: 24px;    margin-top: 20px;}
.project-social li {    margin: 5px;}
.project-history {    padding: 30px 10px;}
.project-history h3 {    margin-bottom: 10px;    font-size: 20px;}
.project-name ul li {    font-size: 15px;} 
.project-image img{    margin: 10px 0px;}   
.project-related .project-single{    margin:15px 0px;}
.left-head-blog{    margin-top: 30px;}
.contact-head h3 {    font-size: 20px;}
.contact-head p {    font-size: 15px;}
.welcome-area {    position: relative;    margin-top: 0px;    z-index: 9;}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev, 
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{	display: none;	opacity: 0;}
.video-text h4 {    line-height: 26px;    font-size: 19px;}	
.tab-menu ul.nav li a {    padding: 10px 4px;    margin-right: 0px;    width: 90px;    font-size: 13px;	margin-top: 30px;}
.contact-head {    padding: 40px 15px;    margin: 30px 0px;}
.main-well {    padding: 30px 0px 0px;}
.sub-head p {	margin-bottom: 40px;}	
.blog-search-option input {    width: 75%;}	
.home-conversions-btn {display: none;} 
.home-sump-pump-img {margin-bottom:40px;}
.single-member .team-img {max-width:200px; width:100%;height:auto;}
.about-faqs {margin-bottom: 50px;}
.drag-up-mob {margin-top: 0 !important;}
.wine-cellar img {margin-bottom:30px;}
h2.waterproof-guarantee-header{ margin-top:45px;}
.contact-page-details{margin-bottom:40px;}
.banner-content .drag-back {padding:25px 0;}
.mob-topbar {display:block;}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.fun_text {    float: left;    width: 50%;    margin-bottom: 30px;}
.fun_text span {    font-size: 28px;}
.project-menu li {    display: inline-block;}    
.layer-1 h1, .layer-1 h2, .layer-1 h3 {font-size: 16px;line-height:18px; margin-bottom: 10px;} 
.layer-2 p {font-size:11px;letter-spacing: 0px; line-height: 20px;}
.banner-contact {float: left;padding: 25px 0px;}
.banner-contact span {float: left; display: block; width: 100%;}
.banner-btn {float: left; display: block;    margin-top: 20px;}
.footer-content{margin-bottom:50px;}
.fun_text {min-height: 220px; margin-top:30px;}
.section-headline h2 {font-size:30px; line-height: 34px;}
h2 {font-size:30px; line-height: 34px;}
.breadcrumb { padding:50px 0px 40px 0;}
.breadcrumb ul {display: none;}
.single-services-page .single-well h1 {font-size:24px; line-height: 28px;}
.single-well h2 {font-size:22px; line-height: 26px;}
.sump-pump-img {margin-bottom: 30px;}
.sump-pump h2 {font-size:24px;}
.triton-image img {width:50%; margin:20px 25%;}
.area-padding {padding:50px 0px !important;}
}



@media (max-width:479px) {
.layer-1 h1, .layer-1 h2, .layer-1 h3 {font-size: 14px;line-height:16px; margin-top: 18px; margin-bottom: 10px;} 
.layer-2 p {font-size:11px;letter-spacing: 0px; line-height: 20px;}
.ready-btn { font-size: 11px; margin-top: 0px; margin-bottom:7px;  padding:5px 10px;width: auto;}
.sump-pump-btn {display: none;}
.area-padding {padding:50px 0px !important;}
.quote-icon span { line-height: 24px;font-size:13px; padding-left:60px;}
.banner-content p {font-size: 14px; line-height: 1.5em;}
.footer-content{margin-bottom:50px;}
.about-content h1 {font-size:26px; line-height: 30px;}
.section-headline h2 {font-size:30px; line-height: 34px;}
h2 {font-size:30px; line-height: 34px;}
.breadcrumb { padding:40px 0px 30px 0;}
.breadcrumb ul {display: none;}
.single-well h2 {font-size:22px; line-height: 26px;}
.single-services-page .single-well h1 {font-size:24px; line-height: 28px;}
.tab-menu ul.nav li a {width:auto; padding:10px; }
h2.service-process {font-size:22px; line-height: 28px; }
.sump-pump h2 {font-size:22px;}
.event-content.head-team h5 {font-size: 14px;}
.faq-content h4 {font-size:20px; line-height: 26px; }
.contact-inner a {font-size:12px; }
.sump-pump-img {margin-bottom: 30px;}
}


@media (max-width:320px) {
.layer-1 h1, .layer-1 h2, .layer-1 h3 {font-size: 13px;line-height:14px; margin-top: 20px; margin-bottom: 10px;} 
.layer-2 p {font-size:10px;letter-spacing: 0px; line-height: 14px;}
.ready-btn { font-size: 10px; margin-top: 0px; margin-bottom: 10px; padding:5px 7px;width: auto;}
.banner-content p {font-size: 14px; line-height: 1.5em;}
.footer-content{margin-bottom:30px;}
.faq-content h4 {font-size:18px; line-height: 22px; }
}

