@media (max-width: 1440px) { .offer-animations:before { left:556px } .contact { margin: 105px 0 } } @media (max-width: 1336px) { .offer-animations:before { left:520px } .offer-text p { font-size: 14px; line-height: 25px } .offer-text ul li { padding-top: 12px; font-size: 15px } .project-btn { margin-top: 21px } } @media (max-width: 1280px) { .main-offer:before { left:0; top: 1px; width: 50%; height: 90% } .offer-animations { left: 0; width: 45%; height: 65% } .offer-animations:before { left: 560px; top: -40px; width: 6%; height: 37% } .offer-video .offer-animations:before { left: -15px; width: 6%; height: 35% } .offer-video:before { left: auto!important; top: -110px!important } .offer-text p { font-size: 15px; padding: 10px 95px 20px 0 } .offer-text ul { margin-top: 8px } .offer-text ul li { padding-top: 15px } .project-btn { margin-top: 4px } } @media (max-width: 1199px) { .top-header:before { height: 90px; width: 57%; } .header-contact { padding: 10px 0 10px 10px } .contact-text p { font-size: 14px; padding-right: 80px } .contact-text .contact-num h4 { font-size: 14px; padding-top: 40px } .contact-btn { width: 115px; height: 45px; margin-top: 25px; padding-top: 8px } .slider-logo img { width: 95% } .company-text h3 { font-size: 34px } .company-text p,.cta-btn a,.header-contact li p span,.pricing-info .title,.slider-text p { font-size: 15px } .offer-animations:before { left: 525px } .main-project-text ul li { font-size: 12px } .cta-text h3,.cta-text span { font-size: 25px } .cta-btn { margin-left: 2px } .cta-info a,.project-btn-1 a,.types-of-logo .nav-tabs>li a { font-size: 14px } .client-text h2 { font-size: 40px } .pricing-info .price { font-size: 60px } .contact-text { margin-left: 38px } .header-contact li p { margin-left: 2px; font-size: 13px } .header-contact li i { font-size: 13px; right: 5px } .header-contact ul li span,.phone_no,.project-btn { font-size: 13px; margin-left: 0 } .header-contact ul li img { max-width: 140px } .header-contact .project-btn a i { top: 2px } .header-contact ul li { padding-right: 10px } .project-btn { font-size: 12px } .slider-text h2 { width: 41%; font-size: 14px } .slider-text h3 { font-size: 37px; line-height: 43px } .slider-text ul li { font-size: 13px } .slide-label h3 { padding: 2px 15px; font-size: 55px!important } .slide-label h3 sup { font-size: 33px; top: -23px } .slide-label h3 sub { font-size: 26px; top: 7px; left: -30px } .project-btn-1 { /* padding: 12px 15px 13px 20px; */ } .project-btn-1 a i { padding-left: 15px; font-size: 19px } .type-of-logo-text h2 { font-size: 38px } .chat1 img,.type-logos img { width: 100% } .project-btn-3 { margin-top: 14px; padding: 6px 15px 11px 23px } .logo-content p,.project-btn-3 a { font-size: 15px } .logo-content h3 { font-size: 33px } .our-portfolio p { font-size: 17px } .boxpackages .packdetails .packtitles .fleft h3 { font-size: 45px } .packtitles .fright { top: 13% } .packageFooter { font-size: 11px } .testimonialSlider .slick-arrow.slick-next { left: calc(100% + 2px) } .default_heading h1 { margin-bottom: 15px; text-align: center } }