%PDF-
%PDF-
Mini Shell
Mini Shell
/*media css*/@media all and (max-width: 410px) {
#header {
height: 80px;
}
.hd1 {
font-size: 27px !important;
margin-top: 10px;
}
.banner {
height: auto;
}
.padding-top {
padding-top: 140px;
}
.hd2 {
display: block;
}
.addrs {
background-position: center bottom;
background-size: 70% auto !important;
}
.manufacturer-view-default {
margin-top: 50px;
}
}
@media all and (max-width: 480px) {
.product-items .indoor-items h1.page-heading {
font-size: 32px;
margin-bottom: 30px;
margin-left: 0;
margin-top: 55px;
}
.addrs {
background-size: 150px auto !important;
padding: 15px 0 10px !important;
}
.indoor-items .indoor-product, .lamp-items {
float: none;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
max-width: 300px;
padding: 0;
}
}
@media all and (min-width: 411px) and (max-width: 480px) {
.padding-top {
padding-top: 160px !important;
}
.addrs {
background-size: auto;
background-position: right top;
padding: 15px 0 280px !important;
}
}
@media all and (min-width: 481px) and (max-width: 639px) {
.indoor-items .indoor-product, .lamp-items {
margin-bottom: 30px;
max-width: 340px;
margin: 0 auto;
clear: both;
width: auto;
float: none;
}
}
@media all and (min-width: 375px) and (max-width: 667px) {
.navbar-brand > img {
width: 165px;
}
.addrs {
background-size: auto;
background-position: right top;
padding: 15px 0 10px !important;
}
}
@media all and (min-width: 641px) and (max-width: 666px) {
.product-items {
margin-top: 120px;
}
.product-items .indoor-items h1.page-heading {
margin-bottom: 30px;
}
}
@media all and (min-width: 640px) and (max-width: 666px) {
.indoor-items .indoor-product, .lamp-items {
margin-bottom: 30px;
max-width: 100%;
width: 50%;
float: left;
}
}
@media all and (min-width: 668px) and (max-width: 767px) {
.navbar-right {
margin-right: -1px !important;
}
.menubar li a {
padding: 10px 10px !important;
}
.product-items {
margin-top: 120px;
}
.product-items .indoor-items h1.page-heading {
margin-bottom: 30px;
}
.indoor-items .indoor-product, .lamp-items {
margin-bottom: 30px;
max-width: 100%;
width: 50%;
float: left;
}
}
@media all and (max-width: 700px) {
.white-panel {
text-align: center;
}
#pinBoot img {
margin: auto !important;
max-width: 300px;
width: 300px;
}
.white-panel h4 {
opacity: 1;
}
.thumbnail > img {
max-width: 241px !important;
width: 241px !important;
}
.xs-top {
margin-top: 50px;
}
.view-btn {
left: unset!important;
width: 200px;
margin: 10px auto auto !important;
position: relative;
}
.carousel1.slide .item img {
height: auto !important;
}
.view-btn {
display: none;
}
.addrs {
padding: 15px 0 10px;
background-size: auto;
background-position: right top;
}
.m-top-margin {
margin-top: 60px;
}
footer .addrs ul li:nth-child(5) {
margin: 15px 0;
}
}
@media all and (max-width: 767px) {
.navbar-toggle {
margin: 0!important
}
.navbar-toggle img {
width: 40px;
}
.navbar {
z-index: 99;
background: #fff;
overflow: visible!important;
margin-right: -15px;
margin-left: -15px;
}
.menubar li.selected a, .menubar li a:hover {
background: #617d81!important;
}
.menubar li a {
background: #44565c;
color: #fff!important;
text-indent: 10px;
border-bottom: solid 2px #fff!important;
}
.z-inc {
z-index: 9999;
}
.top-socials {
left: 7px;
position: relative;
top: 10px;
text-align: left!important;
}
.navbar-form {
left: -22px;
top: 5px;
width: 100%;
margin-top: 15px!important;
margin-bottom: 15px!important;
}
.navbar-nav {
margin-top: 10px!important;
}
.navbar-brand {
padding-top: 0!important;
padding-bottom: 0!important;
}
.search-btn {
top: 11px;
}
.hd1 {
font-size: 35px;
}
.banner {
padding:40px 35px !important;
height: auto!important;
}
.mobile-text-center {
text-align: center!important;
}
#pinBoot {
width: 100%!important
}
.menubar {
top: 10px!important
}
.white-panel:last-child {
margin-top: -30px;
}
footer {
margin-top: 10px;
}
.lamp-items img {
height: auto!important;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.top-socials {
text-align: left!important;
left:0;
}
.hd1 {
font-size: 27px;
}
.banner {
padding: 42px 30px 52px !important;
height: auto!important;
}
.carousel1.slide .item img {
height: auto!important;
}/* .lamp-items .sub_cat_img { height: 100% !important; max-height: 330px !important; }*/
.navbar-right {
margin-right: -1px !important;
}
.menubar li a {
padding: 10px 10px !important;
}
.lamp-items img {
height: auto!important;
}
}
@media only screen and (min-width : 768px) and (max-width : 799px) and (orientation : portrait) {
body.search_page section .product-items {
min-height: 425px !important;
}
}
@media only screen and (min-width : 800px) and (max-width : 1280px) and (orientation : portrait) {
body.search_page section .product-items {
min-height: 681px;
}
}
@media only screen and (min-width : 320px) and (max-width : 736px) and (orientation : landscape) {
#header {
position: relative!important;
}
.addrs {
background-size: auto;
background-position: right top;
}
}
@media only screen and (width : 736px) and (orientation : landscape) {
.addrs {
background-size: auto!important;
}
.navbar-brand > img {
width: 150px!important;
}
}
@media all and (min-width:992px) and (max-width: 1024px) {
.navbar-right {
margin-right: -1px !important;
}
.menubar li a {
padding: 10px 10px !important;
font-size: 13px !important;
}
}
@media all and (min-width:992px) and (max-width: 1199px) {
.hd1 {
font-size: 38px !important;
}
.banner {
height: 316px !important;
}
.lamp-items .sub_cat_img {
max-height: 220px !important;
min-height: 220px !important;
}
.navbar-right {
margin-right: -1px !important;
}
.menubar li a {
padding: 10px 10px !important;
font-size: 13px !important;
}
} /* @media all and (min-width:1200px) { .sub_cat_img { height: 100% !important; max-height: 255px !important; }}
*/ /*media css*/
Zerion Mini Shell 1.0