@media only screen and (max-width : 1199px) {
	.mt-xl-40{
      margin-top:40px;
    }
	.mb-xl-40{
      margin-bottom:40px;
    }
	.swiper.client {
		width: 100%;
		height: auto;
	}
	.abstract-container {
		min-height: inherit;
	}
	
}
@media screen and (min-width:992px) and (max-width:1199px) {
	.hero-content-item.pl-125{
		padding-left:0;
	}
	.atf-service-item.style1{
		display:none ! important;
	}
	.pricng-body.p-5{
		padding:24px;
	}
	.atf_bg_skew::before {
		width: 27%;
	}
	.atf-service-item .service_btn {
		margin-right: 0px;
	}
	.about_video_area.choose-v1{display:none;}
	.atf-client-area .avatars img {
		margin-bottom: 10px;
	}
	.atf-hero-secondary-area {
		margin-bottom: 40px;
	}
	.faq_right_image{
		display:none;
	}
	.blog_list_slider .swiper-button-next, .swiper-button-prev {display:none;}
}
@media only screen and (min-width:992px) {
	.atf-hero-area .hero-content {
		transform: translateY(34px);
	}
}
@media only screen and (max-width:991px) {
	.contact-modal {
		padding: 12px;
	}
	.contact-modal__dialog {
		grid-template-columns: 1fr;
		max-height: calc(100vh - 24px);
		border-radius: 16px;
	}
	.contact-modal__form-panel {
		padding: 40px 24px 28px;
	}
	.contact-modal__info {
		padding: 30px 24px 32px;
	}
	.contact-modal__brand {
		margin-bottom: 28px;
	}
	.contact-modal__info h3 {
		font-size: 22px;
	}
	.contact-modal__close {
		top: 12px;
		right: 12px;
	}
    .hero-content-item.pl-125{
		padding-left:0;
	}
    .hero-kicker {
        margin-bottom: 12px;
    }
    .hero-title.hero-title-zh {
        font-size: 38px;
        line-height: 1.15;
        max-width: 100%;
    }
    .hero-shape-4 .hero-describtion {
        max-width: 100%;
    }
	.hero-secondary-title {
		font-size: 50px;
		letter-spacing: 0px;
	}
	.hero-secondary-content.w-50{width:100%! important;}
	.mt-lg-40{
      margin-top:40px;
    }
	.mb-lg-40{
      margin-bottom:40px;
    }
	.atf-section-title  br{
		display:none;
	}
	.blogpost-title {
		font-size: 28px ! important;
		line-height: 1.3;
	}
	.pagination-outer.mt-50{
		margin-top:40px;
	}
	.atf-funfact-item{
		margin:12px 0;
	}
	.g-6 { 
		--bs-gutter-y: 5rem;
	}
	.atf-portfolio-area .swiper {
		padding-bottom: 25px;
	}
	.experience-counter.v1{
		display:none ! important;
	}
}
@media only screen and (max-width:767px) {
	.contact-modal__form-panel h2 {
		padding-right: 30px;
		font-size: 28px;
	}
	.contact-modal__form-grid {
		grid-template-columns: 1fr;
	}
	.contact-modal__qr-card {
		align-items: flex-start;
	}
	.atf-cta-title-box br {
		display:none;
	}
	.service_btn {
		margin-right: 0px;
	}
	.atf-hero-content .title {
		font-size: 50px;
		letter-spacing:-1px;
	}
	.atf-footer-area.pb-80 {
		padding-bottom:40px;
	}
	.nav-tabs .nav-item .nav-link{
		margin:7px;
	}
	.atf_bg_skew::before {
		width: 50%;
	}
	.hero-content-client-area .avatars.v1{
		display:none;
	}
	.atf-funfact-title {
		font-size: 45px;
	}
}
@media only screen and (max-width:479px) {
	.atf-hero-area .atf-main-btn{
		display: none;
	}
	.client-arrow{
		display: none;
	}
	.rating-card {
		display: none ! important;
	}
}
@media screen and (min-width:320px) and (max-width:575px) {
	.atf-portfolio-area .swiper-slide {
		width: 70%;
	}
	.atf-portfolio-area .swiper-slide:nth-child(2n) {
		width: 70%;
	}
	.atf-portfolio-area .swiper-slide:nth-child(3n) {
		width: 70%;
	}
	.portfolio .title {
		font-size: 16px;
		line-height: 1.35;
	}
	.portfolio .post {
		font-size: 13px;
		line-height: 1.4;
	}
	.avatars img {
		margin-top: 5px;
	}
	.hero-title.hero-title-zh {
		font-size: 24px;
		line-height: 1.16;
		max-width: 100%;
	}
	.hero-cta-group {
		gap: 10px;
		margin-top: 22px;
	}
	.hero-cta-group .atf-themes-btn {
		padding: 13px 22px;
		font-size: 13px;
	}
	.hero-cta-group .atf-themes-btn .ml-50 {
		margin-left: 12px !important;
	}
	.hero-cta-group .atf-themes-btn .ml-25 {
		margin-left: 8px !important;
	}
	.atf-hero-content .title {
		font-size: 36px;
		letter-spacing:0px;
	}
	.atf-faq-accordion .card .card-header button {
		font-size: 20px;
		line-height: 1.2;
	}
	.atf-cta-title {
		font-size: 28px;
	}
	.card-title {
		font-size: 16px ! important;
		font-weight:400;
	}
	.atf-video-icon.gallery-details{display:none;}
	.atf-service-box-content br {
		display:none;
	}
	.video-area {
		height: 350px;
	}
	.hero-secondary-title {
		font-size: 36px;
		line-height:1.5;
	}
	.atf-funfact-title {
		font-size: 36px;
	}
}