ok
Mini Shell
/*Layout*/
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.services-photo {
height: 164px;
}
.portfolio-photo {
height: 164px;
}
.blog-image {
height: 170px;
}
.testimonial-description {
width: 88%;
}
.event-photo {
height: 195px;
}
.product-cart ul li a{
font-size: 13px;
}
.product-cart ul li i{
margin-right: 3px;
}
}
@media only screen and (max-width:991px) {
.header-area {
text-align: center;
}
.header-info {
text-align: center;
margin-top: 12px;
float: none;
}
.header-info ul.first {
display: inline-block;
float: none;
}
ul.lang-right {
display: inline-block;
float: none;
}
.header-info ul.first li:before {
display: none;
}
/* Menu */
#strickymenu.sticky {
display: none;
}
.logo {
text-align: center;
}
.main-menu-item {
float: none;
}
ul.nav-menu li a {
display: block;
min-height: 0px;
font-size: 14px;
}
ul.nav-menu li.menu-item-has-children:before {
display: none;
}
ul.nav-menu li ul > li {
display: block;
opacity: 1;
}
ul.nav-menu li ul li a {
border-bottom: 0px;
min-height: 0;
}
ul.nav-menu li:hover ul > li > ul > li {
border-left: 0px;
}
ul.nav-menu li:focus > ul > li,
ul.nav-menu li:hover > ul > li {
-moz-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
-moz-animation: none;
-webkit-animation: none;
animation: none;
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
ul.nav-menu li:hover > a{
color: #fff;
padding: 13px 5%;
}
.mean-container .mean-nav ul li li a.mean-expand{
height: 18px !important;
}
.mean-container .mean-nav ul li li a{
padding: 11px 10%;
}
ul.nav-menu li ul li:hover > a{
background-color: transparent;
color: #fff;
border-bottom: 0;
padding: 11px 10%;
}
.mean-container .mean-nav ul li li li a{
padding: 11px 15%;
}
ul.nav-menu li ul li li:hover > a{
padding: 11px 15%;
}
.searchbar {
display: none;
}
.main-about {
display: block;
width: 100%;
}
.about-content{
padding-right: 0;
}
.about-tab{
display: block;
height: 350px;
margin-top: 30px;
}
.video-right {
margin-left: 0;
}
.booking-area:before {
width: 100%;
}
.booking-area .hl-left {
text-align: center !important;
}
.hl-left::before {
left: 50% !important;
margin-left: -40px!important;
}
.hl-left h2::before {
left: 50% !important;
margin-left: -60px !important;
}
.hl-left::after {
left: 50% !important;
margin-left: -40px !important;
}
.booking-gallery {
padding-right: 0;
}
.faq-home {
padding-left: 0;
}
.testimonial-description {
width: 100%;
}
.headline-left{
margin-bottom: 30px;
}
.progress-gallery.main-prog{
margin-top: 30px;
}
.booking-form.pt_30,
.faq-group.pt-30{
padding-top: 0 !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
.portfolio-photo {
height: 184px;
}
.event-photo {
height: 290px;
}
.product-cart ul li a{
font-size: 13px;
}
.product-cart ul li i{
margin-right: 3px;
}
.call-text h3{
font-size: 21px;
}
.call-us .button a{
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.video-gallery {
height: 340px;
}
.services-photo {
height: 284px;
}
.portfolio-photo {
height: 284px;
}
.blog-image {
height: 284px;
}
.event-photo {
height: 230px;
}
.portfolio-photo-item {
height: 290px;
}
.call-us {
text-align: center;
}
.call-text {
margin-top: 15px;
}
.portfolio-menu li {
display: block;
padding-bottom: 10px;
}
.gallery-menu li {
display: block;
padding-bottom: 10px;
margin-top: 5px;
}
.gallery-menu li:first-child {
margin-top: 0;
}
.gallery-photo{
height: 136px;
}
.about-tab .tab-item span{
padding: 0 3px;
}
.testimonial-item{
border: 0;
}
.testimonial-area .testimonial-carousel{
border: 1px solid #fff;
}
}
@media only screen and (max-width:575px) {
.header-social li {
display: block;
margin-right: 0;
margin-top: 6px;
}
.header-social .dropdown-menu {
text-align: center;
left: 50%;
margin-left: -80px;
}
.header-info li {
display: block;
margin-left: 0;
margin-top: 6px;
}
.header-info {
margin-top: 0;
}
.header-info li:before,
.header-social li::before {
display: none;
}
.text-animated h1 {
font-size: 38px;
}
.text-animated p {
font-size: 16px;
}
.text-animated li {
margin-top: 20px;
}
.text-animated li a {
padding: 14px 28px;
}
.slider-two .owl-nav {
position: absolute;
bottom: 5%;
left: calc(50% - 60px);
width: 120px;
}
.slider-two .owl-nav .owl-prev,
.slider-two .owl-nav .owl-next {
display: inline-block;
position: relative;
margin-top: 0;
top: 0;
margin: 0 6px;
}
li.event-header-left {
float: none;
width: 100%;
display: block;
}
li.event-header-right {
float: none;
display: block;
margin-top: 15px;
}
.call-us {
text-align: center;
}
.call-text {
margin-top: 15px;
}
.history-list{
margin-top: 30px;
}
.portfolio-menu li {
display: block;
padding-bottom: 10px;
}
.gallery-menu li {
display: block;
padding-bottom: 10px;
margin-top: 5px;
}
.gallery-menu li:first-child {
margin-top: 0;
}
.comment-list .thumb{
display: block;
}
.comment-list .com-text{
display: block;
padding: 0;
margin-top: 15px;
}
.comment-list .com-text h5{
margin-bottom: 2px;
}
.comment-list ul ul.children{
margin-left: 30px;
}
.testimonial-item{
border: 0;
}
.testimonial-area .testimonial-carousel{
border: 1px solid #fff;
}
.price-item:hover{
transform: scale(1);
}
.product-item{
padding-top: 20px;
}
.owlproduct-carousel .product-item{
padding-top: 0px;
}
}
@media only screen and (min-width: 500px) and (max-width:575px) {
.video-gallery {
height: 324px;
}
.services-photo {
height: 276px;
}
.portfolio-photo {
height: 276px;
}
.blog-image {
height: 276px;
}
.event-photo {
height: 230px;
}
.portfolio-photo-item {
height: 290px;
}
.gallery-photo{
height: 276px;
}
}
@media only screen and (max-width:500px) {
.payment-select-group .form-check-inline {
display: block;
}
.shop-detail-tab ul li {
text-align: center;
display: block;
margin-right: 0;
}
}
@media only screen and (min-width: 410px) and (max-width:499px) {
.video-gallery {
height: 260px;
}
.services-photo {
height: 234px;
}
.portfolio-photo {
height: 234px;
}
.blog-image {
height: 234px;
}
.event-photo {
height: 210px;
}
.portfolio-photo-item {
height: 240px;
}
.gallery-photo{
height: 234px;
}
}
@media only screen and (min-width: 360px) and (max-width:409px) {
.video-gallery {
height: 230px;
}
.services-photo {
height: 194px;
}
.portfolio-photo {
height: 194px;
}
.blog-image {
height: 194px;
}
.single-blog ul li {
margin-right: 7px;
}
.portfolio-photo-item {
height: 210px;
}
.gallery-photo{
height: 194px;
}
}
@media only screen and (max-width:359px) {
.slider-one .owl-nav {
bottom: 10%;
}
.text-animated li a {
padding: 14px 24px;
}
.video-gallery {
height: 174px;
}
.services-photo {
height: 160px;
}
.portfolio-photo {
height: 160px;
}
.blog-image {
height: 160px;
}
.blog-author li a {
padding: 10px 7px;
}
li.event-header-left span {
display: block;
margin-top: 5px;
margin-right: 0;
}
.event-photo {
height: 150px;
}
.single-blog ul li {
display: block;
}
.portfolio-photo-item {
height: 170px;
}
.blog-one-text ul li {
display: block;
}
.gallery-photo{
height: 160px;
}
.comment-list .com-text span{
display: block;
margin-right: 0;
margin-bottom: 10px;
}
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 700px!important;
margin-top: -20px!important;
}
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
.footer-menu ul li {float: none!important;display: block!important;}
}
Zerion Mini Shell 1.0