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

}
@media screen and (min-width: 768px){

}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {  
    .navbar-toggler-icon{margin-right:5px;}
    .alags .top-item{gap:5px;}
    .desk-image{display:none !important;}
    .header-mobile-navbar { background-color:#5AB846; }
}

@media (min-width: 576px) {  
    .mob-image{display:none !important;}
    .header-mobile-navbar { background-color:#5AB846; }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (max-width: 991px) { 
    .hide-desk-search{display:none;}
    .grey-bot-bor{border-bottom: 1px solid #808080;}
    .joiu img,.language img,.country img{filter: invert(0) !important;}
    .user-drop-main{display:none;}
}
@media (min-width: 992px) { 
    .hide-mob-search{display:none;}
    .mob-menu{display:none !important;}
    
}
 
 

 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}

@media (max-width: 374px) {  
    .mob-top-nav{justify-content:space-between;}
    .mob-top-nav > div:nth-child(2){padding-left:0px;padding-right:0px;}
    .mob-top-nav > div:nth-child(1),.mob-top-nav > div:nth-child(3){padding-left:5px;padding-right:5px;}
    .mob-top-nav a{font-size: 9px !important;line-height: 12px !important;}
}

@media  screen and (min-width: 375px) and (max-width: 575px) {  
    .mob-top-nav{justify-content:space-between;}
    .mob-top-nav > div:nth-child(2){padding-left:0px;padding-right:0px;}
    .mob-top-nav > div:nth-child(1),.mob-top-nav > div:nth-child(3){padding-left:5px;padding-right:5px;}
    .mob-top-nav a{font-size: 14px !important;line-height: 18px !important;}
    .alags{padding:15px 4px !important;}
    .navbar-toggler{padding: .25rem 0rem;}
    .nanu .alags .top-item {font-size: 16px !important;line-height: 16px !important;}
}




/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /* Styles for extra small devices */

    .section-header h5{font-size: 20px;line-height: 24px;}
    .futur h6{font-size: 18px;line-height: 20px;}
    .sidebar a{font-size: 16px;line-height: 18px;}
    .section-header a,.futur p,.deal-title,.service-title,.futur p a,.foot-botu{font-size: 14px;line-height: 18px;}  
    .omagu .cols{width:50%;}


  }
  
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {
    /* Styles for small devices */

    .section-header h5{font-size: 20px;line-height: 24px;}
    .futur h6{font-size: 18px;line-height: 20px;}
    .sidebar a{font-size: 16px;line-height: 18px;}
    .section-header a,.futur p,.deal-title,.service-title,.futur p a,.foot-botu{font-size: 14px;line-height: 18px;}  
   
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px) {
    /* Styles for medium devices */

    .section-header h5{font-size: 20px;line-height: 24px;}
    .futur h6{font-size: 18px;line-height: 20px;}
    .sidebar a{font-size: 16px;line-height: 18px;}
    .section-header a,.futur p,.deal-title,.service-title,.futur p a,.foot-botu{font-size: 14px;line-height: 18px;}  

  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199.98px) {
    /* Styles for large devices */
    .navbar-top.desha .search-bar .form-select {
        padding-left: 10px;
        padding-right: 41px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .search-bar .form-select,.navbar-top .top-item{font-size:14px;}
    .navbar-top{padding-right:10px;padding-left:10px;}
    .gap-3{gap:.5rem!important;}
    
    .section-header h5{font-size: 20px;line-height: 24px;}
    .futur h6{font-size: 18px;line-height: 20px;}
    .sidebar a{font-size: 16px;line-height: 18px;}
    .section-header a,.futur p,.deal-title,.service-title,.futur p a,.foot-botu{font-size: 14px;line-height: 18px;}    
    
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) and (max-width: 1399.98px) {
    /* Styles for extra large devices */
    .section-header h5{font-size: 20px;line-height: 24px;}
    .futur h6{font-size: 18px;line-height: 20px;}
    .sidebar a{font-size: 16px;line-height: 18px;}
    .section-header a,.futur p,.deal-title,.service-title,.futur p a,.foot-botu{font-size: 14px;line-height: 18px;}
  }
  
  /* Extra extra large devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {
    /* Styles for extra extra large devices */

  }