html{
    overflow-x:hidden;
}
@media (max-width:1440px) {
    .navbar-brand img{ 
        width: 118px;
    }
    
}
@media (max-width:1399px) {
    .banner-text h1{
        font-size: 62px;
    }    
}
@media (max-width:1378px) {
   a.nav-link{
    font-size: 15px;
   }

}
@media (max-width:1327px) {
    a.nav-link {
        font-size: 15px;
        padding: 8px 3px !important;
    }
     header .primary-btn {
        padding: 5px 14px;
        border-radius: 30px;
        background-color: var(--primary-color);
        color: var(--secondary-text-color);
        font-family: var(--font-satoshi);
        font-size: 16px;
        transition: 0.3s;
        margin: 0px 7px;
        position: relative;
    }.prod-right-content{
        left: 124px;
        
    }

}
@media (max-width:1199px) {
    .banner-text h1{
        font-size: 37px;

    }
   
}
@media (max-width:1024px) {
    button.slick-prev.slick-arrow{
     left:-11px;   
    }
}
@media (max-width:991px) {
    .banner-text {
        padding-left: 0px;
    }
    .product-content{
        padding-left: 0;
    }
    .company-content{
            margin-bottom: 40px;
    }
    .product-heading{
        justify-content: center;
    }
    .w-app{
        left: 86%;
    }
    .quality-img{
        justify-content: center;
    }
}

@media only screen and (min-width: 764px) and (max-width: 1060px) {
  .a-banner-content h3 {
    font-size: 42px;
  }
}
@media (max-width:768px) {
    .h-banner{
            height: 689px;
                padding-left: 16px;

    }
    .h-banner-content h3{
        font-size: 38px;

    }
    .h-banner-content p{
            font-size: 19px;

    }
    .future-content p{
        padding-right:0px;
    }
    .banner{
        height:470px;
    }
    .a-banner-content p{
            font-size: 20px;
    }
    .a-banner-content h3{
            font-size: 42px;}
                .a-banner{
                    padding-left: 14px;
                }
    
    .company-content{
        text-align: center;
        margin-bottom: 40px;
    }
    .company-content h3 {
        font-size: 36px;
    }
    .company-heading{
        justify-content: center;
    }
    .product-text{
        justify-content: center;
    }
    .product-content h3{
        text-align: center;
        font-size: 20px;

    }
    .prod-content{
        text-align: center;
        padding: 0px 10px;
    }
    .prod-heading{
        margin: auto ;
    }
    .skin-content p {
        color: #dcdcdc;
        font-family: var(--font-satoshi);
        font-size: 19px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 30px;
        padding: 10px;
    }
    .skin-content h3 {
        color: var(--white, #fff);
        font-family: var(--font-clash);
        font-size: 33px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 4.4px;
        margin-bottom: 20px;
        padding: 0px 10px;
    }
    .a-banner{
        height : 370px;
    }
}

@media (max-width:650px) and (min-width:330px){

    /* privacy section */
    
    .privacy-content h3{
        font-size: 30px;
    }
    .privacy-content h5{
        font-size: 14px;
    }
    .privacy-content p{
        font-size: 12px;
    }
    .privacy-content li{
        font-size: 12px;
    }
    .hide-content{
        display: none;
    }
    
    .accordian-main{
        display: block;
        margin-left: 20px;
    }
    
    }

    
@media (max-width:1030px) and (min-width:650px){



    /* himalayan section */
    .himalayan-heading h3{
        font-size: 35px;
    }
    .himalayan-content span{
        font-size: 35px;
    }
    /* salt main section */
    
    .salt-heading h3{
        font-size: 14px;
        text-align: center;
    }
    .salt-heading span{
        font-size: 22px;
    }
    .salt-text h3{
        font-size: 22px;
    }
    .salt-content-row{
        margin: 1px;
    }
    .salt-content h3{
        font-size: 20px;
    }
    .salt-content li{
        font-size: 12px;
    }
    .salt-heading p{
        font-size: 12px;
    }
    .salt-contents-row .salt-left-contents{
        border-radius: 20px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    /* reach out section */
    
    .white-layer-bottom , .reach-box-bottom , .reach-box-right{
        display: none;
    }
    .reach-box-left{
        top: 181px;
        left: 75px;
    }
    .reach-content h3 {
        font-size: 35px;
    }
    
    .reach-col-algiment{
        display: flex;
        flex-direction: column;
        gap: 50px;
        align-items: center;
    }
    
    /* footer section  */
    
    
    }
    
    
    /* phone screen responsive */
    
    
    @media (max-width:650px) and (min-width:330px){
    
       
    
    /* himalayan section */
    .himalayan-heading h3{
        font-size: 22px;
    }
    .himalayan-content {
        text-align: center;
    }
    .himalayan-content h3{
        font-size: 14px;
    }
    .himalayan-content span{
        font-size: 22px;
    }
    .himalayan-content h5{
        display: none;
    }
    /* salt main section */
    
    .salt-contents-row{
        margin: 0px;
    }
    .salt-contents-row .salt-left-contents{
        border-radius: 20px;
    
    }
    .salt-right-contents{
        display: none;
    }
    
    .salt-heading h3{
        font-size: 14px;
        text-align: center;
    }
    .salt-heading span{
        font-size: 22px;
    }
    .salt-text h3{
        font-size: 22px;
    }
    .salt-content-row{
        margin: 2px;
    }
    .salt-content h3{
        font-size: 20px;
    }
    .salt-content li{
        font-size: 12px;
    }
    .salt-heading p{
        font-size: 12px;
    }
    .salt-button-row{
        display: none;
    }}


    @media (max-width:786px) {
        .b-banner-content h3 {
            color: var(--white, #FFF);
            font-family: var(--font-clash);
            font-size: 43px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            padding-left: 10px;
            letter-spacing: 1.6px;
          }
    }
    @media (max-width:650px) {
        .product-sliders button.slick-prev.slick-arrow {
            position: absolute;
            left: 9px;
            top: 44%;
            background: white;
            color: var(--primary-color);
            border-radius: 50%;
            border: 1px solid var(--primary-color);
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            z-index: 99;
          }
          .product-sliders button.slick-next.slick-arrow {
            position: absolute;
            right: 6px;
            top: 44%;
            background: white;
            color: var(--primary-color);
            border-radius: 50%;
            border: 1px solid var(--primary-color);
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
          }
          .story-content span {
            font-size: 47px;
            font-weight: bolder;
        }
        .story-content h3{
            font-size: 33px;

        }
        }

    @media(max-width:590px){
        .w-app {
            left: 80%;
        }
        .left-quality-img,
        .right-quality-img{
            text-align:center;
        }
        .req-sample{
            margin:5px 0px;
        }
    }
    @media (max-width:500px) {
        .quality-img{
            display: block;
            
        }
        .quality-img img{
            margin:30px auto;
            text-align: center;
        }
        .left-quality-img{
            width: 100%;
        }
        .right-quality-img img{
            height: auto;
        }
    }
    
    @media(max-width:437px){
        .w-app {
            left: 77%;
        }
        .w-app img{
            width: 52px;
        }
        header .primary-btn{
            padding: 5px 7px;
            margin: 0px;
        }
        button#navbtn{
            padding: 1px;
        }
        span.navbar-toggler-icon{
            height: 19px;
            width: 26px;
        }
        .navbar-brand{
            margin-right:6px;
        }
        .navbar-brand img {
        width: 93px;
       }
}
    
    .row{
    bs-gutter-x: 14.5rem
    }
  
/* Default for Small Devices */
.responsive-image-general-export {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Default for All Screens */
.tool-item {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;      /* Common for all screens */
  border-radius: 10px;    /* Common for all screens */
  margin-bottom: 10px;    /* Common for all screens */
}

/* Medium Screens (768px+) */
@media (min-width: 768px) {
  .tool-item img{
    max-width: 150px;
    height: 170px;       /* Specific to medium screens */
  }
}

/* Large Screens (1024px+) */
@media (min-width: 1024px) {
  .tool-item img{
    max-width: 125px;
  }
}

/* Extra Large Screens (1920px+) */
@media (min-width: 1920px) {
  .tool-item img{
    max-width: 190px;
  }
}
    .tool-item img {
        max-width: 150px;
        height: 170px;
    }