@charset "utf-8";
/* CSS Document */


/*=================================================================   1000 px ========================================================*/
@media screen and (max-width: 1000px) {
/*************************************menu *****************************************/
.upper-panel-wrapper .logo a{  background-size:209px 31px;  background-position:0px 15px;}
.mobile-menu a{  background-image:url(/site/amsterdamescape/img/mobile-menu-icon.png);	 background-size:27px 21px;}
/* LOWER PANEL */	
.lp-menu{  background-color:#aa4e04; }
.lp-menu .lp-calendars .lp-arrival{  border-right-color:#aa4e04; background-color:#ec7b01; }
.lp-menu .lp-calendars .lp-departure{background-color:#ec7b01; }
.lp-menu .lp-calendars a.lp-arrival{ background-position:28px 18px;  border-right-color: #80348a; background-color:#6f2f77;}
.lp-menu .lp-calendars a.lp-departure{  background-position:28px 18px; background-color:#6f2f77; }
/**** dropping menu **/	
.nav li {  background-color:#ec7b01; }
.nav li li .parent {background-image: url("/site/amsterdamescape/img/downArrow.png");   background-position: 95% 50%;  }
/* price */
.lp-menu a.lp-advanced{ color:#FFF;  background-color:#ec7b01; }
.lp-buttons .lp-buttons-search{  background-color:#48ab17; border-right-color: #aa4e04;}
.lp-buttons .lp-button-clear{ background-color:#f3a00a; }
.lp-buttons .lp-button-clear span:before{  background-size:17px 18px;  background-position:0px 0px;
  background-image:url(/site/amsterdamescape/img/close-icon1.png); }

/*************************  APARTMENT PAGE ***************************/
.ap-title-cont .ap-title-right li{ border-left-color: #80348a; }
.ap-details-cahnge div.ap-input input{ background-position:right 5px center; }

/****************************************************************   USER PROFILE ***********************************************************/
.da-left .da-line{ background-color: #e5e6e8;}
/****************************************************************   My Apartments ***********************************************************/	
.ma-links a.ma-views{ background-position: left 33px top 9px;}
.ma-links a.ma-user-likes{  background-position: left 55px top 9px;}
.ma-links a.ma-reservation{ background-position: left 63px top 9px; }
/****************************************************************   My Orders\ Bookings ***********************************************************/
.ord-line-1 .ord-schedule{ border-bottom-color: #fff; }	
.ord-line-1 .ord-schedule .ord-arrival{  background-position: 15px 12px; }
.ord-line-1 .ord-schedule .ord-departure{  background-position: 15px 12px; }


}












/*=================================================================   768 px =======================================================================*/
@media screen and (max-width: 768px) {
/* news */
.h-news-title{ background-position:center top 80px; }
/* FOOTER */
.footer .footer-line3{ background-color:#f26100;}
/*************************  APARTMENT PAGE ***************************/
.search-mobile button{ color:#FFF; background-image:url(/site/amsterdamescape/img/search-button-arrow-open.png); background-position:right 14px center; 
background-size:18px 9px; }

/****************************************************************   USER PROFILE ***********************************************************/
/****************************************************************   My Apartments ***********************************************************/
.ma-links a.ma-views{  background-position: left 38px top 9px;}
.ma-links a.ma-user-likes{  background-position: left 63px top 9px;}
.ma-links a.ma-reservation{  background-position: left 72px top 9px; }

}















/*=================================================================   620 px =========================================================================================**/
@media screen and (max-width: 620px) {
/*************************  APARTMENT PAGE ***************************/
.ap-menu-wrapper button{ border-color: #d8d8d8; 	background-position: left 5% center; }	



}












/*=================================================================   560 px =========================================================================================**/
@media screen and (max-width: 560px) {
/* revievs */
.h-review-block .h-review-wrapper{   background-position:center top 70px;}
/****************************************************************   My Apartments ***********************************************************/
.ma-links a.ma-views{  background-position: left 42px top 8px; }
.ma-links a.ma-user-likes{  background-position: left 68px top 8px;}
.ma-links a.ma-reservation{  background-position: left 78px top 8px;}

}










/*=================================================================   450 px ====================================================================**/
@media screen and (max-width: 450px) {
/* title */
.homepage-hero-module h2{  color:#FFF; }
/****************************************************************   My Orders\ Bookings ***********************************************************/
.ord-reference .ord-reference-buttons a.ord-pay{  color: #fff; }
.ord-line-1 .ord-schedule .ord-arrival{  background-position: 5px 12px; }
.ord-line-1 .ord-schedule .ord-departure{   background-position: 5px 12px; }
.ord-line-2 table tbody tr td:nth-child(2){  background-color: #f8f4f9; }
.ord-line-2 table tbody tr td:nth-child(4){  background-color: #f8f4f9; }





}










/*=================================================================   420 px =========================================================================================**/
@media screen and (max-width: 420px) {
/* revievs */
.h-rew-stars ul li{ background-size:12px 11px; }


}