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

}

@media all and (max-width: 1100px){
	.twpa_header {height:532px}
	
	.menu_wrap {height:564px;width:284px}
	.menu_cont {    height: 540px;    width: 285px;}
	.mc_opts.main {font-size:35px;margin-bottom:0px;margin-top: 20px;}
	.mc_opts.sub {font-size:20px;    padding: 4px 16px;}
	
	.we_grow {
		font-size: 40px;
		line-height: 38px;
		
	}	
	.sidebar-right{
		width: 284px;
	}

	.blog-archive .archive-main-title{
		font-size: 48px;
		line-height: 53px;
		padding: 25px;
	}
	
	.blog-archive .archive-item{
		font-size: 16px;
		padding: 25px;
	}
	
	.blog .entry_content {padding:20px;box-sizing:border-box}
	.blog .entry_content img {width:100% !important}
	
	
	/* wholesalers */
	.page-8 .wrap_text * {
		font-size: 16px;
		line-height: 26px;
	}
	
	
	/* WHAT WE DO */
	.page-6 .wrap_text {
		margin: 0px;
	}
}


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

	.home_bot {
		height: 230px;
	}
	
	/* WHOLESALERS */
	.content_wrap.wholesalers
	/*, .page-8 .content_row */
	{
		display:block;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
	
	/********
	Blog
	*/
	
	.blog article{
		padding: 65px;
	}
	.blog article header{
		margin-bottom: 10px;
	}
	.blog article header .header-text {
		width: 100%;
	}
	
	.blog article header .featured-img {
		margin: 0;
		width: 100%;
	}

	.blog article header .featured-img img {
		width: 100%;
	}
	
	/* PAGES */
	.content_col {
		width: 50%  !important;
	}	
	
	
	
	
}


@media all and (max-width: 850px){
	
	.mt_col {
		display: block !important;
		width: 100% !important;
	}			
	
	.ms_dot, .ms_dot_bg {display:none !important}
	
	.ms_item {margin:25px !important}
	
	.mt_col_wrap {
		width:100% !important;
		background: #fff;
	}
	
	.mt_one {text-align:center}
	.mt_two {text-align:center}
	
	
	.title_banner {

		font-size: 40px !important;
		height:200px !important;
		padding-top:80px !important;
	}
	
	.logo_fade {
		width: 140px;
		height: 185px;
	}
	
	
	/*SPLASH*/
	.content_splash_page .col_left, .content_splash_page .col_right {height:initial; display:block; width:100%}
	.content_splash_page .col_right {margin-top:30px;padding: 50px 0px;}
	.content_splash_page .splash_logo {    padding-top: 50px; }
	.splash_col_wrap {	max-width: 280px; min-width:0px}
	.btn {    font-size: 16px;}
	/*
	.slick-list {max-height: 350px;}
	*/
	
	
	/* OUR ROOTS */
	.mt_text {
		text-align:center !important;
		max-width: 320px;
		margin: auto;
	}
	
}


@media all and (max-width: 760px){
	.blog .content_wrap{
    display: block;
    overflow: hidden;
}
	.blog .content_row{
    overflow: hidden;
    display: block;
    position: relative;
}
	.blog article{
		display: block;
		position: relative;
	}
			.blog article header{
				margin-bottom: 10px;
				display: block;
			}
			.blog article header .header-text {
				width: 100%;
			}				
			.blog article header .featured-img {
				margin: 0;
				width: 100%;
			}
			.blog article header .featured-img img {
				width: 100%;
			}
	article p {   display: inline-block;}
	.sidebar-right{
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
	}
	.sidebar-right .blog-archive{
		display: inline-block;
		text-align: left;
		width:100%;
	}
	.featured-img {
				max-width: 100%;
				margin-right:0px;
			}
	.blog article {
		padding: 30px;
		margin-top:100px;
	}			
	
	
	.staff {
		padding-bottom: 5px;
	}
}

@media all and (max-height: 650px){

	.menu_wrap {
		position:absolute;
	}
	.slide_credit {
		margin-left:-119px;
		left:50%;
		right:initial;
	}
	
	.divider_v {
		display: block !important;
		height: 0px;
		visibility: hidden;
	}
}

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

	/*
	.logo_fade {
		position:absolute;
		left:0px;
		top:15px;
		width:100%;
		height:180px;
		background:url(../gfx/twpa_logo_faded.png) center center no-repeat;
	}
	*/
	
	.twpa_logo {
		top: 0px;	
		left: 50% !important;
		margin-left: -73px;
	}
	
	.arrowdown {
	    left: 0px;
		top:-200px;
	}
	
	.wgtc_home_ver {left:0px;}
	.downarr {display:none}
	
	
	.twpa_header {height:250px;background:#f4d837;max-height:480px;text-align:center;}
	#kenburns {display:none !important}
	
	.menu_wrap {height:586px}
	.menu_cont {height:562px}
	
	
	
	/* HOME PAGE */
	.home_bot {font-size:30px;height:150px}
	.foot_addr {margin:0px !important;}
	.foot_addr {text-align:center !important;margin-bottom:20px !important}
	
	.bg_div { width:100% !important}
	.we_grow.ver {
	    top: 260px;
		right: initial;
		width: 196px;
		height: initial;
		text-align: left;
		display: inline-block;
		margin: auto;
		left: 50%;
		margin-left: -98px;
		font-size: 35px;
	}
	
	.twpa_logo.ver {
		 height: 305px;
		width: 145px;
	}
	
	.banner_veil {width:100%}
	
	
	/* PAGES */
	
	
	body:not(.page-8) .col_img {display:none}
	.mobile-block {display:block !important}
	

	.content_col {
		display: block;
		min-height: 500px;
		vertical-align: top !important;
		width: 100%  !important;
		margin-bottom: 4px;
	}
	
	.with-text {margin-bottom:100px;}
	
	
	
	.content_col.col_img { min-height:200px;}
	
	/* WHOLESALERS */
	.content_wrap.wholesalers
	/*, .page-8 .content_row */
	{
		display:block;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}

	.page-8 .wrap_text * {font-size:16px}
	.page-8 .content_col.col_img.with-text .wrap_text p {
		font-size: 16px;
		line-height:20px;
	}
	.page-8 .wrap_text img {
		max-height:125px;
	}
	
	/* HISTORY */
	.el_modal_cont {
	max-width:100% !important;
	left:0px !important;
	margin-left:0px !important;
	padding: 60px 20px !important;
	}
	
	#hist_title {
		font-size:20px !important;
	}
	
	
	/* BLOG */
	.blog article header .article-title {width:100%;line-height:50px;}
}



@media all and (max-width: 490px){
	.logo_fade {
		top: 10px;
		left: 10px;
	}
	
	.menu_button {
		top: 30px;
	}
}


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

	.menu_wrap {
		position:absolute;
		width:100%;
		height:455px;
	}
	.menu_cont{
		width: 100%;
		left: 2px;
	}

	.mc_opts.main {font-size:30px;margin-bottom:0px;margin-top: 20px;}
	.mc_opts.sub {font-size:18px;padding:0px 15px}
	
	.mc_close {
		
	}
	.home_bot {font-size: 25px;	font-size: 6.5vw;}
	.footer_copy {
		padding:10px;
		font-size:13px;
	}
	.footer_copy .octopix {display:block}
	
	
	.col_cont {    padding: 0px 20px;}
	
	.blog article{
		font-size:16px;
	}
	
	.blog article p {line-height:25px;}
	
	.mt_img {
		width: 100%;
		height: 250px;
		border: 0px;
		box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
	}
	
	.hist_image_src {height:200px;}
	
	
	
	
	#hist_date {
	    font-size: 40px;
    line-height: 40px;
	}
	
}


@media all and (max-width: 401px){
	.page-9 .title_itself {top:30px;}
}