html body{ min-width: 300px; }

#barn-responsive-navigation{ display: none; }

/*--- tablet ---*/
@media only screen and (max-width: 1159px) {
	.barn-navigation-gimmick{ display: none; }
	.barn-navigation-wrapper .barn-main-menu > li > a,
	.barn-navigation-wrapper .barn-main-menu > li > a.sf-with-ul-pre, 
	.barn-navigation-wrapper .barn-main-menu > li > a.sf-with-ul{ padding-left: 12px; padding-right: 12px; }
}

@media only screen and (max-width: 959px) {
	body .container{ max-width: 768px; }	
	body .body-wrapper.barn-boxed-style { max-width: 808px; }
	
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { opacity: 1; }

	.barn-logo { margin: 0px auto !important; padding-top: 20px; padding-bottom: 20px; float: none; }
	.barn-navigation-wrapper { float: none; text-align: center; margin-top: 10px !important; line-height: 0; }
	.barn-navigation-wrapper .barn-navigation { display: inline-block; text-align: left; line-height: 1.7; }
	.barn-navigation-wrapper .barn-main-menu > li > a{ padding-left: 12px; padding-right: 12px; padding-bottom: 25px; }
	.barn-navigation-wrapper .barn-menu-search-button-sep{ margin-right: 20px; margin-left: 0px; }
	
	.barn-fixed-header{ display: none; }

	.portfolio-item-wrapper .barn-outer-nav, .blog-item-wrapper .barn-outer-nav { display: none; }
	.barn-datepicker-range-wrapper .ui-datepicker-group { width: auto; border: none; }

	.barn-hide-in-tablet{ display: none; } 
	.barn-hide-in-tablet-mobile{ display: none; }
}

/*--- mobile landscape style ---*/
@media only screen and (max-width: 767px) {
	body .container{ max-width: 420px; }
	body .body-wrapper.barn-boxed-style { max-width: 460px; }
	body .body-wrapper{ overflow: hidden; }
	
	.one-ninth, .one-eighth, .one-seventh,.one-fifth,
	.two-fifth, .three-fifth, .four-fifth,
	.one, .two, .three, .four, .five, .six, .seven,
	.eight, .nine, .ten, .eleven, .twelve{ width: 100%; }	
	
	/*--- header ---*/
	.top-navigation-container{ text-align: center; line-height: 1; }
	.top-navigation-left{ float: none; }
	.top-navigation-right{ float: none; padding-bottom: 10px; }
	.top-navigation-right-text{ float: none; padding: 10px 0px; }
	.top-social-wrapper{ float: none; margin-left: 0px; display: inline-block; padding: 0px; }
	
	#barn-responsive-navigation { display: block; height: 0px; position: static; float: none; }
	#barn-responsive-navigation .dl-trigger{ position: absolute; right: 15px; top: 50%; margin-top: -20px; }
	.dl-menuwrapper > .dl-menu, 
	.dl-menuwrapper > .dl-submenu{ margin: 30px 0px 0px; width: 390px; text-align: left; left: 15px; }
	
	body .barn-logo{ float: none; display: block; padding: 30px 80px; }
	body .barn-logo.barn-align-left #barn-responsive-navigation .dl-trigger,
	body .barn-logo.barn-align-right #barn-responsive-navigation .dl-trigger{ top: 45px; margin-top: 0px; }
	
	.barn-navigation-wrapper{ display: none; }
	.barn-header-wrapper{ background: #111; position: relative; }
	
	/*--- stunning-text ---*/
	.barn-stunning-text-item{ text-align: center; }
	.barn-stunning-text-item.type-normal.barn-button-on{ padding-right: 0px; }
	.barn-stunning-text-item.type-normal .stunning-text-button{ position: static; margin-top: 0px; }
	.barn-stunning-text-item.with-padding.barn-button-on{ padding-right: 35px; }
	
	.barn-service-with-image-item .service-with-image-thumbnail { float: none; margin: 0px auto; }
	.barn-service-with-image-item .service-with-image-content-wrapper { text-align: center; } 
	
	.barn-feature-media-item.barn-left .feature-media-thumbnail{ float: none; width: auto; margin-right: 0px;}
	.barn-feature-media-item .feature-media-icon { display: none; }
	html .woocommerce ul.products li.product, html .woocommerce-page ul.products li.product { width: 99% !important; }
	
	/*--- single page ---*/
	.barn-portfolio-style1 .barn-portfolio-description{ float: none; margin-right: 0px; width: auto; }
	.barn-portfolio-style1 .barn-portfolio-info{ width: auto; float: none; margin-bottom: 30px; }	
	.barn-portfolio-style2 .barn-portfolio-thumbnail {
    max-width: 100%; float: none; margin-right: 0px; margin-left: 0px; width: auto !important;  }
	
	.barn-blog-medium .barn-blog-thumbnail { margin-right: 0px; float: none; margin-bottom: 20px; width: auto; }	

	/*--- slider ---*/
	.barn-caption-wrapper .barn-caption .barn-caption-text { display: none; }
	.barn-caption-wrapper .barn-caption .barn-caption-title { margin-bottom: 0px; font-size: 15px; }
	.barn-caption-wrapper .barn-caption { max-width: 100%; padding: 13px 12px; }	 
	
	/*--- title item ---*/
	.barn-item-title-wrapper.pos-center .barn-item-title-gimmick { display: none; }
	.barn-item-title-wrapper.pos-icon.barn-right-text, 
	.barn-item-title-wrapper.pos-center.barn-right-text { padding: 0px; }
	.barn-item-title-wrapper > .nav-container { position: static; text-align: center; margin-top: 10px; }
	.barn-item-title-wrapper > .nav-container > .barn-right-text-link{ float: none; margin: 0px; }
	
	.barn-hotel-availability .barn-reservation-field{ float: none; width: auto; margin-bottom: 20px; }
	.barn-hotel-availability .barn-datepicker-wrapper{ margin-right: 0px; }
	.barn-hotel-availability .barn-combobox-wrapper{ margin-right: 0px; }
	.barn-hotel-availability .barn-hotel-availability-submit input[type="submit"]{ margin-top: 0px; }

	.barn-hotel-branches-enable .barn-hotel-availability .barn-resv-branches-combobox,
	.barn-hotel-branches-enable .barn-hotel-availability .barn-resv-datepicker,
	.barn-hotel-branches-enable .barn-hotel-availability .barn-resv-combobox { float: none; width: auto; }
	
	.barn-item-title-head .barn-flex-prev,
	.barn-item-title-head .barn-flex-next{ display: none; }
	
	/*--- booking ---*/
	.barn-reservation-bar { float: none; width: auto; margin: 0px auto 40px; }
	.single-room .barn-reservation-bar { float: none; margin: 0px; width: auto; margin-bottom: 30px; }

	.barn-medium-room .barn-room-thumbnail { float: none; margin-right: 0px; margin-bottom: 30px; max-width: 100%; }
	.barn-datepicker-range-wrapper .ui-datepicker-group { width: auto; border: none; }
	.barn-reservation-people-title { display: none; }
	.barn-booking-contact-form .barn-form-half-right,
	.barn-booking-contact-form .barn-form-half-left { float: none; width: auto; margin-right: 0px; margin-left: 0px; }
	
	.copyright-left, .copyright-right { text-align: center; float: none; }
	
	.barn-hide-in-tablet{ display: block; } 
	.barn-hide-in-mobile{ display: none; } 
	
	.barn-service-with-image-item .service-with-image-thumbnail { margin-bottom: 30px; }
}

/*--- mobile portrait style ---*/
@media only screen and (max-width: 419px) {
	body .container{ max-width: 300px; }
	body .body-wrapper.barn-boxed-style { max-width: 340px; }
	
	body .barn-logo{ padding-left: 0px; }
	.dl-menuwrapper .dl-menu, .dl-menuwrapper > .dl-submenu{ width: 270px; }
}