/* =Page Layout on Smaller Screens
----------------------------------------------- */

/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 1040px){
	body {
		-webkit-font-smoothing: antialiased;
		overflow-x: hidden;
	}
	.width-wide .page_wrapper {
		min-width:inherit;
	}
	.width-wide .wrapper, .width-centered .page_wrapper, .home.width-wide .block-wrapper {
		max-width:inherit;
		width:748px;
	}
	
	#access_r {
		width:100%!important;
		background:#f8f8f8;
		height:40px;
		overflow:hidden;
		position:relative;
	}
	#access_r .wrapper {
		width:100%!important;
		padding:0!important;
	}
	#access_r h3 {
		cursor:pointer;
		display:block!important;
		border-radius:3px;
		width:36px;
		height:30px;
		margin:0;
		padding:0;
		overflow:hidden;
		font-size:24px;
		color:inherit;
		line-height:30px;
		position:absolute;
		text-align:center;
		right:10px;
		top:5px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
	}
	#access_r h3 span {
		padding:0;
	}
	#access_r h3:active {
		background-color:#ddd; 
		box-shadow:inset 1px 1px 3px rgba(0,0,0,.1), 1px 1px #fff;
	}
	#access_r ul {
		margin:0;
		padding:0;
	}
	#access_r ul.menu {
		margin-top:40px;
	}
	#access_r ul.sub-menu {
		height:auto!important;
	}
	#access_r ul.menu li a {
		display:block;
		border-top:1px solid #444;
		border-bottom:1px solid #222;
		text-decoration:none;
		background:#333;
	}
	#access_r ul.menu > li > a {
		border-top:1px solid #555;
		background:#444;
		padding:8px 15px;
		color:#fff;
	}
	#access_r ul.menu > li > ul > li a {
		color:#ccc;
		padding:8px 15px 8px 30px;
	}
	#access_r ul.menu > li > ul > li > ul a {
		padding:8px 15px 8px 50px;
	}
	#access_r ul.menu > li > ul > li > ul a:before {
		content:'> ';
	}
	#access_r ul.menu li a:active {
		color:#fff;
		background:#252525;
		box-shadow:inset 0 2px 5px rgba(0,0,0,.2);
		border-top:1px solid #222;
	}
}

/* Landscape phone to portrait tablet */
@media only screen and (max-width:767px) {
	.width-wide .wrapper, .width-centered .page_wrapper, .width-centered .page_wrapper, .home.width-wide .block-wrapper {
		max-width:inherit; 
		width:460px; 
		min-width:inherit;
	}
	.widget, #secondary, #top > div.right, .general-2right #primary, .general-2left #primary, #branding hgroup, .row-fluid article, .row-fluid > li, .postlist li, .cyon-sitemap div, .subpages li {
		width:auto!important;
		float:none!important;
		margin-left:0!important;
		text-align:left;
	}
	.grid article {
		width:50%!important; 
		float:left!important; 
		text-align:center;
	}
	#header-bucket .wrapper div, #header-bucket form, #footer-nav .copyright {
		float:none;
		text-align:left;
		width:auto;
		margin-bottom:10px;
		margin-left:0;
		text-align:left;
	}
	#access2, #access2 ul { 
		text-align:left;
		margin-left:0;
	}
	#access2 ul li {
		padding:0 5px 0 0;
	}
	#primary input[type=text], #primary input[type=email], #primary input[type=phone], #primary textarea, #primary select {
		width:95%!important;
		display:block;
		margin-bottom:5px;
	}
	#primary .cyonform .ui-datepicker-trigger {
		display:none;
	}
	#primary select {
		width:98%!important;
	}
	#respond label {
		float:none;
		display:block;
	}
	#respond .required, .cyonform .required {
		display:none;
	}
	ol.commentlist .children textarea {
		width:95%;
	}
	.postlist li, .subpages li {
		margin-bottom:10px;
	}
	.swiper-container .swiper-caption {
		position:relative;
		left:auto;
		bottom:auto;
		background:none;
		padding:0;
		opacity:1;
		color:inherit;
		margin-top:10px;
	}
	.swiper-container .swiper-caption h3, .swiper-container .swiper-caption p {
		color:inherit; padding:0 10px;
	}
	.swiper-right, .swiper-left {
		display:none;
	}
}

/* Landscape phones and down */
@media only screen and (max-width:480px) {
	.width-wide .wrapper, .width-centered .page_wrapper, .width-wide .page_wrapper, .home.width-wide .block-wrapper {
		width:auto;
	}
	#respond label, .cyonform .field .label, .cyonform .gfield_label, .cyonform .inputs, .cyonform .gform_fields .ginput_container {
		float:none;
		width:100%!important;
	}
	#primary .cyonform .gform_fields .validation_message {
		margin-left:0;
	}
	#primary input[type=text], #primary input[type=email], #primary input[type=phone], #primary textarea, #primary select {
		width:95%!important;
		display:block;
		margin-bottom:5px;
	}
	#primary select {
		width:98%!important;
	}
	.ginput_complex .ginput_left, .ginput_complex .ginput_right {
		float:none;
		margin-right:0;
	}
	.has-icon-list li, .has-icon2x-list li {
		padding:0 0 0 20px;
		float:none!important;
		width:auto!important;
	}
	ol.commentlist .children textarea {
		width:95%;
	}
	.gallery dl {
		float:none;
		width:100%;
		margin:0 0 5px 0;
	}
	.flexslider .flex-caption {
		display:none;
	}
	.blog-list-1 #primary article .entry-featured-image {
		width:auto;
		float:none;
		margin:0;
	}
	.grid .span2 {
		display:none;
	}
	.grid .span10 {
		width:100%;
		margin-left:0;
	}
	.grid .price h2 {
		font-size:130%;
	}
	.grid article header {
		height:auto;
	}
	.grid hgroup h4 {
		display:none;
	}
	.grid article footer, .grid article section > ul li, .grid article header hgroup {
		padding:10px 5px;
	}
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .one_seventh, .one_eighth {
		float:none;
		margin-right:0;
		width:100%;
	}
}