@media screen and (max-width: 1240px){
	.prev_promo, .next_promo{
		background-size: 20% auto;
	}
	.prev_promo{
		left:-28px;
	}
	.next_promo{
		right: -28px;
	}
	/*.home .slideshow{
		margin-left: 20px;
		width: calc(100% - 40px);
	}*/
}

@media screen and (max-width: 1200px){
	.content{
		padding:20px 5px;
	}
}

@media screen and (max-width: 767px){
	.two_column{
		-webkit-column-count: 1;
	    -moz-column-count: 1; 
	    column-count: 1;
	}
	.header, .logo{
		height: 60px;
	}
	.logo{
		background-size: auto 50px;
	}
	.mobile_menu{
		display: block;
		margin-top: 20px;
	}
	.header_links{
		position: fixed;
		top:60px;
		left:0px;
		padding-top: 10px;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 20;
		display: none;
	}
	.top_nav{
		clear: both;
		width: 100%;
		line-height: 40px;
	}
	.top_nav ul{
		position: static;
		display: block;
		background: transparent;
	}
	.header_links a{
		float: left;
		width: 100%;
	}
	.content{
		margin-top: 50px;
	}
	.foot_half{
		clear: both;
		width: 100%;
		text-align: left;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	.slideshow_nav{
		position: relative;
		float: left;
	}
	.slideshow_nav .right{
		/*display: none;*/
	}
	.slide_dot{
		background: rgba(0, 0, 0, 0.5);
	}
	.slide_dot:hover, .dot_active{
		background: rgba(255, 255, 255, 1);
	}
	.slideshow_title{
		font-size: 1em;
		line-height: 1em;
	}
}

@media screen and (max-width: 699px){
	.sub_sm{
		width: 100%;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
}