|
@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; |
|
} |
|
|
|
} |