@media (max-width: 320px) {
	
	.blog-home.small{
		width:100%;
		height:230px;
	}
	
}

@media (max-width: 767px) {
	
	.container{
		max-width:300px;
	}
	
	.navicon{
		display:block !important;
	}
	
	.hidden-xs,
	.hidden-sm,
	.navigation,
	.navbar .logo small,
	.owl-controls{
		display:none !important;
	}
	
	.rows .cols-third,
	.rows .cols-twothird,
	.rows .cols-quarter,
	.rows .cols-threequarter,
	.rows .cols-half,
	.rows .to100,
	.rows .to50{
		width:100%;
	}
	.rows .to25{
		float:left;
		width:50%;
	}
	.navbar .rows .to50{
		float:left;
		width:50%;
	}
	.comingsoon > .content .rows .to25{
		width:25%;
	}
	
	.logo a,
	.navbar.fixed .logo a{
		margin-left:10px;
	}
	
	.header .owl-home .title,
	.home-title{
		font-size:26px;
		line-height:32px;
		top:40%;
	}
	.header .owl-home .desc,
	.home-desc{
		font-size:16px;
		top:55%;
	}
	.header .owl-item.active .owl-home .btn,
	.home-btn{
		bottom:15%;
	}
	
	h2.section{
		font-size:22px;
	}
	
	.blue h1{
		font-size:26px;
	}
	.blue h3{
		font-size:20px;
	}
	
	.content h1{
		font-size:26px;
		line-height:32px;
	}
	.content h2{
		font-size:22px;
		line-height:28px;
	}
	.content h3{
		font-size:16px;
		line-height:20px;
	}
	
	.blog-home.big{
		width:100%;
		height:230px;
	}
	.blog-home.small{
		width:50%;
		height:250px;
	}
	.blog-home.big .title,
	.blog-home.big .btn,
	.blog-home.small .btn{
		left:15px;
	}
	.blog-home .title{
		left:15px;
		right:15px;
		bottom:15px;
	}
	.blog-home.small img{
		width:auto;
		height:100%;
	}
	.blog-home .title a {
		 line-height: 24px;
		 font-size: 20px;
	}
	.blog-home.small .title a{
		line-height:20px;
		font-size:18px;
	}
	
	
	.post-list .image{
		width:100%;
		height:200px;
		overflow:hidden;
		margin-right:0;
	}
	.post-list .btn{
		position:relative;
		left:0;
	}
	.post-grid{
		height:auto;
	}
	.post-grid .btn{
		position:relative;
		left:auto;
		margin-left:auto;
		bottom:auto;
	}
	
	.form-home{
		width:260px;
		margin: auto;
	}
	
	.header{
		height:440px;
	}
	.header .owl-home{
		height:440px;
	}
	.header .owl-home img{
		position:absolute;
		width:auto;
		height:100%;
	}
	
	.page404-title{
		font-size:96px;
	}
	
	.comingsoon > .content{
		width:300px;
		top:25px;
		margin-left:-150px;
	}
	.comingsoon > .content .clock{
		font-size:13px;
		padding-bottom:0;
	}
	.comingsoon > .content .clock span{
		font-size:28px;
		line-height:36px;
	}
	.comingsoon > .content .form{
		width:250px;
		margin:0 auto 0 auto;
	}
	
	.portfolio-item{
		width:48%;
	}
	.portfolio-item.full{
		width:50%;
		height:200px;
	}
	.portfolio-item.size1{
		width:98%;
		height:250px;
	}
	.portfolio-item.full.size1{
		width:50%;
		height:250px;
	}
	.portfolio-item.full.size1 .overlay{
		font-size:16px;
		padding-top:70px;
	}
	.portfolio-item .overlay,
	.portfolio-item.full .overlay{
		font-size:16px;
		padding-top:50px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	
	.container{
		max-width:748px;
	}
	
	.navicon{
		display:block !important;
	}
	
	.hidden-sm,
	.navigation{
		display:none !important;
	}
	
	.rows .cols-third,
	.rows .cols-twothird,
	.rows .cols-quarter,
	.rows .cols-threequarter,
	.rows .to100{
		width:100%;
	}
	.rows .to50{
		float:left;
		width:50%;
	}
	.rows .to25{
		float:left;
		width:25%;
	}
	
	.logo a,
	.navbar.fixed .logo a{
		margin-left:10px;
	}
	
	.blue h1{
		font-size:26px;
	}
	
	.blog-home.big{
		height:400px;
	}
	.blog-home.small{
		width:50%;
		height:200px;
	}
	.blog-home.big img{
		width:auto;
		height:100%;
	}
	.blog-home.big .title,
	.blog-home.big .btn{
		left:25px;
	}

	.header .owl-home img{
		position:absolute;
		width:auto;
		height:100%;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.container{
		max-width:992px;
	}
	
	.logo{
		text-align:center;
	}
	.footer .logo{
		text-align:left;
	}
	.logo small{
		display:block;
		margin:0;
		padding: 0;
		line-height:15px;
	}
	.navbar.fixed .logo a{
		display:block;
		margin:-8px auto 0 auto;
	}
	
	.navigation ul a{
		padding:0 13px;
	}
	
	.blog-home img{
		width:auto;
		height:100%;
	}
	
	.post-list .title,
	.post-grid .title{
		 font-size: 20px;
		 line-height: 26px;
	}
	
	.blue h1{
		font-size:32px;
	}
	
	
}