/* 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;}
		.flex-direction-nav a {background-image: url(../images/slider/arrows@2x.png); background-size:80px 60px;}
	}

	/* IE7-IE8 Fixes*/
	.lt-ie9	body nav select {background: url(../images/select-arrow.png) center right no-repeat;}
	.lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png); background-size:68px 69px;}


	/*
	=============================================== 02. BASE STYLES (1140px) ===============================================
	*/
	/* Note: Design for a width of 1040px */
	html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
	body {max-width:100%; width:100%; margin:0;}
	img {max-width:100%; height: auto;}
	.width-container, .flex-caption .slider-container {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }

	/*
	=============================================== 03. #DESKTOP (1024px) ===============================================
	*/
	/* Note: Design for a width of 960px */
	@media only screen and (min-width: 1190px) and (max-width: 1280px) {
	
		.homeheader{
			margin-left: 8px;
			font-size: 45px;
		}

		#header-button {
			margin-left: 24px;
		}

		.wpcf7 textarea, #respond textarea {
			width: 450px; 
			height: 90px; 
			margin-bottom: -5px;
		}

	}
	/*
	=============================================== 03. #DESKTOP (960px) ===============================================
	*/
	/* Note: Design for a width of 960px */
	@media only screen and (min-width: 959px) and (max-width: 1040px) {
		
	.flex-caption .slider-container, .width-container, .home-widget .textwidget {width:92%;} /* Default Width */

	.width-container > nav {
		float: right; 
		width: 0; 
		padding-top: 45px;
		padding-right: 20px;
	}
	h1#logo{
		display: inline-block;
	}

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

	#page-title h1 { font-size:58px;}
	h1 {font-size:38px; }
	h2 {font-size:28px; }
	.footer-highlight h2  {font-size:30px;}
	h3 {font-size:26px; }
	body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro 
	{font-size:23px;}
	h4 {font-size:22px; }
	h5 {font-size:20px; }
	h6 {font-size:17px; }

	.training-posts-about-img img {position: absolute;}
	.difficulty-wrapper {width: 220px;}
	.author-avatar-pro img {width: 55px; margin-right: 10px;}
	.meta-progression .meta-container {width: 65%;}
	span.posted-meta-pro {margin-top: -4px;}
	.contact-image {max-width: 49%; display: inline-flex;}
	.training-posts-img {display: none;}
	.training-slider {width: 90%; margin: 0 auto;}
	#trainer-slider-wrapper { margin-left: 0;}
	.flexslider.training-slider-pro {float: none; width: 100%;}
	.footer-highlight {padding: 152px 0;}
	#sidebar ul li ul.sub-menu li { margin-left: 2px; }


	.home-child-image-pro {
		margin-bottom:35px;
		height: 124px;
		overflow: hidden;
	}

	.transify{
		height: 100%;
	}

	.training-price-desc{
		font-size: 12px;
	}

	.wpcf7 textarea{
		width: 350px;
	}
	 .claires-container {
	    display: inline-block;
	    cursor: pointer;
	    margin-top: -3px;
	}
	.claires-container #main-nav ul {
		display: none;
	}
	.claires-container.change #main-nav ul {
		display: block;
		position: absolute;
		left: -978px;
		width: 1040px;
		top: 31px;
	}

	.bar1, .bar2, .bar3 {
	    width: 35px;
	    height: 5px;
	    background-color: #ff4102;
	    margin: 6px 0;
	    transition: 0.4s;
	} 
	.sf-menu li{
		float: left;
		background-color: #fff;
		width: 100%;
		text-align: center;
	}
	
	/*Rotate first bar*/
	.change .bar1 {
	    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
	    transform: rotate(-45deg) translate(-9px, 6px) ;
	}

	/*Fade out the second bar*/
	.change .bar2 {
	    opacity: 0;
	}

	/*Rotate last bar*/
	.change .bar3 {
	    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
	    transform: rotate(45deg) translate(-8px, -8px) ;
	}

	.wrapper {
		text-align: center;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	.tp-mask-wrap {
		text-align: center;
		margin: 0 auto;
		word-break: break-all;
	}

	#slide-14-layer-11{
		min-width: 850px !important;
		text-align: left !important;
		margin: 0 auto !important;
		word-break: normal;
	}

	.wrapper {
		text-align: center;
		margin: 0 auto;
		padding: 0 20px;
	}

	.homeheader{
		margin-left: -9px;
	}


}
/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */


@media only screen and (max-width: 959px) {
	.claires-container {
	    display: inline-block;
	    cursor: pointer;
	    margin-top: -3px;
	}
	.claires-container #main-nav ul {
		display: none;
	}
	.claires-container.change #main-nav ul {
		display: block;
		position: absolute;
		left: -901px;
		width: 960px;
		top: 31px;
	}

	.bar1, .bar2, .bar3 {
	    width: 35px;
	    height: 5px;
	    background-color: #ff4102;
	    margin: 6px 0;
	    transition: 0.4s;
	} 
	.sf-menu li{
		float: left;
		background-color: #fff;
		width: 100%;
		text-align: center;
	}

	/* Rotate first bar */
	.change .bar1 {
	    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
	    transform: rotate(-45deg) translate(-9px, 6px) ;
	}

	/* Fade out the second bar */
	.change .bar2 {
	    opacity: 0;
	}

	/* Rotate last bar */
	.change .bar3 {
	    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
	    transform: rotate(45deg) translate(-8px, -8px) ;
	}


	/* Default Width */
	.width-container { width:92%; }

	.commentlist {width:68%;}

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


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

	body #main .width-container li.product { float:left;}
	body #main .width-container li.product.first { clear: both;}

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


	/* Header Styles */
	.sf-menu a { padding-right: 7px; padding-left: 7px; }
	header .social-ico { margin-left:3px; float:none; position:absolute; top:-32px; right:0px;}
	header .social-ico a i {
		font-size:12px;
		margin-left:2px;
		padding:3px;
		min-width:13px;
	}
	/* Nav Bar Styles */
	.width-container > nav {
		float: right; 
		width: 0; 
		padding-top: 45px;
		padding-right: 20px;
	}
	h1#logo{
		display: inline-block;
	}

	/* Optional Select Menu 
	#tablet-nav-pro  nav ul { display: none;  }  
	#tablet-nav-pro  nav select option { background:#fff; color:#888;}
	#tablet-nav-pro  nav select { text-transform:none; display:block;  margin-left:8px; margin-right:8px; width:280px; min-width: 150px; max-width: 100%; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
	background-color:#FAFAFA;
	background:#FAFAFA url(../images/select-arrow.png) center right no-repeat;
	font-size:13px;
	border: 1px solid #aaaaaa;
	color: #555555;
	padding:7px 5px 7px 10px;
	}
	*/

	body, footer {font-size:13px;}

	.footer-highlight a.ls-sc-button.fiziko-footer-button {margin: 30px;}

	.meta-progression .meta-container {width: 100%;}

	body #main .width-container #respond input#submit, body #main a.button, 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 #single-product-pro a.button, body #single-product-pro button.single_add_to_cart_button, body #single-product-pro input.button, body.woocommerce-cart #single-product-pro input.button.checkout-button, body #single-product-pro button.button, body a.progression-button, body input.wpcf7-submit, body input#submit, body a.ls-sc-button.default {
		margin: 30px 0px 6px 0px;
		padding: 13px 15px;
		font-size: 14px;
	}

	.contact-image {display: none;}
	.form-progression {float: none;max-width: 80%;padding: 90px 0;margin: 0 auto;}
	span.posted-meta-pro {margin-top: -4px;}
	h2.blog-title {max-width: 65%;}
	.featured-media-overlay .trainer-name {font-size: 16px;}
	.featured-media-overlay .trainer-dsc {font-size: 13px;}	
	#trainers-filter {min-height: 500px;}
	.isotope-title-index {font-size: 16px;}
	.isotope-price-index {font-size: 15px; margin-top: 5px;}
	.isotope-index-text ul {display: none;}
	body ul.trainer-class-schedule .sessions-day.grid2column-progression {	width: 50%;}
	body ul.trainer-class-schedule .sessions-price.grid2column-progression {width: 25%; float: left; margin-left: 15px;}
	body ul.trainer-class-schedule li .sessions-price {font-size: 16px;}
	.difficulty-wrapper {width: 175px;}	
	.sessions-class-single .class-price-pro {float: none;}
	.author-avatar-pro img {max-width: 55px; margin-right: 15px;}
	#sidebar .author-avatar-pro img {	margin: 15px 50px 20px 10px; float: none; max-width: 85px;}
	#sidebar .author-meta-pro, #sidebar .category-meta-pro {float: none;}
	.single-class-read {	margin-top: -3px;}
	#sidebar .single-class-read {margin-top: -50px;}
	#about-classes .class-name {font-size: 15px;}
	.training-posts-about-img img { margin: -97px 0px -90px -120px; position: absolute;}
	#about-trainers-filter {min-height: 336px;}
	.training-posts-img {display: none;}
	.training-slider {width: 90%; margin: 0 auto;}
	#trainer-slider-wrapper { margin-left: 0;}
	.flexslider.training-slider-pro {float: none; width: 100%;}
	.trainers-content-index .grid2column-progression {width: 100%; margin: 0; text-align: center;}
	#training-posts-home .fiziko-slider-pro .flex-control-nav {position: relative; margin: 0; padding: 10px 0 70px 0;}
	.training-slider h2.home-widget {margin: 0;}
	.home-widget-caption {padding: 15px 0;}
	.trainers-content-index {padding: 20px 18px;}
	.trainers-sep {margin: 0 -18px;}
	.footer-highlight {padding: 99px 0;}
	.footer-highlight h2 {float:none; margin:30px 0px;}
	.footer-highlight a.ls-sc-button.fiziko-footer-button {width: 70%; float: none; margin: 15px auto 0 auto; padding: 10px 20px;}
	#wp-calendar {  min-width: 150px;}
	#sidebar ul li ul.sub-menu li { margin-left: 0px; }
	.flex-control-nav {bottom: 10px;}
	#page-title h1 { font-size:56px;}
	h1 {font-size:36px; }
	h2 {font-size:26px; }
	.footer-highlight h2  {font-size:28px;}
	h3 {font-size:24px; }
	body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro 
	{font-size:21px;}
	h4 {font-size:21px; }
	h5 {font-size:18px; }
	h6 {font-size:16px; }


	.home-child-image-pro {
		margin-bottom:35px;
		height: 98px;
		overflow: hidden;
	}

	.transify{
		background-color: rgb(255, 65, 2);
		background-image: none;
		background-repeat: repeat;
		border-color: rgb(255, 255, 255);
		border-width: 0px;
		border-style: none;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -1;
		width: 100%;
		height: 100%;
		opacity: 0.8;
	}

	.wrapper {
		text-align: center;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	/*.tp-mask-wrap {
		text-align: center;
		margin: 0 auto;
		word-break: break-all;
	}*/

	#rev_slider_4_1_wrapper{
		overflow: visible !important;
		height: 475px !important; 
	}

	#rev_slider_4_1{
		height: 475px !important;
	}

	#slide-14-layer-11{
		min-width: 250px !important;
		text-align: left !important;
		margin: 0 auto !important;
		word-break: normal;
	}

	#slide-14-layer-9{
		margin-top: 115px !important;
	}
}
/*
=============================================== 05. #Mobile (Portrait) ===============================================

/* Note: Design for a width of 410px */

 @media (max-width: 768px) {
	
	.claires-container {
	    display: inline-block;
	    cursor: pointer;
	}
	.claires-container #main-nav ul {
		display: none;
	}
	.claires-container.change #main-nav ul {
		display: block;
		position: absolute;
		left: -717px;
		width: 768px;
		top: 22px;
	}
	.sf-menu li{
		float: left;
		background-color: #fff;
		width: 100%;
		text-align: center;
		max-width: 768px;
	}
	.bar1, .bar2, .bar3 {
	    width: 35px;
	    background-color: #ff4102;
	    margin: 6px 0;
	    transition: 0.4s;
	}

	Rotate first bar
	.change .bar1 {
	    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
	    transform: rotate(-45deg) translate(-9px, 6px) ;
	}

	Fade out the second bar
	.change .bar2 {
	    opacity: 0;
	}

	Rotate last bar
	.change .bar3 {
	    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
	    transform: rotate(45deg) translate(-8px, -8px) ;
	}

	body, footer {font-size:13px;}

	

	Default Width
	.width-container, .flex-caption .slider-container, .home-widget .textwidget { width:90%; }

	#fixed-header-pro {position:relative !important;}
	.pro-header-spacing {display:none !important;}
	#content-container-sidebar {width: 100%; float: none; margin-bottom: 35px;}

	Default Grid
	.footer-2-column .widget, .footer-3-column .widget, .footer-4-column .widget,
	#sidebar, #content-container, 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,
	#sidebar, #content-container {
		width:100%; margin-bottom:10px;
	}

	body #main .width-container li.product.column-2, body #main .width-container li.product.column-3, body #main .width-container li.product.column-4, .lt-ie8 body #main .width-container li.product.column-2, .lt-ie8 body #main .width-container li.product.column-3, .lt-ie8 body #main .width-container li.product.column-4 
	{
		margin-left:0px !important;
		margin-right:0px !important;
		width:100% !important;
		margin-bottom:10px;
	}

	.alignright {float: none; margin: 0;}
	#map-progression {height: 250px !important; overflow: hidden;}

	.wpcf7 select, #respond select {
		width: 223px;
	}

	div#pro-home-slider {margin-top: 0px;}
	.home-widget-caption {font-size: 14px; text-align: center; padding: 15px 0;}
	.training-posts-img {display: none;}
	.training-slider {width: 90%; margin: 0 auto;}
	#trainer-slider-wrapper { margin-left: 0;}
	.flexslider.training-slider-pro {float: none; width: 100%;}
	.trainers-content-index .grid2column-progression {width: 100%; margin: 0; text-align: center;}
	#training-posts-home h2.home-widget {text-align: center; margin-left: 0;}
	.training-slider .training-columns {padding: 30px 5%; height: auto; width: 90%;float: none;}
	.training-posts-about-img {display: none;}
	.about-training-slider-wrapper {width: 90%; float: none; margin: 0 auto;}
	.testimonial-img img {float: none; max-width: 130px; margin: 0 auto;}
	.testimonial-text {padding-left: 0; font-size: 15px; text-align: center;}
	.testimonial-author {padding-left: 0; text-align: center;}
	#filters .btn {margin-bottom: 4px;}
	.isotope-item {width: 100%;}
	.isotope-index-text ul li {line-height: 1; font-size: 12px;}
	.isotope-price-index {font-size: 16px; margin-top: 8px;}
	.isotope-button-index.ls-sc-button {margin-top: 10px; margin-bottom: 0;}
	.isotope-title-index {font-size: 17px;}
	.counter-fiziko h2.counter {margin-top: 20px; font-size: 40px; margin-bottom: 0px;}
	#about-counter .description {margin-bottom: 35px;}
	.class-archive-name {float: none;}
	.sidebar-class-schedule {float: none; text-align: center;}
	.class-archive-meta {float: none; text-align: center; margin-bottom: 15px;}
	.class-archive-name h3 {text-align: center; padding: 30px 0;}
	.difficulty-wrapper {width: 100%;}
	body ul.trainer-class-schedule .sessions-day.grid2column-progression {width: 60%;}
	body ul.trainer-class-schedule .sessions-price.grid2column-progression {width: 25%; float: left; margin-left: 5%;}
	#sidebar {padding-bottom: 45px;}
	.featured-blog-progression a.post-featured-image img, .featured-blog-progression .flexslider {float: none; max-width: 100%; margin: 0;}
	.entry-content {float: none; width: 100%; max-width: 100%;}
	h2.blog-title {float: none; max-width: 100%; margin-top: 25px;}
	.posted-meta-pro {float: left; margin-bottom: 25px;}
	.meta-progression .meta-container {float: none; width: 100%;}
	.meta-progression .meta-button-container {float: none; margin-top: 25px;}
	body .meta-progression a.blog-button.ls-sc-button.default {float: none; width: 100%;}
	#page-title.page-title-blog h1 {float: none; max-width: 100%; font-size: 35px;}
	.page-title-meta {width: 100%; float: none; padding: 0;}
	.address-title {font-size: 25px;}
	.address-details {font-size: 19px;}
	.contact-info {margin-bottom: 35px;}
	.contact-image {display: none;}
	.form-progression {float: none; width: 85%; margin: 0 auto; padding: 90px 0; max-width: 85%}
	body .content-boxed-fiziko {margin-bottom: 35px;}
	.fiziko-slider-pro .flex-control-nav {position: relative; margin: 0; padding: 10px 0 70px 0;}
	.training-slider h2.home-widget {margin: 0;}
	#training-posts-about .home-widget-caption {text-align: left;}
	.footer-highlight {padding: 103px 0;}
	.footer-highlight h2 {float:none; margin:30px 0px;}
	.footer-highlight a.ls-sc-button.fiziko-footer-button {width: 95%; float: none; margin: 15px auto 0 auto; padding: 10px 15px; font-size: 14px;}
	.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {  float: none;  max-width: 100%; margin: 0; }
	.class-archive-name h3 {font-size: 32px; margin-top: -15px;}
	.page-title-blog .posted-meta-pro {margin-top: 15px;}
	#filters .btn { padding: 8px 14px; }

	/*Select Menu */
	body header #tablet-nav-pro nav select  {margin-top:0px;}
	h1#logo {float:none !important; padding:0px; margin:0 auto; text-align:center;}
	nav {float:none;  margin:0 auto 15px auto;  background:none;}
	header .social-ico {
		float:none;
		margin:0 auto 10px auto;
		text-align:center;
	}
	nav ul { display: none;  }  
	/*nav select option { background:#fff; color:#888;}
	nav select { text-transform:none; display:block;  margin-left:auto; margin-right:auto; width:300px; min-width: 150px; max-width: 100%; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
	background-color:#FAFAFA;
	background:#FAFAFA url(../images/select-arrow.png) center right no-repeat;
	font-size:13px;
	border: 1px solid #aaaaaa;
	color: #555555;
	padding:7px 5px 7px 10px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	}*/


	footer #copyright {
		float:none;
		text-align:center;
	}
	#widget-area .widget {
		padding:32px 0px 25px 0px;
	}
	#widget-area .widget .grid2column-progression {
		width:48%;
		float:left;
	}




	.footer-social-icons {float: none;}

	#widget-area #mc_embed_signup input {padding: 15px 5%;}

	.footer-highlight .summary-text-pro {
		float:none;
	}

	.footer-highlight #mc_embed_signup {
		height:auto;
		margin:10px auto 0px auto;
		top:0px;
		float:none;
	}

	/*BLOG Adjustments*/
	.commentlist {width:95%; left:-10px;}
	.commentlist .children li.comment .comment-meta {margin-left:0px;}
	.commentlist .avatar, .commentlist > li:before {display:none;}
	.commentlist .avatar {display:none;}

	/*WOOCOMMERCE*/
	.product-remove {display:none;}
	#single-product-pro .entry-summary { padding:0px; background:none; }
	body.woocommerce .commentlist {left:0px;}
	.comment-text {
		width:90% !important;
		margin:0px !important;
		margin-left:-10px !important;
	}

	.portfolio-index-text.video-portfolio-pro {
		position:relative;
	}
	img.filler-pro {display:none;}
	.video-pro-portfolio {height:auto; margin:0px;}

	.woocommerce table.cart {
		font-size:10px;
	}

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

	.wpcf7 input, #respond input {width:185px;}
	.wpcf7 textarea, #respond textarea {width:185px; }




	#page-title h1 { font-size:44px;}
	h1 {font-size:34px; }
	h2 {font-size:24px; }
	.footer-highlight h2  {font-size:20px;}
	h3 {font-size:22px; }
	body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro 
	{font-size:20px;}
	h4 {font-size:20px; }
	h5 {font-size:17px; }
	h6 {font-size:14px; }

	.fc-widget-content, .fc-day-grid-container, .fc-day-grid {
		min-height:315px;
	}

	.home-child-image-pro {
		margin-bottom:35px;
		height: 200px;
		overflow: hidden;
	}

	.ls-sc-box.alignleft{
		width: 100% !important;
	}

	.ls-sc-grid_6 {
		width: 100%;
		clear: both;
	}

	.transify{
		height: 100%;
	}

	#slide-13-layer-2{
		font-size: 9px;
		line-height: 9px;
	}

}  

@media all and (max-width: 620px) {
	.grid2column-progression .contact-info img,
	.page-template-page-contact .grid2column-progression.contact-info img {
		width: 125px;
	}

	h2.contact-detail {
		font-size: 18px;
	}
}

@media all and (max-width: 420px) {

	body #logo, body #logo img {
		width: 200px !important;
		display: inline-block;
	}
	.width-container > nav{
		float: right;
		width: 0;
		padding-top: 23px;
		padding-right: 40px;
	}
	
	.posrel {
		height: 500px;		
	}

	/*.claires-container {
        margin-top: -17px;
	}*/

	.wrapper {
		max-width: 300px; 
	}

	.tp-mask-wrap {
		text-align: center;
		margin: 0 auto;
		word-break: break-all;
	}
	/*.sf-menu li{
		float: left;
		background-color: #fff;
		width: 100%;
		text-align: center;
		max-width: 400px;
	}*/
	.claires-container {
	    display: inline-block;
	    cursor: pointer;
	}
	.claires-container #main-nav ul {
		display: none;
	}
	.claires-container.change #main-nav ul {
		display: block;
		position: absolute;
		left: -28em;
		width: 32.5em;
		top: 22px;
	}
	.sf-menu li{
		float: left;
		background-color: #fff;
		width: 100%;
		text-align: center;
		max-width: 768px; 
	}
	.bar1, .bar2, .bar3 {
	    width: 35px;
	    background-color: #ff4102;
	    margin: 6px 0;
	    transition: 0.4s;
	}

	Rotate first bar
	.change .bar1 {
	    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
	    transform: rotate(-45deg) translate(-9px, 6px) ;
	}

	Fade out the second bar
	.change .bar2 {
	    opacity: 0;
	}

	Rotate last bar
	.change .bar3 {
	    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
	    transform: rotate(45deg) translate(-8px, -8px) ;
	}

	#slide-14-layer-11{
		min-width: 230px !important;
		font-size: 15px !important;
	}	
	
	.grid2column-progression .contact-info img,
	.page-template-page-contact .grid2column-progression.contact-info img {
		width: 100px;
	}

	h2.contact-detail {
		font-size: 15px;
	}

}