/*================================================================================================*/
/*=================[                                                            ]=================*/
/*=================[    !!!!!!!!   CSS CREATED BY RAJODIYA INFOTECH  !!!!!!!!   ]=================*/
/*=================[                                                            ]=================*/
/*================================================================================================*/

@media (min-width:992px) {

    .desk-only {
      display: block !important;
    }
    .mobile-only {
      display: none !important;
    }  
}   

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

}
@media screen and (max-width:1260px){   
  /* .tble-responsive{
    min-width: 1200px;
    width: 100%;
  }
  .cart-tble{
    overflow-x: scroll;
  }
  .order-table{
    overflow-x: scroll;
  } */
  .order-section .order-table{
    overflow-x: scroll;
  }

}
@media screen and (max-width:1199px){
  :root .theme1-v1, :root .theme1-v2, :root .theme1-v3, :root .theme1-v4, :root .theme1-v5{ 
    --h1: normal 700 40px/1 var(--second-font);
    --h2: normal 700 32px/1 var(--second-font);
    --h3: normal 700 26px/1 var(--second-font); 
    --h4: normal 700 20px/1 var(--second-font);
    --h5: normal 700 18px/1 var(--second-font);
    --h6: normal 700 16px/1 var(--second-font);
  } 
  .header-search{
    display: none;
  }
  .main-navigationbar .menu-right>li.search-header{
    display: block;
  }
  .main-title p {
    max-width: 60%;
  }
  
}
@media screen and (max-width:991px){
  :root .theme1-v1, :root .theme1-v2, :root .theme1-v3, :root .theme1-v4, :root .theme1-v5{ 
    --h1: normal 700 36px/1 var(--second-font); 
    --common-text: normal 400 14px/1.4 var(--first-font);
  } 
  .main-nav{
    display: none;
  }
  .right-side-header{
    justify-content: end;
  }
  .main-home-first-section {
    padding: 80px 0;
  }
  .padding-top {
    padding-top: 50px;
  }
  .padding-bottom {
    padding-bottom: 40px;
  }
  .subcribe-section .subcribe-inner{
    padding: 100px 0;
  }
  .category-card-inner {
    padding: 100px 15px 20px 15px;
  } 
  .category-section .row .col-lg-4:not(:last-of-type) .category-card{
    margin-bottom: 30px;
  }
  .footer-top .footer-link-1 a img {
    margin-bottom: 10px;
  }
  .subcribe-section{
    margin-bottom: 40px;
  }
  .header-top-left{
    display: none;
  }
  .cart-section{
    padding-top: 40px;
  }
  .cart-tble {
    margin: 20px 0 30px;
  }
  .shiping-type{
    margin-top: 30px;
  }
  .pagination-btn{
    margin-bottom: 15px;
  }
  .review-box-2 h5 {
    font-size: 14px;
    flex: 1;
  }
  .addcart-btn {
    flex-direction: column;
    gap: 10px;
    align-items: start;
  }
  .cart-head {
    margin-bottom: 20px;
  }
  .client-logo{
    padding-top: 20px;
  }
}
@media screen and (max-width:767px){
  /* Hiding redundant headers but keeping account action visible */
  .mobile-menu-wrapper {
    z-index: 999999 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    left: 0 !important;
    right: 0 !important;
  }
  .mobile-menu-bar {
      flex: 1 !important;
      background: #ffffff !important;
      width: 100% !important;
      overflow-y: auto !important;
  }
  .mobile-menu-bar ul {
      background: #ffffff !important;
      padding: 30px 20px !important;
      width: 100% !important;
      margin: 0 !important;
  }
  .mobile-menu-bottom {
    display: block !important;
    margin-top: auto !important; 
    padding: 25px 20px !important;
    border-top: 1px solid var(--border-color) !important;
    background: #fcfcfc !important;
    width: 100% !important;
  }
  .mobile-menu-bottom ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .mobile-menu-bottom ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: var(--third-color) !important;
    font-size: 14px;
  }
  .mobile-menu-bottom .menu-dropdown ul {
    margin-top: 10px !important;
    padding-left: 25px !important;
    border-top: none !important;
    gap: 10px !important;
  }
  .mobile-menu-bottom .menu-dropdown ul li a {
    font-weight: 400 !important;
    color: var(--second-color) !important;
  }
  .main-navigationbar {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  .right-side-header {
    flex: 1 !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important;
    padding-left: 5px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }
  .main-menu-right {
    padding-left: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
  .main-navigationbar .menu-right>li.login-btn-header, 
  .main-navigationbar .menu-right>li.register-btn-header,
  .main-navigationbar .menu-right>li.language-header {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  .login-btn-header .login-text, .language-header .select {
    display: none !important;
  }
  .login-btn-header .menu-dropdown, .language-header .menu-dropdown {
    right: 0;
    left: auto;
  }
  .main-navigationbar .menu-right>li.search-header a, 
  .main-navigationbar .menu-right>li.wishlist-btn a, 
  .main-navigationbar .menu-right>li.cart-header a, 
  .main-navigationbar .menu-right>li.login-btn-header a, 
  .main-navigationbar .menu-right>li.register-btn-header a,
  .main-navigationbar .menu-right>li.language-header a {
    height: 32px !important;
    width: 32px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--theme-color) !important;
    border-radius: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    margin: 0 4px !important;
  }
  .main-navigationbar .menu-right>li i {
    font-size: 16px !important;
  }
  .mobile-menu-bottom ul .language-header-2,
  .mobile-menu-bottom ul .login-btn-header-2 {
    position: relative;
    display: block !important;
  }
  .language-header-2 a{
    padding-right: 12px !important;
  }
  .mobile-menu-bottom ul .language-header-2 .menu-dropdown{
    left: auto;
  }
  .site-header .menu-dropdown ul>li{
    padding: 0;
  }
  .language-header-2 a svg {
    width: 20px;
    margin-top: -1px;
    margin-right: 5px;
  }
  .language-header-2 .menu-dropdown{
    max-height: 330px;
    overflow: scroll;
    scrollbar-width: none;
    min-width: 80px;
  }
  .mobile-menu-wrapper .menu-close-icon {
      background: var(--theme-color) !important;
      opacity: 1 !important;
  }
  .store-promotions-box i{
    font-size: 28px;
  }
  .bestseller-title{
    display: block;
  }
  .bestseller-title h2{
    margin-bottom: 15px;
  }
  .main-title p {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .testi-content-bottom h5{
    font-size: 16px;
  }
  .testi-content-bottom h6{
    font-size: 14px;
  }
  .footer-link-1 a {
    max-width: 120px;
  }
  .footer-link-2:not(:last-child) {
    margin-bottom: 20px;
  }
  .footer-top {
    padding: 30px 0;
  }
  .client-logo img {
    width: 110px;
  }
  .modal-body form label{
    font-size: 14px;
  }
  .modal-popup{
    padding: 30px 15px;
  }
  .footer{
    margin-top: 30px;
  }
  .price-bar{
    justify-content: center;
    margin-top: 10px;
  }
  .checkout-box{
    text-align: center;
  }
  .pdp-summery{
    margin-top: 20px;
  }
  table tr th, table tr td{
    font-size: 14px;
  }
}

@media screen and (max-width:575px){  
  :root .theme1-v1, :root .theme1-v2, :root .theme1-v3, :root .theme1-v4, :root .theme1-v5{  
    --h1: normal 700 32px/1 var(--second-font);
    --h2: normal 700 28px/1 var(--second-font);
    --h3: normal 700 24px/1 var(--second-font); 
    --h4: normal 700 22px/1 var(--second-font);
    --h5: normal 700 20px/1 var(--second-font);
  } 
  .store-promotions .col-lg-4:not(:last-of-type) .store-promotions-box{
    margin-bottom: 30px;
  }
  .logo-col{
    max-width: 110px;
  }
  .main-navigationbar .menu-right>li{
    padding: 10px 0;
  }
  #navbar-main {
      padding: 0 8px !important;
  }
  .mobile-menu {
    margin-left: 5px !important;
    width: 25px !important;
  }
  .main-menu-right {
    padding-left: 0;
  }
  .right-side-header {
    padding-left: 10px;
  }
  .main-navigationbar .count{
    top: 10%;
    right: -9px;
  }
  .bestseller-section ul li{
    display: block !important;
  }
  .bestseller-section ul li a{
    width: 100%;
    padding: 10px 15px;
  }
  .bestseller-section ul{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .main-home-first-section {
    padding: 60px 0;
  }
  .subcribe-section .subcribe-inner{
    padding: 50px 0;
  }
  .top-product-title{
   display: block;
  }
  .top-product-title h2{
    margin-bottom: 15px;
  }
  .social-link {
    margin-top: 10px;
  }
  .blog-card-inner {
    padding-top: 150px;
  }
  .pdp-thumb-slider{
    min-width: 100%;
  }
  .pdp-thumb-inner{
    padding-top: 100%;
  }
  .last-btns {
    flex-direction: column;
    gap: 15px;
    margin: 30px 0 20px;
  }
  .last-btns p{
    max-width: 100%;
  } 
  .file-upload.btn{
    margin-bottom: 15px;
  }
  .btn-group.checkout-btns{
    display: flex;
  }
  .btn-group.checkout-btns .btn{
    font-size: 13px;
    padding: 11px 15px;
    margin: 0;
  }
  .btn-group.checkout-btns .btn:not(:last-of-type){
    margin-right: 10px;
  }
  .payment-title{
  flex-wrap: wrap;
}
.payment-title .payment-image{
  width: 100%;
  flex: 0 0 100%;
  justify-content: flex-start;
  margin-top: 10px;
  }
} 

@media screen and (max-width:420px){  
  .subcribe-section .subcribe-inner .input-box {
    display: block;
  }
  .subcribe-section .subcribe-inner .input-box input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 12px;
  }
  .subcribe-section .subcribe-inner button{
    width: 100%;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 0;
    justify-content: center;
    padding: 10px 20px;
  }
  .logo-col {
      max-width: 90px;
  }
  .header-top-right ul li a {
    font-size: 12px;
  }
}
@media screen and (max-width:320px){  

}