TestModels / seomark-html /css /responsive.css
FiroFiraja's picture
Upload 39 files
19968fa
raw
history blame
2.95 kB
@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;
}
}