/*Responsive Css Add By (0019) 23-10-21 Start*/
@media only screen and (max-width: 1520px) {
   .cbp-spmenu-vertical{
      width: 385px;
   }
   .cbp-spmenu-left{
      left: -385px;
   }
   div.bhoechie-tab-menu{
      width: 65px;
   }
   div.bhoechie-tab-menu div.list-group>a img{
      width: 18px;
   }
   .select2 .select2-selection--single .select2-selection__rendered,
   .select2-container .select2-results li,
   .custom-cat-size-radio span{
      font-size: 12px;
   }
   .select2-container--default .select2-results>.select2-results__options{
      max-height: 145px;
   }
   .custom-cat-size-radio span{
      padding: 4px 12px 3px;
   }
   #grid span{
      margin: 4px;
   }
   .css-8yj8d5{
      font-size: 12px;
      border-radius: 5px;
      padding: 5px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
   }
   div.bhoechie-tab-menu div.list-group>a:last-child{
      border-bottom-right-radius: 5px;
   }
   .wall-and-design-tabs .nav-tabs .nav-link svg{
      margin-right: 0;
   }
   .cd-cart{
      max-width: 325px;
   }
   .cd-cart header h6{
      font-size: 14px;
   }
   .cd-cart header .btn{
      margin-left: 10px;
      padding: 8px 6px 4px;
   }
   .show_btn a{
      font-size: 12px;
   }
   .cd-cart-trigger::before{
      top: 9px;
   }
   .footer_btn .checkout.btn{
      height: 45px;
      line-height: 45px;
   }
   .cd-add-to-cart i{
      font-size: 30px;
   }
   .cd-cart-trigger, 
   .cd-cart{
      right: 85px;
   }
   .cd-cart{
      bottom: 28.5px;
   }
}

@media only screen and (max-width: 1440px){
   .cd-cart .wrapper,
   .cd-cart-trigger{
      width: 35px;
      height: 35px;
   }
   .cd-cart-trigger::before,
   .cd-cart-trigger::after{
      font-size: 20px;
   }
   .cd-cart-trigger::before{
      top: 3px;
      left: -6px;
   }
   .cd-cart-trigger::after{
      top: 2px;
      left: -16px;
   }
   .footer_btn .checkout.btn{
      height: 40px;
      line-height: 40px;
   }
   .cd-cart .checkout{
      margin-right: 35px;
   }
   .show_btn a {
      font-size: 10px;
      padding: 5px 15px 2px;
   }
   .hamburger-menu-button {
      width: 25px;
      height: 25px;
   }
   .ham-menu ul{
      padding: 9px 20px 9px 10px;
   }
   
   .hamburger-menu-button-open,
   .hamburger-menu-button-open::before,
   .hamburger-menu-button-open::after {
      width: 17px;
   }
   
   .hamburger-menu-button-open {
      margin-left: -9px;
   }
   .css-k008qs{
      padding-top: 10px;
      padding-bottom: 6px;
   }
   .css-7ifuyt{
      font-size: 13px;
   }
   .wrapper .option{
      font-size: 12px;
      width: 85px;
   }
   .pt_img ul li a.pat_img h6{
      font-size: 12px;
   }

}
@media only screen and (max-width: 1199px) {
   .cbp-spmenu-vertical{
      /*width: 360px;*/
      width: 275px;
   }
   .cbp-spmenu-left{
      left: -360px;
   }
   div.bhoechie-tab-menu{
      width: 60px;
   }
   .bhoechie-tab{
      /*width: 300px;*/
      width: 215px;
   }
   .cd-cart {
      max-width: 295px;
   }
   .show_btn a {
      font-size: 10px;
      letter-spacing: 0.5px;
      margin: 10px 0 10px 10px;
   }

   .css-8yj8d5{
      font-size: 12px;
      padding: 10px 5px 7px;
   }
   .wall-and-design-tabs .nav-tabs .nav-link#tiles-design-tab svg{
      width: 20px;
      height: 20px;
   }
   .wall-and-design-tabs .nav-tabs .nav-link svg{
      width: 25px;
      height: 25px;
   }
   .wall-and-design-tabs .nav-tabs .nav-link {
      padding: 8px 5px 5px;
   }
   .css-7ifuyt{
      font-size: 13px;
   }
   .select2 .select2-selection--single .select2-selection__rendered{
      padding: 4px 15px 2px;
      font-size: 13px;
   }
   .select2-container--default .select2-results>.select2-results__options{
      max-height: 130px;
   }
   .select2-container .select2-results li{
      font-size: 12px;
   }
   .select2-results__option {
      padding: 4px 12px;
   }
   .radio-custom-label{
      font-size: 12px;
   }
   #grid span{
      margin: 5px;
   }
   
   .custom-cat-size-radio span{
      font-size: 12px;
   }
}

@media only screen and (max-width: 991px) {
   .cd_cart_btn_wrap{
      display: none;
   }
   .cd_cart_dropdown_btn_wrap{
      display: inline-block;
      float: right;
   }
   .cd_cart_dropdown_btn_wrap .dropdown button{
      border: none;
      background-color: #f38820;
   }
   .cd_cart_dropdown_btn_wrap .dropdown#dropdownMenuButton1{
      padding: 7px 11px 5px;
   }
   .dropdown-toggle::after{
      content: "\e874";
      font-family: iconfont;
      border: none;
      vertical-align: 0;
      font-size: 10px;
      font-weight: 900;
      color: #fff;
      margin: 0;
   }
   .cd-cart header{
      height: auto;
      line-height: 20px;
      padding: 7px 15px;
   }
   .cd-cart header h6{
      margin-bottom: 0;
      margin-top: 5px;
   }
   .cd-cart .body{
      margin: 40px 0 10px;
   }
   .cd-cart header .btn#dropdownMenuButton1{
      padding: 5px 7px 3px;
      margin-top: 0;
   }
   .cd_cart_dropdown_btn_wrap .dropdown button:hover {
      background-color: #f38820;
      color: #fff;
   }
   .cd_cart_dropdown_btn_wrap .dropdown-menu{
      padding: 5px 0;
      border: none;
      box-shadow: 0px 2px 10px -5px #000;
      min-width: 135px;
   }
   .cd_cart_dropdown_btn_wrap .dropdown-menu li a{
      font-size: 12px;
      line-height: 16px;
      padding: 8px 15px;
      font-weight: 600;
      letter-spacing: 0.5px;
   }
   .cart-open .cd-cart{
      z-index: 111;
   }

   .toggle.btn-xs{
      width: 45px !important;
      height: 25px !important;
   }
   .toggle-on.btn-xs,
   .toggle-off.btn-xs{
      font-size: 12px;
      padding: 0;
      line-height: 20px;
      box-shadow: inset -2px 0px 10px -5px;
   }
   .toggle-off.btn-xs{
      box-shadow: inset -2px 0px 10px -5px;
   }
   .ham-menu {
      max-width: fit-content;
      top: 0;
      right: 40px;
      height: auto;
      z-index: -1;
   }
   .ham-menu.on {
      z-index: 1;
   }
   .ham-menu ul{
      padding: 10px 15px 10px;
      border-radius: 0;
      width: 150px;
      margin: 0;
   }
   .ham-menu ul li{
      display: block;
      border-right: none;
   }
   .ham-menu ul li a{
      padding: 5px 0 2px;
   }
   .hamburger-menu-button-open{
      margin-left: -8px;
   }
   .hamburger-menu-button{
      width: 20px;
      height: 20px;
   }
   .hamburger-menu-button-open, 
   .hamburger-menu-button-open::before, 
   .hamburger-menu-button-open::after{
      width: 15px;
   }
   .hamburger-menu-button{
      margin-top: 0;
      margin-right: 0;
      border-radius: 0;
   }
   .main_logo_sidebar{
      display: none;
   }
   div.bhoechie-tab-menu{
      min-height: 100vh;
      height: 100%;
      background-color: #fff;
      overflow-x: auto;
   }
   .bhoechie-tab{
      height: 100vh;
      background-color: #fff;
   }
   .filter-box{
      display: none !important;
   }
   .css-7ifuyt,
   .ham-menu ul li a i{
      font-size: 12px;
   }
   .ham-menu ul li a i{
      padding-right: 5px;
   }
   .cd-add-to-cart{
      right: 20px;
      bottom: 20px;
   }
   .cart-open .cd-cart .body p{
      font-size: 12px;
   }
   .css-8yj8d5{
      margin-bottom: 0;
   }
   .grout_box_mode{
      height: auto !important; 
   }
   .grout_color_box{
      margin-bottom: 30px;
   }
   .grout-slider>input:nth-of-type(1)+output{
      width: max-content;
   }
   .wrapper .option{
      width: 85px;
      font-size: 11px;
   }
   .cbp-spmenu-left.cbp-spmenu-open{
      z-index: 111;
   }
   .cd-cart-trigger, .cd-cart{
      bottom: 15px;
      right: 120px;
   }
   .css-8yj8d5,
   .wall-and-design-tabs .nav-tabs .nav-link,
   .select2 .select2-selection--single .select2-selection__rendered,
   .select2-container .select2-results li,
   .pt_img ul li a.pat_img h6,
   .ham-menu ul li a{
      font-size: 10px;
   }
   .css-k008qs{
      margin-top: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
   }
   .mobil_moain_log{
      display: block;
      width: max-content;
      /* background-color: #fff; */
      position: fixed;
      left: 0;
      top: 0;
      border: none;
   }
   
   .mobil_main_logo .navbar-brand .logo{
      max-height: 40px;
      margin-top: 0px;
      width: auto;
   }
   button.remove_pattern{
      line-height: 10px;
      font-size: 11px;
   }
   .footer_btn .checkout.btn{
      display: none;
   }
   .cd-cart-container .show_btn{
      display: block;
      opacity: 0;
      -webkit-transition: -webkit-transform .2s;
      transition: -webkit-transform .2s;
      transition: transform .2s;
      transition: transform .2s,
      -webkit-transform .2s;
   }
   .cd-cart-container.cart-open .show_btn{
      opacity: 1;
   }
   .cd-cart {
      max-width: 245px;
   }
   .show_btn a{
      padding: 5px 8px 2px;
      font-size: 8px;
      margin: 8px 0 8px 10px;
   }
   .cd-cart .body ul {
      padding: 10px 20px 15px 20px;
   }
   .reflect_btn{
      padding: 5px 0px 5px 0px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
   }
   .btn-toggle.btn-sm{
      height: 20px;
      border-radius: 11px;
   }
   .btn-toggle.btn-sm>.handle{
      width: 20px;
      height: 20px;
      border-radius: 50%;
      top: 0;
   }
   .btn-toggle.btn-sm:before, 
   .btn-toggle.btn-sm:after{
      line-height: 20px;
   }
}

@media only screen and (max-width: 767px) {
   .cart-open .cd-cart .body li{
      margin-bottom: 7px;
   }
}
@media only screen and (max-height: 350px) {
   .cd-cart{
      height: 85%;
   }
}

/*Responsive Css End