@media only screen and (max-width : 2500px) {
	.page-wrapper{
		overflow:hidden;
	}
	
}
@media only screen and (max-width : 1199px) {
	.mt-xl-40{
		margin-top:40px;
	}
	.mb-xl-40{
		margin-bottom:40px;
	}
}
@media only screen and (max-width : 992px) {

	.atf-call-image img {
		position: absolute;
		top: -395px;
		bottom: 0;
		left: 500px;
	}

}
@media only screen and (max-width : 991px) {
	.atf-single-text h1{
		font-size:50px;
	}
	.atf-single-text br{
		display:none;
	}
	.atf-section-title h2{
		font-size:30px;
	}
	.atf-single-feature{
		margin:20px 0;
	}
	.atf-pricing-content{
		margin:20px 0;
	}
	.atf-counter {
		margin: 20px 0;
	}
	.mt-lg-40{
		margin-top:40px;	
	}
	.mb-lg-40{
		margin-bottom:40px;	
	}
	.atf-single-blog{
		margin: 20px 0px;
	}
	.atf-footer-link{
		margin: 20px 0px;
	}
	.atf-mailchamp-headding h2{
		font-size:25px;
	}
	.atf-call-image img {
		top: -266px;
		left: 500px;
	}
	#call-to-action br{
		display:none;
	}
	

}
@media only screen and (max-width: 767px) {
	.atf-call-image img{
		display:none;
	}
	.atf-grid-portfolio{
		width:50%;
	}
	.form-message{
		padding-bottom:30px;
	}
	#atf-map-area {
		margin-bottom: -165px;
	}
	.atf-mailchamp-headding h2 {
		text-align: center;
		margin-bottom: 20px;
	}
	.comments-area .children {
		padding-left: 20px;
	}

}

@media only screen and (max-width: 576px) {
	.modal-content {
		width:100% !important;
		margin:6% auto !important;
	}
	.atf-single-text h1 {
		font-size: 36px;
	}
	.atf-grid-portfolio{
		width:100%;
	}

	.atf-site-header.atf-style1.atf-sticky-active {
		color:var(--thm-black);
	}
	section#home {
    background-size: cover !important;
    height: auto;
    margin-top: 45px;
}
.atf-menu-toggle span, .atf-menu-toggle span:before, .atf-menu-toggle span:after {
	background:black !important;
}
.atf-sticky-active .atf-nav .atf-nav-list > li:not(.atf-quote) > a {
	color:white !important;
}
    .atf-site-header.atf-style1 {
        background: white;
    }
    .atf-footer-box.pe-lg-2 img {
    width: 70%;
    margin: 0 auto;
    display: block;
}

}

@media screen and (max-width: 320px) and (min-width: 0px){
	.atf-contact-details{
		margin:20px 0;
	}
	.atf-mailchamp-headding h2 {
		font-size: 18px;
	}

}