@media (max-width : 991px){

  .footer-section .footer-content p{

    width: 100%;

  }



  .menu-close-btn {

  display: block; /* default hidden */

}





    #mainNav {

    position: fixed;

    top: 0;

    left: -75%;

    width: 75%;

    height: 100%;

    background: #fff;

    z-index: 1050;

    overflow-y: auto;

    padding: 1rem;

    /* box-shadow: 2px 0 8px rgba(0,0,0,0.1); */

    transition: left 0.3s ease;

  }



  #mainNav.active {

    left: 0;

  }



  .menu-close-btn {

    position: absolute;

    top: 1rem;

    right: 1rem;

    font-size: 2rem;

    background: transparent;

    border: none;

    color: #000;

    cursor: pointer;

    z-index: 1150;

  }



  #mainNav .navbar-nav {

    flex-direction: column;

    gap: 1rem;

  }



  /* #mainNav .dropdown-menu {
    position: static;
    display: block;
    width: 100%;
    box-shadow: none;
    border: 0;
  } */





  





  



  .navbar-toggler {

    z-index: 1100;

    width: 40px;

    height: 40px;

    border: none !important;

    background: transparent;

    box-shadow: none !important;

  }



  .navbar-toggler-icon{

    width: 1.2rem !important;

    height: 1.2rem !important;

  }



  .collection-sec{

    padding: 20px 0px;

  }



  /* .collection-pic img{

    min-height: 250px;

    height: 250px !important;

  } */



  .collection-content{

    padding-top: 20px;

  }



  .arrivel-left-bx img{

    object-fit: fill;

    height: 350px;

  }

  .summer-sale-pic-bx img{

    border-radius: 10px;

  }



  .summer-sale-content-bx-right{

    display: none;

  }



  .header-bnner-content{

    left: 70px !important;

  }



  .testimonial-sec .testimonial{

    padding: 0 10px;

    text-align: center;

  }



  .testimonial-sec .author{

    justify-content: center;

  }



  .splide__arrow--prev{

    left: 0 !important;

  }



  .order-bx-crd-item{

    flex-direction: column;

    justify-content: start;

    align-items: start;

  }



  .ordr-details-box{

    flex-direction: row !important;

  }



  .my-order-header-bx{

    flex-direction: column;

    align-items: start;

  }



  .welcome-box{

    left: 0;

  }



  .profile-menu{

    left: 0px !important;

  }



  .search-mobile{

    display: none;

  }

  .bnner-image-section{
    min-height: auto;
  }

  .bnner-image-section img{
    min-height: 400px;
  }


  .shop-by-cate-card-sec .product-card-bx{
    margin-bottom: 10px;
  }



}

@media (max-width : 767px){

  .footer-section .footer-content p{

    width: 100%;

  }



  .footer-section{

    padding: 25px 0;

  }



  .footer-section .footr-social-icon ul{

    justify-content: start;

  }



  .footr-social-icon{

    margin-top: 10px;

  }



  .profile-sec{

    padding: 0px;

  }



  .account-frm-detail{

    padding: 10px;

  }

  

  .shop-by-sec {
    padding: 70px 0;

  }



    .product-gallery {

    flex-direction: column; /* Column me laa do */

  }



  .product-gallery .thumbnails {

    order: 2;               

    width: 100%;

  }            



  .product-gallery .main-image {

    order: 1;               /* upar rahe */

    width: 100%;

  }





  .product-gallery .thumbnails .splide {

    flex-direction: row !important;

  }



  .product-gallery .thumbnails .splide__list {

    display: flex !important;

  }



  .product-gallery .thumbnails .splide__slide {

    width: 80px !important;   /* thumbnail width */

   

  }



  .slider-list-crd{

       height: calc(130px) !important;

  }



  .shop-cate-title{

    font-size: 32px;

  }



  .sub-frm-bx{

    width: 100%;

        padding: 20px;

  }



  .sub-img-bx img{

    height: 300px;

  }



  .sub-content-bx h5{

    font-size: 32px;

  }



  .order-detail-btn{

    padding: 10px 15px !important;

  }



  .my-order-bx-btn{

    flex-direction: column;

  }



  .discount-bx{

    flex-direction: column;

    gap: 0;

  }



  .check-out-main-section{

    padding: 15px;

    height: auto;

  }



  .header-bnner-content{

    bottom: 40px;

    left: 30px;

    text-align: center;

  }



  .header-bnner-content h2{

    font-size: 40px;

  }



  #thumbnail-slider-track{

    height: calc(130px) !important;

  }



 





}