@media(max-width: 1140px){
	.container{
		width: 100%;
		padding: 0 25px;
	}
}



@media(max-width: 900px){
	header{
		position: fixed;
		left: 0; top: 0;
		width: 100%;
		padding: 10px 0;
		background: #ed1f24;
		border-bottom: 1px solid #991316;
		box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
		z-index: 20;
	}
	.headerbox{
		padding: 0 0 0 0;
	}
	header a.logo{
		margin-top: 5px;
	}
	header a.logo{
		float: left;
		width: 100px; height: auto;
	}
	a.showmenu{
		display: block;
		position: absolute;
		right: 11px; top: 11px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 42px; height: 42px; line-height: 42px;
		text-align:center;
		color:#000;
		font-size:24px;
		background: #fff;
	}
	a.hidemenu{
		display: none;
		position: absolute;
		right: 10px; top: 10px;
		width: 42px; height: 42px; line-height: 42px;
		text-align:center;
		color:#fff;
		font-size:24px;
		z-index: 11;
	}
	nav{
		display: none;
		position: fixed;
		width: 100%; height: 100%;
		left: 0; top: 0;
		z-index: 10;
		background: rgba(0,0,0,0.8);
		padding: 100px 40px;
	}
	nav ul{
		float: none;
		display: table;
		width: 180px;
		margin: 0 auto 0 auto;
	}
	nav ul li{
		float: left; width: 100%;
		margin: 0 0 10px 0;
	}
	nav ul li:last-of-type{
		margin-bottom: 0;
	}
	nav ul li a{
		float: left;
		width: 100%;
		text-align: center;
	}
	/* BREAK */





	.banner{
		float: left;
		width: 100%;
		margin: 0 0 0 0;
		padding: 90px 0 0 0;
	}
	.bannerbox{
		padding:25px;
	}
	.bannerbox .text h2{
		font-size:24px;
		margin:0 0 30px 0;
		width: 100%;
	}
	.bannerbox .text p{
		font-size:13px;
	}
	/* BREAK */





	.about .heading h2{
		font-size:24px;
	}
	.about .text h3{
		font-size:18px; line-height: 130%;
	}
	.about .text p{
		font-size:12px; line-height: 130%;
	}
	/* BREAK */




	.services{
		padding: 30px 0;
	}
	.servicesitems .item{
		margin-bottom: 45px;
	}
	.servicesitems .item h3{
		font-size:18px;
		margin:0 0 15px 0;
	}
	.servicesitems .item .thumb{
		margin-bottom: 15px;
	}
	.servicesitems .item p{
		font-size:13px; 
	}
	/* BREAK */






	.gpir{
		margin: 0 0 40px 0;
	}
	.gpirbox{
		padding:25px;
	}
	.gpirbox .text h2{
		font-size:24px;
		margin:0 0 20px 0;
	}
	.gpirbox .text p{
		font-size:12px;
		margin:0 0 20px 0;
	}
	/* BREAK */





	.tbox{
		padding: 50px 20px 50px 20px;
		border-radius:15px; -webkit-border-radius:15px;
	}
	.tbox h2{
		font-size:24px;
		letter-spacing: -1px;
		margin:0 0 15px 0;
	}
	.tbox h3{
		font-size:13px;
	}
	.tsliderwrap{
		margin: 40px 0 40px 0;
	}
	.tbox .thumb{
		float: none;
		width: 90px;
		display: table;
		margin: 0 auto 0 auto;
	}
	.tbox .text{
		float: left;
		width: 100%;
		margin: 20px 0 0 0;
	}
	.tslidecontent{
		padding: 0 60px;
	}
	/* BREAK */




	.contact h2{
		font-size:24px;
	}
	.contact .text p{
		font-size:12px;
	}
	/* BREAK */





	footer{
		float: left;
		width: 100%;
		margin: 0 0 0 0;
		padding: 35px 0;
	}
	.footerbox{
		padding: 40px 0 0 0;
	}
	/* BREAK */
}








@media(max-width: 460px){
	.bannerbox .image{
		width: 100%;
		margin-bottom: 30px;
	}
	.bannerbox .text{
		float: left;
		width: 100%;
	}
	/* BREAK */




	.about .heading h2{
		font-size:21px;
	}
	.about .text h3{
		font-size:16px; line-height: 120%;
	}
	.about .text p{
		font-size:11px; line-height: 120%;
	}
	/* BREAK */





	.servicesitems{
		gap: 6%;
	}
	.servicesitems .item{
		float: left;
		width: 47%;
		margin-bottom: 35px;
	}
	/* BREAK */





	.gpirbox .image{
		width: 100%;
		margin-bottom: 30px;
	}
	.gpirbox .image img{
		aspect-ratio: 4/2;
	}
	.gpirbox .text{
		float: left;
		width: 100%;
	}
	/* BREAK */




	.tbox .text p{
		font-size:11px;
	}
	.arrowleft, .arrowright{
		width: 30px; height: 30px;
		line-height: 30px;
		font-size:18px;
	}
	/* BREAK */





	.contact h2{
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.contact .text{
		float: left;
		width: 100%;
	}
	/* BREAK */






	footer .copyright{
		float: left;
		width: 100%;
		text-align:left;
		font-size:12px;
		margin-bottom: 20px;
	}
	footer .social{
		float: left;
		width: 100%;
		margin:0 0 0 0;
	}
	footer .social a{
		float: left;
		font-size:16px;
		margin: 0 10px 0 0;
	}
}