@media only screen and (max-width : 1199px) { .swiper.client { width: 100%; height: auto; } } @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; } .blog_list_slider .swiper-button-next, .swiper-button-prev {display:none;} } @media only screen and (max-width:991px) { .hero-content-item.pl-125{ padding-left:0; } .mt-lg-40{ margin-top:40px; } .mb-lg-40{ margin-bottom:40px; } .atf-section-title br{ display:none; } .pagination-outer.mt-50{ margin-top:40px; } .atf-funfact-item{ margin:12px 0; } .atf-portfolio-area .swiper { padding-bottom: 25px; } .experience-counter.v1{ display:none ! important; } } @media only screen and (max-width:767px) { .atf-footer-area.pb-80 { padding-bottom:40px; } .nav-tabs .nav-item .nav-link{ margin:7px; } .atf-funfact-title { font-size: 45px; } } @media only screen and (max-width:479px) { .atf-hero-area .atf-main-btn{ display: none; } } @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%; } .card-title { font-size: 16px ! important; font-weight:400; } .atf-service-box-content br { display:none; } .atf-funfact-title { font-size: 36px; } }