@media( max-width: 1023px ) { .container{ max-width: 768px; } .main-menu{ font-size: 12px; } .main-menu li{ margin-right: 10px; } .main-menu .icon{ margin-right: 7px; } .main-menu .icon a{ width: 20px; height: 20px; } .why-us{ width: 100%; } .quote{ margin: 0; padding: 45px 15px; width: 50%; } .services li{ font-size: 16px; } .services img{ max-width: 60px; max-height: 60px; } .carousel::before{ display: none; } .carousel-content{ width: 100%; } .contact-cta .container{ padding: 15px 45px 0 120px; } .contact-cta .container::before{ width: 90px; height: 120px; } .contact-cta h3{ margin: 0; font-size: 24px; } .contact-cta .btn{ margin: 0; padding: 12px 12px; } .message{ padding: 30px 15px; } .service > *{ padding: 30px; } .why-us .content { padding: 45px 30px; } .cta-details ul li a { font-size: 17px; line-height: 33px; } .cta-details ul li a img { height: 33px; } }