:root { --main-color: #0196a7; --main-color2: #0196a752; } @media (max-width: 1440px) { .slider_section .detail-box .btn-box a { margin-bottom: 10px; } .hero_area::before { display: none; } .hero_area::after { background-image: none; background-color: var(--main-color); width: 44%; height: 100%; transform: skewX(0deg); right: 0%; } .slider_section .carousel-indicators li { background-color: #fefefe; } } @media (max-width: 992px) { .hero_area { min-height: 450px; } .header_section .user_option { display: none; } .custom_menu-btn { display: none; } .brand_section { text-align: center; } .gutters-80 { display: flex; align-items: center; flex-direction: column; justify-content: space-between; } .slider_section .container { max-width: 750px; } .slider_section .detail-box h1 { font-size:3rem; } .slider_section .detail-box h1 span { font-size: 4rem; width: 600px; } } @media (max-width: 768px) { .hero_area { height: auto; } .hero_area::after { width: 100%; height: 50%; top: 50%; } .slider_section { text-align: center; } .slider_section .detail-box { margin-bottom: 45px; } .slider_section .img-container { justify-content: center; } .slider_section .play_btn { top: 47%; left: 43%; } .hero_area { background: none; } .slider_section { padding-top: 50px; } .slider_section .detail-box h1 span { font-size: 4rem; width: fit-content; } .slider_section .img-box { margin: 40px 0; } .slider_section .img-box { margin-top: 125px; margin-bottom: 90px; } .slider_section .carousel-indicators { bottom: 25px; } .slider_section .number_box { display: none; } .about_section .detail-box { margin-bottom: 45px; } .discount_section .detail-box { margin-bottom: 45px; text-align: center; } .discount_section .detail-box h2 { padding: 0; } .client_section .client_container { flex-direction: column; } .client_section .client_box.b-1 { margin-bottom: 45px; } .info_section .col-md-3 { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 15px 0; } .info_section .box { justify-content: center; } .info_section .box { justify-content: center; display: flex; flex-direction: column; align-items: center; } .contact_section form { padding: 0; margin-bottom: 45px; } .info_section .info_form .social_box { justify-content: center; } .info_section .info_form .social_box a { margin: 0 10px; } .contact_section .map_container { padding: 0; } .gutters-80 .about__image { margin-left: 25%; } } @media (max-width: 576px) { .slider_section .detail-box h1 { font-size: 2.5rem; } .slider_section .detail-box h1 span { font-size: 3.5rem; } .slider_section .play_btn, .slider_section .play_btn a { width: 55px; height: 55px; } } @media (max-width: 480px) { .gutters-80 .about__image { margin-left: 0; } } @media (max-width: 420px) { .slider_section .detail-box h1 { font-size: 2rem; } .slider_section .detail-box h1 span { font-size: 3rem; } } @media (max-width: 360px) {} @media (min-width: 1200px) { .container { max-width: 1170px; } }