@media screen and (min-width: 1921px) {
/* ------------------------------------ header ------------------------------ */
html { background-size: 2550px 1362px; background-position: top -430px center;}
.header-upper{ height: 854px; }	

}




@media screen and (max-width: 1920px) {
/* ------------------------------------ header ------------------------------ */
html { background-size: 1920px 1025px; background-position: top -130px center;}
.header-upper{ height: 854px; }	

}





/**=======================================================================   1600 px ================================================================================***/
@media screen and (max-width: 1600px) {
/* ------------------------------------ header ------------------------------ */
html { background-size: 1600px 854px; background-position: top 0px center; }
.header-upper{ height: 854px; }	

}



/**=======================================================================   1536 px ================================================================================***/
@media screen and (max-width: 1536px) {
/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 68px!important; }


}








/**=======================================================================   1500 px ================================================================================***/
@media screen and (max-width: 1500px) {
/* ------------------------------------ header ------------------------------ */
html { background-size: 1500px 800px; }
.header-upper{ height: 764px; }	

/* concierge */
.as-concierge{height: 600px;  }


}




/**=======================================================================   1440 px ================================================================================***/
@media screen and (max-width: 1440px) {

html { background-size: 1440px 769px;  background-position: top 0px center; }
.header-upper{ height: 769px; }	
.header-text {    margin: 110px 0 0 0;}



/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 20px!important; }


}







/**=======================================================================   1400 px ================================================================================***/
@media screen and (max-width: 1400px) {

/* concierge */
.as-concierge{height: 480px;  }
	.as-concierge-wrapper{width: 1170px; padding: 78px 0 0 0;}	
}




/**=======================================================================   1366 px ================================================================================***/
@media screen and (max-width: 1366px) {
/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport {height: 300px!important;}
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 83px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li{ width: 300px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li a{  width: 300px!important; height: 50px; padding: 250px 0 0 0;  }


}



/**=======================================================================   1280 px ================================================================================***/
@media screen and (max-width: 1280px) {
/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 40px!important; }


}







/**=======================================================================   1200 px ================================================================================***/
@media screen and (max-width: 1200px) {
/* ------------------------------------ header ------------------------------ */
html { background-size: 1200px 641px; background-position: top -50px center;}
.header-upper{ width: 980px; height: 578px; }	
.header-text{ margin: 190px 0 0 0; }
.header-lower-wrap{width: 980px; }

/* cities */
.we-cities-content ul li {    padding: 0 0 0 15%;}
.we-cities-content ul li a{   font-size: 15px; line-height: 32px; }

/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport {height: 250px!important;}
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 100px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li{ width: 250px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li a{  width: 250px!important; height: 50px; padding: 200px 0 0 0;  }




/* text-block */
.as-text-block-wrapper{width: 900px;  padding: 81px 0 0 0; }

/* concierge */
.as-concierge{height: 480px; background-size: 1200px 514px; background-position: center; }
	.as-concierge-wrapper{width: 960px; padding: 68px 0 0 0;}

/* review  */
.as-review-wrapper{width: 960px;  padding: 76px 0 0 0;}
.as-others-rew-wrap{width: 960px; }

/* footer */
.footer-lower-wrapper{width: 960px; }

/* ADVANCED SEARCH 		******************************/	
.advanced-search{  width:750px; top:7%; margin:0 0 0 -400px;  }
}


/**=======================================================================   1100 px ================================================================================***/
@media screen and (max-width: 1100px) {
/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport {height: 300px!important;}
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 100px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li{ width: 300px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li a{  width: 300px!important; height: 50px; padding: 250px 0 0 0;  }

}






/**=======================================================================   1000 px ================================================================================***/
@media screen and (max-width: 1000px) {
/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 50px!important; }


}



/*=================================================================   980 px =========================================================================================**/
@media screen and (max-width: 980px) {
/* ------------------------------------ header ------------------------------ */
html { background-size: 980px 523px; }
.header-upper{ width: 100%; height: 441px; }
.top-menu{ padding: 16px 2% 0 2%; }	
.header-text{ width: 90%; margin: 100px auto 0; }
.header-text h2{ font-size: 36px; line-height: 40px; }
		.header-text h3{  font-size: 18px; line-height: 18px; }
.search-panel{ width: 96%;   }
.header-lower-wrap{width: 100%; }
.header-lower-wrap h3{ font-size: 20px; line-height: 20px; }
.header-lower-wrap p{  font-size: 15px; line-height: 15px; }

/* cities */
.we-cities-content ul li {    padding: 0 0 0 7%;}
.we-cities-content ul li a{   font-size: 14px; line-height: 30px; }

/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 40px!important; }

/* text-block */
.as-text-block{ height: auto; padding: 0 0 60px 0; }
.as-text-block-wrapper{width: 90%;  padding: 71px 0 0 0; }

/* features */
.we-features ul li a span{ width: 96%;  margin: 10px 0 0 0; text-align: center; bottom: 10px;  font-size: 15px;  line-height: 20px;}


/* as-seen-on  */
.we-as-seen-on ul li div a{  width: 120px; height: 66px;  background-size: 120px 66px; }



/* concierge */
.as-concierge-wrapper{width: 96%; margin: 0 auto; padding: 68px 0 0 0;}

/* review  */
.as-review-wrapper{width: 750px;  padding: 60px 0 0 0;}
.as-others-left{  width: 30.333%; padding: 0 1.5% 0 1.5%;}
.as-others-rew-wrap{width: 750px; }
.as-others-right p{ padding: 12px 0 0 0; }


/* footer */
.footer-lower-wrapper{width: 100%; }
.footer-phone{ float: left; width: 20%;  height: auto;  }
	.as-footer-phone{ height: 54px; padding: 54px 0 0 0px; background-size: 54px 54px; font-size: 18px; line-height: 54px; text-align: center; 
	 background-position: center top;}
.footer-menu{ float: left; width: 66%;  padding:0 0 50px 0;}
.footer-menu ul li{ height: 24px; }
.footer-menu ul li a{  font-size: 14px; line-height: 16px; }
.footer-social{ float: left; width: 14%;   }


/* ADVANCED SEARCH 		******************************/	
.advanced-search{  width:700px; top:7%; margin:0 0 0 -375px;  }	
ul.as-check-block li{ width:33%; }




}



/*=================================================================   940 px =========================================================================================**/
@media screen and (max-width: 940px) {
/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport {height: 250px!important;}
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 95px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li{ width: 250px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li a{  width: 250px!important; height: 50px; padding: 200px 0 0 0;  }

}


/*=================================================================   880 px =========================================================================================**/
@media screen and (max-width: 880px) {
/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport {height: 250px!important;}
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 0px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li{ width: 250px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li a{  width: 250px!important; height: 50px; padding: 200px 0 0 0;  }

}






/*=================================================================   768 px =========================================================================================**/
@media screen and (max-width: 768px) {

html{ background-position: center top 0px; background-size: 843px 450px; }	
.top-menu{ display: none; }
/* ------------------------------------------------ MOBILE MENU ------------------------------------------*/
.mobile-menu{ display: block; }
.container {  width: 100%;  margin: 0 auto;}
.m-header {  height: 55px;  background-color: #2066a2;  position: relative;}
.nav {  width: 100%;  box-shadow: inset 0 5px rgba(0, 0, 0, 0.5); /* position: absolute;*/  top: 100%;  left: 0;  z-index: 100; /* display: none;*/}
.nav__item {  display: block;  height: 50px;  font-weight: bold;  color: #810971;  font-size: 16px;  line-height: 50px;  text-align: center;
  text-decoration: none;  background-color: rgba(255, 255, 255, 1);  transition: background-color 0.1s linear, color 0.1s linear;}
/*.nav__item:not(:first-of-type) {  border-top: 1px solid rgba(255, 255, 255, 0.2);}*/
.nav__item:first-of-type {  border-top: 1px solid rgba(0, 0, 0, 0.2); }
.nav__item:not(:last-of-type) {  border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.nav__item:last-of-type {  box-shadow:  0 5px 10px -5px rgba(0, 0, 0, 0.4);}
.nav__item:hover {  background-color: #f4f4f4; color: #bb10a4;}
.nav__item:active {  background-color: #f4f4f4;  color: #bb10a4;}
.nav-burger {  display: block;  width: 25px;  height: 23px;  cursor: pointer;  color: transparent;  font-size: 0;
  background: url("../img/menu-icon.png") no-repeat;  position: absolute;  top: 16px;  right: 20px;  z-index: 1; background-size: 25px 22px;}
.nav-burger__checkbox {  display: none;}
.nav-burger__checkbox:checked + .nav-burger { /* background-image: url("../img/icon-cross.svg");*/ background-image: url("../img/menu-cross.png");
 background-size: 22px 22px; }
.nav-burger__checkbox:checked ~ .nav {  display: block;}
/*.m-logo{ display: block; position: absolute; top: 6px; left: 10px; width: 117px; height: 44px; background-image: url("../img/logo.png"); background-size: 117px 44px; } */
.m-logo{ display: block; position: absolute; top: 6px; left: 10px; width: 194px; height: 40px; background-image: url("/site/worldescape/img/wec-logo.png"); background-size: 194px 40px; }
/* ------------------------------------------------ / MOBILE MENU ------------------------------------------*/

/* cities */
.we-cities-content ul{  column-count: 4;}


/* city slider */
.we-cities-slider .bx-wrapper .bx-viewport {height: 256px!important;}
.we-cities-slider .bx-wrapper .bx-viewport ul{ margin-left: 0px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li{ width: 256px!important; }
.we-cities-slider .bx-wrapper .bx-viewport ul li a{  width: 256px!important; height: 50px; padding: 200px 0 0 0;  }

/* features */
.we-features ul li a div {  margin: 0 0 0 -41.5%;    width: 79%;    top: 40px;    height: 120px;    padding: 35px 2% 0 2%;  }
.we-features ul li a div h5{font-size: 21px; line-height: 21px; } 
.we-features ul li a span{  margin: 7px 0 0 0;  bottom: 7px;  font-size: 14px;  line-height: 18px;}
.we-features ul li{ float:left; width:50%;  }

/* concierge */
.as-concierge{ height: 440px;  }
.as-concierge-wrapper{padding: 48px 0 0 0;}
.as-concierge h4{font-size: 30px; line-height: 30px; }
.as-concierge .as-cons-text{  font-size: 16px; line-height: 20px; }
.as-cons-block{ margin: 30px 0 0 0; }
.as-cons-col p{ margin: 24px 0 0 0; font-size: 16px; line-height: 20px;}


/* review  */
.as-review-wrapper{width: 96%; margin: 0 auto;  padding: 46px 0 0 0;}
.as-review h5{ font-size: 23px; line-height: 30px; }
.as-rew-block{  padding: 38px 0 40px 0; }
.as-rew-pic{ width: 90px; height: 90px; background-size: 90px 90px;  }
.as-rew-block h6{ margin: 10px 0 0 0; font-size: 15px; line-height: 19px; }
.as-rew-text{ width: 86%; margin: 4px auto 0; font-size: 12px; line-height: 16px; }

.as-others-rew-wrap{width: 100%; }
.as-others-left{  width: 30.333%; padding: 0 1.5% 0 1.5%;}

/* footer */
.footer-phone{ float: left; width: 25%;   }
.footer-menu{ float: left; width: 50%;  padding:0 0 50px 0;}
.we-footer-col{float: none; width: 100%; text-align: center;}
.we-footer-col2{float: none; width: 100%; margin-top: 20px; text-align: center;}
.footer-social{ width: 23%;  padding: 0 2% 0 0 ;  }

/* ADVANCED SEARCH 		******************************/	
.advanced-search{  width:88%; padding:25px 4% 80px 4%; top:2%; left:0; right:0; margin:0 auto;  }	
ul.as-check-block li{ width:33%; }
.spoiler-trigger{  background-position:top 10px right 14px; }
.spoiler-trigger2{   background-position:top 10px right 14px;}

/********************** DATAPICKER ----------------------------------------*/
select.ui-datepicker-month{ height: 36px!important; margin: 2px 0 4px 0;}
select.ui-datepicker-year{height: 36px!important;  margin: 2px 0 4px 6px;}


}








/*=================================================================   700 px ===============================================================*/
@media screen and (max-width: 700px) {

.header-text{ width: 96%; margin: 80px auto 0; }
	.header-text h2{ font-size: 24px; line-height: 28px; }
	.header-text h3{margin: 3px 0 0 0; font-size: 15px; line-height: 15px;}

.search-panel{ position: relative; width: 460px;  height: 110px;  margin: 20px auto 0px; padding: 16px 10px 0 10px; }
	
	.we-city{float: left; width: 32%; margin: 0 1.5% 0 0%; }
	.we-check-in{ width: 32%; margin: 0 1.5% 0 0; }
	.we-check-out{width: 32%; padding: 0 0 0 0; margin: 0 0 0 0;}
	.we-guests{  width: 32%; margin: 10px 1.5% 0 0%;}
	/* .we-button-search{position:absolute; width:92%; top:120px; left:50%; right:50%; float:none;     margin:0 0 0 -46%; }  */
	.we-advanced{float:left;  width:32%; padding:12px 0 0 0;  margin:10px 1.5% 0 0%; text-align:center;}
	.we-button-search{width:32%; height: 42px;  margin: 10px 0 0 0;  /*margin:0 0 0 -46%;*/}

	.h-search .h-guests{float:left; width:45%; margin:10px 1% 0 4%;}
	.h-search button.h-button-search{ position:absolute; width:92%; top:107px; left:50%; right:50%; float:none;     margin:0 0 0 -46%; }
	.h-search button.h-advanced{float:left; width:38%; padding:0 0 0 7%;  margin:9px 2% 0 3%; text-align:left; }


/* as-seen-on  */
.we-as-seen-on{ height: 160px; }
.we-as-seen-on ul li div a{  width: 100px; height: 55px;  background-size: 100px 55px; }



}
















/*=================================================================   650 px ===============================================================*/
@media screen and (max-width: 650px) {


.header-lower{height: 140px; }
	.header-lower-wrap h3{ font-size: 19px; line-height: 19px; }
	.header-lower-wrap p{margin: 4px 0 0 0; font-size: 14px; line-height: 14px;}
.hl-block div a{  width: 44px; height: 38px; padding: 6px 0 0 0; margin: 23px auto 0;  font-size: 30px; line-height: 30px;}
.hl-2{ background-size: 80px 37px; background-position: center top 30px; }
.hl-4{ background-size: 115px 37px; background-position: center top 30px; }
.hl-6{ background-size: 151px 37px; background-position: center top 30px; }


/* cities */
.we-cities-content ul{  column-count: 3;}


/* text-block */
.as-text-block{ height: auto; padding: 0 0 40px 0; }
.as-text-block-wrapper{width: 90%;  padding: 40px 0 0 0; }
.as-text-block-wrapper.as-text-block-wrapper2{ padding: 24px 0 0 0; }
.as-text-block h1{ font-size: 22px; line-height: 24px;   }
.as-text-block h2{ margin: 8px 0 0 0; font-size: 16px; line-height: 16px; }
.as-text-block p{ padding: 12px 0 10px 0; font-size: 14px; line-height: 20px;}
.as-text-block a{  font-size: 15px; line-height: 15px;  }

/* features */
.we-features ul li a div {  margin: 0 0 0 -45.5%;    width: 87%;    top: 30px;    height: 110px;    padding: 28px 2% 0 2%;  }
.we-features ul li a div h5{font-size: 18px; line-height: 18px; } 
.we-features ul li a span{  margin: 7px 0 0 0;  bottom: 0px;  font-size: 13px;  line-height: 17px;}

/* concierge */
.as-concierge{ height: 390px;  }
.as-concierge h4{font-size: 26px; line-height: 28px; }
.as-cons-col div{ width: 70px; height: 70px; background-size: 70px 70px;  }
.as-cons-col p{ margin: 20px 0 0 0; font-size: 13px; line-height: 15px;}

/* ADVANCED SEARCH 		******************************/	
ul.as-check-block label{ font-size:13px;}

}




/*=================================================================   560 px =========================================================================================**/
@media screen and (max-width: 560px) {

html {background-size: 600px 355px; background-position: center top 20px;}

.header-upper{ height: 340px; }

 .header-text{ width: 96%; margin: 20px auto 0; }

/* features */
.we-features ul li{ float:none; width:100%; }
.we-features ul li a{ display:block; position: relative;  width:100%;  padding-bottom:64.7%; background-size:100%; 	}
.we-features ul li a div{position: absolute; left: 50%; right: 50%; margin: 0 0 0 -36.5%; width: 69%; top: auto; bottom: 36px; height: 111px;
				 padding: 35px 2% 0 2%; }


/* ADVANCED SEARCH 		******************************/	
ul.as-check-block li{  width:50%; }
ul.as-check-block label{ font-size:16px;}
	.as-button-block button.as-button-apply{  width:30%; }
	.as-button-block a{  width:30%;  margin:0 0 0 2%;}
	.as-button-block button.as-button-clear{  width:30%; }
}








/*=================================================================   550 px =========================================================================================**/
@media screen and (max-width: 550px) {

/* search panel*/
.search-panel{ position: relative; width: 80%;  height: 162px;  margin: 20px auto 0px;  }
.we-city{ width: 100%; margin: 0 0% 0 0%; }
.we-check-in{ width: 49.25%; margin: 10px 1.5% 0 0; }
.we-check-out{width: 49.25%;  margin: 10px 0 0 0;}
.we-guests{  width: 32.33%; margin: 10px 1.5% 0 0%;}
.we-advanced{  width:32.33%;  margin:10px 1.5% 0 0%; }
.we-button-search{width:32.33%;  margin: 10px 0 0 0;  }





/* as-seen-on  */
.we-as-seen-on{ height: 130px; }
.we-as-seen-on ul li div a{  width: 80px; height: 44px;  background-size: 80px 44px; }


/* footer */
.footer-phone{ float: none; width: 96%;  margin: 0 auto; min-height: 120px;}
	.as-footer-phone{ padding: 64px 0 0 0px;  font-size: 22px; line-height: 22px;	}
.footer-menu{ float: none; width: 96%;  margin: 10px auto; }
.footer-menu ul li{ float: none; width: 96%; margin: 0 auto; height: 28px; padding: 0 0 0 0;  text-align: center; }
.footer-menu ul li a{ font-size: 16px; }
.footer-social{ float: none; width: 96%;  margin: 0 auto; padding: 0; }
.footer-social ul{  margin: 0 auto; }

.footer-copy{ width: 96%; height: auto;   margin: 20px auto 0px; padding:10px 0 10px 0; text-align: center; font-size: 12px; line-height: 16px; color: #fff; }
}










/*=================================================================   520 px =========================================================================================**/
@media screen and (max-width: 520px) {

/* cities */
.we-cities-content ul{  column-count: 2;}

}













/*=================================================================   450 px =========================================================================================**/
@media screen and (max-width: 450px) {

html {background-size: 540px 320px; background-position: center top 30px;}

.header-text h2{ font-size: 20px; line-height: 20px; }
	.header-text h3{ font-size: 14px; line-height: 14px;}

.header-lower{height: 130px; }
	.header-lower-wrap{ padding: 8px 0 0 0;}
	.header-lower-wrap h3{ font-size: 17px; line-height: 17px; }
	.header-lower-wrap p{ width: 96%; margin: 6px auto 0; font-size: 13px; line-height: 16px;}
	.hl-block div a{  margin: 12px auto 0;  }
.hl-2{ background: none; }
.hl-4{ background: none;}
.hl-6{ background: none; }



/* ---- why choose ----   */
.why-choose{ height: 310px; }
.why-choose-wrap{padding: 30px 0 0 0;}
.why-choose-logo{ width: 110px; height: 28px;  background-size: 110px 28px; }
.why-choose-wrap h3{font-size: 24px; line-height: 26px;  padding: 26px 0 0 0; }
.why-choose-wrap h4{  margin: 19px auto 0;  }


/* concierge */
.as-concierge{ width: 100%; height: 780px;  background-size: 1822px 780px; }
.as-concierge-wrapper{ padding: 28px 0 0 0;}
.as-cons-block .as-cons-col{ float: none; width: 96%; }
.as-concierge h4{font-size: 22px; line-height: 24px; }
.as-concierge .as-cons-text{  margin:0 auto; font-size: 14px; line-height: 16px; }
.as-cons-col.as-scype br{ display: none; }
.as-cons-col div{ width: 80px; height: 80px; background-size: 80px 80px;  }
.as-cons-col p{ width: 80%; margin: 16px auto 0;  font-size: 14px; line-height: 17px; }
.as-cons-col.as-phone, .as-cons-col.as-chat { margin: 44px 0 0 0; }

.as-cons-col.as-scype a, .as-cons-col.as-phone a, .as-cons-col.as-chat a{ margin: 8px auto 0; }

/* review  */
.as-rew-slider .bx-wrapper .bx-viewport{ height: 579px!important;} /* ipone style*/
.as-rew-block{ float: none;  width: 96%; margin: 0 auto; padding: 15px 0 15px 0; }
.as-review h5{ font-size: 20px; line-height: 20px; }
.as-rew-pic{ display: none;}
.as-rew-text{ width: 100%; height: 50px; overflow: hidden; }

.as-others-left{ width:44%; padding: 10px 3% 0 3%; }
.as-others-right{ width:44%; padding: 10px 3% 0 3%;  }


/* ADVANCED SEARCH 		******************************/	
.as-options div{ float:none; width:100%;}
.as-options div.as-bedrooms{ margin:10px 0 0 0;}
.as-options div.as-bathrooms{margin:10px 0 0 0;}
ul.as-check-block li{ float:none;  width:100%; margin:14px 0 3px 0;}
.as-button-block button.as-button-apply{  float:none; width:100%;}
	.as-button-block a{  float:none;  width:100%;  margin:10px 0 0 0; padding:11px 0 0 0; }
	.as-button-block button.as-button-clear{  float:none; width:100%; margin:10px 0 0 0; }
	
	ul.as-check-block label{ font-size:18px;}

/*ADVANCED SEARCH 2   */
.as2-line{margin:16px 0 0 0;}
.as2-block{ float: none; width: 100%; margin: 0 0 16px 0; }
	.as2-margin{margin:0 0 16px 0%;}
.as2-price-from{  float: none; padding: 0 0 0 44px; }
.as2-price-to{ float: none;  padding: 16px 0 0 44px; }
	.as2-price-to:before{  top: 26px; left: 15px;}

}



/*=================================================================   400 px =========================================================================================**/
@media screen and (max-width: 400px) {

/* search panel*/
.search-panel{width: 90%;   margin: 15px auto 0px;  }

/* features */
.we-features ul li a div{ left: 50%; right: 50%; margin: 0 0 0 -43.5%; width: 83%; top: auto; bottom: 20px; height: 111px; padding: 35px 2% 0 2%;  }

/* as-seen-on  */
.we-as-seen-on{ height: 110px; }
.we-as-seen-on ul li div a{  width: 60px; height: 33px;  background-size: 60px 33px; }

/* text-block */
.as-text-block{ height: auto; padding: 0 0 30px 0; }
.as-text-block-wrapper{width: 90%;  padding: 30px 0 0 0; }
.as-text-block h1{ font-size: 20px; line-height: 22px;   }




}











/*=================================================================   380 px =========================================================================================**/
@media screen and (max-width: 380px) {

html {background-size: 500px 296px; background-position: center top 50px;}

	}