@charset "utf-8";
/* CSS Document */
@media (max-width:1900px) {
	#footerwrapper .right {
		margin: 0 0 0 2%;
	}
}

@media (max-width:1750px) {
	#home .head{
		height:700px;
	}

	#footerwrapper .logo {
		width: 150px;
	}

	#footerwrapper .right li {

		margin: 0 0 0 3%;
	}
}

@media (max-width:1600px) {
	#home h1{
		font-size:80px;
	}
	
	#home h1 .sub{
		font-size:60px;
		letter-spacing:5px;
	}
	
	#home .services h2{
		font-size:40px;
	}

	#footerwrapper .footer .right .sub_menu a{
		font-size:13px;
	}
}

@media (max-width:1450px) {
	#home .head {
		height: 550px;
	}

	#home  .services{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}

	#footerwrapper .info{
		margin:0 0 0 1%;
		letter-spacing:1px;
	}

	#footerwrapper .social{
		font-size:12px;
	}

	#home .service, #home .service.last{
		float:none;
		margin:1%;
		flex:0 0 30%;
	}

	#home .services h3{
		width:100%;
	}

	#home .hide{
		display:block;
		margin:0 auto 50px auto;
		width:230px;
	}

	#home .services .button.all{
		display:none;
	}

	#topwrapper #navwrapper li{
		margin:0 0 0 30px;
	}

	#home .services h2 {
		font-size: 25px;
	}

	#pages.services ul li {

		font-size: 22px;
		margin: 0 0 20px 0;

		padding: 20px 0;
	}


}

@media (max-width:1200px) {
	#home h1{
		font-size:50px!important;
	}
	
	 
	
	.main{width:95%;
	}
	
	#pages.about .left h2 {
		font-size: 40px;
		width:100%;
		line-height: 1;
		text-align: center;
		margin: 0 0 30px 0;
		 
	}
	
	#navwrapper .fa-bars  {
        color: #fff;
        font-size: 18px;
        display: block;
        z-index: 9;
        width: 18px;
        height: 20px;
        padding: 20px;
        background: rgba(4, 30, 40, 0.7);
        position: fixed;
        top: 0!important;
        right: 0!important;
    }
	
	#topwrapper #navwrapper a.tel{
		display:none;
	}
	
	.padding {
    padding: 40px 0;
}
	
	    h1 {
        margin: 15% auto 0 auto;
        font-size: 30px;
		}
	
	#pages.about .left .par {
    
    float: none;
	margin:0 auto;
    width: 55%;
}

#pages.about .testimonials {
		margin: 40px 0 0 0;
	}
	
	#pages.about .right, #pages.about .left .image, #pages.about .left .par{
		float:none;
		width:750px;
		max-width:100%;
		margin:30px auto 0 auto;
		max-height:750px;
		overflow:hidden;
	}
	

	
	#pages.about .left{
		float:none;
		width:100%;
	}
		
		#pages.services li{
			font-size:15px;
			letter-spacing:.9px;
		}

	#home .service, #home .service.two{
		height:auto;
		max-height: 250px;
		width:auto;
	}

	#home .service h2{
		left:10px;
		letter-spacing:1px;
	}

	#home .service .button{
		right:10px;
	}

	#pages.services ul li {
		flex: 0 0 48%;
	}
}

@media (max-width:960px) {
	#home video{
		width:180%;
		margin:0 -40%;
	}
	
	#home .head{
		height:100%!important;
	}
	
	#home .services .service{
		display:flex;
		flex-direction:column;
		height:250px;
		justify-content:center;
	}
	
	#home .services .service img{
		position:absolute;
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#home .services .service h2{
		position:relative;
		top:0;
		left:0;
		bottom:0;
	}
	
	#home .services .service .button{
		position:relative;
		top:0;
		bottom:0;
		margin:15px auto 20px;
		display:block;
		visibility:hidden;
	}
	
	#home .service:hover .button{
		visibility:visible;
	}
				
	#pages.services li{
		width:29%;
		padding:25px 1%;
	}

	#home .service, #home .service.last{
		flex:0 0 40%;
		max-height:350px;
	}
}

@media (max-width:750px) {
	#home h1 {
        font-size: 40px !important;
		letter-spacing:1px;
    }
	
	        #home .about h2 {
            font-size: 40px;
            line-height: 1;
        }
		
		        h1 {
            margin: 5% auto 0 auto;
				}
}

@media (max-width:650px) {
	#pages.about .right, #pages.about .left .image{
		width:75%;
	}
	
	    #pages.about .left .par {
        float: none;
        margin: 30px auto 0 auto;
        width: 100%;
        padding: 0;
        text-align: center;
    }
	
	    h1 {
        margin: 15% auto 0 auto;
		font-size:30px;
    }
	
	.testimonials{
		padding:50px 0;
	}
	
	#pages.services li{
		width:45%;
	}

	#home .about .overlay .button {
		margin: 30px 0 0 0;
	}

	#home .services .service, #home .services .service.last{
		flex:0 0 90%;
		height:320px;
	}

	.testimonials .quote.one {
		left: -80px;
	}
	
	 
	
	 

}

@media (max-width:550px) {
	#pages.contact .flex{
		flex-direction: column;
		gap:20px;
	}

	#pages.services ul li {
		flex: 0 0 100%;
	}
	
	#pages.contact .logo {
		width: 150px;
	}
	
	#pages.about .left h2{
		font-size:30px;
	}

	#topwrapper .logo{
		width:155px;
	}
	
	#footerwrapper .right{
		
		float:none;
		width:100%;
	}
	
	#footerwrapper .logo{
		float:none;
		margin:0 auto 20px auto;
	}
	
	#footerwrapper .social{
		float:none;
		width:100%;
	}
	
	.copy .left, .copy .right{
		float:none;
		text-align:center;
		width:100%;
	}
	
	#footerwrapper .right{
		margin:0;
	}
	
	.testimonials{

	}
	
	#pages.services h2{
		font-size:30px;
		letter-spacing:2px;
	}
	
	#pages.services li{
		width:100%;
	}
	

	
	#home h1 {

		            margin: 15% auto 0 auto;
    }

	#home h1 {
		font-size: 35px !important;

	}

	#footerwrapper{
		padding:30px 0 0 0;
	}

	#home .covid{
		font-size:13px;
		line-height:1.1;
	}

	#pages.services .name {
		font-size: 30px;
	}

	.caps{
		letter-spacing:2px;
		line-height:1.2;
	}
}