@media only screen and (min-width: 0px ) and (max-width: 480px ){

.responsive-image{
   
        width:100%;
		
}


#about_group{
width:100%;
margin:auto;
direction:rtl;
margin-top:30px;
text-align:center;
}

#about_group img{
width:100px;
margin:auto;
display:none;
}

#about_group .title{
text-align:center;
width:100%;
margin-top:30px;
margin-bottom:10px;
font-size:22px;
color:#C4BE2C;
direction:rtl;
}

#about_group p{
width:90%;


margin:auto;
font-size:13px;
text-align:justify;
overflow:hidden;
}




#albums_group{
margin:auto;
width:auto;
}

#albums_group #album_item{
width:287px;
height:370px;
margin:auto;
margin-bottom:30px;
}


#albums_group #album_item #image_container{
width:100%;
height:311px;
}

#albums_group #album_item img{
margin:0;
border:none;
}

#albums_group #album_item input{
width:100%;
height:59px;
background:url('album_button_bg.png') left top no-repeat;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-appearance: none;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  border: none;
  font: normal 130% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif;
text-align:right;
padding-right:30px;
}


#gallery_group{
margin:auto;
width:100%;
margin:0px 16px 30px 16px;
}

#gallery_group #gallery_item{
width:151px;
height:108px;
margin:auto;
float:right;
margin:16px;
overflow:hidden;
background-color:#C2C2C2;
}

#gallery_group #gallery_item img{
margin:0;
width:100%;
min-width:150px;
min-height:107px;

border:none;
}





#news
{
direction:rtl;
text-align:right;
margin: auto;
direction:rtl;
text-align:right;
margin-bottom:400px;
width:100%;
min-height:600px;

}

#news .title{
float:right;
margin-top:22px;
margin-bottom:26px;
width:100%;
font-size:22px;
color:#747474;
background: url("news_icon.png") left bottom no-repeat;
height:97px;
line-height: 90px;
}

#news #news_item {
float:right;
margin-bottom:26px;
width:100%;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#cecece;
}
#news #news_item  img{
width:190px;
height:120px;
margin:auto;
background-color:#e1e1e1;
}

#news #news_item .news_title{
width:100%;
min-height:20px;
margin-bottom:10px;
float:right;
color:#C4BE2C;
font-size:22px;
margin-top:20px;
}

#news #news_item  p{
width:100%;
margin:0;
height:95px;
font-size:13px;
overflow:hidden;
margin-top:15px;
}

#news #news_item  .read_more{
width:100%;
height:33px;
margin-top:15px;
float:left;
text-align:left;
direction:ltr;
margin-bottom:25px;
}
#onenews{

direction:rtl;
text-align:right;
}

#onenews .onetitle{
float:right;
margin-top:50px;
margin-bottom:26px;
width:100%;
font-size:22px;
color:#C4BE2C;
}

#onenews #news_nav{
display:none;
width:96px;
height:700px;
float:left;
border-right-style:solid;
border-right-width:1px;
border-right-color:#cccccc;
}

#onenews #news_nav img{
background-color:#ebebeb;
}
#onenews #news_nav img:hover{
background-color:#cecece;
}


#onenews #news_list{
display:none;
width:250px;
height:750px;
float:left;
}

#onenews #news_list #news_item{
width:250px;
height:250px;
}

#onenews #news_list #news_item .news_title{
width:100%;
color:#C4BE2C;
height:15px;
font-size:16px;
}
#onenews #news_list #news_item img{
width:190px;
height:120px;
margin-bottom:10px;
}
#onenews #news_list #news_item p{
width:100%;
width:220px;
height:40px;
overflow:hidden;
font-size:13px;

}

#onenews  #news_datails{
width:100%;
margin:auto;
}


#onenews  #news_datails img{
width:100%;
margin:auto;
}

#onenews  #news_datails .social_share{
width:100%;
float:right;
margin:16px 0 0 0;
}

#onenews  #news_datails .social_share img{
width:33px;
height:33px;
float:right;
margin:0 0 0 9px;
}
#onenews  #news_datails p{
margin:38px 0 0 0;
overflow:hidden;
width:100%;
float:right;
font-size:13px;
}

#onenews  #news_datails .date_of{
line-height:250%;
margin:60px 0 0 0;
overflow:hidden;
width:100%;
float:right;
height:25px;
padding-right:35px;
background: url("dateof.png") right bottom no-repeat;
}

#contact_us
{
margin-top:10px;
margin:auto;
}
#contact_us #logo
{
display:none;
width:160px;
height:160px;
background:url("contact_us_icon.png") left top no-repeat;
margin:auto;
margin-top:10px;
}

#contact_us #contact_details{
margin:auto;
direction:rtl;
width:90%;
margin-right:20px;
padding-top:12px;

}
#contact_us #contact_details .contact_title{
margin-bottom:32px;
color:#5396cb;
font-size:26px;
float:right;
display:none;

}
#contact_us #contact_details .contact_item{
margin:auto;
margin-top:10px;

width:100%;
}

#contact_us #contact_details .contact_item img{
margin:auto;
}

#contact_us #contact_details .contact_item p{
margin:auto;
font-size:15px;
text-align:center;
height:65px;
}

#contact_us #contact_details  .contact_item2{
width:300px;
margin:auto;
}




#contact_us #contact_details .phone_item{
margin:auto;
margin-top:1px;
margin-left:1px;
height:80px;
background-color:#ebebeb;
}

#contact_us #contact_details .number {
float:right;
height:80px;
width:80px;
background-color:#5396cc;

}

#contact_us #contact_details .number2 {
height:80px;
width:80px;
color:white;
font-size:28px;
min-height: 10em;
    display: table-cell;
    vertical-align: middle
}


#contact_us #contact_details .phone_item .number img{
float:right;
height:80px;
}

#contact_us #contact_details .details {
float:right;
height:80px;
width:200px;
background-color:#ebebeb;

}

#contact_us #contact_details .details2 {
padding-right:20px;
height:80px;
width:190px;
overflow:hidden;
display: table-cell;
text-align:right;
font-size:16px;

    display: table-cell;
    vertical-align: middle
}













#careers
{
margin-top:20px;
text-align:right;
direction:rtl;
}
#careers #logo
{
width:100%;
min-height:160px;
background:url("careers_icon.png") center top no-repeat;
float:right;
}


#careers #logo_suggestions{
width:100%;
min-height:160px;
background:url("suggestions.png") center top no-repeat;
float:right;

}



#careers #careers_details{
float:right;

margin-right:30px;
width:90%;
}
#careers #careers_details .careers_title{
display:none;
margin-top:22px;
margin-bottom:10px;
color:#C4BE2C;
font-size:22px;
float:right;
width:100%;
}

#careers #careers_details .careers_hints{
margin-top:10px;
margin-bottom:10px;
font-size:14px;
float:right;

width:100%;
}

.career_separator{
width:100%;height:10px;clear:both;
}


.styled2{
	width:200px;
  font-size:13px;
  font:normal 100% DroidNaskh-Regular,tahoma,'trebuchet ms', sans-serif;
  padding:14px 100px 10px 10px;
  border:0px solid #cecccc;
  background: #ebebeb;
  border-radius: 5px;color: #847f7f;

}

.drop_down
{
width:310px;
    background: url('down_arrow_select.png') no-repeat 0px 0px #ebebeb;
    -webkit-appearance: none;
	
}
.drop_down option{
background-color:#F8F8F8;
}

.input_wrapper {
  float:right;
  position:relative; 
  margin-top:8px;
}

.input_wrapper .unit {
  position:absolute;
  right:10px;
  top: 20px;
  color:#a1a1a1;
}

.input_wrapper .file_name {
  position:absolute;
  right:100px;
  top: 15px;
  color:#a1a1a1;
}


.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
    
  display:none;
}
.custom-file-input::before {
margi:30px;
  content: 'اختيار الملف';
  font-weight: 300;
  font-size: 10pt;
}


#hotel_services
{
margin-top:20px;
text-align:right;
line-height:175%;

}

#hotel_services  #hotel_services_details{
margin:auto;
width:100%;
padding-top:12px;
font-size:14px;
}

#hotel_services  #hotel_services_details .hotel_services_title {
display:none;
margin:auto;
  margin-bottom: 40px;
  color: #C4BE2C;
  font-size: 26px;
  text-align:center;
  width: 100%;
  }
  
#hotel_services  #hotel_services_details .hotel_services_item{
margin:auto;
margin-top:20px;
width:100%;
text-align:center;
}

#hotel_services  #hotel_services_details .hotel_services_item .title{
  margin-top: 10px;
  margin-right:20px;
  margin-bottom:20px;
  color: #C4BE2C;
  font-size: 22px;
 width:90%;
  
}

#hotel_services  #hotel_services_details .hotel_services_item img{
margin:0;
}

#hotel_services  #hotel_services_details .hotel_services_item .details{
  float: right;
  min-height: 80px;
  margin-right:20px;
  width:90%;
  margin-bottom:50px;
 }
#hotel_services  #hotel_services_details .hotel_services_item .details2 { 
	height: 80px;
	display: table-cell;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
line-height:150%;

}



.navigator {
margin-top:50px;
  text-align: left;
  width: 99%;
  height:30px;
  padding: 0 0 0 5px;
  float: left;
  direction: rtl;
  text-align: center;
  overflow: hidden;
  font-size:17px;
  }
  
  .navigator a {
  color: #51D065;
  font-weight: bold;
  font-size: 19px;
  
  }
  .navigator a:hover{
  color: #FFAF2A;
  }



}