| @media (max-width: 1260px) { | |
| .slider_section .box { | |
| flex-direction: column; | |
| } | |
| .slider_section .box .detail-box h1 { | |
| flex-direction: row; | |
| flex-wrap: wrap; | |
| padding: 0 15px; | |
| text-align: center; | |
| justify-content: center; | |
| } | |
| .slider_section .box .detail-box h1 span { | |
| margin-right: 12px; | |
| } | |
| .help_section .detail-box { | |
| padding: 0; | |
| } | |
| .slider_section .box .detail-box .btn-box { | |
| margin-top: 15px; | |
| } | |
| } | |
| @media (max-width: 1120px) {} | |
| @media (max-width: 991px) { | |
| .hero_area { | |
| height: auto; | |
| background-size: cover; | |
| flex-direction: column; | |
| } | |
| .header_section { | |
| padding: 0 25px; | |
| } | |
| .slider_section .navbar-brand { | |
| display: none; | |
| } | |
| .header_section .navbar-brand { | |
| display: flex; | |
| } | |
| .custom_nav-container { | |
| flex-direction: row; | |
| justify-content: space-between; | |
| } | |
| .custom_nav-container .name_style { | |
| display: none; | |
| } | |
| .user_option { | |
| flex-direction: row; | |
| } | |
| .user_option .nav_search-btn { | |
| margin: 0; | |
| margin-right: 15px; | |
| } | |
| .custom_menu-btn button { | |
| margin: 15px 0; | |
| } | |
| .menu_btn-style { | |
| position: fixed; | |
| left: 22px; | |
| top: 4px; | |
| } | |
| .feature_section { | |
| flex-direction: column; | |
| padding-top: 45px; | |
| } | |
| .feature_section .carousel_btn-box { | |
| margin: 0; | |
| } | |
| .about_section .img-box .stripe_design { | |
| width: 15px; | |
| } | |
| .news_section .detail_container .detail-box { | |
| padding: 25px; | |
| } | |
| .news_section .img-box { | |
| margin: 0; | |
| margin-top: 45px; | |
| } | |
| .client_section .owl-carousel { | |
| padding: 0; | |
| } | |
| .client_section .owl-carousel .owl-nav button { | |
| position: unset; | |
| transform: none; | |
| margin: 0 10px; | |
| } | |
| } | |
| @media (max-width: 768px) { | |
| .about_section .detail-box, | |
| .help_section .detail-box, | |
| .contact_section .form_container { | |
| margin-bottom: 45px; | |
| } | |
| .info_section .row>div { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| text-align: center; | |
| } | |
| .info_section .row>div:not(:nth-last-child(1)) { | |
| margin-bottom: 45px; | |
| } | |
| .info_section .info_links { | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| .about_section .img-box .stripe_design { | |
| width: 25px; | |
| } | |
| } | |
| @media (max-width: 576px) { | |
| .about_section .img-box .stripe_design { | |
| width: 20px; | |
| } | |
| .news_section .detail_container .detail-box .news_social { | |
| padding: 15px 0; | |
| } | |
| } | |
| @media (max-width: 480px) {} | |
| @media (max-width: 420px) {} | |
| @media (max-width: 360px) { | |
| .about_section .img-box .stripe_design { | |
| width: 15px; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .container { | |
| max-width: 1170px; | |
| } | |
| } |