.locator-title , 
.toggle-btn , 
.location-item h4 , 
.location-item h3 ,
.location-item p ,
.location-item span ,
.location-details h3 ,
.location-details p ,
.location-details span ,
.location-details .button-details ,
.map-search-form input[type="text"] ,
.map-search-form .btn  {
    font-family: "FFShamel"
}



body {
    direction: rtl;
    text-align: right;
}



/* Flip the search box icon */
/*.input-group {
    flex-direction: row-reverse;
}*/

.input-group input {
    text-align: right;
}

/* Reverse list item layout */
.location-item {
    text-align: right;
    direction: rtl;
}

/* Adjust marker details alignment */
.location-details {
    text-align: right;
    direction: rtl;
}

/* Reverse flex alignment for list items */
/*.location-item .row {
    flex-direction: row-reverse;
}*/

/* Fix button alignment */
.button-details {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
}



.btn-2 {
    margin-left: unset;
    margin-right: -10%;
}

.locator-wrapper {
    text-align: right;
}

.locator-wrapper ,#location-list-container {
    right: 5%;
    left: unset;
}

.toggle-btn {
    padding: 1vw 3.5vw !important;
}


.map-search-form input[type="text"] {
    margin-left: 0px;
    margin-right: unset;
}

.map-search-form .btn {
    margin-left: 3% !important;
    margin-right: unset !important;
}


.map-search-form .btn i {
    margin-left: 1px;
    margin-right: -1px;
    margin-top: -5px;
}




/*.location-details {
    width: 30vw;
}*/



.location-details p , .location-item p.phoneltr{
    direction: ltr;
}


.locator-title {
    font-size: 3.8vw !important;
}


.map-search-form #search-box {
    margin-left: unset;
    margin-right: 1.5%;
}

@media (max-width: 768px) {

    .location-details {
        width: 100%;
    }

    .toggle-btn {
        padding: 3vw 10vw !important;
    }

    #location-list-container {
        width: 90%;
    }

}



@media (min-width: 768px) and (max-width: 880px) {
    /* Styles for 361–767px */
    #location-list-container {
    /* CSS here */

    }

    .toggle-btn {
        padding: 1vw 10vw !important;
    }

}


/* 3) Tablets: 768px to 1024px */
@media (min-width: 881px) and (max-width: 1024px) {
  /* Styles for 768–1024px */
  #location-list-container {
    /* CSS here */
 
  }

  .toggle-btn {
    padding: 1.5vw 5.5vw !important;
  }



}

/* 3) Tablets: 768px to 1024px */
@media (min-width: 1025px) and (max-width: 1200px) {
  /* Styles for 768–1024px */
  #location-list-container {
    /* CSS here */
  }
}

/* 4) Small laptops: 1025px to 1366px */
@media (min-width: 1201px) and (max-width: 1366px) {
  /* Styles for 1025–1366px */
  #location-list-container {
    /* CSS here */
    width: 29%;
  }

  .toggle-btn {
    padding: 1vw 4vw !important;
  }
}

/* 5) Medium laptops: 1367px to 1440px */
@media (min-width: 1367px) and (max-width: 1440px) {
  /* Styles for 1367–1440px */
  #location-list-container {
    /* CSS here */
  }
}

/* 6) Large desktops: 1441px to 1600px */
@media (min-width: 1441px) and (max-width: 1600px) {
  /* Styles for 1441–1600px */
  #location-list-container {
    /* CSS here */
  }

    .location-details {
        width: 32vw;
    }
}



@media (min-width: 2500px) {
  #location-list-container {
    /* CSS here */
  }
  .toggle-btn {
    padding: 1vw 4.2vw !important;
  }
}


@media (min-width: 3500px) {
   #location-list-container {
    /* CSS here */
  }
  .toggle-btn {
    padding: 1vw 4.3vw !important;
  }
}