@charset "UTF-8";
/* ------------------------------------------------------------------
 * Name         : sayar-sa
 * File         : respo.css
 * Author       : Shawky mohamed
 * Author URI   : shmz30@gmail.com
 *
 * All Rights Reserved.
 * --------------------------------------------------------------------- */

@media screen and (min-width: 992px) {
 .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 5px;
    padding-left: 5px;
  }

}


@media (min-width: 768px) {
  .nobadges {
    text-align: right !important;
  }

.mb-6, .my-6 {
  margin-bottom: 0em !important;
}

}


@media screen and (min-width: 576px) {
  .modal-dialog {
		max-width: 500px;
  }
}

@media screen and (max-width: 575.98px) {
.small_badge_body{ margin: auto;
  text-align: center;
  display: inline-block;
margin-top:-20px
  }

.shabkah_l{
		width: 15rem;
	  position: absolute;
	  left: 0;
}

.nagmaaah{
		width: 15rem;
	  position: absolute;
	  right: 0;
}



.navbar-brand{
float:right !important;
width:80px;
margin:5px;
}

.home_logo{
display: block;
align-items: center;

}

.home_logo img{
	width:100px;
}



.home_textarea{
  width: auto;
  position: absolute;
  right: auto;
  top: 20%;
padding:25px;
}

.new_btn{
width:150px;
font-size:14px
}

.madarTitle {
  position: absolute;
  right: 5%;
  bottom: 35%;
  font-size: 1.5em;
}

.madary_team{
  width: 200px;
}

.madary_team li{
	float:right;
	width: 50px;
}

.madary_team img{
	width: 20px;
}

.madarLafaah{
right:0;
max-width: 95%;
right: 0.1%;
}

.map_main{
	max-width:93%;
}





.swiper{
	width: 300px !important;
	  height: 200px  !important;
}

.swiper-slide {
  text-align: center;
  font-size: 14px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 0px;
  transition: all .3s ease;
	color:#fff;
  &.swiper-slide-active {
    color:#fff;
    /*background: linear-gradient(45deg, rgb(246, 146, 89), rgb(241, 105, 117));*/
    transform: scale(1.2);
    z-index: 2
  }

		 &.swiper_user_wasam{
			width:20px !important
		}
		  &.swiper-slide-active img{
				width:100px
		}


}

.earth_body{
	margin-top:50px;
}

.content-section{
	padding-top: 0rem;
}

.hello_body{
width:100% !important;
margin-bottom:25px !important;
font-size: 1.5rem;
padding-top: 5px;
}

.popup_youtube .MapVid_row{
min-height:150px;padding:0px;
}

.avatar_li{
	height: 80px;
  width: 80px;
}


.top_control{
	position: absolute;top: -60px;left: 0;
}

.MapQ .col-md-6{
width:45%;
}

 .MapQ .new_btn {
    width: 120px;
  }

}