mivita/_static/assets/LESS/LESS_BS3/smarty/layout-responsive.less
2018-10-29 09:39:31 +01:00

124 lines
No EOL
2.4 KiB
Text

/** Responsive
**************************************************************** **/
@media only screen and (max-width: 992px) {
#header.header-sm #topNav button.btn-mobile {
margin-top:16px;
}
#header.header-sm #topNav button.btn-mobile {
margin-top:11px;
}
#topNav #topMain>li.mega-menu div.row div {
display:block !important;
border:0 !important;
}
.block-md {
display:block;
}
.text-center-md {
text-align:center !important;
float:none !important;
}
#header .nav-second-main .quick-cart-box,
#header .nav-second-main .search-box {
box-shadow:none !important;
}
/* fullwidth button fix */
body>.btn.fullwidth,
#wrapper>.btn.fullwidth {
padding-top:0!important;
padding-bottom:20px!important;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
}
body>.btn.fullwidth>span,
#wrapper>.btn.fullwidth >span {
line-height:30px !important;
}
}
@media only screen and (max-width: 768px) {
img.img-responsive {
float: none !important;
}
#header.fixed {
position:fixed;
}
#header.transparent + #slider h1 {
margin-top:80px !important;
}
section div.row>div {
margin-bottom:60px;
}
section div.row.lightbox>div {
margin-bottom:0;
}
section form div.row>div.form-group>div,
section form div.row>div {
margin-bottom:15px;
}
section form div.row>div.form-group>div:last-child,
section form div.row>div:last-child {
margin-bottom:0;
}
.block-sm {
display:block;
}
.text-center-md {
text-align:center !important;
}
form.landing-form >div {
margin-bottom:5px !important;
}
}
@media only screen and (max-width: 480px) {
.mobile-block {
display:block;
float:none !important;
position:relative;
}
.mobile-block>.social-icon {
float:none !important;
}
.block-xs {
display:block;
}
.text-center-xs {
text-align:center !important;
float:none !important;
}
.modal-short {
max-height: 320px;
overflow: auto;
}
.size-50 {
font-size:30px !important;
line-height:36px !important;
}
.size-40 {
font-size:30px !important;
line-height:36px !important;
}
.size-30 {
font-size:23px !important;
line-height:26px !important;
}
}