/* CREATED BY MOHAMMED THARIF ON 14-04-2024 */

/*DESKTOP's*/
@media only screen and (max-width: 1369px) {
	.residential-box .res-box-right img{
		bottom: 5px;
	}
	.footer-vt .copyright-right ul li{
		margin-left: 0px;
	}

}
@media only screen and (max-width: 1024px) {
	header .menu-box{
		padding-left: 10px;
	}
	header .call-box{
		padding-left: 0px;
		padding-right: 0px;
	}
	.intro .intro-right{
		margin-top: 0px !important;
	}
	/*.footer-vt .copyright-left ul li:nth-child(3){
		margin-left: 5px;
	}*/
	
}

/*IPAD & TABS*/
@media only screen and (max-width: 800px) {
	
	header .call-box{
		display: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-vt .copyright-left{
		flex: 100%;
    	max-width: 100%;
    	padding-left: 10px;
    	padding-bottom: 25px;
	}
	.footer-vt .copyright-middle{
		flex: 100%;
    	max-width: 100%;
    	text-align: left;
    	padding-left: 10px;
    	padding-bottom: 25px;
	}
	.footer-vt .copyright-right{
		flex: 100%;
    	max-width: 100%;
    	padding-bottom: 25px;
	}
	.footer-vt .copyright-right ul li:last-child{
		padding-left: 20px;
	}
	.top-footer .top-footer-right a.btn-contacts{
		padding: 18px 30px;
	}
	.page-header-left ul li{
		margin-left: 12px;
	}
	.residential-box .res-box-left{
		flex: 100%;
    	max-width: 100%;
	}
	.residential-box .res-box-right{
		flex: 100%;
    	max-width: 100%;
	}
	.residential-box{
		display: block;
	}
	.residential-box .res-box-right{
		padding-left: 0px;
		padding-top: 30px;
	}
	.residential-box .res-box-right p{
		margin-bottom: 45px;
	}
	.residential-box .res-box-right img {
    	bottom: -40px;
	}
	.service-content-area .col-sm-6{
		flex: 100%;
    	max-width: 100%;
	}
	.service-item{
		flex: 100%;
    	max-width: 100%;
    	display: block;
	}
	.foo-logo {
    	width: 20%;
	}
	header .logo-box img{
		width: 20%;
	}
	.page-banner .banner-txt{
		top: unset !important;
	}
	header .logo-box{
		text-align: right !important;
	}
	.intro .intro-left{
		flex: 100%;
    	max-width: 100%;
    	margin-bottom: 30px;
	}
	.intro .intro-right{
		flex: 100%;
    	max-width: 100%;

	}
	.intro .intro-right img.choose{
		width: 75% !important;
	}
	.intro .intro-right .shape2{
		bottom: 0% !important;
	}
	.home-services .col-md-4{
		flex: 100%;
    	max-width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	

}

/*MOBILE*/
@media only screen and (max-width: 580px){

	.intro-title p{
		font-size: 28px !important;
	}
	.intro{
		padding-left: 10px;
		padding-right: 10px;
	}
	.service-content-area{
		padding-left: 0px;
		padding-right: 0px;
	}
	.certificate{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.home-services .pre-services{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.top-foo{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.top-footer{
		display: block;
		padding-bottom: 30px;
	}
	.top-footer .top-footer-right{
		text-align: left;
	}
	.top-footer .top-footer-left h4{
		font-size: 1.45rem;
	}
	.footer-vt .copyright-left ul li{
		display: list-item;
		padding-left: 0px;
		margin-left: 0px;
	}
	.foo-logo {
    	width: 30%;
	}
	.footer-vt .copyright-right ul li:last-child{
		padding-left: 0px;
	}
	.page-header-left ul li{
		margin-left: 0px;
	}
	.residential-box .res-box-right img{
		right: 0px;
	}
	#header.header-scrolled .logo-box img{
		width: 48%;
	}
	header .logo-box img{
		width: 48%;
	}
	.mobile-slider{
		margin-top: 0px;
	}
	.mobile-banner-content{
		bottom: 0% !important;
	}
	.come-from-modal.left .modal-dialog{
		overflow-y: scroll !important;
		overflow-x: hidden !important;
		height: 100% !important;
	}
	#modalNav .modal-body .first-part{
		min-height: 60vh;
	}
	.mobile{
		display: block;
	}
	.desk{
		display: none;
	}
	.d-none{
		display: block !important;
	}
}
@media only screen and (max-width: 390px){
	
}