/* This stylesheet contains CSS that governs the behaviour of the website at various screen widths */
	
	
	
	/*	Resets	*/
	
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
			
	article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}
			
	a img{border:0}
	
	figure{position:relative}
	
	figure img{width:100%}
	
	
	/*	Typography presets	*/
	
	.gigantic {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 0px;
	}
	
	h1, h2, h3, h4, h5, h6 { 
	font-weight: 400; 
	}
	
	.huge,
	h1 {
	font-size: 32px;
	line-height: 42px;
	letter-spacing: 0px;
	}
	
	.large,
	h2
	{
	font-size: 24px;
	line-height: 32px;
	}
	
	.big,
	h3
	{
	font-size: 22px;
	line-height: 28px;
	}
	
	h4 {
	font-size: 20px;
	line-height: 28px;
	}
	
	h5 {
	font-size: 18px;
	line-height: 26px;
	}
	
	h6 {
	font-size: 16px;
	line-height: 22px;
	}
		
	pre {
	white-space: normal;
	margin-bottom: 10px;
	}
	
	address {
	margin-bottom: 10px;
	}
	
	#content #comments .vcard img {
	height: 40px;
	width: 40px;
	}
	
	.comment-content {
	margin: 10px 0 0 0;
	}
		
	#mobilemenu {
	display: none;	
	}
	
	.orbit-wrapper .orbit-caption {
	font-size: 14px;
	}
	
	.small {
	font-size: 13px;
	line-height: 18px;
	}
	
	abbr,
	acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
	}
	
	address,
	cite,
	em,
	i{
	font-style: italic;
	}
	
	a {
	text-decoration: none;
	outline: none;
	}
	
	a:active,
	a:focus {
	text-decoration: underline;
	}
	
	.container {
	padding: 0;
	margin: 0 auto;
	max-width: 1080px;
	}
	
	#boxed-wrap {
	padding: 0;
	margin: 0 auto;
	}
	
	#filters {
	display: block;	
	}
	
	#filter-mobile {
	display: none;	
	}
	
	#icons-mobile {
	display:none; 
	}	
	
	#header-spacer {
	padding-top: 120px;	
	}
	
	.su-column img,
	#header-right img,
	.custom-html img {
	max-width: 100% !important;
	}
	
	#content {
	width: 100%; 
	float: left;
	margin: 0;
	}
	
	#sidebar {
	width: 30%; 
	float: right;
	margin: 0;
	padding: 0px;
	overflow: hidden;
	}
	
	#sidebar .widget-area {
	margin-bottom: 15px;
	}
		
	#footer .widget-footer {
	float: left;
	}	
	
	h1 {
	font-size: 32px;
	}
	
	.depth-2 .comment-wrapper {
	padding-left: 63px;
	}
	
	.depth-3 .comment-wrapper {
	padding-left: 126px;
	}
	
	.depth-4 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-5 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-6 .comment-wrapper {
	padding-left: 315px;
	}
	
	.depth-7 .comment-wrapper {
	padding-left: 378px;
	}
	
	.depth-8 .comment-wrapper {
	padding-left: 441px;
	}
	
	.depth-9 .comment-wrapper {
	padding-left: 504px;
	}
	
	.depth-10 .comment-wrapper {
	padding-left: 567px;
	}
	
	.single-project .featured-thumbnail img, 
	.page-template-page_full-width-php .container #content img {
	height: auto;
	max-width: 100%;
	}
	
	#content .su-frame-shell a img {
	margin: 0;
	border: none;
	}
	
	.su-jcarousel {
	height: auto;
	max-width: 100%;
	}
	
	#social-mobile {
	display: none;	
	}
	
	#mobile-menu-sign {
	display: none;	
	}
	
	.reactive-overlay {
	width: 50%;	
	}
	
	#header #top-sliding-button {
	position: relative;
	float: right;
	margin-left: 20px;
	margin-bottom: -30px;	
	}
		
		
	/* Tablet ********************************************************************************************************************************************/
	
	@media only screen and (max-width: 1120px) and (min-width: 767px) {
		
	#iconmenu {
	display: none !important;	
	}
	
	#filters,
	#icons-mobile {
	display: block;	
	}
	
	#filter-mobile {
	display: none;	
	}
	
	.portfolio-filter {
	float: left;	
	}
	 
	#nav-primary ul li { 
	padding: 0 24px 0 0;
	}
			
	.container {
	padding: 0;
	margin: 0 20px;
	}
	
	#nav-wrap-right {
	float: left;
	width: 100%;
	margin-top: 20px;
	}
		
	.su-gmap {
	height: auto !important;
	width: 100% !important;	
	}
			
	#sidebar .widget-area {
	margin-bottom: 16px;
	}
	
	.page-template-page_contacts-php #main .container .maps {
	height: 190px;
	}
	
	.depth-2 .comment-wrapper {
	padding-left: 63px;
	}
	
	.depth-3 .comment-wrapper {
	padding-left: 126px;
	}
	
	.depth-4 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-5 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-6 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-7 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-8 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-9 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-10 .comment-wrapper {
	padding-left: 252px;
	}
	
	#footer .widget-footer {
	float: left;
	}
	
	#content .su-frame-shell a img {
	margin: 0;
	border: none;
	}
			
	.container {
	padding: 0;
	margin: 0 20px !important;
	}
	
	#header #header-box {
	display: block !important;	
	}
	
	#main-header .smallheader {
	height: 150px !important;
	}
	
	#main-header #header {
	position: static !important;
	padding: 0 !important;
	margin-top: 0 !important;
	}
	
	#header-primary {
	padding: 40px 0 0 0 !important;	
	}
	
	#header-spacer {
	display: none;	
	}
	
	.single-project #main-body, 
	.single-post #main-body, 
	.blog #main-body {
	padding-top: 40px !important;
	}
	
	#main-header #header {
	height: auto !important;	
	}
		
	#header-spacer {
	padding-top: 0;	
	}
	
	.smallheader {
	border-bottom: none !important;	
	}
	
	#social-top {
	display: block !important;
	text-align: left !important;
	}
	
	#header-box {
	width: auto !important;	
	}
	
	#nav-wrap{
	display: block !important;
	text-align: left !important;
	margin-top: 35px;	
	float: left;
	width: auto !important;
	margin-left: 0 !important;
	}
	
	#logo {
	padding: 0 !important;	
	}
	
	#header #top-sliding-button {
	position: relative;
	float: right;
	margin-left: 20px;
	margin-bottom: -30px;	
	}
	
	.single-product .woocommerce-tabs {
	float: left !important;
	width: 100% !important;
	}
	
	#wc-wrap {
	float: left;
	display: block !important;
	text-align: left !important;
	margin-top: 35px;	
	width: auto !important;
	margin-left: 30px !important;
	}
			
	}	
	
	
	
	
	/* Smartphone ********************************************************************************************************************************************/
	
	@media only screen and (max-width: 767px) {
		
	#icons-mobile { 
	display:block; 
	clear: both; 
	}
	
	.portfolio-filter {
	float: left;	
	}
	
	.post-size-large {
	font-size: 20px !important;	
	line-height: 30px !important;
	}
	
	.iso-masonry .post-size-large .post-wrapper .post-content {
	padding: 22px 25px !important;
	}
	
	#header #filters {
	float: none;	
	}
	
	#header #header-box {
	background-color: transparent !important;	
	}
	
	#header-spacer {
	display: none;	
	}
	
	#logo {
	padding: 0 !important;	
	}
	
	.single-project #main-body, 
	.single-post #main-body, 
	.blog #main-body {
	padding-top: 0px !important;
	}
	
	#nav-primary {
	display: none;	
	}
	
	#mobilemenu {
	margin-top: 20px;
	}
	
	#mobilemenu li {
	list-style-type: none;
	text-transform: uppercase;
	}
	
	#mobilemenu li a {
	border-bottom: none;
	padding: 14px 10px;
	display: block;	
	margin-right: -10px;
	margin-left: -10px;
	border-top: 1px solid #ccc;
	}
	
	#mobilemenu li a:active,
	#mobilemenu li a:hover,
	#mobilemenu li.current-menu-item > a {
	background-color: #cccccc;	
	}
	
	#mobilemenu ul ul a {
	padding-left: 30px;	
	}
	
	#mobilemenu ul ul ul a {
	padding-left: 60px;	
	}
	
	#header-secondary {
	display: none;	
	}
	
	#main-header #header .smallheader,
	#main-header #header-primary {
	height: auto !important;	
	}
	
	#social-top {
	float: none !important;
	text-align: center;
	}
	
	.page-large-text .page-title h2 a,
	.page-template-page_large-text-php .page-heading h1 a {
	font-size: 30px;	
	line-height: 40px;
	}
	
	#header-box .searchform {
	float: left !important;
	margin: 0 40px 0 0 !important;	
	}
	
	#filters {
	display: none;	
	}
	
	#filter-mobile {
	display: block;	
	}
	
	#social-mobile {
	display: block;	
	}
			
	.single-project #respond {
	padding: 20px 0 !important;	
	}
			
	.page-template-page_full-width-php .page-content,
	.page-template-page_full-width-php .post-edit {
	width: 100%;	
	}
	
	.post-layout-full-width #respond, 
	.page-template-page_full-width-php #respond {
	width: 100% !important;
	}
	
	#content .format-quote .post-quote h2,
	#content .format-link .post-link h2 a {
	font-size: 20px !important;	
	}
		
	#main-body, 
	#footer {
	margin: 0;
	}
		
	.su-gmap {
	height: auto !important;
	width: 100% !important;	
	}
	
	#title {
	height: 60px !important;
	}
	
	body #main-body #content {
	width: 100% !important;
	}
	
	.container .container {
	margin: 0 !important;	
	}
	
	.blog #content, 
	.page-portfolio #content {
	padding: 0;	
	}
	
	#sidebar {
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
	border-top: 3px solid;
	}
	
	#footer .widget-footer {
	width: 100%;
	margin-left: 0 !important;	
	}
	
	#logo-wrap {
	display: block !important;
	float: none !important;	
	}
	
	#logo {
	display: block !important;
	}
				
	#main-body .su-tabs-style-3 .su-tabs-nav {
	width: auto !important;
	float: none !important;	
	}
	
	#main-body .su-tabs-style-3 .su-tabs-panes {
	margin-left: 0px !important;
	margin-top: 20px !important;	
	}
	
	.gigantic {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -2px;
	}
	
	.blog .post-header h2 a {
	font-size: 24px !important;	
	}
	
	.huge,
	h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
	}
	
	.large,
	h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	}
	
	.big, h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	}
	
	h4 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	}
	
	h5 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	}
	
	h6 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	}
	
	.normal,
	body  {
	font-size: 14px !important;
	line-height: 18px;
	}
	
	.small {
	font-size: 11px;
	line-height: 16px;
	}
	
	.depth-5 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-6 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-7 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-8 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-9 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-10 .comment-wrapper {
	padding-left: 189px;
	}
	
	#content #portfolio-list a img {
	margin-bottom: 4px !important;
	}
				
	#error-text,
	#error-archives {
	float: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	}
		
	#content .format-quote .post-quote h2 {
	font-size: 22px; 	
	}
		
	#footer-widget-area {
	margin-left: 0 !important;	
	}
	
	#footer .widget-footer {
	margin-left: 0 !important;
	width: 100%;	
	}
	
	#portfolio-list-wrapper {
	margin: 0;	
	width: 100%;
	}
	
	#container-footer {
	padding: 30px 0;	
	}
			
	.container {
	padding: 0;
	margin: 0 20px !important;
	}
	
	#header #header-box {
	display: block !important;	
	}
	
	#main-header .smallheader {
	height: 150px !important;
	}
	
	#main-header #header {
	position: static !important;
	border-bottom: none !important;
	}
	
	#header-primary {
	padding: 40px 0 20px 0 !important;	
	}
	
	#main-header #header {
	height: auto !important;	
	}
	
	#main-header #header-primary {
	padding: 0;	
	}
	
	#header-spacer {
	padding-top: 0;	
	}
	
	#header #nav-wrap {
	padding: 10px;
	border: 2px solid;
	width: auto !important;
	margin-top: 30px !important;
	display: block !important;
	text-align: left !important;
	margin-bottom: 10px !important;
	float: none !important;
	margin-left: 0 !important;
	}
	
	#nav-primary ul li a {
	border-bottom: none !important;
	padding-top: 10px !important;
	}
	
	#mobile-menu-sign {
	font-size: 30px;
	line-height: 30px;
	display: block;	
	}
	
	#mobile-menu-sign:hover {
	cursor: pointer;	
	}
		
	#nav-primary {
	margin-top: 20px;
	display: none;
	}
	
	#nav-primary .menu-container,
	#nav-primary ul a,
	#nav-primary ul li {
	display: block !important;	
	}
	
	#nav-primary ul li,
	#nav-primary ul li a {
	padding-left: 0;	
	}
	
	#nav-primary ul li a:hover {
	padding-left: 12px;
	background-color: #dddddd;	
	}
	
	#nav-primary ul li a,
	#nav-primary ul li a:hover {
	border: none;
	}
	
	.smallheader {
	border-bottom: none !important;	
	}
	
	.excerpt-container {
	float: left !important;
	margin: 40px 20px 0 20px !important;
	}
	
	.page-excerpt {
	float: none !important;	
	}
	
	.content-container-inner, 
	#post-list {
	width: 100% !important;
	margin-top: 40px !important;	
	float: none !important;
	}
	
	.page-holder .page-content h2, 
	.page-holder .page-content h3, 
	.page-holder .page-content h4, 
	.page-holder .page-content h5, 
	.page-holder .page-content h6, 
	.page-holder #post-list .post-header {
	margin: 20px 0 !important;
	float: none !important;
	max-width: 100% !important;	
	}
	
	.page-title h2, 
	.page-heading h1, 
	.single .post-header h1, 
	#blog-header h1 {
	float: none !important;	
	}
	
	.page-header,
	.page-delimiter {
	margin-bottom: 40px !important;	
	}
	
	#post-list-wrapper {
	padding-top: 0 !important;
	}
	
	.full-link-button {
	float: left !important;	
	}
	
	#main-body {
	margin-top: 0 !important;	
	}
	
	.page-header {
	margin-top: 0 !important;
	}
	
	.page-template-page_blog-posts-php .excerpt-container {
	margin: 0 !important;
	}
	
	.page-template-page_portfolio-php .excerpt-container {
	margin: 0 20px 40px 20px !important;
	}
	
	#header-box {
	width: auto !important;	
	}
	
	.reactive-overlay {
	padding: 20px !important;
	width: 75%;	
	}
	
	.wpb_content_element.leftpadding,
	.wpb_content_element.rightpadding {
	padding-left: 0;
	padding-right: 0;
	}
	
	#footer #footer-widget-area .widget-footer {
	padding-top: 40px !important;
	border-left: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-right: 0;	
	}
	
	#footer .widget-footer:first-child {
	padding-top: 20px;	
	}
	
	#widget-area-top-sliding {
	padding-bottom: 30px;	
	}
	
	#main-header #widget-area-top-sliding .widget-sliding {
	padding-top: 40px !important;
	border-left: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	margin-right: 0 !important;	
	height: auto !important;
	}
	
	#widget-area-top-sliding .widget-sliding:first-child {
	padding-top: 0 !important;	
	}
	
	#header #top-sliding-button {
	float: none !important;
	margin: 0 20px 0 0 !important;
	position: absolute;
	right: 0 !important;
	}
	
	.isotope .format-standard .post-wrapper, 
	.isotope .format-link .post-wrapper, 
	.isotope .format-aside .post-wrapper, 
	.isotope .format-quote .post-wrapper,
	.isotope .format-quote .post-quote {
	font-size: initial !important;
	line-height: initial !important;	
	}
	
	.image-post-overlay-exc {
	display: none !important;	
	}
	
	#content .image-post-overlay-in h4 a {
	font-size: 14px !important;
	line-height: 18px !important;	
	}
	
	body.vc_responsive .wpb_row .wpb_column {
	width: 100% !important;
	float: none !important;
	margin-left: 0 !important;
	margin-bottom: 20px;	
	}
	
	table#wp-calendar {
	display: table !important;	
	}
	
	table#wp-calendar tr {
	display: table-row !important;	
	}
	
	table#wp-calendar td,
	table#wp-calendar th {
	display: table-cell !important;	
	}
	
	table#wp-calendar tbody {
	display: table-row-group;
	}
	
	.single-product .woocommerce-tabs {
	float: none !important;
	width: 100% !important;
	}
	
	.single-product h1 {
	margin-top: 20px !important;	
	}
	
	#wc-wrap {
	float: right !important;
	display: block !important;
	text-align: left !important;
	margin-top: -58px;
	width: auto !important;
	font-size: 22px;
	z-index: 1000;
	padding-right: 14px;
	position: inherit !important;	
	}
	
	.wc-dropdown-cart {
	display: none !important;	
	}
	
	.add_to_cart_button {
	display: block !important;	
	}
	
	.post-type-archive-product .woocommerce-ordering {
	float: left !important;
	width: 100%;
	}
	
	.woocommerce-page table.cart .button {
	float: none !important;
	width: auto !important;
	margin-left: 0 !important;	
	}
	
	.woocommerce-page table.cart input#coupon_code {
	width: 90px !important;
	box-sizing: inherit !important;
	margin-right: 2px;
	}
	
	.woocommerce-checkout #order_review {
	width: 100% !important;	
	}
	
	.wpb_call_to_action.cta_align_right .wpb_call_text, 
	.wpb_call_to_action.cta_align_right .wpb_call_to_action_button_wrap, 
	.wpb_call_to_action.cta_align_left .wpb_call_text, 
	.wpb_call_to_action.cta_align_left .wpb_call_to_action_button_wrap {
	display: block !important;
	text-align: center;
	}
	
	.wpb_call_to_action .wpb_button {
	float: none !important;
	margin-top: 20px !important;	
	}
		
	}
	
	
	
	/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
	-----------------------------------------------    */
	
	@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
	}