/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Devices layouts (Media Queries)
--------------------------------------------------------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------
1024px Layout: 820px
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2    3    4    5    6    7    8    9    10
Pixels    64  148  232  316  400  484  568  652  736  820
--------------------------------------------------------------
*/

@media only screen and (min-width: 914px) and (max-width: 1082px) {

	/* Layout */
	header.header .topbar-inner,
	header.header .topbar-container { width: 900px; }
	nav.navigation .navigation-container{ width: 900px; }
	.content .content-container { width: 820px; }
	.callouts { margin: -165px 0 0; }
	.callouts .callout-content-container.image-container {min-height: 149px; }
	.content-home { margin: 490px 0 0; }
	.content-home .content-home-container,
	.content-container { width: 820px; }
	.widget-area-footer .widget-area-footer-container { width: 820px; }
	footer.footer .footer-container { width: 820px; }
	

	/* Slideshow */
	.slideshow-caption { top: 260px; margin-left: -200px; width: 652px; }
	.slideshow-caption img {max-width: 400px;}

	.slideshow-caption h2 { font-size: 50px; }
	.slideshow-caption p {font-size: 16px; }
	.slideshow-prev,
	.slideshow-next { top: 420px; }
	
	/* Callouts */
	.callouts .callout-image { width: 240px;  }
	.callouts .callout-block { margin-right: 37px; width: 248px; }
	.instafeed a {height: 240px;}
	.callouts .callout-content-container.no-top-padding {min-height:290px;}

	/* Widget Area */
	.menu-area-left,
	.widget-area-footer-left,
	.widget-area-footer-center,
	.widget-area-footer-right,
	.details-area-left,
	.details-area-center,
	.details-area-right  { width: 240px; }
	.menu-area-left h3 {width:224px;}
	.menu-area-left,
	.widget-area-footer-left,
	.widget-area-footer-center,
	.details-area-left,
	.details-area-center { margin-right: 40px; }
	.menu-area-left,
	.widget-area-footer-right,
	.widget-area-footer-left,
	.widget-area-footer-center,
	.details-area-left,
	.details-area-center,
	.details-area-right {margin-left:0px;}

	.items-wrapper {width: 540px; }
	
	/* Widget */
	.widget-area-footer .widget_search input { width: 238px; }
	
	/* Form */
	.form .input-box { width: 260px; }
	.form .input-box input { width: 238px; }
	.form .input-box textarea,
	.form .input-box-wide textarea { width: 798px; }
	.validation-success { width: 816px; }

	.slide-title {top:15px;}

}

/*
--------------------------------------------------------------
Tablet Layout: 652px (768px)
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2    3    4    5    6    7    8
Pixels    64  148  232  316  400  484  568  652
--------------------------------------------------------------
*/

@media only screen and (min-width: 746px) and (max-width: 913px) {

	/* Layout */
	header.header .topbar-inner,
	header.header .topbar-container { width: 730px; }
	nav.navigation .navigation-container{ width: 730px; }
	.content .content-container { width: 652px; }
	.callouts { margin: -139px 0 0; }
	.callouts .callout-content-container.image-container {min-height: 169px; }
	.content-home { margin: 490px 0 0; }
	.content-home .content-home-container,
	.content-container{ width: 652px; }
	.widget-area-footer .widget-area-footer-container { width: 652px; }
	footer.footer .footer-container { width: 652px; }
	
	/* Primary navigation */
	nav.navigation li{padding: 0 5px;}
	nav.navigation ul li { font-size: 25px; }
	nav.navigation ul li a { padding: 15px 10px 5px; }
	nav.navigation ul li.logo-gap {padding-right:180px;} 
	nav.navigation ul li.after-logo-gap{padding-left:110px;}
	

	/* Slideshow */
	.slideshow-caption { top: 275px; margin-left: -200px; width: 652px; }
	.slideshow-caption img {max-width: 400px;}
	.slideshow-caption h2 { font-size: 38px; }
	.slideshow-caption p {font-size: 14px; }
	.slideshow-prev,
	.slideshow-next { top: 420px; }
	
	/* Callouts */
	.callouts .callout-block { width: 204px; margin-right: 15px; }
	.callouts .callout-image { width: 196px;}
	.instafeed a {height: 197px;}
	.callouts .callout-content-container.no-top-padding {min-height:256px;}
	
	/* Socials */
	.socials li,
	.socials li a { width: 30px; }
	
	/* Widget Area */
	.menu-area-left,
	.widget-area-footer-left,
	.widget-area-footer-center,
	.widget-area-footer-right,
	.details-area-left,
	.details-area-center,
	.details-area-right { width: 184px; }
	.menu-area-left h3 {width:168px;}
	.menu-area-left,
	.widget-area-footer-left,
	.widget-area-footer-center,
	.details-area-left,
	.details-area-center { margin-right: 40px; }
	.menu-area-left,
	.widget-area-footer-right,
	.widget-area-footer-left,
	.widget-area-footer-center,
	.details-area-left,
	.details-area-center,
	.details-area-right{margin-left:0px;}

	.items-wrapper {width: 428px; }
	
	/* Form */
	.form .input-box { width: 204px; }
	.form .input-box input { width: 182px; }
	.form .input-box textarea,
	.form .input-box-wide textarea { width: 630px; }
	.validation-success { width: 648px; }

	/*Time widget*/
	.opening-hours .day {font-size: 14px; padding-top: 3px; }
	.en .opening-hours .small-time {padding-right: 11px; }
	.opening-hours .time {font-size: 14px; padding-top: 3px; }

	/* Address widget*/
	.visit-us address {font-size: 14px;}
	.visit-us address strong {font-weight: bold; font-size: 16px; }

	.slide-title {top:15px;}
}

/*
--------------------------------------------------------------
Wide Mobile Layout: 400px (480px)
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2    3    4    5
Pixels    64  148  232  316  400  
--------------------------------------------------------------
*/

@media only screen and (min-width: 534px) and (max-width: 745px) {

	/* Layout */
	header.header .topbar-inner,
	header.header .topbar-container { width: 530px; }
	nav.navigation{display:none;}
	nav.navigation-mobile{display:block;}
	nav.navigation-mobile .navigation-mobile-container{ width: 100% }
	nav.navigation-mobile .tablet-filler {display:block;}
	.content .content-container { width: 400px; }
	.callouts { margin: -165px 0 0; }
	.content-home { margin: 420px 0 0; }
	.content-home.expanded {margin:700px 0 0;}
	.page-content.expanded {margin:540px 0 0;}
	.content-home .content-home-container,
	.content-container { width: 400px; }
	.widget-area-footer .widget-area-footer-container { width: 400px; }
	footer.footer .footer-container { width: 400px; }
	.badge {margin-right: -215px;}

	.page-content h1{ font-size: 50px; padding: 15px 30px;}
	header.header {height:480px;}
	.navigation-container {height:auto;}
	nav.navigation-mobile {margin-top:-20px; font-size:35px;}
	nav.navigation-mobile ul {height:auto; background-color:#000;}
	nav.navigation-mobile ul li:first-child {border-top:1px solid #FFF;}
	nav.navigation-mobile ul li{display:block;padding:0; width:100%; text-align:center; padding: 10px 0;border-bottom: 1px solid #FFFFFF;}
	nav.navigation-mobile ul li a{float:none; display:block; width:100%;border:0;padding:0;}
	nav.navigation-mobile ul li a:hover {background-color:#2B2B2B; border:0;}
	nav.navigation-mobile ul li:hover {}
	nav.navigation-mobile ul li.logo-gap {padding: 10px 0;} 
	nav.navigation-mobile ul li.after-logo-gap{padding: 10px 0;}

	nav.navigation-mobile ul.sub-menu li:first-child {border-top:0;}

	
	/* Slideshow */
	.slideshow-caption { top: 540px; margin-left: -135px; width: 400px; }
	.slideshow-caption img {max-width: 270px;}
	.slideshow-caption h2 { font-size: 34px; }
	.slideshow-caption p { display: none; }
	.slideshow-prev,
	.slideshow-next { top: 370px; }
	
	/* Callouts */
	.callouts { width: 100%; text-align: center; }
	.callouts .callout-block { display: inline-block; float: none; margin-right: 0; }

	
	/* Widget Area */
	.widget-area-footer-left,
	.widget-area-footer-center,
	.widget-area-footer-right,
	.details-area-left,
	.details-area-center,
	.details-area-right { width: 400px; }

	.menu-area {display:none;}
	.items-wrapper {width:400px;}

	
	/* Footer */
	footer.footer .logos,
	footer.footer .credits { width: 100%; text-align: center; padding-right:0; padding-left:0; }
	
	/* Form */
	.form fieldset { width: 400px; }
	.form h2 { width: 400px; }
	.form .input-box { width: 400px; margin: 0; }
	.form .input-box input { width: 378px; }
	.form .input-box textarea,
	.form .input-box-wide textarea { width: 378px; }
	.validation-success { width: 396px; }

	.slide-title {top:15px;}
}

/*
--------------------------------------------------------------
Mobile Layout: 232px (320px)
Gutters: 20px
Inherits styles from: Default Layout
--------------------------------------------------------------
Columns   1   2    3
Pixels    64  148  232
--------------------------------------------------------------
*/

@media only screen and (max-width: 533px) {
	
	/* Layout */
	header.header .topbar-inner,
	header.header .topbar-container { width: 320px; }

	header.header .logo, header.header .logo-image, header.header .logo-image img {width:170px; height:170px;}

	nav.navigation{display:none;}
	nav.navigation-mobile{display:block;}
	nav.navigation-mobile .navigation-mobile-container{ width: 100% }
	.content .content-container { width: 232px; }
	.callouts { margin: -133px 0 0; }
	.content-home { margin: 340px 0 0; }
	.content-home.expanded {margin:920px 0 0;}
	.page-content.expanded {margin:670px 0 0;}
	.content-home .content-home-container,
	.content-container { width: 232px; }
	.widget-area-footer .widget-area-footer-container { width: 232px; }
	footer.footer .footer-container { width: 232px; }
	.badge {margin-right: -290px;}

	.socials li.lang-switch.mobile {display:block; }
	.socials li.lang-switch.desktop {display:none; }
	
	header.header {height:400px;}
	.navigation-container {height:auto;}
	nav.navigation-mobile {margin-top:-20px; font-size:30px;}
	nav.navigation-mobile ul {height:auto; background-color:#000;}
	nav.navigation-mobile ul li:first-child {border-top:1px solid #FFF;}
	nav.navigation-mobile ul li{display:block;padding:0; width:100%; text-align:center; padding: 10px 0;border-bottom: 1px solid #FFFFFF;}
	nav.navigation-mobile ul li a{float:none; display:block; width:100%;border:0;padding:0;}
	nav.navigation-mobile ul li a:hover {background-color:#2B2B2B; border:0;}
	nav.navigation-mobile ul li:hover {}
	nav.navigation-mobile ul li.logo-gap {padding: 10px 0;} 
	nav.navigation-mobile ul li.after-logo-gap{padding: 10px 0;}
	nav.navigation-mobile ul.sub-menu li {width:100%;}

	.page-content h1{font-size: 32px; padding: 25px 15px; line-height:25px;}
	
	/* Slideshow */
	.slideshow-caption { top: 460px; margin-left: -105px; width: 300px; }
	.slideshow-caption img {max-width: 210px;}
	.slideshow-prev,
	.slideshow-next { top: 390px; }
	.slideshow-prev,
	.slideshow-prev:hover { left: 40px; background-image: url("../images/arrow-prev-small.png"); }
	.slideshow-next,
	.slideshow-next:hover { right: 40px; background-image: url("../images/arrow-next-small.png"); }
	
	/* Callouts */
	.callouts { width: 100%; text-align: center; }
	.callouts .callout-block { width: 232px; margin-right: 0; }
	.callouts .callout-image,
	.callouts .callout-image img { width: 224px; height: 88px; }
	
	/* Socials */
	/*header.header .socials { display: none; }*/
	.socials li,
	.socials li a { width: 30px; }
	
	/* Widget Area */
	.menu-area-left,
	.widget-area-footer-left,
	.widget-area-footer-center,
	.widget-area-footer-right,
	.details-area-left,
	.details-area-center,
	.details-area-right { width: 232px; }

	.menu-area {display:none;}
	.items-wrapper {width:232px;}
	
	/* Footer */
	footer.footer .logos,
	footer.footer .credits { width: 100%; text-align: center; padding-right:0; padding-left:0; }
	
	/* Form */
	.form fieldset { width: 232px; }
	.form h2 { width: 232px; }
	.form .input-box { width: 232px; margin: 0; }
	.form .input-box input { width: 210px; }
	.form .input-box textarea,
	.form .input-box-wide textarea { width: 210px; }
	.form .buttons { width: 100%; text-align: center; }
	.form .buttons button { float: none; margin: 0 auto; }
	.form .required-star-info { width: 100%; margin: 10px 0 0; }
	.validation-success { width: 228px; }
	.ui-datepicker { width: 232px; }

	.slide-title {top:15px;}
}