@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        /* position: fixed !important;
        top: 134px !important;
        background-color: #f6f7e9;
        box-shadow: 0px 9px 16px #51392f70;
        padding: 1rem 5rem; */
    }
    .scrolled-nav .navbar-nav .dropdown-menu{
        /* top: 70px !important; */
    }
    .custom-menu.show{
        animation: mymove 0.3s ;
    }
    .custom-menu .container {
        /* width: fit-content;
        block-size: fit-content;
        gap: 0rem 3rem;
        margin: 10px 45px;
        overflow: auto; */
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 5.5rem !important;
    }
    .nav-item:hover .custom-menu, .custom-menu:hover{
        display: block !important;
    }
}
@media (max-width:991px){
    .custom-menu-heading{
        font-size: 16px !important;
        margin-bottom: 5px;
    }
    .custom-menu a{
        width: 100%;
        font-weight: 500;
    }
    .custom-menu .container{
        flex-direction: column;
        max-height: 100%;
    }
    .product-filter{
        position: fixed;
        position: fixed;
        z-index: 9999;
        background: white;
        padding: 11px;
        bottom: 0px;
        width: 100%;
        right: -100%;
        border-radius: 0px;
        overflow: hidden;
        box-shadow: 0px -1px 18px #2f00000f;
        max-width: 290px;
        height: 100%;
        
    }
    .product-filter.active{
       right: 0px !important;
       box-shadow: -166px 0px 5000px 20px #000000b0;
    }
    .product-filter .filter-title{
        font-size: 16px !important;
        border-bottom: 1px solid #56403329;
        padding: 9px 3px;
    }
    .product-filter .filter-title::after{
        content: "\F285";
        position: absolute;
        font-family: 'bootstrap-icons';
        right: 11px;
        font-size: 13px;
    }

    .product-filter .form-check {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }
    .filter-scroll{
        max-height: calc(100vh - 110px);
        overflow: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0px 35px;
        height: 100%;
    }
    .caption-banner-box .caption-banner-text {
        font-size: 29px !important;
        line-height: 35px !important;
        /*font-weight: 600;*/
    }
    .profile-flex{
        flex-direction: column !important;
    }
    .profile-side-panel{
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
    }
    .profile-side-panel .profile-segment-nav{
        display: inline-flex;
        flex-direction: row;
        gap: 8px;
        border: none !important;
        justify-content: center;
    }
    .profile-segment-nav li{
        width: auto !important;
        margin-top: 0px !important;
    }
    .profile-segment-nav li button{
        font-size: 14px;
        padding: 2px 7px;
    }
    .custom-navbar .nav-link{
        color: #564033 !important;
        font-weight: 500;
        border-bottom: 1px solid;
        width: 100%;
        justify-content: space-between;
    }
    .custom-navbar .dropdown-toggle::after{
        content: "\F282";
        font-family: bootstrap-icons !important;
        border: none !important;
        transform: 0.2s;
        color: #564033 !important;
    }
    .custom-navbar .dropdown-toggle.show::after{
        transform: rotateX(180deg);
    }
    .custom-menu {
        background-color: #f6f7e9;
        padding: 0px;
        padding-left: 33px;
    }
    .custom-menu .view-all-items-link{
        max-width: 126px;
        border-radius: 50px;
        background-color: #564033 !important;
    }
    .dropdown-menu.custom-menu.show {
        border-bottom: 1px solid #564033 !important;
        padding-bottom: 15px;
        background-color: #ff000000;
    }
    .filter-select-area{
        position: absolute;
        background: #ffffff;
        max-width: 278px;
        width: 100%;
        height: 91vh;
        top:0px;
        right: -100%;
        padding: 10px;
        z-index: 1;
    }
    .filter-active-view .filter-select-area{
        right: 10px !important;
    }
    .filter-mob-title{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .filter-mob-title h6{
        color: #564033 !important;
        width: 100%;
        margin-bottom: 0px;
        text-align: center;
        font-size: 18px;
    }
    .confmr-filter{
        background-color: #564033 !important;
        color: #f6f7e9 !important;
        position: absolute;
        bottom: 0px;
        width: 291px;
        right: 0px;
        border-radius: 0px !important;
        left: 0;
        z-index: 2;
    }
    .btn-return-filter{
        padding: 0px !important;
        color: #564033 !important;
    }
    .layout-div-1 .subheading{
        font-size:25px;
        line-height:37px;
    }
    .banner-content-area h1{
        font-size:3rem;
    }
    .banner-content-area{
        bottom:55px;
    }
}

@media (max-width:768px){
    .detailed-desc-cart select{
        font-size:10px !important;
    }
    .mrp-msg{
        font-size:9px !important;
    }
    .custom-carousel img{
        min-height: auto !important;
        height: auto;
    }
    .writtenlogo {
        max-width: 225px;
    }
    .landing-title {
        font-size: 82px;
        line-height: 47px;
        margin: 25px 5px;
    }
    .subheading {
        font-size: 23px;
        margin-bottom: 25px;
        line-height: 30px;
        text-align:center;
    }
    .meet-the-prod-main{
        padding: 15px;
    }
    .main-search.active{
        min-width: 33px !important;
        width: 33px !important;
    }
    .main-search .search-cst-area{
        position: fixed;
        top: -100%;
        transition: 0.3s;
        left: 0px;
        border-radius: 0px !important;
        font-size: 19px;
        z-index: 2;
        background: #f6f7e9;
    }
    .main-search.active .search-cst-area{
        top: 0% !important;
        padding: 6px;
        height: 100%;
    }
    .actions-area,.custom-search{
        width: 100%;
        justify-content: space-between;
        font-size: 20px;
        margin: auto;
        gap: 10px;
        background: #564033;
        padding: 19px 8px !important;
        bottom: 0;
        position: fixed;
        left: 0;
        transition: 0s !important;
        transform: translate3d(0,0,0) !important;
    }
    .custom-footer{
        padding-bottom: 40px !important;
    }
    .actions-area a{
        font-size: 22px;
    }
    section.landing-banner:first-child {
        padding-top: 77px !important;
    }
    section:first-child {
        padding-top:150px !important;
    }
    .social-media-listing{
        border: none !important;
    }
    .product-list-controls select{
        max-width: 100% !important;
        font-size: 15px;
        padding: 6px 20px;
        border-radius: 8px !important;
    }
    .product-list-search input::placeholder{
        font-size: 20px;
    }
    .layout-div-1 svg,.layout-div-1::before,.layout-div-1::after,.layout-div-2::before,.layout-div-1::after,.layout-div-2::after{
        display: none;
    }
    .layout-div-1{
        width: 100%;
    }
    .meet-the-product-ab{
        padding: 35px 0px !important;
    }
    .layout-div-1 .subheading{
        position: initial;
        max-width: 100%;
        background-color: rgba(255, 255, 255, 0);
        font-size: 23px !important;
        padding: inherit !important;
        color:#564033 !important;
        text-align:center;
    }
    .second-img{
        position: initial;
        max-width: 100%;
        margin-top: 15px;
    }
    .layout-div-2{
        width: 100%;
        margin-top: 12px;
    }
    .product-data-ol{
        width: 100%;
    }
    .custom-navbar .container-fluid{
        flex-wrap: wrap !important;
        padding: 0px!important;
    }
    .nav-pt-2{
        width: 100% !important;
    }
    .general-caution .gc-box label {
        font-size: 22px;
    }
    .banner-content-area{
        bottom: 80px!important;
    }
    .custom-navbar{
        padding: 0px 10px !important;
        min-height: 75px !important;
    }
    .size-chart-detailed-modal .nav-item button{
        font-size: 9px;
    }
    .product-det-area-ctrl select,.product-det-area-ctrl .btn{
        width: 100%;
        border-radius: 50px !important;
        border: 1px solid #564033;
        background-color: #f6f7e900 !important;
        color: #564033 !important;
        text-transform: uppercase;
        font-family: 'glida';
        justify-content: space-between;
        padding: 7px 10px;
        font-size: 11px !important;
    }
    .custom-footer li a {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }
    .btn-wishlist{
        font-size: 16px !important;
    }
    .actions-mob-footer a{
        width: 100% !important;
    }
    .main-search{
        margin-top: 0px !important;
        min-width: auto !important;
        width: 30px;
        padding: 2px;
        font-size: 22px !important;
    }
    .main-search input{
        font-size: 16px !important;
    }
    .pagination .page-link{
        min-width: 30px;
    height: 30px;
    font-size: 11px;
    padding:3px !important;
    }
    .detailed-desc-cart .feat-list-list form{
        flex-wrap:wrap !important;
    }
}
@media (max-width:576px){
    .custom-navbar .nav-logo {
        width: 150px;
        height: auto;
        margin-bottom: 5px;
    }
    section.landing-banner:first-child{
        padding-top: 72px !important;
    }
    section:first-child {
        padding-top: 100px !important;
    }
    .filter-scroll{
        flex-wrap: nowrap !important;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 2.5rem !important;
    }
    .table-fit td, .table-fit th, .table-fit tr{
        font-size: 11px !important;
    }
    .count-control{
        max-width: 116px;
    }
    .detailed-desc-cart .category-name{
        font-size: 12px;
    }
    .count-control .btn,.count-control input{
        height: 29px;
        font-size: 15px !important;
    }
    .detailed-desc-cart h6{
        font-size: 15px;
    }
    .product-c-price{
        font-size: 13px;
    }
    .banner-content-area h1{
        font-size: 32px !important;
        /*margin: 0px !important;*/
    }
    .banner-content-area {
        /*top: 106px;*/
        top: 61%;
        text-align: center;
        bottom: 15px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
         align-items: center;
    }
    .banner-content-area .btn-custom,.btn-custom{
        font-size: 14px !important;
    }
    .product-detail-img,.product-image-tab .nav-pills{
        max-height: 460px !important;
    }
    #carouselLandingBanner .carousel-indicators button{
        width: 10px !important;
        height: 10px !important;
    }
    .banner-content-area .btn{
        display: none;
    }
    .user-credt-box{
        padding: 1rem;
    }

    .btn-custom{
        background-color:#564033 !important;
        border-radius: 50px;
        color: #fff !important;
    }
    .vm-link i{
        display: none !important;
    }
    .mob-banner img{
        aspect-ratio: 4 / 5;
        /* height: 60vh !important; */
    }
    .mob-banner .carousel-indicators [data-bs-target]{
        width: 8px !important;
        height: 8px !important;
    }
    .product-box .product-name,.price-display{
        font-size: 15px;
        display: block;
    }
    .product-collection-name{
        font-size: 14px;
    }
    .add-wishlist-btns,.payment-checkout-area{
        position: fixed;
        bottom: 0;
        z-index: 9999;
        background: #f6f7e9;
        left: 0;
        min-height: 84px;
        padding: 10px;
        flex-direction: row-reverse;
        width: 100%;
    }
    .add-wishlist-btns .btn,.payment-checkout-area .btn{
        border: none !important;
        font-size: 13px !important;
        border-radius: 4px !important;
        font-family: 'cormorant';
    }
    .payment-checkout-area .btn{
        font-weight: 200 !important;
    }
    .add-wishlist-btns .add-to-cart-mb{
        background-color: #564033 !important;
        color: #f6f7e9 !important;
    }
    .address-listing .form-check .address-un{
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }
    .address-listing .form-check-label,.current-address-label{
        font-size: 12px !important;
        font-weight: 200 !important;
    }
    .price-display-area .price-display{
        font-size: 17px !important;
        font-weight: 600;
        margin-top: 0px !important;
    }
    .price-display-area a{
        color: #9b9a68 !important;
    }
    .modal-body .cart-total-box {
        background-color: #ffffff00 !important;
    }
    .copyrights-area{
        padding: 20px 10px 50px 10px !important;
    }
    .proceed-to-checkout{
        position: fixed;
        bottom: 0;
        z-index: 9990;
        left: 0;
        height: 77px;
        width: 100%;
        border-radius: 0px !important;
        display: flex !important ;
        align-items: center;
        justify-content: center;
    }
    span.wby-tag {
    font-size: 11px;
    background: #efe4cec9;
    border-radius: 3px;
    padding: 2px 5px;
    bottom:10px;
    left:16px;
    }
    .copyrights-area p{
        font-size:11px !important;
    }
    .testimonial-text {
        font-size: 14px;
        line-height: 20px;
        margin-top: 30px;
        height:auto;
    }
    span.testimonial-username {
    font-size: 15px;
    margin-bottom: 14px;
    }
    .modal-body{
        max-height: calc(100vh - 269px);
        overflow: auto;
    }
    
     .address-content{
        max-height: calc(100vh - 269px);
        overflow: auto;
    }
    
    .addressbody{
         max-height: 100% !important;
    }
    
    .mob-shop{
        display: inline-flex !important;
        background-color: #f6f7e963 !important;
        font-size: 16px !important;
        backdrop-filter: blur(3px) !important;
        font-weight: 600;
        border-radius: 5px;
        color: var(--brownDark) !important;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        width: fit-content !important;
        padding: 8px 15px;
        font-family: sans-serif;
        font-size: 14px;
        text-decoration: none;
        border: 1px solid var(--brownDark);
    }

    .mob-title-banner{
        /*background-color: #f6f7e9a1 !important;    */
        /*font-weight: 600;*/
        border-radius: 5px;
        /*color: #564033 !important;*/
        /*text-shadow: none  !important;*/
        padding: 4px 17px;
        margin-bottom: 10px !important;
        border-radius: 12px;
      }

    .caption-banner .container {
      position: relative;
      padding: 1rem !important;
    }

    .caption-banner-box {
          position: absolute;
          top: 64%;
         margin: 0px 11px;
    }
    .gp-box{
        flex-direction:column;
        text-align:center;
    }
    .gp-icon-area img{
        height:35px;
    }
    .gp-icon-area{
        margin:0px !important;
    }
}
@media (max-width:400px){
    .meet-the-prod-main::after{
        bottom: -83px;
    }
    .cart-box img{
        height: auto;
        margin-right: 20px !important;
        max-width: 85px;
    }
    .feat-list{
        font-size: 10px;
    }
    .custom-navbar .nav-logo{
        width:185px !important;
    }
}

@media(max-width:900px){
    .custom-navbar .nav-logo{
        max-height: 55px !important;
        margin-bottom: 0px !important;
        width: 280px;
    }
} 
@media (max-width:1200px){
    .profile-flex{
        gap: 12px !important;
    }
    .custom-navbar .nav-link{
        font-size: 15px;
    }
    
}
@media (min-width:768px){
    .search-cst-area ul{
        display: none;
    }
}


/*testimonial height responsive - start */
@media (min-width: 769px) and (max-width: 1199px) {
 .testimonial-text{
        height: auto;
        font-size: 15px;
    }

}

@media (min-width: 1400px) and (max-width: 1601px) {
    .testimonial-text{
        /*height: 34vh;*/
        font-size: 21px;
    }

}

@media (min-width: 1600px) and (max-width: 1900px) {
    .testimonial-text{
        /*height:38vh;*/
        font-size: 21px;
    }

}

@media (min-width: 1200px) and (max-width: 1299px) {
 .testimonial-text{
        font-size: 19px;
    }
}


@media screen and (max-width: 390px) and (max-height: 844px) {
  .modal-body {
    max-height: calc(61vh - 130px); 
    overflow-y: auto;
  }
  .modal-content {
    max-height: 61vh;
  }
}

@media screen and (max-width: 430px) and (max-height: 932px) {

  .modal-content {
    max-height: 58vh; 
  }

  .modal-body {
    max-height: calc(58vh - 130px); 
    overflow-y: auto;
  }
}

@media screen and (max-width: 600px) and (max-height: 960px) {
  .modal-content {
    max-height: 50vh;
  }

  .modal-body {
    max-height: calc(50vh - 130px); 
    overflow-y: auto;
  }
}




/*testimonial height responsive - end */