/* CSS Document */


/* Main menu breakpoint */
@media only screen and (max-width: 1246px) {
	
	.av-main-nav > li > a {
		padding: 0 11px;
		font-size: 18px;
	}
	
	.av-main-nav li:first-child {
		padding-left: 10px;
	}

}


/* Mobile menu breakpoint */
@media only screen and (max-width: 989px) {
	
	

}


/* All screens 1366px and below */
@media only screen 
  and (max-width: 1366px) {

	.octo-builder-el-0.octo-fullscreen-slider.default-height .octo-slideshow {
		height: 90vh !important; /* assumes laptop screen */
		max-height: 800px;
		min-height: 690px;
	}
	.octo-fullscreen-slider .caption_left .slideshow_caption {
		width: 82%;
	}
	.octo-fullscreen-slider .av_fullscreen .octo-caption-title {
		font-size: 80px;
		line-height: 82px;
		letter-spacing: -2px;
	}

}




/* ----------- Tablets (iPad 1, 2, Mini and Air) ----------- */

/* All screens 1024px and below */
@media only screen 
  and (max-width: 1024px) {

	.html_header_transparency #top .octo-builder-el-0.default-height .slideshow_caption {
    	padding-top: 366px;
	}
	.octo-fullscreen-slider .caption_left .slideshow_caption {
		width: 82%;
	}
	.octo-fullscreen-slider .av_fullscreen .octo-caption-title {
		font-size: 80px;
		line-height: 80px;
	}
	  
	.caption_framed .slideshow_caption .octo-caption-content p {
		font-size: 16px;
		padding: 0;
		line-height: 1.7em;
	}
	  
	  
	  

}




/* All screens 1023px and below */
@media only screen 
  and (max-width: 1023px) {

	#top .av_header_transparency .header_bg {
		background-color: transparent;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.html_header_transparency #top .octo-builder-el-0 .container, .html_header_transparency #top .octo-builder-el-0 .slideshow_caption {
		padding-top: 256px;
	}
	.html_header_transparency #top .octo-builder-el-0.default-height .slideshow_caption {
		padding-top: 230px;
	}
	.octo-fullscreen-slider .av_fullscreen .octo-caption-title {
		font-size: 55px;
		line-height: 55px;
		letter-spacing: -2px;
	}
	.octo-builder-el-0.octo-fullscreen-slider.default-height .octo-slideshow, .octo-builder-el-0.octo-fullscreen-slider .octo-slideshow {
		height: 46vh !important;
		min-height: 464px;
	}
	
	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    	height: 200px;
    	line-height: 200px;
	}
	#top .av_header_transparency .header_bg {
		background-color: transparent !important;
	}
	  
	  
	/* Menu */
	.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
		top: unset;
		bottom: 0;
		height: 48px;
		right: unset;
		width: calc(100% + 16%);
		left: -8%;
		background-color: rgba(183, 110, 0, 0.9);
	}
	.responsive #top #wrap_all .av_header_transparency .main_menu {
		top: calc(46vh - 48px);
		bottom: unset;
	}
	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a {
		height: 48px;
		line-height: 44px;
	}
	  
	
	/* Fullwidth Slider */
	#top .scroll-down-link {
		display: none;
	}
	  
	.octo-slide-wrap.small {
		height: 440px;
	}
	.octo-slide-wrap.large {
		height: 750px;
	}
	.responsive #top .slideshow_caption {
		padding: 72px 30px 72px 30px;
	}
	.octo-fullwidth-slider .large .slideshow_caption {
		padding: 98px 30px 0;
	}



}

/* fix for the menu position on shallow screens */
@media only screen and (max-width: 1023px) and (max-height: 1010px) {
	.responsive #top #wrap_all .av_header_transparency .main_menu {
		top: calc(464px - 48px);
		bottom: unset;
	}
}

@media only screen and (max-height: 600px) {
	.html_header_transparency #top .octo-builder-el-0 .container, .html_header_transparency #top .octo-builder-el-0 .slideshow_caption {
		padding-top: 256px;
	}
}



/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

}


/* ----------- Phones ----------- */

/* All screens below 768px */
@media only screen and (max-width: 767px) {

	h1 { font-size: 28px; line-height: 1.1em; margin-bottom: 14px;}
	h2 { font-size: 26px; line-height: 1.1em; margin-bottom: 10px; }
	h3 { font-size: 24px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
	h4 { font-size: 21px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
	h5 { font-size: 19px; line-height: 1.1em; }						/*17*/
	h6 { font-size: 16px; line-height: 1.1em; }
	
	body, body .octo-tooltip {
    	font-size: 16px;
	}
	.octo_textblock {
    	line-height: 28px;
	}
	.octo_textblock.intro p:first-of-type {
		font-size: 23px;
	}
	
	/* Header */
	#header.sticky {
		padding-bottom: 0 !important;
	}
	.responsive #header_main .container {
		height: 220px !important;
	}
	.responsive #top .logo {
		height: 140px !important;
		width: 100%;
	}
	.responsive .logo img {
		max-height: 140px;
	}
	#top .av_header_transparency .header_bg {
		opacity: 1;
		filter: alpha(opacity=1);
		background-size: cover !important;
	}
	
	.header-menu {
		display: none;
	}
	
	/* Menu */
	.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
		top: unset;
		height: 48px;
		right: unset;
		bottom: 0;
		width: calc(100% + 18%);
		left: -9%;
		background-color: rgba(183, 110, 0, 0.9);
	}
	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a {
		line-height: 44px;
	}
	
	/* Basic Layout */
	#top .title_container .container {
		padding-top: 30px;
	}
	.content, .sidebar {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.breadcrumb_wrap {
		margin-bottom: 30px;
	}
	.octo_textblock {
		margin-bottom: 30px;
	}
	.responsive #top #wrap_all .entry-content-wrapper .flex_column {
		margin-bottom: 0;
	}
	
	/* Post */
	.entry-content-wrapper .post-title {
		font-size: 40px;
	}
	#top .related_entries_container .no_margin.av_one_half {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.related_posts .related_image {
		padding-top: 66%;
	}
	
	
	/* Content Slider */
	.octo-content-slider .slide-entry-wrap {
		margin-bottom: 0;
	}
	.responsive #top #wrap_all .slide-entry {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px !important;
	}
	.slide-entry.image-left .slide-image {
		width: 100%;
		margin-right: 0;
	}
	.slide-entry.image-left .slide-content {
		width: 100%;
	}
	.slide-entry.image-left.av_fullwidth .slide-image {
		width: 100%;
		margin-right: 0;
	}
	.slide-entry.image-left.av_fullwidth .slide-content {
		width: 100%;
	}
	.octo-content-slider .slide-entry-title {
		font-size: 24px;
	}
	.octo-content-slider .products .slide-meta-price {
		font-size: 21px;
	}
	
	/* Fullwidth Slider */
	.responsive #top .octo-fullscreen-slider .slideshow_caption h2 {
		font-size: 60px !important;
		line-height: 60px;
		letter-spacing: -2px;
	}
	.html_header_transparency #top .octo-builder-el-0.default-height .slideshow_caption {
		padding-top: 90px;
	}
	
	/* Key Content Panel */
	.av_keycontent_wrap .octo-key-image {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.av_keycontent_wrap .octo-key-content {
		width: 100%;
	}
	
	/* Fullwidth Slider */
	.responsive #top .slideshow_caption {
		padding: 72px 15px 0;
	}
	
	/* Promo Box */
	.av_promobox {
		display: block;
	}
	.av_promobox .octo-promoimage {
		width: 100%;
		padding-top: 60%;
	}
	.av_promobox .octo-promocontent {
		width: 100%;
		margin: 0;
		padding: 30px;
	}
	.responsive .av_promobox .octo-button, .responsive .av_promobox .octo-button-wrap {
		width: auto;
	}
	
	/* Testimonial Slider */
	.testimonial-quote {
		font-size: 25px;
	}
	
	/* Menu Block */
	nav.menu-block ul.menu li {
		font-size: 15px;
		line-height: 20px;
		padding: 8px 0 10px;
	}
	
	/* Posts Carousel */
	.octo-slick button, .octo-slick-carousel button {
		opacity: 0.7;
	}
	
	/* Footer */
	#footer .widget {
		margin: 0;
	}
	#footer .widget .widgettitle {
		margin-top: 0;
	}
	#footer .sub_menu_socket {
		margin: 30px 0 0 0;
		float: left;
	}
	#footer .menu {
		margin: 0;
	}
	#footer .sub_menu_socket li {
		float: none;
		display: block;
		padding: 0;
		border-left: 0;
		line-height: 24px;
	}
	#socket .copyright {
		float: left;
		text-align: left;
	}
	

}


/* All screens below 480px */
@media only screen and (max-width: 479px) {
	
	.octo-builder-el-0.octo-fullscreen-slider .octo-slideshow {
		height: calc(100vh - 80px) !important;
	}
	.html_header_transparency #top .octo-builder-el-0 .slideshow_caption {
		padding-top: 238px;
	}
	
}


/* All screens below 360px */
@media only screen and (max-width: 359px) {
	
	.responsive #top .slideshow_caption h2 {
		padding: 0;
	}
	.responsive #top .octo-fullscreen-slider .slideshow_caption h2 {
		padding: 0;
		font-size: 45px !important;
		line-height: 45px;
		letter-spacing: -2px;
	}
	.html_header_transparency #top .octo-builder-el-0.default-height .slideshow_caption {
		padding-top: 40px;
	}
	#top .octo-slideshow-button.octo-color-light {
		padding: 0 0 7px 0;
		border-bottom: 3px solid #fff;
		font-size: 16px;
	}
	
}






/* Other media queries */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	.av-special-heading {
		float: left;
		margin-bottom: 30px;
	}
}