.offscreen-navigation .sub-menu li a span.hot,

.main-header .main-navigation-area .main-navigation ul li span.hot {

background: #dc3545;

font-size: 13px;

color: #fff;

padding: 3px 5px 2px;

border-radius: 5px;

}


/* Azim Home banner */
.banner-content {
    display: none;
}
.rtcl.rtcl-search.rtcl-search-inline.classima-listing-search {
    margin-top: 50px;
}
/*Header & Footer Logo Maximum Size*/

.main-header .site-branding a img, footer img{

max-width: 150px;

}/* Target elements on mobile screens (max-width: 768px) */
@media (max-width: 768px) {
  /* Example: Change the font size of a specific element */
	
  .my-element {
    font-size: 14px;
  }

  /* Example: Hide an element on mobile */
  .hide-on-mobile {
    display: none;
  }

  /* Example: Change the layout of a container */
  .mobile-container {
    flex-direction: column; /* Change to a column layout */
  }
	
}.wp-header .menu {
  display: flex; /* Or inline-block */
  flex-wrap: nowrap; /* Prevents items from wrapping to a new line */
  /* Optional: Add more styling like background color, spacing, etc. */
}
.listing-item .listing-thumbnail img {
    width: 100%;
    height: 250px; 
    object-fit: cover;
}/* My Pet Exchange - Wider desktop navigation */
@media (min-width: 1200px) {

  #site-header .main-header .row.align-items-center > .col-md-4 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  #site-header .main-header .row.align-items-center > .col-md-8 {
    flex: 0 0 80%;
    max-width: 80%;
  }

}/* My Pet Exchange - Compact desktop menu */
@media (min-width: 1200px) {
  #site-header .main-header .main-navigation-area nav a {
    font-size: 18px;
    padding-left: 6px;
    padding-right: 6px;
    white-space: nowrap;
  }
}
/* Move logo closer to the left edge */
@media (min-width: 1200px) {
  #site-header .main-header > .container {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}@media (min-width: 1200px) {
  #site-header .main-header .main-navigation-area nav a {
    font-size: 25px;
  }
/* My Pet Exchange - Move menu toward logo */
@media (min-width: 1200px) {

  /* Reduce space reserved for logo */
  #site-header .main-header .row.align-items-center > .col-md-4 {
    flex: 0 0 190px !important;
    max-width: 190px !important;
  }

  /* Give remaining space to navigation */
  #site-header .main-header .row.align-items-center > .col-md-8 {
    flex: 1 1 0% !important;
    max-width: calc(100% - 190px) !important;
  }

  /* Keep menu left and Post Your Ad right */
  #site-header .main-header .main-navigation-area {
    justify-content: space-between !important;
  }

}