/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1140px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
*/

/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	body nav select {
		background: #fafafa url(../images/select-arrow@2x.png) center right no-repeat;
		background-size: contain;
	}
}

/* IE7-IE8 Fixes*/
.lt-ie9	body nav select {
	background: url(../images/select-arrow.png) center right no-repeat;
}

/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/

/* Note: Design for a width of 1040px */
html {
	-webkit-text-size-adjust: none;
}

/* Removes webkit font resizing */
body {
	width: 100%;
	max-width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/

/* Note: Design for a width of 960px */
@media only screen and (min-width:1025px) and (max-width:1190px) {
	.width-container {
		width: 94%;
	}

	body .flickr-widget ul li img {
		width: 55px;
		height: 55px;
	}

	.sf-menu a {
		padding-right: 16px;
		padding-left: 16px;
	}

	#page-title h1 {
		font-size: 46px;
	}

	.homepage-widget-blog h1 {
		font-size: 44px;
	}

	.footer-map-home h1 {
		font-size: 38px;
	}

	body #main ul li.product .amount,
	body .main-text-widgetpro ul li.product .amount {
		font-size: 33px;
	}

	h1 {
		font-size: 32px;
	}

	h1.timeline-day-archive {
		font-size: 28px;
	}

	h2 {
		font-size: 25px;
	}

	h3,
	body #main h3.product-title-index-pro,
	body .homepage-widget-blog .width-container .main-text-widgetpro h3.product-title-index-pro {
		font-size: 21px;
	}

	.schedule-summary-pro,
	.timeline-left-container,
	#page-title span,
	.summary-text-pro {
		font-size: 19px;
	}

	h1.schedule-day-archive,
	body #taxonomy_navigation_pro {
		font-size: 17px;
	}

	h4 {
		font-size: 19px;
	}

	h5,
	body #main .gallery-caption,
	body .homepage-widget-blog .gallery-caption {
		font-size: 16px;
	}

	#sidebar h5 {
		font-size: 14px;
	}

	h6 {
		font-size: 13px;
	}

	ul#bread-crumb {
		font-size: 11px;
	}
}

/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/

/* Note: Design for a width of 768px */
@media only screen and (min-width:768px) and (max-width:1024px) {
	.width-container {
		width: 95%;
	}

	.sf-menu a {
		padding-right: 10px;
		padding-left: 10px;
	}

	body.page-template-homepage h1#logo,
	header #logo {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	body.home {
		font-size: 12px;
		/*background: rgba(6, 29, 61, 0.9);*/
	}

	body .gallery-item {
		width: 100% !important;
	}

	header {
		background-position: center;
		/*background: url('../images/SALL_mobile_backgroundweb.jpg');*/
		background-size: cover;
	}

	.date h2 {
		font-size: 40px;
		color: #20386b;
	}

	#cvhn-homepage-widget {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	#cvhn-homepage-widget.widget .width-container {
		border-radius: 0;
	}

	#pyre_homepage_booking-widget .width-container .inner,
	#pyre_homepage_schedule-widget .width-container .inner {
		width: 100%;
	}

	body footer {
		margin-top: 0;
		padding-bottom: 0;
	}

	body #taxonomy_navigation_pro ul li {
		display: block;
		border: none;
	}

	#about {
		padding-bottom: 0;
	}

	#recap {
		padding-top: 0;
	}

	/* Font Sizes */
	#page-title h1 {
		font-size: 40px;
	}

	.homepage-widget-blog h1 {
		font-size: 38px;
	}

	.footer-map-home h1 {
		font-size: 32px;
	}

	body #main ul li.product .amount,
	body .main-text-widgetpro ul li.product .amount {
		font-size: 25px;
	}

	h1 {
		font-size: 29px;
	}

	h1.timeline-day-archive {
		font-size: 26px;
	}

	h2 {
		font-size: 22px;
	}

	body #main h3.product-title-index-pro,
	body .homepage-widget-blog .width-container .main-text-widgetpro h3.product-title-index-pro {
		font-size: 19px;
		min-height: 54px;
	}

	.schedule-summary-pro,
	.timeline-left-container,
	#page-title span,
	.summary-text-pro {
		font-size: 17px;
	}

	h1.schedule-day-archive,
	body #taxonomy_navigation_pro {
		font-size: 16px;
	}

	h4 {
		font-size: 17px;
	}

	h5,
	body #main .gallery-caption,
	body .homepage-widget-blog .gallery-caption {
		font-size: 15px;
	}

	#sidebar h5 {
		font-size: 13px;
	}

	h6 {
		font-size: 12px;
	}

	ul#bread-crumb {
		font-size: 10px;
	}

	/* Button Resize */
	body .homepage-widget-blog button.single_add_to_cart_button,
	body .homepage-widget-blog input.button,
	body.woocommerce-cart .homepage-widget-blog td.actions  input.button.checkout-button,
	body .homepage-widget-blog button.button,
	body .homepage-widget-blog a.button,
	body #single-product-pro button.single_add_to_cart_button,
	input#submit-pro,
	body #main button.single_add_to_cart_button,
	body #main input.button,
	body.woocommerce-cart #main td.actions  input.button.checkout-button,
	body #main button.button,
	body #main a.button,
	body #single-product-pro button.single_add_to_cart_button,
	body #main input.wpcf7-submit,
	body a.ls-sc-button.default,
	a.progression-button,
	a.more-link,
	body input#submit {
		font-size: 80%;
		padding: 12px 15px;
	}

	/* WooCommerce Columns Fix */
	body #main li.product.column-4 {
		clear: none;
		width: 23.5%;
		margin-right: 2%;
	}

	body #main li.product.column-3 {
		clear: none;
		width: 32%;
		margin-right: 2%;
	}

	body #main li.product.column-2 {
		clear: none;
		width: 49%;
		margin-right: 2%;
	}

	body #main li.product.column-2.last,
	body #main li.product.column-3.last,
	body #main li.product.column-4.last,
	.lt-ie8 body #main li.product.column-2.last,
	.lt-ie8 body #main li.product.column-3.last,
	.lt-ie8 body #main li.product.column-4.last {
		margin-right: 0;
	}

	body #main li.product {
		float: left;
	}

	body #main li.product.first {
		clear: both;
	}

	body #main .columns-2 li.product {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}

	body #main .columns-3 li.product {
		width: 31.3%;
		margin-right: 1%;
		margin-left: 1%;
	}

	body #main .columns-4 li.product {
		width: 23%;
		margin-right: 1%;
		margin-left: 1%;
	}

	body .homepage-widget-blog li.product.column-4 {
		clear: none;
		width: 23.5%;
		margin-right: 2%;
	}

	body .homepage-widget-blog li.product.column-3 {
		clear: none;
		width: 32%;
		margin-right: 2%;
	}

	body .homepage-widget-blog li.product.column-2 {
		clear: none;
		width: 49%;
		margin-right: 2%;
	}

	body .homepage-widget-blog li.product.column-2.last,
	body .homepage-widget-blog li.product.column-3.last,
	body .homepage-widget-blog li.product.column-4.last,
	.lt-ie8 body .homepage-widget-blog li.product.column-2.last,
	.lt-ie8 body .homepage-widget-blog li.product.column-3.last,
	.lt-ie8 body .homepage-widget-blog li.product.column-4.last {
		margin-right: 0;
	}

	body .homepage-widget-blog li.product {
		float: left;
	}

	body .homepage-widget-blog li.product.first {
		clear: both;
	}

	body .homepage-widget-blog .columns-2 li.product {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}

	body .homepage-widget-blog .columns-3 li.product {
		width: 31.3%;
		margin-right: 1%;
		margin-left: 1%;
	}

	body .homepage-widget-blog .columns-4 li.product {
		width: 23%;
		margin-right: 1%;
		margin-left: 1%;
	}

	#pyre_homepage_schedule-widget .col-2 {
		font-size: 1.2em;
		float: none;
		width: 100%;
		margin-right: 0;
	}
}

/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
.width-container {
	padding: 0;
}

.stretch {
	width: 100%;
}

.about-read-more {
	display: none;
}
/* Note: Design for a width of 320px */
@media only screen and (max-width:767px) {
	.width-container {
		box-sizing: border-box;
		width: 100%;
	}


	.about-read-more {
		display: none;
	}

	body.home {
		font-size: 12px;
		/*background: rgba(6, 29, 61, 0.9);*/
	}

	footer {
		display: none !important;
		/*		position: absolute;
		bottom: 0;
		width: 100%;*/
	}

	body .gallery-item {
		width: 100% !important;
	}

	header {
		background-position: center;
		/*background: url('../images/SALL_mobile_backgroundweb.jpg');*/
		background-size: cover;
	}

	#cvhn-homepage-widget {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	#cvhn-homepage-widget.widget .width-container {
		border-radius: 0;
	}

	#pyre_homepage_booking-widget .width-container .inner,
	#pyre_homepage_schedule-widget .width-container .inner {
		width: 100%;
	}

	body footer {
		margin-top: 0;
		padding-bottom: 0;
	}

	body #taxonomy_navigation_pro ul li {
		display: block;
		border: none;
	}

	#about {
		padding-bottom: 0;
	}

	#recap {
		padding-top: 0;
	}

	#content-left-container,
	#sidebar,
	#content-container-pro,
	.home1column-progression,
	.home2column-progression,
	.home3column-progression,
	.home4column-progression,
	.footer-2-column .widget,
	.footer-3-column .widget,
	.footer-4-column .widget,
	footer .footer-2-column .widget,
	footer .footer-3-column .widget,
	footer .footer-4-column .widget,
	.grid2column-progression,
	.grid3column-progression,
	.grid3columnbig-progression,
	.grid4column-progression,
	.grid4columnbig-progression {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		margin-left: 0;
	}

	body td.product-remove,
	body th.product-remove {
		display: none;
	}

	body.woocommerce-cart #main #content-container-pro,
	body.woocommerce-checkout #main #content-container-pro {
		padding: 0;
		border: none;
		background: None;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

	body.woocommerce-cart input.button {
		font-size: 70%;
		padding: 8px 11px !important;
	}

	body.woocommerce-cart table.cart {
		font-size: 9px;
		background: #fff;
	}

	ul#schedule-content-progression  li.schedule1column-pro,
	ul#schedule-content-progression  li.schedule2column-pro,
	ul#schedule-content-progression  li.schedule3column-pro,
	ul#schedule-content-progression  li.schedule4column-pro {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	body.single-product .summary,
	body.single-product .images,
	body ul.products li.product {
		float: none;
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	pre,
	code {
		font-size: 12px;
	}

	#map-embed-pro {
		float: none;
		width: 100%;
	}

	#map-text-pro {
		float: none;
		width: 89%;
	}

	/* Font Sizes */
	#page-title h1 {
		font-size: 24px;
		padding-bottom: 8px;
	}

	.homepage-widget-blog h1 {
		font-size: 22px;
	}

	.footer-map-home h1 {
		font-size: 20px;
	}

	body #main ul li.product .amount,
	body .main-text-widgetpro ul li.product .amount {
		font-size: 18px;
	}

	h1 {
		font-size: 20px;
	}

	h1.timeline-day-archive {
		font-size: 19px;
	}

	h2 {
		font-size: 18px;
	}

	h3,
	body #main h3.product-title-index-pro,
	body .homepage-widget-blog .width-container .main-text-widgetpro h3.product-title-index-pro {
		font-size: 17px;
	}

	.schedule-summary-pro,
	.timeline-left-container,
	#page-title span,
	.summary-text-pro {
		font-size: 15px;
	}

	h1.schedule-day-archive,
	body #taxonomy_navigation_pro {
		font-size: 14px;
	}

	h4 {
		font-size: 14px;
	}

	h5,
	body #main .gallery-caption,
	body .homepage-widget-blog .gallery-caption {
		font-size: 13px;
	}

	#sidebar h5 {
		font-size: 12px;
	}

	h6 {
		font-size: 11px;
	}

	ul#bread-crumb {
		font-size: 9px;
	}

	.wpcf7 input,
	#respond input {
		width: 70%;
	}

	.wpcf7 textarea,
	#respond textarea {
		width: 85%;
	}

	#map-left-location {
		position: static;
		width: 100%;
		margin-bottom: 15px;
	}

	#map-left-location #map-progression {
		position: static;
		overflow: auto;
	}

	#map-right-location {
		position: static;
		width: 90%;
	}

	#map-right-location #content-container-pro {
		padding-right: 5%;
		padding-left: 5%;
	}

	.google-maps-expand .googlemap {
		max-height: 250px !important;
	}

	/* Select Menu */
	body.page-template-homepage h1#logo,
	header #logo {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	body.page-template-homepage #gradient-mobile-pro {
		display: block;
	}

	body.page-template-homepage h1#logo {
		position: relative;
	}

	#fixed-nav-pro {
		height: 47px !important;
	}

	#left-logo-pro .menu-main-navigation-container {
		float: none;
	}

	body.page-template-homepage #left-logo-pro h1#logo,
	header #left-logo-pro #logo {
		float: none;
	}

	header nav {
		padding: 10px 0;
	}

	header nav h1 {
		float: none;
		margin-bottom: 25px;
	}

	header nav:before {
		display: none;
	}

	#right-navigation-pro {
		float: none;
	}

	.scroll-to-fixed-fixed {
		position: relative !important;
		top: 0;
	}

	nav ul {
		display: none;
	}

	nav select option {
		color: #888;
		background: #fff;
	}

	nav select {
		font-size: 12px;
		display: block;
		width: 280px;
		min-width: 150px;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding: 6px 5px 6px 10px;
		-webkit-user-select: none;
		   -moz-user-select: none;
		text-transform: none;
		color: #555;
		border: 1px solid #aaa;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		        border-radius: 2px;
		background: #fafafa url(../images/select-arrow.png) center right no-repeat;
		background-color: #fafafa;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
		   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
		        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);

		-webkit-appearance: none;
		   -moz-appearance: normal;
		        appearance: normal;
		-webkit-padding-end: 20px;
		-webkit-padding-start: 2px;
	}

	body.page-template-homepage #schedule-container-pro,
	body.post-type-archive-schedule #schedule-container-pro {
		margin-right: 0;
		margin-left: 0;
	}

	.share-progression,
	body.page-template-homepage  .share-progression {
		top: 135px;
	}

	.share-progression .social-ico a i {
		font-size: 12px;
		min-width: 12px;
		padding: 12px;
	}

	#pyre_homepage_schedule-widget .col-2 {
		font-size: 1.2em;
		float: none;
		width: 100%;
		margin-right: 0;
	}
}