@media(max-width:1200px){
	.container{
		width: 100%;
		padding: 0 25px;
	}
}


@media(max-width:1040px){



	header a.logo img{
		width: 160px; height: auto;
	}
	a.showmenu{
		display: block;
		position: absolute;
		right: 25px; top: 20px;
		text-align:center;
		color:#000;
		font-size:30px;
		margin:0 0 0 0;
		width: 30px; height: 30px;
		z-index: 9;
	}
	a.hidemenu{
		display: none;
		position: fixed;
		right: 25px; top: 20px;
		text-align:center;
		color:#fff;
		font-size:30px;
		margin:0 0 0 0;
		width: 30px; height: 30px;
		z-index: 11;
	}
	header nav{
		display: none;
		position: fixed;
		width: 100%; height: 100%;
		left: 0; top: 0;
		background: rgba(0,0,0,0.9);
		z-index: 10;
		overflow-y: auto;
		padding: 80px 60px;
	}
	header nav ul{
		display: table;
		width: 200px;
		margin: 0 auto 0 auto;
		float: none;
	}
	header nav ul li{
		float: left;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
		padding-bottom: 40px;
		position: relative;
	}
	header nav ul li:after{
		position: absolute;
		width: 60px; height: 1px;
		background: #666;
		left: 0; right: 0; bottom: 0;
		content: '';
		margin: 0 auto;

	}
	header nav ul li a{
		float: left;
		width: 100%;
		text-align:center;
		color:#fff;
		font-size:16px;
		margin:0 0 0 0;
	}
	/* BREAK */




	.banner{
		padding: 80px 0;
	}
	.banner h1{
		font-size:24px;
		margin:0 0 20px 0;
	}
	.banner p{
		font-size:15px; 
	}
	
}
/* BREAK */


	






@media(max-width:800px){
	.templates{
		gap: 5%;
	}
	.templates .item{
		float: left;
		width: 45%;
		margin-bottom: 60px;
	}
	.templates .item h3{
		font-size:16px;
	}
	.templates .item h4{
		font-size:11px;
		margin:0 0 20px 0;
	}
	.templates .item .btns a.preview{
		font-size:11px; height: 30px; line-height: 30px;
	}
	.templates .item .btns a.buynow{
		font-size:11px; height: 30px; line-height: 30px;
	}
	.templates .item .thumb .price{
		width: 36px; height: 36px; line-height: 36px;
		font-size:13px;
		right: -10px;
		bottom: -10px;
	}
}
/* BREAK */










@media(max-width:400px){
	.templates .item h3{
		font-size:14px;
	}
	.templates .item h4{
		font-size:10px;
		font-weight: normal;
		margin:0 0 20px 0;
	}
	.templates .item .btns a.preview{
		font-size:9px; 
	}
	.templates .item .btns a.buynow{
		font-size:9px;
	}
}