@media (max-width: 1200px) {
 .navbar-collapse {
      position: fixed;
      top: 0;
      left: 0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      height: 100%;
    }
  
    .navbar-collapse.collapsing {
      height: 100%;
      left: -75%;
      transition: height 0s ease;
    }
    .navbar-collapse.show {
      height: 100%;
      left: 0;
      transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      background:var(--body_background);
      z-index:3;
      overflow: hidden;
      overflow-y: scroll;
border-right:1px solid #e5e5e5c2;
width:100%;
    }
    .navbar-toggler.collapsed ~ .navbar-collapse {
      transition: left 400ms ease-in;
    }
    .menu{
      z-index:1;
    }
    .badmain-menu-dropdown-link{
      display:flex;
      justify-content:space-between;
      border-top: 1px solid #242424;
      display: flex;
      align-items: center;
      height: 4.8rem;
      }
      
    .badmain-menu-content .badmain-menu-wrapper {
      
      
      border-bottom: 1px solid #242424;
    }
  }

  @media (max-width: 1199px){

   .badmain-menu-get-child {
      display: none;
      width: 100%;
     padding: 0;
      overflow: hidden;
    }
    .badmain-menu-dropdown-link .box-level2{
      padding-left:10px;
     
    }
  }
  @media (min-width: 768px) {
    .img-name{
      font-size:1.6rem;
    }
    #product-category .image_cover:hover .btn-add-cart{
      opacity:1;
    }
    #product-category .image_cover .btn-add-cart{
      opacity:0;
    }
    .navbar{
      padding:0.7em 1em;
    }
    .heading-style,.text-header{
      font-size:3rem;
      margin-bottom:1em;
    }
    #product-category .btn-add-cart{
      /*bottom:20px;*/
      transform:none;
    }
    
    
  }
  .btn-primary{
    
  }

 @media (min-width: 1200px) {
  .home-slider-items-content{
    position: absolute;
    z-index: 9999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    
  }
.box-level2{
padding-left:10px!important;
}
   #top-menu .badmain-menu-icon-wrapper{
      pointer-events: none;
     }
  .container {
    max-width: 1140px;
}
  .footer-top{
    background:#4bad9c;
    color:#fff;
    }
    .fttop-left {
      font-size:2.4rem;
    }
    .ftcont {
      margin-left: 50px;
      gap:10px;
    }
    .footer-top svg {
      fill:#fff;
    }
    .footer-top svg {
        background-color: #08616c;
        border-radius: 100%;
        display: inline-flex;
        padding: 10px;
    }
   
  .banner-main,.featured,.latest,.special,.bestseller,.textimonial-heading-area {
    
      margin: 5em  auto 0 auto;
    }
  .info-area {
    margin-bottom: -76px;
}
  .footer-area {
    padding: 5rem 5rem 0 5rem;
  }
  
  .home-slider-items-content, .slide-banner-text, .single-banner {
    background: unset;
  }
  .badmain-menu-icon svg {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    /** Menu **/
    .badmain-menu-content .badmain-menu-wrapper .badmenu-first,.login-register-text,.signin {
      
      font-weight:500;
    }
    .badsub-menu-item {
      margin:0;
    }
    .badmain-menu-get-child {
      margin-top:0;
    }
    .level2 {
      position:unset !important;
      outline:unset !important;
    }
    header .level2  a.dropdown-submenu{
      font-weight:300; 
    }
    .iconlevel2 {
      display:none;
    }
    #top-menu {
      padding:0;
    }
    .level1>ul:has(div.level2)  {
      display:flex;
    }
    
    /** Menu **/

    .featured .btn-add-cart, .latest .btn-add-cart{
      display:block;
    }
    .heading-font,.featured-section{
      margin-bottom:.5em;
    }
    .heading-style,.text-header{
      font-size:3rem;
    }
    .heading-sub-style {
        font-size: 1.4rem;
        text-align: left;
        font-weight: 700;
        margin-bottom: 2rem;
    }
    
    
    .customer-signin-btn span{
      font-size:1.5rem;
    }
    .customer-signin-btn:hover span,#_desktop_user_info:hover svg path,#_desktop_cart:hover svg path{
      color:var(--background);
      fill:var(--background);
    }
    .badshopping-cart-name{
      font-family:none;
    }
    
   /* .header-border #_desktop_top_menu ul.top-menu>li:hover .badmenu-first {
      color:#fff!important;
    }
    .header-border.fixed-top #_desktop_top_menu ul.top-menu>li:hover .badmenu-first {
      color:#242424!important;
    } */
    .badmenu-link{
      font-weight:400;
    }
    .sign_cart{
      gap:14px;
    }
    .header-icon{
      gap:7px;
    }
    .badmain-menu-dropdown{
      display:flex;
      list-style:none;
    }
    .badmain-menu-content .badmain-menu-wrapper {
     
      margin:0;
      border: none;
    }
    a.badmenu-first{
      padding:1em 0;
    }
    .level1 a.badmenu-first {
      padding:0;
    }
    .badmain-menu-wrapper{
      padding:0;
    }
    .customer-signin-login {
      width: 185px;
      float: left;
      text-align: left;
      padding-right: 10px;
    }
    .login-register-text {
      color: #232323;
      text-transform: capitalize;
      font-weight: 500;
      font-size: 1.6rem;
      line-height: 30px;
    }
    .customer-signin-login a {
      display: block;
      padding: 0 10px;
    }
    }
  @media (min-width: 992px) {
    .top_bar  {
      gap:2em;
    }
    #account-order-info .order-info-product-name{
      width:30%;
    }
    .product-grid{
      margin-bottom:1.5rem;
    }
    .breadcrumb{
      font-size:1.4rem;
    }
  
    
    /******************************
    **** Featured&latest Css ******
    *******************************/
    .image_cover .add-btn{
      padding:13px 45px;
    }
      .btn-add-cart{
      top: 50%;
      transform: translateY(50px);
      position:absolute;
    }
    
    /******************************
    ******* Banner Css ************
    *******************************/
    .image-caption h3{
      font-size:2.2rem;
    }
    .single-banner-description .badhome-slider-contant-btn{
      font-size: 2.3rem;
    }
    .single-banner-description{
      position:absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      background: unset;
    }
    .single-banner-description h3{
      font-size:8rem;
    }
    .single-banner-description p{
      font-size:3.2rem;
      line-height:1em;
    }
    .image-caption p{
      font-size:1.8rem;
    }
    /******************************
    ******* SlideShow Banner Css **
    *******************************/
    .slide-banner-text,.single-banner{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
      }
     
      .single-banner {
        background: #137a86;
        opacity:.7 !important;
      }
     
      .product-thumb .image{
        overflow: hidden;
      }
      .single-link-text-center{
        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: var(--white);
        display: flex;
        flex-direction: column;
        justify-content: center;
        width:45%;
        background: #034047;
        border-radius: 20px;
        padding: 40px 20px;
      }
    .home-slider-items-sub-title,.single-banner p {
      font-size:2.2rem;
      margin-bottom:1.9em;
      color: var(--secondary);
    }
    .home-slider-items-title {
      font-size:4.2rem;
      margin-bottom:.35em;
      width:85%;
    }
    .single-banner h3 {
      font-size:4.2rem;
      margin-bottom:.35em;
      color:var(--white);
    }
    .header-text{
      
      padding:1rem 5rem;
    
    }
    
    .badheader-top-center img {
      max-height: 70px !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 100%;
    }
    .badheader-top-center img {
      margin: 0;
      padding: 0;
      max-height:70px;
    }
    .slide-show-btn{
    right: 0;
    bottom: 0;
    transform: translate(0,50%);
    }

    /******************************
    ********** Blog Css ***********
    *******************************/
    .single-blog-img:hover img{
     
    }
    .single-blog-img img {
     
      width: 100%;
    }
    .single-blog-img {
      overflow: hidden;
    }
    
    /******************************
    ********** carousel Css *******
    *******************************/
   
   
    /******************************
    ********** Footer Css *********
    *******************************/
    .collapse-icons svg path {
      stroke:var(--primary);
    }
     .footer_heading h3{
      font-size:1.6rem;
      color: var(--background);
    }
    .open:hover .badul {
      opacity: 1;
      visibility: visible;
    }
    .footer-contacts {
      margin-left:0px !important;
      flex-direction:row !important;
      line-height:2em;
    }

    .gallery-image {
      width: 50%;
    } 
    #footer .collapsed {
      border:unset !important;
      pointer-events:none;
      }
    #footer .collapse {
      display:block;
    }
    #footer .footer-head, .footer-content, .footer-logo {
      border-bottom: none !important;
    }  
  }
  @media only screen and (min-width: 1200px){
    
    .badsub-menu-item {
      width: 200px;
      float: left;
      text-align: left;
      padding: 15px 0;
    }
        #top-menu .badmain-menu-icon-wrapper{
          padding:0 !important;
          margin-left:10px !important;
        }
    
    .navbar{
     max-width:1300px;
      box-shadow:unset;
      margin:0 auto;
    }
    .badmain-menu-dropdown-link {
      display: flex;
     
    }
    .badmenu-has-child-item .dropdown-submenu{
      color: #fff;
      font-size:1.4rem;
      font-weight:500;
    }
   
    .badmain-menu-get-child {
      position: absolute;
      z-index: 60;
      padding: 15px;
      outline: 1px solid #eeeeee;
      left: auto;
      opacity: 0;
      top: 100%;
      visibility: hidden;
    }
    .badmain-menu-wrapper:hover .badmain-menu-get-child {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }

    /******************************
    ******* SlideShow Banner Css **
    *******************************/
    .home-slider-items-title,.single-banner h3{
      font-size:4rem;
    }
    .home-slider-items-sub-title,.single-banner p  {
      font-size:1.8rem;

    }

   
    .image-caption p{
      font-size:2.4rem;
    }
  }
  @media (max-width: 1200px) {
    .badmain-menu-content ul {
      width: 100%;
    }
    .call_support{
      justify-content:flex-start !important;
      
    }
    .call_support .badmain-menu-dropdown-link {
      gap:10px;
    }
    .navbar-collapse {
      padding:0 !important;
    }
    .border-bottom-last {
  border: unset !important;
}
 .books { 
position: fixed;
    bottom: 0;
    background: white;
    display: flex;
    align-items: end;
    justify-content: end;
    width: 100%;
    padding: 0.5em;
    z-index: 111;
    margin: 0;
    left: 0;
    gap: 10px;
    border-top: 1px solid #80808042;
}
  .row{
  
    padding-right:0;
    padding-left:0;
  }

  }

  @media (min-width: 1200px) {
    #header-id {
      flex-direction: row !important;
    }
     .badmain-menu-dropdown-link{
  padding-left: 35px !important;
 }
 .badmain-menu-dropdown-link.box-level2{
  padding-left: 0 !important;
 }
  }
@media(min-width:775px) {
   .navbar .collapse{
      width:375px !important;
    }
    #top-menu .badmain-menu-icon-wrapper{
    padding: 16px;
  }
}
  @media (min-width: 1400px) {
  
        .container {
            max-width: 1300px;
        }
}


@media (min-width: 1200px) {
  .badhome-slider-items-title {
      font-size: 7.5rem;
      font-weight:600;
  }
  .badhome-slider-items-sub-title{
    font-size: 2rem;
    font-weight: 500;
  }
}
@media (min-width: 992px) {
  .badhome-slider-items-title {
      font-size: 5.5rem;
      line-height: 1.3;
  }
}


.profile-pic img{
  width:100%;
  }
  .search{
  display:none;
  }
  #product-manufacturer .slick-featured{
  display:none;
  }
  .filter .price{
  display:none;
  }
  #information-information   .new-detail  ul   li{
  list-style:disc;
  }
  
 
  @media (min-width: 1200px) {
   
  
      .single-link-text-center {
        background:linear-gradient(115deg, #322e63 80%, #604b9b 100%);
        }
        
        .single-banner{
        background:unset;
        opacity:1!important;
        }
        
        .contact-pages{
        max-width:1000px;
        align-items:center;
        }
 
      .badmain-menu-content .badmain-menu-wrapper .badmenu-first, .login-register-text, .signin {
          font-size: 1.4rem !important;
      }
 
      .badmain-menu-dropdown-link {
          padding-left: 30px !important;
      }
      .page-home .header-border{
          z-index: 9999; 
          position: relative; 
          background: transparent;
      border-bottom:unset;
      box-shadow:unset;
      }
      .page-home .header-border.fixed-top{
        background:rgb(20, 20, 22) !important;
      }
      .page-home .header-border.fixed-top{
        z-index: 9999; 
          position: fixed; 
         
      border-bottom:1px solid #d3d3d329;
      
      }
      .badhome-slider-block{
      margin-top:-90px;
      }
  
      .badmain-menu-content .badmain-menu-wrapper .badmenu-first, .login-register-text, .signin {
          color:#fff !important;
      }
      .page-home .badmain-menu-content .badmain-menu-wrapper .badmenu-first, .login-register-text, .signin {
        color:#fff !important;
    }
      .page-home .header-border.fixed-top .badmain-menu-content .badmain-menu-wrapper .badmenu-first {
          color: #fff !important;
      }
      .header-border.fixed-top svg path{
        fill:#fff;
              }
       .header-border svg path{
fill:#fff;
      }

       .header-border.fixed-top svg path{
        fill:#fff;
              }

              .header-border.fixed-top svg path{
                fill:#fff;
                      }
      /* #_desktop_top_menu ul.top-menu>li:hover .badmenu-first {
          color: var(--background) !important;
      } */

      .level1
      {
        background: #242424;
        border: unset;
        outline: unset;
    }
   
      .level1 .badmain-menu-dropdown-link {
          padding-left: 0 !important;
      }
      header .level2 a.dropdown-submenu {
        font-weight: 500;
        font-size: 1.3rem;
        color:#b6b4b4 ;
        line-height: 1.4em;
    }
    #myHeader .badmain-menu-content .badmain-menu-wrapper .level1 a.badmenu-first {
      padding: 0;
      font-size: 1.4rem !important;
      color:#fff!important;
  }
 
  }