/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 992px) {
  .leaflet-control-easyPrint {
    display: none;
  }
  #navbarController {
    display: none;
  }
  .firstBlockUnderNavbar {
    top: 50px;
  }
  #searchCard {
    width: 50%;
  }
  .leaflet-control-search .search-input {
    max-width: none !important;
  }
  .leaflet-top {
    top: 50px;
  }

  #rightPanelControlsCard {
    width: 50%;
    margin-top: 5px;
  }
  .leaflet-popup-content {
    width: 450px !important;
  }

  .leaflet-control-search.search-exp {
    width: 60vw;
  }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 992px) and (orientation: landscape) {
  .leaflet-control-easyPrint {
    display: none;
  }
  #navbarController {
    display: none;
  }
  .firstBlockUnderNavbar {
    top: 50px;
  }
  #searchCard {
    width: 50%;
  }
  .leaflet-control-search .search-input {
    max-width: none !important;
  }
  #rightPanelControlsCard {
    width: 50%;
    margin-top: 5px;
  }
  .leaflet-popup-content {
    width: 450px !important;
  }

  .leaflet-control-search.search-exp {
    width: 60vw;
  }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  .leaflet-control-easyPrint {
    display: none;
  }
  #navbarController {
    display: none;
  }
  .firstBlockUnderNavbar {
    top: 50px;
  }
  #searchCard {
    width: 80%;
  }
  .leaflet-control-search .search-input {
    max-width: none !important;
  }
  #rightPanelControlsCard {
    width: 80%;
    margin-top: 5px;
  }
  .leaflet-popup-content {
    width: 300px !important;
  }

  .leaflet-control-search.search-exp {
    width: 60vw;
  }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  .leaflet-control-easyPrint {
    display: none;
  }
  #navbarController {
    display: none;
  }
  .firstBlockUnderNavbar {
    top: 50px;
  }
  #searchCard {
    width: 75%;
  }
  .leaflet-control-search .search-input {
    max-width: none !important;
  }
  #rightPanelControlsCard {
    width: 75%;
    margin-top: 5px;
  }
  .leaflet-popup-content {
    width: 300px !important;
  }

  .leaflet-control-search.search-exp {
    width: 60vw;
  }
}

.btn.btn-turquoise {
  background: url(../images/bg_btn_turquoise.png) #156766 no-repeat;
  background-size: contain;
  padding: 10px 15px;
  border-radius: 50px;
  font-size: 14px;
  color: #fff;
  min-width: 100px;
  font-family: TheSansArabic;
  transition: 0.2s;
}

.btn.btn-green {
  background: url(../images/bg_btn_green.png) #6bc048 no-repeat;
  background-size: contain;
  padding: 10px 15px;
  border-radius: 50px;
  font-size: 14px;
  color: #fff;
  min-width: 100px;
  font-family: TheSansArabic;
  transition: 0.2s;
}