PATH:
home
/
lab2454c
/
vaultchip.com
/
platform
/
themes
/
wowy
/
assets
/
sass
/
layout
@media only screen and (max-width: 768px) { .logo { &.logo-width-1 { a { img { width: 120px; } } } } .header-action { .header-action-icon { margin-right: 15px; &.header-action-mrg-none { margin-right: 15px; } &.header-action-mrg-none2 { margin-right: 15px; } & > a { font-size: 20px; } } } .header-action-2 { .header-action-icon-2 { padding: 0 6px; &:last-child { padding: 0 0 0 6px; } & > a { color: #fff; fill: #fff; font-size: 22px; margin-right: 10px; } } } .cart-dropdown-wrap { width: 290px; right: -39px; &.cart-dropdown-hm2 { right: -63px; } ul { li { .shopping-cart-img { -webkit-box-flex: 0; -webkit-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; margin-right: 10px; } } } .shopping-cart-footer { .shopping-cart-button { a { padding: 12px 22px 13px; } } } } .main-categori-wrap { & > a { font-weight: 500; } } .categori-dropdown-wrap { ul { li { a { padding: 5px 12px; } } } } .search-popup-wrap { .search-popup-content { form { input { width: 270px; font-size: 25px; padding: 21px 20px 12px 0; } } } } .mobile-header-wrapper-style { width: 300px; .mobile-header-wrapper-inner { .mobile-header-top { padding: 20px; } .mobile-header-content-area { padding: 30px 20px; } } } .header-height-1 { min-height: 65px; } .header-height-2 { min-height: 65px; } .hero-slider-1 { height: 298px; } .hero-slider-content-2 { h1 { font-size: 32px; line-height: 1.2; } h2 { font-size: 30px; line-height: 1.2; margin-bottom: 10px; } h4 { font-size: 16px; margin: 0 0 10px; } .btn-default { color: #fff; background-color: $color-brand; border-radius: 50px; padding: 10px 22px; font-size: 14px; } p { font-size: 14px; line-height: 1.3; } } .banner-big { h4 { font-size: 12px; } h2 { font-size: 16px; } .btn { background: none; color: #fff; border-radius: 50px; font-size: 13px; padding: 0; border: 0; margin-top: -15px; } } .home-slider { .slider-arrow { display: none; } .hero-slider-1 { &.style-2 { height: 400px; .hero-slider-content-2 { padding-left: 0; padding-top: 100px; } .single-slider-img { img { max-width: 400px; } } .slider-1-height-2 { height: 400px; position: relative; } } } } .banner-img { float: left; &.f-none { float: none; } } .hero-slider-1.style-3 .slider-1-height-3 { height: 390px; } .hero-slider-1.style-3 .hero-slider-content-2 { padding-left: 20px; } .home-slide-cover .hero-slider-1.style-4 { .hero-slider-content-2 { padding-left: 0; h1 { font-size: 30px; } h2 { font-size: 14px; } h4 { font-size: 12px; } } } .header-style-3 { .header-bottom-bg-color { background-color: $color-brand; } .main-nav { border: none !important } .sticky-bar { &.stick.sticky-blue-bg { background-color: $color-brand; } } } .header-style-4 { .header-bottom-bg-color { background-color: $color-brand; } .main-nav { border: none !important } .sticky-bar { &.stick.sticky-blue-bg { background-color: $color-brand; } } } .font-xxl { font-size: 38px; } } /*Mobile landscape*/ @media only screen and (min-width: 576px) and (max-width: 767px) { .header-action { .header-action-icon { margin-right: 20px; &.header-action-mrg-none { margin-right: 20px; } &.header-action-mrg-none2 { margin-right: 20px; } & > a { font-size: 22px; } } } .header-action-2 { .header-action-icon-2 { padding: 0 10px; &:last-child { padding: 0 0 0 10px; } & > a { font-size: 22px; } } } .cart-dropdown-wrap { width: 310px; } .search-popup-wrap { .search-popup-content { form { input { width: 480px; font-size: 25px; padding: 21px 20px 12px 0; } } } } .comment-form .name { padding-right: 0px; margin-bottom: 1rem; } } /*Tablet*/ @media only screen and (min-width: 768px) and (max-width: 991px) { .header-action { .header-action-icon { margin-right: 33px; &.header-action-mrg-none { margin-right: 33px; } &.header-action-mrg-none2 { margin-right: 33px; } } } .header-action-2 { .header-action-icon-2 { & > a { color: #fff; fill: #fff; } } } .search-popup-wrap { .search-popup-content { form { input { width: 650px; font-size: 35px; } } } } .header-bottom { padding: 5px 0; } .header-height-1 { min-height: 50px; } .header-height-2 { min-height: 50px; } .header-height-3 { min-height: 50px; } .header-height-4 { min-height: 50px; } .header-style-5 { .header-bottom { padding: 25px 0; border-bottom: 1px solid #f7f8f9; } } .comment-form .email { padding-left: 0; } .loop-grid.pr-30 { padding-right: 0 !important; } } /*Desktop*/ @media only screen and (min-width: 992px) and (max-width: 1199px) { .logo { &.logo-hm3 { a { img { width: 120px; } } } } .main-menu { &.main-menu-mrg-1 { margin: 0 0 0 15px; } & > nav { & > ul { & > li { ul { &.sub-menu { li { ul { &.level-menu { &.level-menu-modify { width: 165px; } } } } } &.mega-menu { li { .menu-banner-wrap { .menu-banner-content { left: 20px; top: 22px; h3 { font-size: 20px; line-height: 1.3; margin: 5px 0 7px; } .menu-banner-price { margin: 0 0 10px; } .menu-banner-btn { a { padding: 10px 16px 13px; } } } .menu-banner-discount { width: 70px; height: 70px; line-height: 70px; } } } } } } } } &.main-menu-padding-1 { & > nav { & > ul { & > li { padding: 0 8px; } } } &.hm3-menu-padding { & > nav { & > ul { & > li { padding: 0 6px; } } } } } } .search-style-1 { margin-right: 15px; form { width: 170px; } } .header-action { &.header-action-hm3 { .header-action-icon { margin-right: 15px; &.header-action-mrg-none2 { margin-right: 0; } &:last-child { margin-right: 0; } } } } .search-style-2 { form { input { width: 340px; } } } .hotline { p { font-size: 15px; } } .search-popup-wrap { .search-popup-content { form { input { width: 820px; } } } } .header-height-1 { min-height: 157px; } .header-height-2 { min-height: 224px; } .header-height-3 { min-height: 133px; } .header-height-4 { min-height: 144px; } } /*Wide screen*/ @media only screen and (min-width: 1200px) and (max-width: 1365px) { .main-menu.main-menu-padding-1 > nav > ul > li { padding: 0 14px; } } /*small phone*/ @media only screen and (max-width: 480px) { .carousel-6-columns, .carousel-4-columns { max-width: 375px; overflow: hidden; } .slider-arrow { .slider-btn.slider-next { right: 0 !important; } .slider-btn.slider-prev { left: 0 !important; } } .hero-slider-1 { height: unset; } .hero-slider-content-2 { text-align: center; padding-top: 20px; p { width: 100%; } } .header-height-2 { min-height: 40px; } .header-bottom-bg-color { padding: 10px 0 3px 0 } .banner-left-icon, .banner-img { margin-bottom: 15px; } .popular-categories { .slider-btn.slider-prev { right: 50px !important; left: unset !important; } } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-4 { margin-bottom: 1rem; } .mb-sm-5 { margin-bottom: 2rem; } .heading-tab { display: block !important; h3.section-title { margin-bottom: 15px !important; } } .nav.right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .hero-slider-1.style-2 .single-slider-img { display: none; } ul.footer-list { margin-bottom: 30px; } .section-padding-60 { padding: 30px 0; } .pt-60, .pt-40 { padding-top: 30px !important; } .pb-60 { padding-bottom: 30px !important; } .mb-60 { margin-bottom: 30px !important; } .hero-slider-1.style-3 .slider-1-height-3 { height: 220px; } .hero-slider-1.style-3 .hero-slider-content-2 { position: relative; text-align: left; padding-left: 15px; padding-top: 0; h1 { font-size: 18px; } h2 { font-size: 16px; } h4 { font-size: 14px; } p { font-size: 11px; } a.btn { display: none; } } .header-style-5 { padding: 15px 0; border-bottom: 1px solid #f7f8f9; .search-style-2 { display: none; } .header-action-2 .header-action-icon-2 > a { font-size: 18px; } .sticky-bar.stick.sticky-white-bg { background-color: #fff; padding: 15px 0; } } .font-xxl { font-size: 28px; } .w-50 { width: 100% !important; } .product-list { .product-cart-wrap { display: block; .product-img-action-wrap { max-width: 100%; } } } .shop-product-fillter { display: block; .totall-product { margin-bottom: 15px; } } .table { td { display: block; width: 100%; text-align: center; &::before { content: attr(data-title) " "; float: left; text-transform: capitalize; margin-right: 15px; font-weight: bold; } } thead { display: none; } } .loop-grid.pr-30 { padding-right: 0 !important; } .loop-grid.loop-list article { display: block; } }
[+]
..
[-] _responsive.scss
[edit]
[-] _spacing.scss
[edit]
[-] _navigation.scss
[edit]
[-] _sidebar.scss
[edit]
[-] _header.scss
[edit]
[-] _footer.scss
[edit]