@media screen and (max-width:  991px){


html{
    font-size: 14px;
}


p{
	font-size: 1.1rem;
}

.contact-wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

	.custom_header {
	    background-color: #fff;
	}
	.header-white .cart-options a {
	    color: #fff;
	}

	.why-choose-us .why-inner .box:nth-child(1) {
	    flex-basis: 100%;
	        margin-bottom: 20px;
	            margin-top: 0;
	}

	.why-choose-us .why-inner .box h2 span {
	    display: inline;
	}

	.why-choose-us .why-inner .box {
	    position: relative;
	    margin-top: 30px;
	}

	 .navbar {
        display: flex;
        justify-content: space-between;
    }

/*    .navbar-brand {
        order: 2;
    }

    .header-contact {
        order: 3;
        padding-right: 10px;
    }
*/
    .what-we-do .inner-wrap:before{
    	display: none;
    }

    .features-section .box {
	    padding: 1rem;
	    border: 1px solid #e1e1e1;
	    /*margin-bottom: 1rem;*/
	    border-radius: 10px;
	}



}


@media screen and (max-width:  768px){

	.main_header .nav-link{
		color: #000;
	}


	.custom_header .logo-white {
	    display: none;
	}

	.custom_header .logo-black {
	    display: block !important;
	}


	.breadcrumb-wrap .inner-wrap img {
	    height: 200px;
	    object-fit: cover;
	    object-position: center;
	}

	.apply-section .inner-wrap{
		margin-bottom: 15px;
	}

	.apply-section .inner-wrap p {
	    min-height: auto;
	    margin-bottom: 10px;
	}
	.apply-section .inner-wrap{
		min-height: auto;
	}
	
	.blog-slide{
		margin: 0;
	}

	.blog-slide .blog-list-box{
		margin: 0 5px;
	}

	.content-wrap {
	    padding: 1.5rem 0; 
	}

	.content-wrap h2 {
	    font-size: 2rem;
	    line-height: 2.5rem;
	}

	.what-we-do .inner-wrap{
		padding: 2rem;
	}
	.what-we-do .inner-wrap h2{
		font-size: 1.6rem;
		line-height: 2.2rem;
		font-weight: 400;
	}

	.features-section .box {
	    padding: 1rem;
	    border: 1px solid #e1e1e1;
	    border-radius: 10px;
	    box-shadow: none;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    gap: 15px;
	}

	.features-section .box .image-box {
	    margin: inherit;
	}

	.newsletter-section h3{
		font-size: 30px;
	}

	.carousel .carousel-inner .carousel-item {
/*	    height: 250px;*/
	}

	.features-display{
		gap: 7px;
	}

	.features-section{
		margin-top: 40px;
	}

	.breadcrumb-wrap .inner-wrap .content-overlay {
	    padding: 2rem;
	    align-items: flex-end !important;
	}

	.breadcrumb-wrap .inner-wrap .content-wrap h2 {
	    font-size: 1.8rem;
	}

	.breadcrumb-wrap .inner-wrap .content-overlay {
	    padding: 2rem;
	}

	.breadcrumb-wrap .inner-wrap .content-wrap h2 {
	    font-size: 1.5rem;
	}

	.manufacturing-process-bar .inner-wrap {
	    max-width: 100%;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    border-radius: 10px;
	    margin: 2rem 0;
	    gap: 0;
	}

}



@media screen and (max-width: 667px){

	.product-carousel .carousel-inner {
    padding: 50px 15px;
}

.about-product .image-box{
	margin-bottom: 0;
}
.smart-features-list .list-item {
    flex-direction: column-reverse;
    margin-bottom: 2rem;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.smart-features-list.reverse .list-item {
    flex-direction: column-reverse;
    width: 100%;
    justify-content: flex-end;
    
}

.smart-features-list.center {
    justify-content: center;
}
.smart-features-list.center .list-item {
    /* flex-wrap: wrap; */
    /* flex-direction: row-reverse; */
    /* text-align: center; */
}

.features-panel-center .image-wrap {
    margin: 1rem;
}

.smart-features-list {
    display: flex;
}
.smart-features-list .list-item h4 {
    text-align: center;
        max-width: 110px;
}

	.why-choose-us .why-inner .box {
	    position: relative;
	    margin-top: 30px;
	    flex-basis: 50%;
	}

	.why-choose-us .why-inner .box:before {
	    width: 1px;
	    height: 100%;
	    background: #dedede;
	    left: -22px;
	    position: absolute;
	}

	.what-we-do .inner-wrap:before{
		display: none;
	}

	.testimonial-section .col:before {
	    left: auto;
	    right: 0;
	    transform: none;
	}

	.pool-bg {
	    display: none;
	}

	.products-slide {
	    margin: 0px;
	}

	.carousel-item .caption {
	    bottom: 0;
	    padding: 1rem;
	    display: none;
	}

	.main_header{
		/*padding: 0;*/
	}

	footer .widget{
		margin-bottom: 20px;
	}

	.lounge-chairs .content-image-wrap {
	    height: auto;
	    margin-bottom: 10px;
	}

	.carousel-item .caption h2 {
	    font-size: 1.2rem;
	    line-height: 2rem;
	    margin-bottom: 0;
	    padding: 0.5rem;
	}

	.btn-animate span {
	    padding: 12px 20px;
	    font-size: 14px;
	}

	.sec-padding{
		padding: 40px 0;
	}

	.section-header h2 {
	    font-size: 2rem;
	}

	.section-header {
	    padding: 15px 0;
	}

	.hot-selling-section .content-box{
		padding: 20px;
	}

	.why-us {
	    margin-top: 0;
	    position: relative;
	}

	.best-seller-slide .content-box a{
		transform: translateX(0%);
		position: relative;
		left: auto;
	}
	.best-seller-slide .col{
		height: 200px;
	}

	.interior-section .inner-wrapper .col .content-box{
		padding: 30px;
	}


	.interior-section .inner-wrapper .col{
		align-items: center !important;
	}

	.interior-section .inner-wrapper .col,
	.interior-section .inner-wrapper .col:hover{
   	   background-size: cover;
	}

	.video-wrapper{
		border-radius: 0;
	}

	.video-content{
		text-align: center;
	}

	.video-content {
    	padding: 20px 40px;
	}

	.why-box {
	    margin: 20px;
	}

	.service-list-item{
		min-height: auto;
	}

	.what-we-do .image-box img{
		bottom: -26px;
	}

	.certificate-section .item-wrap {
	    text-align: center;
	    margin: 2rem;
	}

	.title-top{
		font-size: 1.1rem;
	}


	.manufacturing-process-bar .inner-wrap {
	    max-width: 100%;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    border-radius: 10px;
	    margin: 2rem 0;
	    gap: 0;
	}
.orange-jumbotron-panel .inner-wrap {
    border-radius: 20px;
    padding: 2rem;
}

.eco-freindly-section:after{
	background: #ddecdd;
}


.quote-sustainability:after{
	display: none;
}

.quote-sustainability:before{
	    opacity: .1;
}

.gallery-wrapper{
	columns: 2;
}

}

@media screen and (max-width:576px){

	.testimonial-section .container{
		max-width: 90%;
		padding: 20px;
	}
	.eco-freindly-section .bottom-text {
	    margin-top: 0;
	    padding: 25px 0;
	    color: #000 !important;
	}

	.main-image-wrap{
		max-width: 480px;
		height: 340px;
		margin: auto;
	}

	.image-home-about .about-img-1{
		left: 0;
	}

	.image-wrap-one .image-two {
    max-width: 205px;
    height: 265px;
}

.image-wrap-one .image-one {
    max-width: 250px;
    height: 300px;
}

.about-banner-section .inner-wrap{
	padding: 2rem;
}

.image-wrap-three .item-wrap{
	height: 175px;
}
}