@media (min-width: 768px)
{
	.hero{
		height: 100vh;
	}
	.hero h1{
    	font-size: 68px;
	}
	.about-built-right-pools-sec h2, .awards h2{
		font-size: 48px;
	}
	.menuwrapper{		
    	padding-bottom: 50px;
	}
	.sec-padding{
		padding:60px 0;
	}
	.pool-range-slider ul {
	    padding: 0;
	    width: 75%;
	    margin: 0 auto;
	}
	.pool-range-slider .img-holder {
	    left: 12%;
	    right: 12%;	    
	}
	.slick-prev{
	    left: -25px !important;
	}
	.slick-next{
	    right: -25px !important;
	}
	.fmenu li{
		display: inline-block;
	}
	.fmenu li a{
		font-size: 12px;
		padding: 5px 10px;
	}
	.mclose{
		top: 50px;
		right: 50px;
	}
	.about-our-services .sbox{
	    border-right: 1px solid #dee3e6;
	}
	.diy-header:before{
	    position: absolute;
	    right: 0;
	    top: 0;
	    content: "";
	    width: 50%;
	    height: 100%;
	}
	.diy-header .sep {
	    width: 130%;
	}
}

@media (min-width: 992px)
{
	.menuwrapper{		
    	padding-bottom: 150px;
    	align-items: flex-end;
	}	
	.mlogo,
	.mmenu,
	.mphonecnt{
		margin-bottom: 0px;
	}	
	.mcontainer{
		padding: 50px 10px;	
	}	
	.contactwrappercontainer{
		padding: 50px 40px;
	}
	.nav-link{
		font-size: 25px;
	}
	.highlightbox-content{
		position: absolute;
		left: -1px;
		width: 355px;
		background-color: #fff;		
		padding: 40px 60px;
	}
	.ctop .highlightbox-content{
		top: -15%;
	}
	.cbottom .highlightbox-content{
		bottom: -15%;
	}
	.webp .the-dream-thumb{
		background: url(../images/webp/the-dream-bg.webp);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.no-webp .the-dream-thumb,
	.no-js .the-dream-thumb{
		background: url(../images/the-dream-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.webp .diy-pools-thumb{
		background: url(../images/webp/diy-pools-bg.webp);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.no-webp .diy-pools-thumb,
	.no-js .diy-pools-thumb{
		background: url(../images/diy-pools-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.webp .above-ground-pools-thumb{
		background: url(../images/webp/above-ground-pools.webp);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.no-webp .above-ground-pools-thumb,
	.no-js .above-ground-pools-thumb{
		background: url(../images/above-ground-pools.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.webp .pool-range-thumb{
		background: url(../images/webp/pool-range-bg.webp);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.no-webp .pool-range-thumb,
	.no-js .pool-range-thumb{
		background: url(../images/pool-range-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.the-dream-thumb img,
	.diy-pools-thumb img,
	.pool-range-thumb img,
	.above-ground-pools-thumb img{
		/*visibility: hidden;*/
		width: 100%;
		height: 100%;
	}
	.hright{
		padding-top: 10vh;
	}
	.hleft .first{
		margin-top: -10vh;
		position: relative;
	}
	.about-built-right-pools-sec{
		padding-bottom: calc(10vh + 60px);
	}
	.highlights{
		padding: 0;
	}
	.btmrow{
		margin-top: 100px;
	}
	.btmrow .cbottom .highlightbox-content{
		right: 0;
		left: auto;
	}
	
	.about-our-services .sbox.last{
		border: none;
	}
	.firstrow:before,
	.secondrow:before{
	    position: absolute;
	    top: 0;
	    width: 50%;
	    height: 100%;
	    content: "";
	}
	.firstrow:before{
		left: 0;
	}
	.secondrow:before{
		right: 0;
	}
	.webp .firstrow:before{
	    background: url(../images/webp/ocean-thumb.webp);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	}
	.no-webp .firstrow:before,
	.no-js .firstrow:before{
	    background: url(../images/ocean-thumb.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	}
	.webp .secondrow:before{
	    background: url(../images/webp/pool-surround-thumb.webp);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	}
	.no-webp .secondrow:before,
	.no-js .secondrow:before{
	    background: url(../images/pool-surround-thumb.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	}
	.diy-header:before{
	    width: 60%;
	}
	.mainnav li a.mannavlink{
	    font-size: 18px;
	}
	.mainnav li a.mphone {
    	font-size: 18px;
	}
	.mainnav li a.mphone i{
	    font-size: 18px;
	}
	.mainnav li{
		padding: 0px 20px;
	}
}

@media (min-width: 1200px)
{
	.container{
		width: 100%;
		max-width: 100%;
	}
}
@media (min-width: 1500px)
{
	.container{
		width: 100%;
		max-width: 1500px;
	}
}

@media (max-width: 991px)
{
	.firstrow,
	.firstrow .row,
	.secondrow,
	.secondrow .row
	{
		padding: 0 !important
	}
}

@media (max-width: 600px)
{
	.navbar-brand img,
	footer img,
	.menuwrapper img.img-fluid{
		max-width: 180px !important;
	}
	.mtrigger{
		font-size: 15px !important;
	}
	.mtrigger img{
		max-width: 35px !important;
	}
	.pool-range-sec h1{
		font-size: 40px !important;
	}
}

@media (max-width: 991px)
{

	.about-our-services .sbox.second,
	.about-our-services .sbox.last{
		border: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px)
{
	.steps .col-lg-4.mb-4{
    	-ms-flex: 0 0 50% !important;
    	flex: 0 0 50% !important;
    	max-width: 50% !important;
	}
}