@media only screen and (max-width : 2500px) {
	.page-wrapper{
		overflow:hidden;
	}
	
}
@media only screen and (max-width : 992px) {

	.atf-single-text h1{
		font-size:40px;
	}
	.atf-call-image img {
		margin-top: 0px;
	}
	#countdown div{margin-left:90px;}
	.atf-footer-social-icon a i{margin-bottom: 10px;}

}
@media only screen and (max-width : 991px) {
	.menu-item-has-children i{
		display:none;
	}
	
	.atf-single-text h1{
		font-size:35px;
	}
	.atf-feature-content{
		margin:15px 0;
	}
	.atf-about-inner{
		padding-top:40px;
	}
	.atf-counter {
		margin: 15px 0;
	}
	.atf-footer-link{
		margin: 15px 0px;
	}
	.atf-mailchamp-headding h2{
		font-size:25px;
	}
	.atf-contact-info{margin-top:40px;}
	.mt-lg-40{
		margin-top:40px;
	}
	.mb-lg-40{
		margin-bottom:40px;
	}

}
@media only screen and (max-width: 767px) {
	.form-message{
		padding-bottom:30px;
	}
	#atf-map-area {
		margin-bottom: 0px;
	}
	.atf-best-single-service{
		margin: 10px 0;
	}
	
	.atf-menu-toggle span, .atf-menu-toggle span:before, .atf-menu-toggle span:after {
    width: 100%;
    height: 4px;
    background-color: #fff;
    display: block;
}


}

@media only screen and (max-width: 576px) {
	.atf-mailchamp-headding h2 {
		font-size: 20px;
		text-align: center;
		margin-bottom:10px;
	}
	.atf-contact-info{
		margin-right:0;
	}
	.atf-post-details.atf-style1 .embed-responsive{
		display:none;
	}
	.comments-area .children{padding-left:20px;}
	
.atf-single-home {
   height: 316px!important;
    margin-top: 118px!important;
}

.atf-menu-toggle span, .atf-menu-toggle span:before, .atf-menu-toggle span:after {
    width: 100%;
    height: 4px;
    background-color: #fff;
    display: block;
}

}

@media screen and (max-width: 480px) and (min-width: 0px){
	.atf-contact-details{
		margin:15px 0;
		flex-wrap:inherit;
	}
	.atf-counter-icon.me-4{
		margin-right:5px ! important;
	}
	.atf-footer-area::before{
		border-radius:0;
	}
	
	.atf-single-home {
   height: 316px!important;
    margin-top: 118px!important;
}

.atf-menu-toggle span, .atf-menu-toggle span:before, .atf-menu-toggle span:after {
    width: 100%;
    height: 4px;
    background-color: #fff;
    display: block;
}

}


@media screen and (min-width: 280px) and (max-width: 680px) {
	
	.atf-single-home {
    height: 316px!important;
    margin-top: 118px!important;
}

.atf-menu-toggle span, .atf-menu-toggle span:before, .atf-menu-toggle span:after {
    width: 100%;
    height: 4px;
    background-color: #fff;
    display: block;
}

}