@media screen and (min-width:200px) and (max-width:683px) {
    body {
        font-size: 85%;
    }

    :root {
        --btnradius: 80px;
        --radius: 50px;
        --small-radius: 30px;
    }

    .container {
        width: 85%;
    }
    .banner {
        height: 60vh;
    	min-height: 600px;
        padding: 100px 0 0 0;
    }
/* 	.home .banner {
     	 height: 60vh;
    	min-height: 550px;
        padding: 100px 0 0 0;
    }
	.home .carousel  {
	 	height: 60vh;
    	min-height: 550px;


}

		.home .carousel-cell  {
				height: 60vh;
				min-height: 550px;
		} */
    h1 {
        font-size: 8em;
    }
    .banner-text span {
        font-size: 2em;
    }
    .banner-bottom {
        margin: 130px 0 0 0;
    }
    .banner-bottom p {
        font-size: 1.4em;
    }
    .p-both {
        padding: 50px 0;
    }
    .two-block-sec h2 {
        font-size: 4.5em;
    }
    .block-img {
        height: 250px;
    }
    .block-img strong {
        font-size: 1.6em;
		padding: 0 30px;
    }
    .flex {
        flex-wrap: wrap;    
    }
    .g-20 {
    gap: 10px;
}
    .two-block-sec .flex {
        flex-wrap: nowrap;
    }
    h2 {
        font-size: 4em;
    }
	.navbar-links ul li a {
    font-size: 1.5rem; 
		line-height:1.2;
}
    .left-block {
    width: 100%;
}
    .block-sec img {
        height: 300px;
    }
    strong {
        font-size: 4em;
    }
	.link {
 
    padding: 10px 0;
   
}
	.collection-list .flex {
    border-top: 1px solid var(--secondmaincolor);
    padding: 20px 0;
}
	.collection-list-block {
        margin: 20px 0 0 0;
    }

	.collection-sec-content {
    text-align: center;
    padding: 10px 0 50px 0;
	}
    .padding-both {
    padding: 2rem;
}
    .right-block {
    width: 90%;
        margin: 0 auto;
}
    .text-sec-block h4 {
        max-width: 100%;
    margin: 0 auto;
    width: 100%;
    text-transform: uppercase;
    }
    h4 {
        font-size: 2.8em;
    }
    .product-sec a {
        width: 100%;
    }
    .m-both {
    margin: 50px 0;
} 
    .product-sec .product-block {
        height: 250px;
    }
    .product-sec .flex {
        gap: 20px;
    }
    .logo-text-block {
    width: 100%;
} 
    .text-logo {
        width: 20%;
    }
    .discover {
        height: 500px;
    }
    .discover h4 {
        font-size: 2.5em;
    }
    .footer-logo {
        width: 100%;
    }
    .footer-nav {
    width: 100%;
    display: flex;
    gap: 20px;
        margin: 20px 0 0 0;
}
    .set {
    width: 50%;
}
    .footer-logo img {
    max-width: 150px;
}
    .bottom-footer {
    padding: 25px 0 0 0;
    border-top: 1px solid #656363;
    margin: 50px 0 0 0;
}
    .collection-banner {
        height: 110vh;
        min-height: 500px;
    }
    .left-sec {
    width: 100%;
}
    .middle-sec {
    width: 100%;
        margin: 20px 0 10px 0;
}
    .middle-sec b {
    width: 25%;
}
    .last-sec {
    width: 100%;
    text-align: left;
}
    .size-list img {
    max-width: 200px;
}
    p {
        font-size: 1.5em;
    }
	.sustain-block {
    width: 27.4%;
    z-index: 2;
}
    .img-sustain {
   margin: 0 auto;
    width: 100px;
    height: 100px;
    }
    .g-50 {
        gap: 20px;
    }
    .sustain-services .flex {
        justify-content: center;
    }
    .img-set img {
        height: 400px;
    }
    .detail-image-full img {
        height: 50vh;
    }
    .collection-list-block img {
        height: 200px;
    }
    .collection-block {
    width: 100%;
}
    .collection-list-block {
    margin: 50px 0 0 0;
}
    .banner.half-height {
    height: 30vh;
    min-height: 300px;
}
    .inner-text strong {
    font-size: 4em;
}
    .contact.flex {
    gap: 15px;
}
    .contact-form-sec {
    padding: 50px 0;
}
    .input-group {
        margin-bottom: 0;
    }
    .insight-detailed-page .text-block-sec img {
        height: 200px;
    }
    .detailed-block-head {
    margin: 200px 0 0 0;
}
    .deatiled-sec-block {
    margin: 0 0 0 0;
}
    .insight-list .collection-block img {
        height: 250px;
    }
    .insight-list .collection-block h3 {
    max-width: 100%;
    padding: 0 20% 10px 0;
    font-size: 1.7em;
}
    .no-bg h2 {
    font-size: 3.3em;
}
    .inner .block-sec-content.padding-both {
        padding: 2rem 0;
    }
    .block-sec.relative {
    margin: 0 0 100px 0;
}
    .video-container video {
        height: 500px;
    }
    .play-button-wrapper {
        width: 100%;
    }
    .text-wrap {
    padding: 0 0 0 0;
}
    .sustainability-half .full-width {
    width: 100%;
}
    .inner .sustainability-half .block-sec-content.padding-both {
    width: 90%;
}
    .block-sec .text-logo.sustain-width img {
        max-width: 100%;
    }
    .second-conent-sec.detailed-block-head {
        margin: 0 0 0 0;
    }
}

@media screen and (min-width:684px) and (max-width:1024px) {
    body {
        font-size: 85%;
    }



    .container {
        width: 90%;
    }



}

@media screen and (min-width:1024px) and (max-width:1550px) {

    body {
        font-size: 85%;
    }

}