/*
Theme Name: Hostels Israel
Template: twentytwelve
*/

@import url(../twentytwelve/style.css);

@import url("http://hello.myfonts.net/count/288705");
@font-face {font-family: 'SegoePrint';src: url('webfonts/288705_0_0.eot');src: url('webfonts/288705_0_0.eot#iefix') format('embedded-opentype'),url('webfonts/288705_0_0.woff') format('woff'),url('webfonts/288705_0_0.ttf') format('truetype'),url('webfonts/288705_0_0.svg') format('svg');}
@font-face {font-family: 'SegoePrint-Bold';src: url('webfonts/288705_1_0.eot');src: url('webfonts/288705_1_0.eot#iefix') format('embedded-opentype'),url('webfonts/288705_1_0.woff') format('woff'),url('webfonts/288705_1_0.ttf') format('truetype'),url('webfonts/288705_1_0.svg') format('svg');}

/* =================== Generic Rules ==================== */

body {
  background: #f4f3ef;
}
input,h1,h2,h3,h4,h5,h6{text-transform:uppercase;}
body .site {
  box-shadow: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1120px;
}

#page {
  background: #f4f3ef;
}

@media screen and (min-width: 600px) {
  #page {
	width: 1200px;
  }
}

.clearfix { clear: both; }

.entry-content img, 
.comment-content img, 
.widget img, img.header-image, 
.author-avatar img, 
img.wp-post-image {
  border-radius: 0;
  box-shadow: none;
}


.entry-content h2 { color: #1379a7; font-size: 22px; line-height: 24px; }

.breadcrumbs {
display:none;
}
@media screen and (min-width: 600px) {
	.breadcrumbs {
  padding-bottom: 10px;
  color: #000;
  display:block;
}
	}
.breadcrumbs a,
.breadcrumbs a:visited {
  color: #000;
}

/* =================== Header =========================== */

#masthead {
  position: relative;
  padding-left: 5%;
}


#masthead .logo {
  width: 130px;
 margin-left: -5px;
 margin-bottom: 20px;
}
.entry-title{display:none;}
.entry-title.single{display:block;}
#more-than { display: none; }

@media screen and (min-width: 600px) {
	.entry-title{display:block;}
  #more-than {
    display: block;
    position: absolute;
    top: 0;
	left: -4%;
	transform:scale(0.6) rotate(-15deg);
  }
  
  #masthead .logo {
    width: 150px;
  }
}

.logo_wp{
	float:left;
}

@media screen and (min-width: 600px) {
  #masthead .logo {
    width: auto;
  }
}



#social_header {
  display: none;
}

#social_header > a {
  display: inline-block;
  height: 30px;
  text-decoration: none;
  width: 33px;
  position: relative;
  top: 5px;
}
.lang_switch{

height: 28px;
background: url(images/mail.png) no-repeat;

background-position: 34px 5px;
color: #fff;
font-weight: bold;
text-decoration: none;
width: 57px;border:0px; outline:none;

  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.lang_switch_wr{  

	background-color: #818181;
    margin-left: -2px;
    top: -5px;
    position: relative;
    margin-right: 5px;
    font-weight: 600;
    letter-spacing: 1.2px;
    display: inline-block;
    padding: 6px 7px;
	cursor:pointer;
	transition: all 0.1s;

}
.lang_switch_wr > * {
    color: white;
	text-decoration:none;
	
}
.lang_switch_wr > *:hover {
    color: white;
	text-decoration:none;
	
}
.lang_switch_wr:hover{
	background-color: #0f84c8;
}

.lang_switch_wr:active{
	transform: scaleY(0.97);
}

#social_header > a {
  background: url(images/social-icons-small.png) no-repeat;
}

#social_header .fb-like {
  margin-right: 10px;

top: 5px;

}

#social_header .email{ background-position: 0 0; }
#social_header .email:hover { background-position: 0 -30px; }

#social_header .tw{ background-position: -34px 0; }
#social_header .tw:hover { background-position: -34px -30px; }

#social_header .fb{ background-position: -67px 0; }
#social_header .fb:hover { background-position: -67px -30px; }

#social_header .yt{ background-position: -101px 0; }
#social_header .yt:hover { background-position: -101px -30px; }

#social_header .gp{ background-position: -135px 0; }
#social_header .gp:hover { background-position: -135px -30px; }


#social_footer > a {
  display: inline-block;
  height: 60px;
  text-decoration: none;
  width: 62px;
  position: relative;
  margin-right: -1px;
}

#social_footer > a {
  background: url(images/social-icons-large.png) no-repeat;
}

#social_footer .email{ background-position: 0 0; }
#social_footer .email:hover { background-position: 0 -60px; }

#social_footer .tw{ background-position: -66px 0; }
#social_footer .tw:hover { background-position: -66px -60px; }

#social_footer .fb{ background-position: -132px 0; }
#social_footer .fb:hover { background-position: -132px -60px; }

#social_footer .yt{ background-position: -199px 0; }
#social_footer .yt:hover { background-position: -199px -60px; }

#social_footer .gp{ background-position: -265px 0; }
#social_footer .gp:hover { background-position: -265px -60px; }




@media screen and (min-width: 600px) {
  #social_header {
    float: right;
	  margin-bottom: 64px;
	      display: flex;
    align-items: baseline;
    width: 70%;
  }
}

.main-navigation a {
  font-family: SegoePrint-Bold, sans-serif;
  font-size:15px;
}

.main-navigation li ul {
  z-index: 5;
  margin-left: 15px;

}

.main-navigation li {
	margin-top: 10px;
	text-align: left;
width:140px;
	font-size: 12px;
	  background-color:#efefef;
	  border-bottom: 1px solid #ededed;
	line-height: 1.42857143;
}


.infoblock .right{margin-top:60px;border-top: 3px dotted #000; padding-top:10px;}
	#meteor-thumbnailsjerichoinn{display:none;}


@media screen and (min-width: 600px) {

.main-navigation li {
	margin-top: 10px;
	text-align: left;
width:auto;
	font-size: 12px;
	  background-color:transparent;
	  border-bottom: 0px;
	line-height: 1.42857143;
}

}
#masthead hgroup { float: left; }
#masthead .clearfix { clear: none; }
.main-navigation {
  float: right;

      margin:0px 20px 20px 0px;
}
  .menu-toggle img{width:40px;}
@media screen and (min-width: 600px) {
  .main-navigation {
    width: 74.0%;
    float: right;
    margin-top: 0;
    margin: 0;
  }
  
  #masthead hgroup { float: none; }
  
	.main-navigation li {
    margin: 0;
    margin-right: -4px;
	}
  
  .main-navigation li a {
    padding: 0 19px;
    position: relative;
    padding-top: 5px;
    font-size: 14px;
    line-height: 38px;
  }
  
  .main-navigation ul > li > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left:3px;
    width: 100%;
    border-bottom: 4px solid #0f84c7;
  }
  
  .main-navigation ul > li > ul > li > a:after
  {
    content: '';
    border: none;
  }


  .main-navigation .current-menu-item > a, 
  .main-navigation .current-menu-ancestor > a, 
  .main-navigation .current_page_item > a, 
  .main-navigation .current_page_ancestor > a {
    color: #FFF;
    font-weight: normal;
    background: url("images/active-menu-bg.png") no-repeat 1px -1px;
  }

  .main-navigation ul li ul .current-menu-item > a, 
  .main-navigation ul li ul .current-menu-ancestor > a, 
  .main-navigation ul li ul .current_page_item > a, 
  .main-navigation ul li ul .current_page_ancestor > a {
    background: #EFEFEF;
    color: #000;
  }

  
  .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border: none;
  }  
  
}

#menu-mainmenu{display:block;}
@media screen and (min-width: 600px) {
  .main-navigation {
    margin-top: -50px;
  }
  #menu-mainmenu{display:none;}
}

@media (max-width: 767px) {

.main-navigation {display: none;}

}




/* =================== Content ========================== */

.site-content {
  float: none;
  width: 90%;
  margin: 0 auto;
}

.site-content .entry-title,
.site-content .archive-title {
  background: #ce2a17;
  padding: 15px;
  font-size: 25px;
  text-align: center;
  color: #FFF;
  font-family: SegoePrint-Bold, sans-serif;
  border-radius: 9px 9px 0 0;
  text-transform: uppercase;  
}

body.blog article.type-post .entry-title {max-width: 594px;}	.site-content .entry-title-top {  background: #3A78C1;  padding: 15px;  font-size: 30px;  text-align: center;  color: #FFF;  font-family: SegoePrint-Bold, sans-serif;  border-radius: 9px 9px 0 0;  text-transform: uppercase;  margin-bottom: 16px;}


@media screen and (min-width: 600px) {
	.site-content .entry-title,
.site-content .archive-title {
  background: #ce2a17;
  padding: 15px;
  font-size: 30px;
  text-align: center;
  color: #FFF;
  font-family: SegoePrint-Bold, sans-serif;
  border-radius: 9px 9px 0 0;
  text-transform: uppercase;   
}body.blog article.type-post .entry-title {max-width: 594px;}	.site-content .entry-title-top {  background: #3A78C1;  padding: 15px;  font-size: 30px;  text-align: center;  color: #FFF;  font-family: SegoePrint-Bold, sans-serif;  border-radius: 9px 9px 0 0;  text-transform: uppercase;  margin-bottom: 16px;}
	}

.site-content .archive-header {
  margin: 0;
  padding: 0;
}

.site-content .archive-title {
  margin: 0;
  padding: 0;
}

.site-content .entry-title a {
  color: #FFF;
}

.site-content .entry-header,
.site-content .archive-header {
  margin-bottom: 4px;
}

div.meteor-slides .meteor-clip {
  border-radius: 0 0 9px 9px;
}

@media screen and (min-width: 600px) {
  .site-content {
    float: right;
    margin: 0;
		width: 70.0%;
    min-width: 600px;
    margin-top: 20px;
  }
}

.contentblock {
  background: #FFF;
  border-radius: 9px;
  padding: 10px;
  margin-bottom: 10px;
}

@media screen and (min-width: 600px) {
  .contentblock {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 2px 2px 2px #ddd;
    margin-bottom: 10px;
    padding: 10px;
    width: 760px;
  }
}


/* ========================= Travel Guide Detail Page ============== */

.travelblock {
  background: #FFF;
  border-radius: 9px;
  padding: 10px;
  margin-bottom: 10px;
}

.entry-content .travelblock.left {
  width: 45%;
  margin-right: 0;
}

.entry-content .travelblock.right {
  width: 45%;
  margin: 0;
}


.entry-content .travelblock.attractions .with_image li {
  width: 90%;
  float: left; 
  list-style: none;
  margin: 0;
  padding-left: 30px;
  background: url(images/star.png) no-repeat 0 3px;   
  min-height: 340px;
  position: relative;
  margin-bottom: 20px;
}

.entry-content .travelblock.attractions .without_image li {
  width: 90%;
  float: left; 
  list-style: none;
  margin: 0;
  padding-left: 30px;
  background: url(images/star.png) no-repeat 0 3px;   
  position: relative;
  margin-bottom: 20px;
}

@media screen and (min-width: 600px) {
  .entry-content .travelblock.attractions .with_image li {
    width: 40%;
    margin:0px 20px 0px 25px;
  }
  .entry-content .travelblock.attractions .without_image li {
    width: 40%;
       margin:0px 20px 0px 25px;
  }
}


.entry-content .travelblock.attractions li img,
.entry-content .travelblock.attractions li .button {
  position: absolute;
  right: 0;
  bottom: 152px;
}
.entry-content .travelblock.attractions li img
{
  bottom: 10px;
}


.entry-content .travelblock h2 {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.entry-content .travelblock.tips li,
.entry-content .travelblock.info li
{
  list-style: none;
  margin: 0;
  padding-left: 30px;
  background: url(images/star.png) no-repeat 0 3px;     
}

.travelblock.attractions .button {
  float: right;
}

/* ========================== Hostels Detail Page =============== */

.hostel_information > div > div.icon {
  background-image: url(images/hostel-info-icons.png);
  width: 30px;
  height: 25px;
  float: left;
  clear: left;
  position: relative;
  top: 3px;
}

.hostel_information p {
  margin: 0;
}

.hostel_information .content {
  margin-bottom: 20px;
}

#hostel_adr, #hostel_phone, #hostel_url, #hostel_email 
{
  padding-left: 35px;
}

.icon.adr {
  background-position: 0 0;
}

.icon.phone {
  background-position: 2px -25px;
}

.icon.url {
  background-position: 0 -75px;
}

.icon.email {
  background-position: 0 -50px;
}

.infoblock {
  border-top: 3px dotted #000;
  padding: 10px 0;
}

.button, .button:visited,
.button-small, .button-small:visited {
  background: url(images/buttons/sprite.png) no-repeat;
  width: 135px;
  height: 39px;
  height:35px; background-position: -2px -309px;
  color: #FFF !important;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  display: block;
  text-indent: -20px;
  text-decoration: none;
  line-height: 40px;  
  margin-bottom: 10px;

}

.button23, .button23:visited{
 background-repeat: no-repeat;
 background-image:url(images/buttons/sprite.png);
	background-position: -2px -98px;
  width: 135px;
  
  height: 39px;
  color: #FFF !important;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
  text-indent: -20px;
  text-decoration: none;
  line-height: 40px;     background-repeat: no-repeat;
  margin-bottom: 10px;

}
.button23:hover{
	 background-position: -2px -139px;
}
.button23 {
  display: none !important;
}
.button:hover{   background-position: -2px -346px
}
.button-small, .button-small:visited {
  background: url(images/exploremore_button.png) no-repeat;
  width: 135px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  height: 39px;
  line-height: 37px;
  float: right;
    webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
}
.button-small:hover{
  background: url(images/exploremore_button_hover.png) no-repeat;
  webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
}

.site-content .hostel_information .button {
  position: static; 
}


@media screen and (min-width: 600px) {
  .entry-content div.left {
    float: left;
    width: 45%;
  }
  
  .entry-content div.right {
    float: right;
    width: 50%
  }
  
  .entry-content div.one_third {
    float: left;
    width: 33%;
  }
  
  .entry-content .hostel_information .one_third.first {
    width: 40%;
  }
  .entry-content .hostel_information .one_third.last {
    width: 26%;
  }
  
}


.entry-content.hostel h1,
.entry-content.hostel h2,
.entry-content.hostel h3,
.entry-content.hostel h4
{
  font-size: 24px;
  text-transform: uppercase;
}

#hostel_accommodation
{
  background: url(images/accommodation.png) no-repeat;
  padding-top: 40px;
  width: 288px;
}


#hostel_accommodation span.one_third.first {
  width: 25%;
  margin-right: 4%;
}
#hostel_accommodation span.one_third {
  width: 25%;
  display: block;
  float: left;
  text-align: center;
}

#hostel_facilities {
  max-width: 360px;
  width: 100%;
}

.facility_icon {
  width: 30px;
  height: 30px;display:block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  background: url(images/facilities_icons.png) no-repeat;
}

#facilities_tooltip { 
  display: none;
  background: #f7b111;
  min-width: 60px;
  min-height: 20px;
  padding: 5px;
  border-radius: 9px;
  color: black;
  position: absolute;
  font-size: 14px;
  font-style: italic;
  text-align: center; 
}

#facilities_tooltip:after {
  content: '';
  border: 5px solid;
  border-color: transparent transparent #f7b111 transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 10px;
}


/* ================= Slider Thumbnails =================== */


.meteor-thumbs {
  text-align: center;
}

.meteor-thumbs > img
{
  margin-right: 5px; 
}



/* ================ Tabs section ==================== */

.hostel #tabs {
  background: none;
  border: none;
}

.hostel #tabs ul {
  background: none;
  border: none;
}

.hostel #tabs ul.ui-tabs-nav li {
  background: red;
  border-radius: 0;
  border: none;
  margin: 0;
  width: 50px;
  height: 40px;
  background: url(images/direction-icons.png) no-repeat #fff;
}

.hostel #tabs .ui-tabs-panel
{
  padding: 0;
  margin-top: 10px;
  font-size: 14px;
color: #444;

  /* text-transform: uppercase; */
}

.hostel #tabs .ui-tabs-panel h3 {
  padding: 0;
  margin: 0;
  background: #434343;
  color: #FFF;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.hostel #tabs div.ui-tabs-panel ul li {
  margin-left: 20px;
}

.hostel #tabs ul.ui-tabs-nav li a {
  height: 40px;
  outline: 0 none;
  padding: 0;
  text-indent: -9000px;
  width: 50px;
}

.hostel #tabs ul.ui-tabs-nav li.car {
  background-position: 0 -40px;
  border-right: 1px solid #000;
}
.hostel #tabs ul.ui-tabs-nav li.bus {
  background-position: -50px -40px;
  border-right: 1px solid #000;
  border-radius: 8px 0 0 8px;
}
.hostel #tabs ul.ui-tabs-nav li.foot {
  background-position: -100px -40px;
  border-radius: 0 8px 8px 0;
}

.hostel #tabs ul.ui-tabs-nav li.car.ui-tabs-active 
{
  background-color: #434343;
  background-position: 0 0px;
}
.hostel #tabs ul.ui-tabs-nav li.bus.ui-tabs-active 
{
  background-color: #434343;
  background-position: -50px 0px;
}
.hostel #tabs ul.ui-tabs-nav li.foot.ui-tabs-active 
{
  background-color: #434343;
  background-position: -100px 0px;
}


.hostel #tabs ul li.ui-tabs-active {
  padding: 0;
}

.ui-tabs {
  border: none;
  background: red;
}

.ui-tabs-nav {
  background: green;
}

.ui-tabs-panel {
  background: yellow;
}

/* ================= Hostel Listing Page =================== */

.listing_left {
  width: 160px;
  margin:auto;
  color: inherit;
}
.meteor-thumbs{display:none;}
@media screen and (min-width: 600px) {
	.listing_left {
  width: 160px;
  float: left;
  color: inherit;
}
.meteor-thumbs{display:block;}
}
.hostel_list .contentblock {
  margin-top: 30px;
  padding: 10px 30px;
}

.button_small_spr{  float: left; width:96px; height:53px; position: static;}

.site-content .hostel_list .button.small {
 background: url("images/region-tab.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  font-size: 11px;
  height: 33px;
  line-height: 16px;
  margin: 0;
  padding-top: 0px;
  position: static;
  width: 98px;
}

.site-content .hostel_list .button.small p {
  width: 70px;
  display: block;
  text-align: center; 
  margin-left: 0px;
  text-indent: 0;
  line-height: 14px;
  color: #000;
  margin-top: 18px;
  font-size:9px;
  margin-left: 0px;
  position: absolute;
}

.hostel_list .teaser {
  margin-top: 20px;
}

.listing_left img {
  border: 3px solid #FFF;
  border-radius: 4px;
}

.listing_middle {
  max-width: 350px;
  width: 100%;
  float: left;
  min-height: 100px;
  color: inherit;
}

.listing_middle p {
  margin: 0;
  padding: 0;
  font-style: italic;
  color: #000;
}

.listing_right {
  width: 220px;
  float: left;
  background: url(images/accommodation1.png) no-repeat;
  padding-top: 40px;
  margin-top:24px;
  color: inherit;
  font-weight: bold;
  color: #000;
}

.listing_right .one_third {
  width: 60px;
  text-align: center;
  float: left;
  display: block;
}

.listing_right .one_third.first
{
  width: 78px;
  margin-right: 10px;
}

.listing_right .one_third.last {
  width: 60px;
  margin-left: 8px;
}

.hostel_list .title {
  background: none repeat scroll 0 0 #0F83C7;
  border-radius: 9px 9px 0 0;
  color: #FFFFFF;
  font-size: 25px;
  margin: 30px 0 3px;
  padding: 20px 25px;
  text-transform: uppercase;
}
.button{  text-transform: uppercase;}
.hostel_list .listing_row {
  background: #96a832;
  padding: 20px 25px;
  margin-bottom: 2px;
}

.hostel_list .listing_row.last {
  border-radius: 0 0 9px 9px;
}

.hostel_list .post-title {
  margin: -4px;
  padding: 0;
  color: #000;
}

.hostel_list .post-title a {
  font-family: SegoePrint-Bold, sans-serif;
  font-size: 22px;  
  line-height: 25px;
  color: inherit;
  font-weight: normal;
  text-transform: uppercase;
}


.site-content .region-menu {
  text-align: center;
display: block;
float: left;
}

.site-content .hostel_list .button.small {
  border-radius: 8px;
  width: 96px;
  height: 53px;
  position: relative;
  left: 0;
  top: 0;
  text-indent: -10px;
  color: #000;
  display: inline-block;
  float: none;
}
.site-content .hostel_list .button.small:before {
  content: '';
  background: url(images/button-arrow2.png) 65px 7px no-repeat;
  width: 96px;
  height: 53px;
  position: absolute;
  top: 4px;
  right: -5px;
}

/* ================= Hostel listing row colors ================== */


.button_small_spr{
 background-repeat: no-repeat; background:url(images/region/sprites.png);
}


.site-content .hostel_list .button_small_spr.dead-sea {width:94px; height:53px; background-position: -2px -2px}
.site-content .hostel_list .button_small_spr.eilat { width:94px; height:53px; background-position: -2px -57px}
.site-content .hostel_list .button_small_spr.golan-heights{ width:94px; height:53px;background-position: -2px -167px}
.site-content .hostel_list .button_small_spr.galilee { width:94px; height:53px; background-position: -2px -112px}
.site-content .hostel_list .button_small_spr.jerusalem {width:94px; height:53px;  background-position: -2px -277px}
.site-content .hostel_list .button_small_spr.negev { width:94px; height:53px;  background-position: -2px -332px}
.site-content .hostel_list .button_small_spr.haifa {width:94px; height:53px;  background-position: -2px -222px}
.site-content .hostel_list .button_small_spr.tel-aviv {width:94px; height:53px;background-position: -2px -387px}

.site-content .hostel_list .button_small_spr.golan-heights:hover{background-position: -98px -167px }
.site-content .hostel_list .button_small_spr.galilee:hover {   background-position: -98px -112px}
.site-content .hostel_list .button_small_spr.haifa:hover { background-position: -98px -222px}
.site-content .hostel_list .button_small_spr.tel-aviv:hover {  background-position: -98px -387px}
.site-content .hostel_list .button_small_spr.jerusalem:hover { background-position: -98px -277px}
.site-content .hostel_list .button_small_spr.dead-sea:hover { background-position: -98px -2px}
.site-content .hostel_list .button_small_spr.negev:hover {  background-position: -98px -332px}
.site-content .hostel_list .button_small_spr.eilat:hover { background-position: -98px -57px }
.marg_right_spr{margin-right:0.18em;}
.listing_row{text-align:center; }
@media screen and (min-width: 600px) {
	.marg_right_spr{margin-right:0.32em;}
.listing_row{text-align:left; }
	}
/*
.site-content .hostel_list .button.small.eilat { background: #ce5d51; box-shadow: 2px 2px 0px #912c21; }
.site-content .hostel_list .button.small.golan { background: #96a832; box-shadow: 2px 2px 0px #5f6210; }
.site-content .hostel_list .button.small.galilee { background: #cece64; box-shadow: 2px 2px 0px #7b7937; }
.site-content .hostel_list .button.small.jerusalem { background: #f4c99d; box-shadow: 2px 2px 0px #a4805e; }
.site-content .hostel_list .button.small.negev { background: #f8a111; box-shadow: 2px 2px 0px #d5751d; }
.site-content .hostel_list .button.small.haifa { background: #eeea8f; box-shadow: 2px 2px 0px #aaa252; }
.site-content .hostel_list .button.small.tel-aviv { background: #c1eac1; box-shadow: 2px 2px 0px #77aa77; }

*/
.site-content .hostel_list .button.small.haifa p{margin-top:11px;}

.listing_row.dead-sea { background: #d39046; }
.listing_row.dead-sea:hover { background: #e3b45b; }

.listing_row.eilat { background: #ca6f63; }
.listing_row.eilat:hover { background: #dd9a76; }

.listing_row.golan { background: #9db034; }
.listing_row.golan:hover { background: #d4e46a; }

.listing_row.galilee { background: #cece65; }
.listing_row.galilee:hover { background: #8faa15; }

.listing_row.jerusalem { background: #f9ce9b; }
.listing_row.jerusalem:hover { background: #dcb567;  }

.listing_row.negev { background: #f8a111; }
.listing_row.negev:hover { background: #f8c152; }

.listing_row.haifa { background: #efea8f; }
.listing_row.haifa:hover { background: #e8b84b;  }

.listing_row.tel-aviv { background: #ccffcc;  }
.listing_row.tel-aviv:hover { background: #b4e087; }



.listing_row.golan-heights:hover { background: #d7e66f; }


/* ================== Category page: Hostel Regions ============== */

.hostel_region_list .title {
  background: none repeat scroll 0 0 #0F83C7;
  border-radius: 9px 9px 0 0;
  color: #FFFFFF;
  font-size: 25px;
  margin: 30px 0 3px;
  padding: 20px 25px;
  text-transform: uppercase;
}


.hostel_region_list .listing_row {
  background: #e1dfa9;
  padding: 20px 25px;
  margin-bottom: 2px;
}

.hostel_region_list .listing_row .listing_right { background-image: url(images/accommodation.png); }


.hostel_region_list .listing_row:hover { background: #b0ac4a; }

.hostel_region_list .listing_row.last {
  border-radius: 0 0 9px 9px;
}

.hostel_region_list .post-title {
  margin: 0;
  padding: 0;
}

.hostel_region_list .post-title a {
  font-family: SegoePrint-Bold, sans-serif;
  font-size: 22px;  
  line-height: 25px;
  color: inherit;
  font-weight: normal;
}



/* ======================== Image Slider ======================= */

.slider_overlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  width: 100%;
  top: 65%;
  padding: 20px;
  display: none;
}

.meteor-clip:hover .slider_overlay {
  display: block;
}

.entry-content .meteor-buttons {
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
}

.entry-content .meteor-buttons a {
  float: none;
  display: inline-block;
}

.entry-content .meteor-slides ul.meteor-nav {
  display: block;
} 

.meteor-slides .meteor-nav-box {
  position: absolute;
  top: 100%;
  width: 100%; 
}
       
.meteor-nav a {
  height: auto;
  z-index: 1000;
}

ul.meteor-nav li {
  display: block;
  margin: -47px 0 0;
} 

.meteor-slides ul.meteor-nav {
  margin-top:  3px !important;
}



/* =================== Home Page ========================== */

.site-content .entry-content .contentbox {
  background: #FFF;
  padding: 10px;
  border-radius: 9px;
  margin-bottom: 20px;
}


/* ======================== Advertisements ===================== */



.site-content .ad {
  float: left;
  margin-bottom: 20px;
  position: relative;
}

.site-content .ad h2 {
  margin: 0;
  padding: 0;
  clear: none;
  font-weight: normal;
  font-family: SegoePrint-Bold, sans-serif;
  font-size: 26px;
  color: #fcdc1f; 
}

.site-content .ad > img {
  border-radius: 9px;
}

.site-content .ad.text {
  background: #FFF;
  border-radius: 9px;
}

.site-content .ad.square {
  max-width: 382px;
  max-height: 280px;
  width: 100%;
}
@media screen and (min-width: 600px) {
.site-content .ad.square {
	  min-height: 250px;
}
	}
.site-content div.caption {
  background: url("images/ad-caption-bg.png") no-repeat;
  bottom: 0;
  color: #FFFFFF;
  height: 100px;
  left: 20px;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-top: 30px;
  position: absolute;
  max-width: 310px;
  width: 80%;
  
}

.site-content .button {
  position: absolute;
  right: 20px;
  bottom: 20px;  
}

.entry-content .button{
	  position: absolute;
  right: 45px;
  bottom: 20px;  
	
}

body.home .entry-content .button{

  bottom: 15px;  
	
}

.site-content .entry-content .ad.left {
  margin-right: 20px;
  width: auto;
}

.site-content .entry-content .ad.center {
  clear: both;
}

.site-content .entry-content .ad.right {
  width: 100%;
}


.site-content .entry-content .ad.text { background: #cf2a17; color:#fff !important;  }
.site-content .entry-content .ad.text div p{margin-top:20px;}
.site-content .entry-content .ad.text > div {padding: 15px 15px 18px 15px;  }

.site-content .entry-content .ad.wide {
  width: 100%;
max-height: 288px;

}

.site-content .entry-content .ad.narrow {
  max-height: 600px;
/*  min-width: 382px; */
  max-width: 382px;

  width: 100%;
}

.site-content .entry-content .ad.text,
.site-content .entry-content .ad.narrow,
.site-content .entry-content .ad.left,
.site-content .entry-content .ad.left,.mobhide,.child_title_footer{display:none;}
.cat_title_footer{margin:bottom:4px;}
@media screen and (min-width: 600px) {
	.site-content .entry-content .ad.text,
	.site-content .entry-content .ad.narrow,
	.site-content .entry-content .ad.left,
	.site-content .entry-content .ad.left,.mobhide,.child_title_footer{display:block;}
	
	.cat_title_footer{margin:bottom:0px;}
}

.site-content .ad.page-content.text {
  background: #ce2a17;
  height: 280px !important;
}

.site-content .ad.page-content.text > div{
  padding: 15px;
}

.site-content .ad.page-content.text > div p {
  margin: 0;
}

.site-content .ad.page-content.text > div > div.image-box {
  background: none repeat scroll 0 0 #EFEFED;
  float: left;
  margin-right: 15px;
  max-width: 180px;
  padding: 15px 15px 10%;
  width: 38%;
}

.site-content .ad.page-content.text > div 
{
  color: #FFF;
}

.site-content .ad.page-content.text > div h2
{
  color: #FFF;
  font-size: 17px;
  text-transform: uppercase;
  width: 90%;
}

@media screen and (min-width: 600px) {
  .site-content .ad.page-content.text > div > div.image-box:before {
    content: '';
    background: url(images/ribbon.png) no-repeat;
    width: 73px;
    height: 98px;
    position: absolute;
    top: 5px;
    left: 5px;
  }
}


.image-box{
width: 172px; margin-top:27px;
float: left;}


.site-content .ad.wide img {
  width: 100%;
}

.site-content .ad.text img {
  width: auto;
}

/* =================== Regular pages Sidebar ====================== */

.widget-area .widget {
  margin-bottom: 22px;
}

.widget-area .menu li {
  background: #137ec0;
  padding: 0 25px;
  border-bottom: 1px solid #FFF;
}

.widget-area .menu li:last-child {
  border-bottom: none;
}

.widget-area .menu li a {
  color: #FFF;
  font-family: "SegoePrint-Bold", sans-serif;
  font-size: 21px;
  line-height: 45px;
  text-decoration: none;
  background: url(images/side-menu-arrow.png) no-repeat right;
  display: block;
}

.widget-area .menu li a:hover,
.widget-area .menu li a:visited:hover {
  color: #DDD;
}

.widget-area .menu li a:visited {
  color: #FFF;
}


.widget-area .textwidget {
  background: none repeat scroll 0 0 #FFFFFF;
 
  
  box-shadow: 3px -3px 5px  #e9e9e5;
}

.nobg .textwidget {
background: transparent;
box-shadow: none;
}

/* ==================== attractions ==================== */

.widget-area .sidebar-attractions {
  padding: 10px 25px;
}

body.page-id-202 .sidebar-attractions {
display: none;
}

.widget-area .sidebar-attractions h3 {
  font-family: 'SegoePrint-Bold', sans-serif;
  font-size: 21px; 
  color: #007dc5;
  line-height:24px;
  text-transform: uppercase;
  margin-bottom: 10px;
}


.widget-area .sidebar-attractions ul,
.widget-area .sidebar-attractions ul ul {
  margin: 0;
  padding: 0;
}

.widget-area .widget ul .sidebar-attractions ul {
  margin-left: 0;
}

.widget-area .sidebar-attractions li {
  list-style: none;
  margin: 0;
  padding-left: 37px;
  background: url(images/star.png) no-repeat 0 3px;   
}

.widget-area .sidebar-attractions .button, .widget-area .sidebar-attractions .button:visited {
  background: url("images/button-small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #FFFFFF !important;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 31px;
  line-height: 29px;
  margin: 10px auto 0;
  text-align: center;
  text-decoration: none;
  text-indent: -20px;
  width: 131px;
  text-transform: uppercase;
  float: right;
}


/* ============== Hostels in region ==================== */


.widget-area .hostels-in-region {
  padding: 10px 5px;
}

.widget-area .hostels-in-region h3 {
  font-family: 'SegoePrint-Bold', sans-serif;
  font-size: 19px; 
  color: #007dc5;
  text-transform: uppercase;
  margin-bottom: 35px;
  text-align: center;
}

.widget-area .hostels-in-region ul {
  margin-left: 20px;
}

.widget-area .hostels-in-region li {
  list-style: none;
  margin: 0;
  padding-left: 37px;
  background: url(images/hostel-icon.png) no-repeat 0 0;   
  min-height: 70px;
  font-size: 14px;
  line-height: 18px;
}

.widget-area .hostels-in-region li a {
  text-transform: uppercase;
}





/* ==================== Contage Page contact form ========= */

.wpcf7-form {
  position: relative;
}


.wpcf7-form p {
  width: 336px;
  float: left;
  margin-right: 15px;
  position: relative;
  width: 100%;
}


.wpcf7-form label {
  color: #FFFFFF;
  left: 10px;
  position: absolute;
  top: 2px;
  z-index: 1;
}

.wpcf7-form p.fullwidth {
  width: 100%;
}

.wpcf7-form input,
.wpcf7-form textarea {
  width: 98%;
  background: none;
  color: #FFF;
  padding: 4px 5px;
  border: none;
}

.wpcf7-form textarea {
  max-height: 200px;
  max-width: 98%;
  min-height: 200px;
  min-width: 98%;
  padding: 1% 10px;
}

.wpcf7-form p span {
  background: #444;
  display: block;
  width: 100%;
  height: 30px;
}

.wpcf7-form input.button {
  background: url("images/buttons/sprite.png") no-repeat;
  bottom: -60px;
  width:169px; height:49px; background-position: -2px -383px;
  color: #FFFFFF !important;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 49px;
 /* line-height: 40px;*/
  margin: 10px auto 0;
  right: 0;
  text-align: center;
  text-decoration: none;
  text-indent: -20px;
  outline:none; 
  border:0px;
  width: 169px;
  bottom: -11px;
  padding-bottom: 11px;

}
.wpcf7-form input.button:hover{
 background-position: -2px -434px;
}
div.wpcf7-response-output {
  clear: both;
}

@media screen and (min-width: 600px) {
  .wpcf7-form input.button {
left: 517px;
top: -12px;
    text-transform: uppercase
  }
}


div.wpcf7-validation-errors {
  clear: both;
}

span.wpcf7-not-valid-tip {
  color: #FFF;
}




/* =================== Sidebar ========================== */


.widget-area {
  float: none;
  width: 90%;
  margin: 0 auto;
}

@media screen and (min-width: 600px) {
  .widget-area {
    float: left;
    margin: 0;
    width: 300px;
  }
}
@media screen and (min-width: 600px) {
  .widget-area {
    float: left;
    margin: 0;
    width: 300px;
    margin-top: 20px;
  }
}

/*** Sidebar subscribe box ***/

#mc_embed_signup {
  background: #cf2a17 none repeat scroll 0 0;
  color: #fff;
  min-height: 200px;
  padding: 15px 10px 10px 18px;
  border-radius: 6px;
  font-family: SegoePrint;
}

#mc-embedded-subscribe {
  background: #efb300 none repeat scroll 0 0;
  color: #000 !important;
  font-size: 14px;
  font-weight: bold;
  margin-top: 26px;
}

.mc-field-group {
margin-top: 7px;
}


/* ========== Sidebar tag cloud ============ */
.sub-menu{display:none; }
.widget_tag_cloud{display:none;}
@media screen and (min-width: 600px) {
	.widget_tag_cloud{display:block;}
	.sub-menu{display:block; }
	}

.widget-area .widget_tag_cloud {
  background: url(images/booking-bg.png);
  padding: 10px;
}

.widget-area .widget_tag_cloud .widget-title {
  font-size: 22px;
  color: #1379a7;
  margin-bottom: 10px;
}

.widget-area .widget_tag_cloud .tagcloud a {
  text-decoration: none;
  color: black;
  white-space: nowrap;
  padding: 15px 0;
  line-height: 20px;
}

/* ============ Navigation Map ============== */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.widget-area #navigation_map {
  width: 300px;
  text-align: center;
  background: #FFF;
}

/* ========= Sidebar Booking ================= */


.bookingbox {
  background: url(images/booking-bg.png);
  padding: 20px 25px;
  border-radius: 9px;
  min-height: 337px;
  position: relative;
  clear: left;
}


.bookingbox .bookingbox_footer {
  bottom: 20px;
  color: #016389;
  font-family: "SegoePrint-bold",sans-serif;
  font-size: 14px;
  position: absolute;
  background: url(images/blue-checkmark.png) no-repeat left;
  padding-left: 15px;
  left: 15px;
}


.bookingbox h4 {
  color: #FFFFFF;
  font-family: SegoePrint-Bold,sans-serif;
  font-size: 24px;
  line-height: 35px;
  text-transform: uppercase;
}

@media screen and (min-width: 600px) {
  .bookingbox h4 {
    font-size: 26px;
  }
}



.bookingbox label {
  margin-top: 14px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 13px;
}

.bookingbox select,
.bookingbox input {
  border: none;
  box-shadow: none;
  font-size: 13px;
}

.bookingbox #choice {
  width: 250px;
}

.bookingbox #arrivalDate {
  width: 160px;
  float: left;
}

.bookingbox.single #arrivalDate {
  float: none;
}

.bookingbox #NumNights {
  width: 65px;
  float: right;
}

.bookingbox #Currency {
  width: 125px;
}

.styled_dropdown {
  height: 25px;
	background-color: #434343;
	color:#FFF;
  padding: 5px;
}

.styled_dropdown.changed {
	background-color: #f0dea4;
}

.customSelectInner {
  padding: 5px 0;
	background: url(images/dropdown-icon.png) no-repeat center right;
}

.bookingbox input[type="select"]
{
  background: url(images/dropdown-icon.png) no-repeat right #434343;
  height: 30px;
}

.bookingbox input.datepicker {
  background: url(images/calendar-icon.png) no-repeat 147px center #434343;
  color: #FFF;
  width: 100%;
  height: 22px;
}

.bookingbox input[type="submit"] {
  background: url(images/buttons/sprite.png) no-repeat;  width: 187px;
  background-position: -2px -2px;
  height: 46px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  background-repeat: no-repeat;
  font-weight: bold;
  margin: 0 auto;
  margin-top: 20px;
  display: block;
  text-indent: -20px;
  outline: none;
}
.bookingbox input[type="submit"]:hover {
  background-position: -2px -50px;
}


/* =================== Footer =========================== */

footer#colophon {
  background: #2d2e32;
  max-width: 1120px;
  padding: 0;
  min-height: 220px;
}

#colophon #social_footer {
  background: #f4f3ef;
  width: auto;
  float: left;
  padding-right: 20px;
  min-height: 53px;
}

#colophon .site-info
{
  border-top: 8px solid #ffc900;
  clear: left;
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 600px) {
  #colophon .site-info
  {
    padding: 20px 20px 0px 20px;
  }
}

#colophon .site-info .logo {
  width: 164px;
  clear: both;
  display: block;
}

footer#extra {
  background: #2d2e32;
  width: 100%;
}

footer#extra > div {
  max-width: 1070px;
  margin: 0 auto;
  text-align: right;
  font-size: 10px;
  color: #ffd200;
  padding: 10px;
}
@media screen and (min-width: 600px) {
	footer#extra > div {
  max-width: 1070px;
  margin: 0 auto;
  text-align: right;
  font-size: 11px;
  color: #ffd200;
  padding: 25px;
}
}

footer[role="contentinfo"] .top-link {
  float: right;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  padding: 5px;
  background: url(images/scroll-top-icon.png) no-repeat right;
  padding-right: 30px;
  margin-right: 10px;
  margin-top:15px;
}
footer[role="contentinfo"] .top-link:hover{color:#a7a7a7 !important;}
footer[role="contentinfo"] a:hover{color:#a7a7a7 !important;}
/* ======================== Footer Widgets =================== */



@media screen and (min-width: 600px) {
  #colophon .site-info > div {
    min-width: 600px; 
    width: 100%;
    margin: 0 auto; 
    margin-top: 30px; 
  }

  footer .widget_nav_menu ul li {
    float: left;
    padding: 0 32px;
    margin: 0;
    text-align: left;
  }
}


footer .widget_nav_menu {
 text-align: center;
}

footer .widget_nav_menu ul li ul li {
  float: none;
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px solid #555;
}

footer .widget_nav_menu ul li ul li:last-child {
  border-bottom: 1px solid #555;
}

footer .widget_nav_menu ul li a {
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

footer .widget_nav_menu ul li ul li a {
  font-weight: normal;
}


.child_title_footer{border-bottom:1px solid #58595b; min-height:17px; padding-top:4px; padding-bottom:4px;}
.child_title_footer_a { color:#fff !important;
					text-decoration:none !important; font-size:12px; font-family:Arial; line-height:17px; }


.sidebar-attractions .mar_top{margin-top:15px;}

.cat_title_footer{height: 51px;  border-bottom:1px solid #58595b; padding-bottom:4px;margin-bottom:4px;} 
.cat_title_footer_a {font-weight:bold; color:#fff !important; text-decoration:none !important;
						font-size:12px; line-height:17px;text-transform:uppercase; }

.logo.footer{padding-top:20px;}
.footer_menu0{float:left; width:102px;margin-left: 20px;}
@media screen and (min-width: 600px) {
	.footer_menu0{float:left; width:102px;margin-left: 0px;}
	.cat_title_footer{margin-bottom:0px;}
	.logo.footer{padding-top:0px;}
}
.footer_menu{margin-left: 20px;
float: left;
width: 102px;}



.copyright a{color:#ffd200; text-decoration:none;}
.copyright a:hover{color:#fff; text-decoration:underline;}



.infoblock .right{margin-top:60px;border-top: 3px dotted #000; padding-top:10px;}
	#meteor-thumbnailsjerichoinn{display:none;}
	.listing_middle{min-height:0px;}
#meteor-thumbnailscorinne{display:none;}
	.entry-content .travelblock.attractions .with_image li{min-height:0px;}
@media screen and (min-width: 600px) {
	.entry-content .travelblock.attractions .with_image li{min-height:340px;}
#meteor-thumbnailscorinne{display:block;}
	
	.listing_middle{min-height:100px;}
	.infoblock .right{margin-top:0px;border-top: 0;padding-top:0px;}
	
	#meteor-thumbnailsjerichoinn{display:block;}
	.listing_middle {
  max-width: 350px;
  width: 100%;
  float: left;
  min-height: 100px;
  color: inherit;
}
}

.footer_soci{width:57px !important; height:59px !important;}

@media screen and (min-width: 600px) {
	.footer_soci{width:60px !important; height:62px !important;}

}




.one_third.last {

 display: inline;

}

.one_third.responsive {

 display: none;

}

@media screen and (max-width: 640px){

.one_third.last {display: none;}

.one_third.responsive {

 display: inline;

}
	
}

/*** Single hostel navigation***/

.hostels_navigation {
margin: 0 0 25px 0;
height: 10px;
font-family: SegoePrint-Bold,sans-serif;
font-size: 16px;
color: #ffffff;
}

.hostels_navigation a {
color: #ffffff;
text-decoration: none;
}

.previous_hostel {
display: inline-block;
background: #3A78C1;
padding: 8px;
float: left;
border-radius: 9px 9px 0 0;
}
.next_hostel {
display: inline-block;
background: #3A78C1;
padding: 8px;
float: right;
border-radius: 9px 9px 0 0;
}

@media (max-width: 767px) {
.previous_hostel {
display: block;
background: #3A78C1;
padding: 8px;
border-radius: 9px 9px 0 0;
width: 96%;
margin: 10px 0;
text-align: center;
}
.next_hostel {
display: block;
background: #3A78C1;
padding: 8px;
border-radius: 9px 9px 0 0;
width: 96%;
margin: 10px 0;
text-align: center;

}
}

/*** Single hostel breadcrumbs ***/

body.single-hostels .breadcrumbs {margin-top: 10px;}

.book_now_wrap {
  background: url(images/booking-bg.png) repeat;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 35px;
  min-height: 200px;
}
.book_now_wrap .book_now_title {
  color: #fff;
  line-height: 1;
  text-transform: capitalize !important;
  margin: 0 0 15px 0;
  font-family: 'SegoePrint-Bold', sans-serif;
}
.book_now_wrap .channel_item {
  margin: 20px 0;
}
.buttonsElWrapper .buttonsEl > div,
.book_now_wrap .channel_item .channel_item_title {
  display: inline-block;
  min-width: 95px;
}
.book_now_wrap .channel_item .channel_item_btn {
  display: inline-block;
  min-width: 170px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  letter-spacing: 0.3px;
  height: 42px;
  line-height: 42px;
  outline: none;
  padding: 1px 0;
  margin: 5px 15px 0 15px;
}

.bookingbox.single input[type="submit"] {
  background: url(images/buttons/search-form.png) no-repeat;
  background-position: 0 0;
}
.bookingbox.single input[type="submit"]:hover {
  background-position: 0 -48px;
}
.buttonsEl a.buttons {
  width: auto;
  min-width: 170px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.channel_item_btn {
  background: url(images/buttons/sh_btn_bg.png) repeat-x 0 0;
  position: relative;
}

.buttonsEl a.buttons {
  margin: 10px 15px !important;
  border-radius: 0;
  padding: 1px 0;
  height: 42px;
  line-height: 42px;
  background: url(images/buttons/sh_btn_bg.png) repeat-x 0 0 !important;
  position: relative;
}

.buttonsEl a.buttons::before,
.buttonsEl a.buttons::after,
.channel_item_btn::before,
.channel_item_btn::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 44px;
}

.buttonsEl a.buttons::before,
.channel_item_btn::before {
  background: url(images/buttons/sh_btn_bg_before.png) no-repeat 0 0;
  left: -10px;
}
.buttonsEl a.buttons::after,
.channel_item_btn::after {
  background: url(images/buttons/sh_btn_bg_after.png) no-repeat 0 0;
  right: -10px;
}

.buttonsEl a.buttons:hover {
  background-position: 0 -44px !important;
}
.buttonsEl a.buttons:hover::before,
.buttonsEl a.buttons:hover::after,
.channel_item_btn:hover,
.channel_item_btn:hover::before,
.channel_item_btn:hover::after {
  background-position: 0 -44px;
}

@media (max-width: 599px) {
  .buttonsElWrapper .buttonsEl > div,
  .book_now_wrap .channel_item .channel_item_title {
    display: block;
  }
  .book_now_wrap .channel_item .channel_item_btn {
    margin: 5px 15px;
  }
  .listing_middle {
    max-width: 100%;
  }
}

.listing_row .buttonsElWrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listing_row .buttonsElWrapper .buttonsEl {
  width: 100%;
}
.listing_row .buttonsElWrapper .buttonsEl.MH {
  order: 1;
}
.listing_row .buttonsElWrapper .buttonsEl.HW {
  order: 2;
}
.listing_row .buttonsElWrapper .buttonsEl.BC {
  order: 3;
}
.hostel_list .listing_row.hostel-hide {
  display: none;
}