@media only screen and (max-width: 1560px) {
    .home-about .custom-container {
        justify-content: flex-start;
    }

    .home-why-container {
        gap: 3rem calc(33.33% - 280px);
    }

    .home-why-card {
        width: 210px;
        padding: 0 1rem 1rem 0;
    }

    .home-why-card img {
        width: 70px;
        height: 70px;
    }


}

@media only screen and (max-width: 1440px) {
    .home-about .custom-container {
        justify-content: flex-start;
        gap: 6rem;
    }

    .home-about-lft {
        width: 722px;
    }

    .home-about-lft h2 {
        line-height: 1;
    }

    .home-about-list {
        margin-top: 1rem;
        gap: 2rem;
    }

    .home-about-ryt img:nth-child(1) {
        width: 370px;
    }

    .home-about-ryt img:nth-child(2) {
        width: 400px;
    }

    .home-about-ryt img:nth-child(3) {
        width: 220px;
    }

    .home-products-card div h4 {
        padding: 0.8rem 1rem;
    }

    .home-craft-list {
        width: 800px;
        gap: 30px;
    }

    .home-craft-list div {
        width: 246px;
    }

    .home-craft-list img {
        width: 246px;
    }

    .home-why>img:nth-child(3) {
        bottom: 11%;
    }

    .home-why>img:nth-child(4) {
        bottom: 27%;
    }
}

@media only screen and (max-width: 1320px) {
    .home-about-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-about-lft {
        width: 550px;
    }

    .home-about .custom-container {
        justify-content: space-evenly;
    }

    .home-why-container {
        gap: 4rem calc(50% - 320px);
    }

    .custom-container {
        width: 90%;
    }

    .dark-button span {
        width: 180px;
    }
    
    .why-img1{
        bottom: -7rem;
    }
    
    .why-img2{
        bottom: -4rem;
    }
    
      .jobportal-flex{
            gap: 2rem;
        }
            
    .job-card{
        width: calc(33.3% - 1.33rem);
    }
    
    .packaging-row-flex{
        width: 90%;
        margin: auto;
    }
}

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

    .header-links-head,
    .header-links-contact {
        display: none;
    }

    .hamburger-links-head.mobile-menu-set {
        display: flex;
    }

    .bannerImg {
        object-position: right top;
    }

    .home-banner h1 {
        left: unset;
        right: calc(8% + 125px);
    }

    .home-banner p {
        top: calc(35% + 152px);
        left: unset;
        right: 8%;
    }

    .home-connect {
        flex-direction: column;
    }

    .home-connect-news {
        max-width: unset;
    }

    .home-slider .swiper {
        width: 100%;
    }

    .home-products-list {
        gap: 2rem;
    }

    .home-products-card {
        width: calc(50% - 1rem);
    }
    
    .csr-slider .swiper-pagination{
        top: unset;
    }
}

@media only screen and (max-width: 1080px) {
    .home-about .custom-container {
        flex-direction: column;
        align-items: center;
    }

    .home-about-lft {
        width: 100%;
    }

    .home-about-list {
        flex-direction: row;
        align-items: center;
    }

    .product {
        width: calc(50% - 1.5rem);
    }

    .home-colors-list {
        width: 100%;
        gap: 2rem;
    }

    .home-colors-card {
        width: calc(33.33% - 1.34rem);
    }

    .quick-box {
        max-width: 500px;
        width: 100%;
        padding: 3rem 1rem;
    }
    
    .job-card div h4{
        font-size: 20px;
    }
    
    .product-signin .custom-container{
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }
    
    .product-signin form{
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 1rem;
    }
    
    .product-signin form input[type="email"]{
        padding: 0.8rem 2rem 0.8rem 0.8rem;
    }
    
    
}

@media only screen and (max-width: 960px) {
    
    
     .banner-stones{
         display: none;
     }
    
    
    h2 {
        font-size: 4rem;
    }

    .home-about .custom-container {
        gap: 3rem;
    }

    .home-colors .custom-container h2 span {
        font-size: 4rem;
        position: static;
        padding-left: 1rem;
    }

    .home-about-lft h3 {
        font-size: 1.5rem;
    }

    .home-about-lft>p {
        font-size: 1rem;
    }

    .home-about-list>p {
        font-size: 1rem;
    }

    .home-products .custom-container>h3 {
        font-size: 1.5rem;
    }

    .home-colors .custom-container h3 {
        font-size: 1.5rem;
    }

    .home-colors .custom-container h4 {
        font-size: 1.5rem;
        gap: 1.5rem;
    }

    .home-craft .custom-container > h3 {
        font-size: 1.5rem;
    }

    .home-craft .custom-container>p {
        font-size: 1.3rem;
    }

    .home-craft-list div h4 {
        font-size: 1.5rem;
    }

    .home-craft-list div p {
        font-size: 1rem;
    }

    .home-craft-list {
        width: 100%;
    }

    .home-craft-list div {
        width: calc(50% - 25px);
        aspect-ratio: 9 / 16;
    }

    .home-craft-list > img {
        width: calc(50% - 25px);
        aspect-ratio: 9 / 16;
        object-fit: cover;
        object-position: center;
    }
    .home-why-container {
        width: 100%;
    }
    .home-why>img:nth-child(1) {
        display: none;
    }
    .home-why>img:nth-child(2) {
        display: none;
    }
    .home-why>img:nth-child(3) {
        display: none;
    }
    .home-why>img:nth-child(4) {
        display: none;
    }
    .slider-content {
        transform: none;
    }
    .slider-content h3 {
        font-size: 1.5rem;
    }
    .slider-content p {
        font-size: 1rem;
    }

    .home-blog .custom-container>h3 {
        font-size: 1.5rem;
    }






    .colors-container {
        flex-direction: column;
        align-items: flex-start;
    }








    .csr-des .custom-container {
        flex-direction: column-reverse;
        align-items: center;
    }

    .csr-des-lft {
        width: 100%;
        max-width: unset;
        padding: 0;
    }
    
    .csr-des .custom-container > img {
        width: 100%;
    }

    .csr-des-lft p {
        line-height: 1.3;
    }

    .csr-slider .swiper-slide {
        flex-direction: column;
        align-items: center;
    }

    .csr-slider .swiper-slide > img {
        max-width: 500px;
        align-self: auto;
        width: 100%;
    }

    .csr-slider .swiper-slide > div {
        width: 100%;
        max-width: unset;
    }

    .granite-block-content .custom-container {
        flex-direction: column;
    }

    .why-img3 {
        display: none;
    }

    .why-img4 {
        display: none;
    }

    .granite-block-content p {
        width: 100%;
        font-size: 18px;
    }
    
    .career-page h2{
        font-size: 32px;
    }
    
    .why-img1{
        bottom: -5rem;
    }
    
    .why-img2{
        bottom: -3rem;
    }
    
    .btn-pos{
        position: unset;
    }
    
    
    .job-card{
        width: calc(50% - 1rem);
    }
    
    .packaging-col{
        width: 100%;
        align-items: center;
    }
    
    .packaging-col strong{
        text-align: center;
    }
    
    .manu-left{
        text-align: center;
    }
    
    .packaging-col p{
        max-width: unset;
    }
    
    .column-reverse{
        flex-direction: column-reverse;
    }
    
    .product-detail-flex{
        align-items: center;
        gap: 2rem;
        justify-content: flex-start;
    }
    
    .product-left{
        width: 50%;
    }
    
    .product-right{
        width: 100%;
    }
    
    .product-inner-section{
        padding: 4rem 0;
    }
    
    .export-section{
        padding: 4rem 0;
    }
    
}

@media only screen and (max-width: 840px) {
    .home-products {
        padding: 4rem 0;
    }
    .home-colors {
        padding: 4rem 0;
    }
    .home-colors>img:nth-child(3) {
        display: none;
    }
    .home-colors>img:nth-child(4) {
        display: none;
    }
    .home-colors-detail p {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .home-colors-detail {
        width: 100%;
        gap: 1rem;
    }
    .home-craft {
        padding: 4rem 0;
    }
    .home-craft .custom-container {
        gap: 2rem;
    }

    .home-why {
        padding: 4rem 0;
    }

    .home-why .custom-container {
        gap: 3rem;
    }

    .home-blog-container > .home-blog-card {
        width: 100%;
    }

    .home-blog-split {
        width: 100%;
    }

    .home-blog-split>.home-blog-card {
        aspect-ratio: unset;
    }

    .home-blog {
        padding: 4rem 0;
    }

    .home-connect-container {
        padding: 4rem 5%;
        flex-wrap: wrap;
    }




    .product-banner h1{
        font-size: 2rem;
    }
    
    

    .why-img1{
        bottom: -1rem;
    }
    
    .why-img2{
        bottom: -1rem;
        width: 140%;
    }



    .certificate-list {
        padding: 4rem 0;
    }

    .certificate-des {
        padding: 4rem 0;
    }
    
    .product-banner{
        height: 50vh;
    }
    
    .product-banner .product-banner-img{
        height: 100%;
    }
    
    .export-col{
        width: 100%;
        background: #0008;
        padding: 0 1rem;
    }
    
    .home-colors.colors-btm{
        padding: 3rem 0 8rem;
    }
    


}

@media only screen and (max-width: 720px) {
    .all-products-flex {
        gap: 3rem 2rem;
    }

    .product {
        width: calc(50% - 1rem);
    }

    .footer-section1 {
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
    }

    .footer-section2 {
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
    }

    .footer-section2-address {
        border: unset;
    }

    .footer-section2-links>div h2 {
        transform: none;
    }

    .home-about-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-about-list>img {
        display: none;
    }

    .home-why-container {
        gap: 4rem calc(100% - 420px);
    }

    .home-colors-card {
        width: calc(50% - 1.34rem);
    }

    .home-connect-news {
        padding: 3rem 5%;
    }

    .home-connect-news form {
        flex-wrap: wrap;
    }




    .csr-slider .swiper-slide > div {
        padding: 1rem;
    }
    
     .product-left{
        width: 100%;
    }
    
    .product-inner-section{
        padding: 3rem 0;
    }
    
    .product-detail-table tr{
        gap: 0.4rem;
    }
    
    .product-detail-table tr td:nth-child(1){
        font-size: 15px;
    }
    
    .product-detail-table tr td:nth-child(2){
        font-size: 12px;
    }
    
    .inner-banners{
        height: 35vh;
    }
    
    .inner-banners img{
        object-fit: cover;
        height: 100%;
    }
    
    .horiz-certificate {
        flex-wrap: wrap;
    }
    
    .horiz-certificate div:nth-child(1),
    .horiz-certificate div:nth-child(2),
    .horiz-certificate div:nth-child(3){
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .header-logo {
        width: 200px;
    }
    
    .header-logo img{
        width: 150px;
    }

    /*.home-banner {*/
    /*    height: 100vh;*/
    /*}*/

    .bannerImg {
        display: none;
    }
    
    .mob-banner{
        display: flex;
        width: 100%;
    }

    .home-banner h1 {
        top: 29%;
        left: 5%;
        width: 150px;
        font-size: 1.1rem;
    }

    .home-banner p {
        font-size: 3.6rem;
        top: calc(25% + 152px);
        left: unset;
        right: 15%;
    }
    
    .home-about-lft{
        gap: 2rem;
    }
    
    .home-about-lft h3::after{
        bottom: 133%;
    }

    .dark-button span {
        padding: 0.5rem;
        width: 100%;
        font-size: 14px;
    }

    .product>a:nth-child(2) img {
        width: 27px;
        padding: 0.5rem;
    }

    .all-products-flex {
        gap: 2rem 1rem;
    }

    .product {
        width: calc(50% - 0.5rem);
    }

    .dark-button {
        width: 100%;
    }

    .home-products-card {
        width: 100%;
    }

    .home-colors-card {
        width: 100%;
        gap: 0.7rem;
    }

    .slider-content {
        top: 0;
        bottom: unset;
        min-height: unset;
        position: static;
        width: 100%;
        max-width: unset;
    }
    
    .home-slider .swiper-slide {
        padding-bottom: 4rem;
    }
    
    
    .home-colors-card::after {
        top: 100%;
    }
        
.packaging-col .pack-mob{
            width: 100%;
        }

    .granite-block-content{
        padding: 3rem 0;
    }
    
    .products-page-section{
        padding: 3rem 0;
    }
    
    .product-signin h3{
        font-size: 1.8rem;
        font-weight: 500;
        margin-bottom: 0.8rem;
    }
    
    .product-signin p{
        font-size: 16px;
        letter-spacing: unset;
    }




    .colors-container div{
        flex-direction: column;
        align-items: flex-start;
    }

    .home-colors-list {
        margin-top: 2rem;
    }

    .home-blog{
        padding: 3rem 0;
    }

    .home-product-swiper .swiper-slide{
        flex-direction: column-reverse;
        gap: 0.8rem;
        padding: 0 2.5rem;
    }
    
    .product-des-swipe{
        width: 100%;
    }
    
    .product-img-swipe{
        width: 100%;
    }
    
    .home-blog-split>.home-blog-card{
        overflow: hidden;
    }
    
    .home-blog-card img{
        height: unset;
    }
    
    .home-blog-content{
        position: unset;
        display: flex;
        flex-direction: column;
    }
    
    .home-blog .custom-container>h3{
        font-size: 2rem;
    }
    
    .home-connect-frame{
        gap: 1rem;
    }
    
    .home-connect-news h3{
        font-size: 1.5rem;
    }
    
    .home-connect-frame h2{
        font-size: 2rem;
    }
    
    .certificate-list{
        padding: 3rem 0;
    }


    .inner-page-banner h1 {
        font-size: 2rem;
        bottom: 3rem;
    }
    
    
     .job-card{
        width: 100%;
        padding: 1rem;
    }
    
    .inner-page-banner{
        height: 40vh;
    }
    
    .product-banner{
        height: 35vh;
    }
    
    .why-img1{
        bottom: 0rem;
    }
    
    .product-signin form input[type="email"]{
        width: unset;
    }
    
    .packaging-col p{
        padding: 0;
    }
    
    .dark-button img{
        width: 37px;
    }
    
    .certificate-des .custom-container ol li{
        font-size: 16px;
    }
    
    .export-col p{
        padding: 0;
    }
    
    .csr-des-lft h3{
        font-size: 20px;
        font-weight: 500;
        /*text-align: start;*/
    }
    
    .export-section{
        background-image: url('../assets/images/ExportMB.png');
        height: 65vh;
        padding: 3rem 0 0;
    }
    
    .export-col{
        background: unset;
        padding: 0;
    }
    
    .packaging-row-bg .packaging-col:nth-child(1) img{
        width: 100%;
    }
    
    .home-colors-card.unset-after::after{
            background-color: #F29325;
        }

       .csr-slider .swiper-pagination{
            top: undet;
        }
        .csr-slider{
            background-color: #EAD6D5;
            padding-bottom: 2rem;
        }
        
        .product-detail-content p{
            text-align: justify;
        }
        
        .product-button-flex{
            flex-direction: column;
        }
}

@media only screen and (max-width: 480px) {
    h2 {
        font-size: 3rem;
        -webkit-text-stroke-width: 1px;
    }

    .home-colors .custom-container h2 span {
        font-size: 3rem;
    }

    .header-logo {
        width: 140px;
    }

    header.active .header-logo {
        width: 140px;
    }
    .home-about-ryt img:nth-child(1) {
        width: 86%;
    }

    .home-about-ryt img:nth-child(2) {
        width: 85%;
    }

    .home-about-ryt img:nth-child(3) {
        width: 50%;
    }
    .home-why-container {
        gap: 2rem calc(100% - 300px);
    }
    .home-why-card img {
        width: 60px;
        height: 60px;
        padding: 0;
    }

    .home-why-card {
        width: 150px;
    }
    
    .home-craft-list{
        gap: 20px;
    }

    .home-craft-list div {
        padding: 0 0 1rem 1rem;
        width: calc(50% - 10px);
    }
    
    .home-craft-list > img{
       width: calc(50% - 10px); 
    }

    .home-craft-list div h4 {
        padding: 1rem 0;
        font-size: 1.1rem;
        line-height: 1.2;
    }

    .home-craft-list div p {
        font-size: 0.9rem;
        line-height: 1.1;
    }

    .home-why-card h3 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .home-why-card p {
        font-size: 0.9rem;
    }

    .home-colors>img:nth-child(1) {
        bottom: 0%;
    }
    
    .home-connect-frame p {
        width: 100%;
        font-size: 1.3rem;
    }









    .certificate-list .custom-container img {
        width: 100%;
    }

    .certificate-des .custom-container h3 {
        font-size: 1.5rem;
    }

    .certificate-des .custom-container p {
        font-size: 1rem;
        line-height: 1.3;
    }










    .csr-slider .home-colors {
        display: none;
    }
}

@media only screen and (max-width: 360px) {
    .header-logo {
        width: 120px;
    }

    .home-why-container {
        gap: 2rem;
        flex-direction: column;
        align-items: center;
    }

    header.active .header-logo {
        width: 120px;
    }

    .home-why-container {
        gap: 3rem calc(100% - 420px);
    }
}