@media (max-width: 1150px) {
	.fix-width{width: 960px;}
	.list-blog{width: 650px;}
	.sidebar{width: 280px;}
	.slider-area .item{padding-top: 150px;padding-bottom: 120px;}
	.list-blog .item .thumbnail{width: 250px;}
	.list-blog .item .content{margin-left: 250px;padding:15px;}
	.list-blog .item a.title{font-size: 20px;}
	.top-pagination a{width: 320px;}	
	.menu-area{text-align: left;padding-left: 5px;}
	.single-content iframe{
		max-height: 366px;
	}
}
@media (max-width: 960px) {
	.fix-width{width: 710px;}
	h1.logo{margin:10px 0;}
	.nav ul li a{font-size: 13px;line-height: 30px;padding:0 10px;}
	.search-form{padding:5px;}
	.slider-area .item h1{font-size: 46px;}
	.og-btn-orange.btn-large{font-size: 18px;padding:10px 15px;}
	.slider-area{margin-bottom: 20px;}
	.list-blog .item{margin-bottom: 20px;}
	.list-blog{width: 100%;float: none;margin-bottom: 20px;}
	.list-blog .item.left-side .thumbnail{
		float: right;
	}
	.list-blog .item.left-side .content {
		margin-left: 0;
		margin-right: 250px;
	}
	.list-blog .item.left-side span.views{
		right: -5px;left: auto;
		padding: 6px 30px 6px 12px;
		background-position: right center;
	}
	.list-blog .item.left-side span.video-hover{
		right: auto;left: 8px;
	}
	.sidebar{float: none;width: 100%;}
	.popular-post .item{width: 25%;}
	.feature-post .item{width: 50%;float: left;}
	.sidebar-item{margin-bottom: 20px;}
	.onego-instagram li:nth-child(n){width: 20%;}
	.search-page a.title{font-size: 16px;font-weight: 600;}
	.single-content iframe{
		max-height: 400px;
	}
}
@media (max-width: 710px) {
	.fix-width{width: auto;padding:0 10px;}
	.show-phone{display: block;}
	.hide-phone{display: none;}
	h1.logo img{width: 280px;}
	.menu-btn {
		position:relative;
		width: 40px;height: 40px;
		background: none;
		border: none;
		cursor: pointer;
		
		float: left;
	}
	.menu-btn span {
		position: absolute;
		height: 4px;width: 30px;background: #fff;
		display: inline-block;
		left: 5px;top:50%;margin-top: -2px;
	}
	
	.menu-btn span:BEFORE {
		position: absolute;
		height: 4px;width: 30px;background: #fff;
		display: inline-block;
		left: 0;
		top:50%;
		margin-top: -2px;
		content: "";
		transform:translateY(10px) rotate(0deg);
		-webkit-transform:translateY(10px) rotate(0deg);
		transition:0.5s all;
		-webkit-transition:0.5s all;
		
	}
	.menu-btn span:after {
		position: absolute;
		height: 4px;width: 30px;background: #fff;
		display: inline-block;
		left: 0;
		top:50%;
		margin-top: -2px;
		content: "";
		transform:translateY(-10px) rotate(0deg);
		-webkit-transform:translateY(-10px) rotate(0deg);
		transition:0.5s all;
		-webkit-transition:0.5s all;
	}
	.menu-btn.open span {background: none;}
	.menu-btn.open span:after{
		transform:translateY(0px) rotate(45deg);
		-webkit-transform:translateY(0px) rotate(45deg);
	}
	.menu-btn.open span:BEFORE{
		transform:translateY(0px) rotate(-45deg);
		-webkit-transform:translateY(0px) rotate(-45deg);
	}
	.menu-responsive{float: none;position: relative;}
	.menu-responsive .nav{
		position: absolute;
		z-index: 100;
		top:100%;
		background: #7DDB97;
		padding:5px;
		visibility: hidden;
		opacity:0;
		transition:0.5s all;
		-webkit-transition:0.5s all;
		transform:translateY(40px);
		-webkit-transform:translateY(40px);
		width: 280px;
		max-width: 100%;
		left: 0;
		text-align: left;
	}
	.nav ul li{float: none;width: 100%;}
	.nav ul li a{display: block;}
	.menu-responsive .nav.open{
		opacity:1;visibility: visible;
		transform:translateY(0);
		-webkit-transform:translateY(0);
	}
	.slider-area .item{padding-top: 45px;padding-bottom: 45px;}
	.slider-area .item h1{font-size: 28px;}
	.og-btn-orange.btn-large{font-size: 13px;}
	.list-blog .item .thumbnail{width: 100%;float: none;}
	.list-blog .item.left-side .thumbnail{float: none;}
	.list-blog .item.left-side .content{margin:0;}
	.list-blog .item .content{margin:0;}
	.top-pagination a{font-size: 13px;width: 46%;line-height: 16px;}
	.sidebar-item h3.widget-title{font-size: 16px;line-height: 24px;}
	.search-page .three-col{width: 50%;}
	.search-page .item.first{padding:5px;}
	.search-page .item.second{padding:5px;}
	.search-page .item.last{padding:5px;}
	.menu-area{padding-left: 0;}
	.single-content iframe{
		max-height: 270px;
		max-width: 480px;
	}
}
@media (max-width: 480px) {
	.three-col{width: 100%;}
	.search-page .three-col{width: 100%;}
	.search-page .item{border-bottom: 1px solid #F0815E;}
	.share-box {
		top:-135px;
		right: -15px;
		padding:0;
	}
	.share-box a{float: none;display: block;}
	.share-box a.face {
	color: #fff;	
	background: #3B5998;
	}
	.share-box a.twit {
		color: #fff;	
		background: #55ACEE;
	}
	.share-box a.google {
		color: #fff;	
		background: #D6492F;
	}
	.em-magic {
  
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    
	}
	.item-recom{width: 50%;}
	.item-recom.first{padding-right: 10px;}
	.item-recom.center{padding-left: 10px;padding-right: 0;}
	.item-recom.last{display: none;}
	.single-content iframe{
		max-height: 170px;
		max-width: 100%;
	}
}