@media (max-width: 575.98px) { 



 }

@media (max-width: 767.98px) {

.navbar.navbar-light{
  height: auto !important;
  text-align: right;
}
.navbar.navbar-light ul li{
  text-align: right;
}
.navbar-expand-lg .navbar-nav{
      display: flex;
    flex-direction: column !important;
}
.navbar.navbar-light span{
    font-size: 19px !important;
   
}

.navbar-light .navbar-brand{
   position: relative;
    left: -12px
}


.navbar.navbar-light .collapse .navbar-nav .nav-item{
  text-align: center;
}

.navbar.navbar-light .collapse .svg-groups{
 text-align: center;
width: auto !important;
 border-left: none !important ;
}

.navbar.navbar-light .collapse svg {

    left: 0 !important;
   
}

.welcome{
    position: relative;
    bottom: 0 !important;
     margin: 0 10px !important;
    direction: rtl !important;


}
.welcome .info{
  text-align: center !important;
}

.welcome .info h6:after{
  margin-right: auto;
}

.welcome .elemnts{
  margin: 0 20px;
  display: table;
}

.welcome .width{
  width: calc(100% / 2);
}
.welcome .elemnts ul{
  display: table;
}
.welcome .elemnts .borders-grp{
  display: inline-table;
}

.welcome .elemnts .borders-grp h5{
  font-size: 15px !important
}

.welcome #row{
    background: #f5f6fa;
}

.welcome .elemnts .col-lg-3 {
    border-bottom: 1px solid #f4f4f4;
}
.places{
  margin: 0 !important;
  top: 0 !important;
  height: auto  !important

}

.places img{
  width: 400px !important
}

.places .overlay{
  width: 400px !important
}

.places a{
  display: none;
}

.places .border-only{
  border-top: 1px solid #eee
}
.Offers{
      top: 0  !important;
      margin: 0  !important;
      height: 2200px !important
}

.Offers .overlay{
   height: 2200px !important
}
.Offers .card-body.only{
      margin-bottom: 30px !important;
}


.why-us{
      top: 0  !important;
      margin: 0  !important;
      height: auto !important
}

.why-us .row{
      padding: 0 0 0 140px !important;
}

.diffrent{
  top: 0  !important;
      margin: 0  !important;
}

.map{
   top: 0  !important;
      margin: 0  !important;
}



.hotles{
  top: 0  !important;
   margin: 0  !important;
}

.homes{
       top: 0  !important;
   margin: 0  !important;
}

.our-offers{
   top: 0  !important;
   margin: 0  !important;
   height: auto !important
}

.Contact-us{
  width:auto !important;
  top: -10px !important
}

.footer{
  padding-top: 250px !important
}

.block-bg{
  height: 250px !important
}
}

@media (max-width: 991.98px) { 
  



}


@media (max-width: 1199.98px) {
.navbar.navbar-light{
  height: 60px
}
.navbar-expand-lg .navbar-nav{
      display: flex;
    flex-direction: row-reverse;
}
.navbar-light .navbar-toggler{
  background: #4db7fe
  }

.navbar-light .navbar-toggler:hover{
  cursor: pointer;
}
 .navbar.navbar-light span{
    font-size: 23px 
}

.navbar.navbar-light .collapse .navbar-nav .nav-item{
  text-align: center;
}

.navbar.navbar-light .collapse .svg-groups{
    width: 100px;
    border-left: 1px solid;


}

.navbar.navbar-light .collapse svg {
    left: 20px;
}

.welcome{
    position: relative;
    bottom: 140px;
     margin: 0 70px 0 70px;
    box-shadow: 1px 0px 100px rgba(0,0,0,.3);


}

.welcome .info{
  text-align: right;
}

.welcome .elemnts .borders-grp h5{
  font-size: 17px
}



.places{
  margin: 0 55px 0 55px;
  top: -160px;
  height: 704.5px
}

.places img{
  width: 318px 
}

.places .overlay{
  width: 318px 
}

.Offers{
      top: -140px;
      margin: 0 55px 0 55px;
      height: 750px
}

.Offers .overlay{
   height: 750px
}


.why-us{
      top: -140px;
      margin: -45px 55px 0 55px;
      height: 500px
}

.why-us .row{
      padding: 0 0 0 200px ;
}

.diffrent{
  top: -140px;
      margin: -45px 55px 0 55px;

}

.map{
  top: -140px;
      margin: -45px 55px 0 55px;
}



.hotles{
  top: -95px  ;
   margin: -45px 55px 0 55px;
}

.homes{
      top: -50px;
       margin: -45px 55px 0 55px;
}


.our-offers{
   top:-100px;
   margin:-45px 55px 20px 55px;
   height:940px
}


.Contact-us{
  width: 1100px;
  top: -140px
}

.footer{
  padding-top: 150px
}

.block-bg{
  height: 350px 
}

}