@media only screen and (max-width: 1260px) {
   .header .menu > ul > li{
      margin: 0 5px !important;
   }
}

@media only screen and (max-width: 1199px) {
   .header{
      padding: 10px 20px;
   }
   .menu{
      display: block;
      padding: 0;
   }
   .header .menu{
      z-index: 9999 !important;
   }
   .sb_p{
      font-size: 15px;
      letter-spacing: 0px;
   }
   .header .item-right{
      flex: auto !important;
   }
   /* .v-center{
      justify-content: space-between !important;
      flex-direction: row-reverse !important;
   } */
   .header .item-right{
      justify-content: start;
      flex-direction: row-reverse;
   }
   .header .item-left, .header .item-right{
      flex: inherit;
   }
}

@media only screen and (max-width: 1050px) {
   .logo_h{
      font-size: 16px;
   }
   .desktop_logo{
      padding: 0 0px;
   }
}

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

   .banner_box{
      flex-direction: column;
      gap: 40px;
   }
   .cm_box{
      flex-direction: column;
      gap: 40px;
   }
   .why_c_box{
      margin-top: 40px;
   }
   .quick_menu_box{
      display: none;
   }
   .bl_btn_c{
      display: none;
   }

}

@media only screen and (max-width: 810px) {
   .logo_h{
      font-size: 13px;
   }
   .logo_text{
      font-size: 14px;
      line-height: 20px;
   }
   .logo_text span{
      font-size: 11px;
   }
   .clb_btn{
      gap: 0;
   }
}

@media only screen and (max-width: 767px) {
   .bl_btn{
      padding: 5px 10px;
      gap: 5px;
   }
   .bl_btn{
      padding: 5px;
   }
   .logo_text_buttons{
      padding-left: 75px !important;
   }
}

@media only screen and (max-width: 680px) {
   .logo_h{
      font-size: 12px;
   }
   .bl_btn i{
      width: 20px;
      height: 20px;
      font-size: 9px;
   }
   .bl_btn{
      font-size: 14px;
   }
}


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

   .tb_h{
      font-size: 14px;
   }
   .tab_box{
      padding: 12px 20px;
   }
   .logo_text_buttons{
      flex-direction: column;
      padding-left: 55px !important;
   }
   .bl_btn{
      font-size: 13px;
      margin-bottom: 10px;
      margin-top: 2.5px;
   }
   .bl_btn i{
      width: 18px;
      height: 18px;
      font-size: 10px;
   }
   .logo_h{
      font-size: 14px;
      text-align: left;
      padding-top: 10px !important;
   }
   .logo_text span{
      text-align: left;
   }
   .logo_text{
      text-align: left;
      line-height: 18px;
   }
   .dl_logo{
      height: 80px;
   }
   .logo_box a::before{
      right: -70px;
   }
   .logo_box a::before{
      width: 1500px;
      height: 250px;
      top: -16px;
   }
   .pseudo-search button{
      width: 25px;
      height: 25px;
   }
   .bredcum_h{
       font-size: 30px;
   }
   
}

@media only screen and (max-width: 510px) {
   .logo_h{
      font-size: 12px;
   }
   .logo_box a::before{
      right: -60px;
   }
   .dl_logo{
      height: 70px;
   }
   .logo_box a::before{
      width: 1500px;
      height: 250px;
      top: -19px;
   }
}


@media only screen and (max-width: 450px) {
   
   .logo_h{
      font-size: 11px;
   }
   .logo_box a::before{
      top: -23px;
   }
   .logo_text_buttons{
      padding-left: 45px !important;
   }
   .dl_logo{
      height: 60px;
   }

}

@media only screen and (max-width: 415px) {
   .desktop_logo .row>[class*='col-']{
      padding-left: 5px !important;
      padding-right: 5px !important;
   }
}

@media only screen and (max-width: 389px) {
   .logo_h{
      font-size: 10px;
   }
   .logo_text span{
      text-align: left;
      font-size: 10px;
   }
   .logo_text{
      text-align: left;
      font-size: 12px;
   }
   .logo_box a::before{
      width: 1500px;
      height: 250px;
      top: -22px;
   }
   
   
}