/**
 * Copyright © 2013-2017 Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

//
//  Blank theme mobile styles
//  _____________________________________________

//  These mobile styles are mandatory and will be used as basis according to the mobile first design

//
//  Global lib + theme styles + theme extends
//  ---------------------------------------------

@import 'source/_reset.less';
@import '_styles.less';
@import (reference) 'source/_extends.less';

//
//  Magento Import instructions
//  ---------------------------------------------

//@magento_import 'source/_module.less'; // Theme modules
//@magento_import 'source/_widgets.less'; // Theme widgets

//
//  Media queries collector
//  ---------------------------------------------

@import 'source/lib/_responsive.less';

@media-target: 'mobile'; // Sets target device for this file

//
//  Global variables override
//  ---------------------------------------------

@import 'source/_theme.less';

//
//  Extend for minor customisation
//  ---------------------------------------------

//@magento_import 'source/_extend.less';

.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.top-header div {
    display: inline-block;
}
.top-icon div {
    padding: 0px 10px;
}
.top-icon div {
    padding: 0px 0px 0px 10px;
}
.title-head {
    line-height: 0px;
    margin: 0px;
img {
    vertical-align: middle;
}
}
header.page-header .block-search {
    margin: 0px 0px 15px 0;
}
.frame.footer-newsletter {
    background: #f6f6f6;
}
.call-us-h, .call-us-h a {
    color: #fff;
    font-size: 24px;
}
.social-links li a em {
    font-size: 26px;
}
.main-title {
    margin: 0px auto 5px;
}
ul li + li, ol li + li {
    margin: 0px 0 0;
}
.call-footer {
    background: #737D7E;
}

.product.data.items > .item.title {
    width: 100% !important;
}
.product.info.detailed.product.data.items > .item.title, .product.info.detailed .product.data.items > .item.content {
    float: none;
    margin: 0;
}
.product.info.detailed .product.data.items > .item.title > .switch, .block.related .block-title.title, .block.widget.block-viewed-products-grid .block-title {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    height: 80px;
    line-height: 80px;
    background: url("../images/product_title.png") no-repeat left center #f6f6f6;
    padding: 0 0 0 30px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 45px !important;
    text-transform: uppercase;
}

.product.info.detailed .product.data.items > .item.title >a {
padding: 0 0 0 15px !important;
}


.product-item-info:hover .product-image-container .img-fluid.img-hover-show.lazy {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.product-top .img-fluid.img-hover-show.lazy {
    position: absolute;
    top: -45px;
    left: 0px;
    width: 100%;
    height: auto;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    z-index: 9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
body{
    font-family: "Helvetica Neue", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}
.page-bottom {
    width: 100% !important;
}
#product-slider-related {
    display: inline-block;
}
#block-related-heading{
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 45px !important;
    text-transform: uppercase;
}
.mdi.mdi-basket::before {
    content: "\F1181";
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 34px;
    position: relative;
    top: 0px;
}

header.page-header .block-search .action.search::before{
    color: #000;
font-weight: 600;
}
.mdi.mdi-account::before{
    content: "\F0013";
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 34px;
    position: relative;
    top: 0px;
}

.info-box {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 0.5;
    color: #999;
    letter-spacing: .02em;
    padding-left: 50px;
}
.info-box .info-box-title {
    font-weight: 500;
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.info-box img {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#product-addtocart-button {
    overflow: hidden;
    position: relative;
}

.products-grid .product-item-inner {
    display: flex !important;
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 10px !important;
    left: auto !important;
}
.ti-heart::before {
    font-size: 20px;
    font-weight: 600 !important;
}
.actions-secondary .action .ti-heart{
    border: 1px solid #000;
}

.price-final_price .old-price .price-wrapper .price {
    
    font-size: 14px !important;
    font-weight: 300 !important;
}
.product-info-main .special-price .price-container .price-wrapper span, .price-final_price .price-wrapper .price, .price-wrapper.price-including-tax {
    color: #bc0000 !important;
}
.old-price .price-container .price-wrapper span,  {
    color: #000 !important;
}
header.page-header .header4 .wishlist .top-wishlist a .wishlist-icon::before {
    font-size: 26px !important;
    font-weight: 600 !important;
    position: relative;
    top: -7px;
}
header.page-header .header4 .wishlist .top-wishlist a .label {
    position: relative !important;
    display: inline-block;
    padding-left: 5px;
    top: -10px !important;
    color: #000 !important;
    font-size: 18px !important;
    overflow: visible !important;
}
header.page-header .header4 .wishlist .top-wishlist a span.counter.qty{
    background-color: transparent !important;
    color: #000 !important;
    left: -28px !important;
}

header.page-header .header4 .block-search .block-content input::placeholder {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
.product-social-links {
    display: none !important;
}
.product.name.product-item-name {
    display: block;
}
.products-grid .product-item-details div {
    display: inline-block;
}
.deal-timer .countdown span {
    background: red;
    color: #fff;
    text-align: center;
    padding: 0px 0px;
    width: 15%;
    display: block;
}
.deal-timer .countdown{
    overflow: auto;
}
.deal-timer .time-note span {
    display: block;
    position: relative;
    width: 15%;
    text-align: center;
}
body.fullwidth .page-main {
    margin-top: 15px;
}
.page-title-content {
    position: relative;
}
.page-title-content h1.page-title{
    position: absolute;
top: 36%;
right: 28%;
}
.extra-link {
    padding: 5px 0px;
}
.breadcrumbs {
    position: absolute;
    top: 60%;
    right: 28%;
}
.hidden-xl, .vismob, .category-image,.price-label, .block.widget.block-viewed-products-grid .action.towishlist, .product-label.sale-label{
    display: none;
}
.action.primary.checkout:hover {
    background: green;
}
.page-title-content {
    height: auto;
}
.block.widget.block-viewed-products-grid .product-item-name{
font-size: 16px !important;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 1px;
line-height: 20px;
display: block;
}
.discount-percent{
    font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.25px;
vertical-align: middle;
}
.block.widget.block-viewed-products-grid .price-wrapper.price-including-tax {
    display: inline;
    font-size: 15px;
    padding: 5px;
}
.info-box.vidres img {
    left: 25%;
}

body.page-layout-2columns-left .page-main > .columns {
    margin-top: 30px;
}
.InputContainer input::placeholder {
    color: #333 !important;
}
.StripeElement{
    border: 1px solid #999 !important;
}
#klarna-title {
    background-color: #FFB3C7;
}
#klarna-title p {
    font-size: 1.6em;
    margin-left: 8%;
}
.terms p {
    font-size: 14px !important;
    text-align: left !important;
    margin-right: 8%;
}
#power-of-three .powers div {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    padding: 0 5em;
}
#power-of-three {
    padding: 2em 3em;
    background-color: #D9D4D1;
}
#power-of-three .powers {
    display: -ms-flexbox;
    display: flex;
    margin-top: 2em;
}
#power-of-three h1, #power-of-three h2 {
    font-size: 44px;
}
#klarna-ts-cs h3 {
    font-size: 40px;
    line-height: 1.2;
}
#klarna-ts-cs .checklist, #klarna-ts-cs .eligibility {
    padding: 0 2em;
}
#klarna-intro {

    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
}
.column.main {
    color: #333;
}
.klarna-logo {
   /* background-image: url('../images/klarna.png');  */
}
@media screen and (max-width: 1024px) {
    .col-des-4.col-tb-12.col-mb-12.text-center.resok, .nopadding {
        padding: 0px !important;
    }
    .sticky-notification-bar .content {
        font-size: 14px !important;
    }
    .sticky-notification-bar{
        line-height: 24px !important;
    }
    .cart-container #shopping-cart-table thead {
    display: block !important;
}
    .line {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
   
    #registration {
        text-align: center;
        margin-bottom: 5px;
    }
    .col-des-4.col-tb-12.col-mb-12.text-center div {
        display: inline-block;
    }
    .block.widget.block-viewed-products-grid {
        padding: 0px 15px;
    }
    .block.widget .products-grid .product-item {
        max-width: 49%;
        width: 49%;
    }
   .vismob, .category-image{
       display: block;
   }
   .hidmob, .action.towishlist, .page-title-content h1.page-title, .breadcrumbs{
       display: none;
   }
   
    .header-m-primary-container.hidden-xl {
        margin: -46px 0px auto;
        padding: 0px;
    }
    .middle-header .frame {
        padding: 0px !important;
    }
    .logo-mobile.hidden-xl {
        margin: 0px auto 0px;
    }
    .header-m-primary.header.container {
        background: #737d7e;
        width: 100%;
    }
.icon-action-filter span, .hiddenmb{
    display: none;
}
.action.cart-mobile {
    position: relative;
    left: 100%;
    top: -2px;
}
.map-mobile {
    position: relative;
    right: 5%;
    top: -4px;
}
body.fullwidth .frame, .page-main, .page-main > .columns{
padding: 0px 5px;
}
.mgs-products.products-grid, .product-info-clearfix {
    padding: 0px 10px;
}
body.page-layout-2columns-left .page-main > .columns .sidebar.sidebar-main,{
    padding-right: 10px;
}
.page-title-content h1.page-title span {
    font-size: 14px;
    position: relative;
    left: 40%;

}
.actions-toolbar.place-order .primary .action span, .actions-toolbar.auto-detect-button .primary .action span {
    font-size: 20px !important;
}
.account-header {
    position: relative;
    left: 40%;
}
.page-title-content .breadcrumbs {
    left: 40%;
    position: relative;
}
.phone-mobile {
    right: 20%;
    position: relative;
}
.icon-menu-responsive {
    right: 25%;
    font-size: 34px;
    color: #fff;
    position: relative;
    vertical-align: bottom;
}
.icon-phone, .fa.fa-map-marker {
    font-size: 25px;
    color: #fff;
}
.mdi.mdi-basket, .mdi.mdi-account{
    color: #fff;
}
.info-box {
    padding-left:40px;
}
.fullwidth .page-main>.columns, .fullwidth .navigation, .fullwidth .breadcrumbs .items, .fullwidth .page-header .header.panel, .fullwidth .page-wrapper>.widget, .fullwidth .page-wrapper>.page-bottom, .fullwidth .block.category.event, .fullwidth .top-container, .fullwidth .page-title-content {
    max-width: 100%;
    width: 100%;
}
.col-des-4.col-tb-12.col-mb-12.bor {
    border-right: none !important;
}
.newsletter-home .newsletter-main {
    margin: auto;
}
.product.media .vertical-gallery .owl-carousel.gallery-vertical .owl-nav button{
    background: transparent;
}

}

@media screen and (max-width: 420px) {
    .product.media .product-label{
        right: 25%;
    }
    .sub-title.hideit {
        display: none;
    }
    #power-of-three .powers div {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        padding: 0px 25px;
    }
    .info-box.vidres img {
        left: 17%;
    }
    .nopadding {
        padding: 0px !important;
    }
.modal-popup.modals-ajaxcart.modal-slide._show {
    height: 250px;
}
    .sidebar.sidebar-main .block.filter {
        padding: 15px 20px 10px !important;
    }

    .headertxt .detail {
        margin: 5px auto 0px;
    }
    .title-head {
        font-size: 18px;
    }
    .title-head img {
        width: 35px;
    }

}
.product-detail-deals {
    width: 100%;
}
.title-head.hidmob {
    text-align: center;
    left: -5%;
    position: relative;
}
header.page-header .header4 .horizontal-menu .navigation.mgs-megamenu--main .nav-main-menu > li > a, 
header.page-header .header4 .horizontal-menu .navigation.mgs-megamenu--main .nav-main-menu li a,
.menu-mobile .menu-mobile-content .main-menu-mobile .nav-main-menu > li > a,
.menu-mobile .menu-mobile-content .main-menu-mobile .nav-main-menu > li .dropdown-mega-menu .mega-menu-content .sub-menu .level1,
.menu-mobile .menu-mobile-content .main-menu-mobile .nav-main-menu > li .dropdown-mega-menu .sub-menu li a {
    font-family: Montserrat, sans-serif;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-style: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #000 !important;
}
header.page-header .header4 .horizontal-menu .navigation.mgs-megamenu--main .nav-main-menu li {
    padding: 10px 2px 0px !important;
}

.level0.menu-1columns.static-menu.instagram_menu a::before {
    background: url("../images/instagram.png");
    content: "";
    width: 24px;
    position: relative;
    float: left;
    height: 24px;
    top: -2px;
  }
.horizontal-menu .navigation.mgs-megamenu--main .nav-main-menu .mega-menu-item.mega-menu-fullwidth .dropdown-mega-menu li .mega-menu-content .level1 a{
    font-family: Montserrat, sans-serif;
    font-size: 13px !important;
    font-style: normal;
    font-variant: normal;
    color: #000 !important;
    text-transform: uppercase;
    word-break: break-word;
   
}
.horizontal-menu .navigation.mgs-megamenu--main .nav-main-menu .mega-menu-item.mega-menu-fullwidth .dropdown-mega-menu li .mega-menu-content .level1 .sub-menu li a{
    font-family: Montserrat, sans-serif;
    color: #000 !important;
    text-transform: uppercase;
}
h5.title-head {
    font-size: 16px;
}
.sub-menu .level3 a, .sub-menu .level2 a {
    text-transform: capitalize !important;
    font-weight: 400 !important;
}
.sub-menu .level1 a span {
    font-weight: 600 !important;
    text-transform: uppercase;
}
.sticky-notification-bar span {
    font-size: 18px !important;
}
.filter-options-title::after {
    color: #000;
    content: "\e64b";
    font-family: 'themify';
    font-size: 11px;
    right: 0px !important;
    position: absolute;
    z-index: auto !important;
}
.active > .filter-options-title::after {
    content: "\e96d";
    color: #000;
    font-family: 'themify';
    font-size: 11px;
    right: 0px !important;
    position: absolute;
    z-index: auto !important;
}
@media screen and (min-device-width: 2000px) and (max-device-width: 5000px) {
    .title-head.hidmob {
        left: -20%;
    }
}


@media screen and (min-device-width: 1400px) and (max-device-width: 1999px) {
    .title-head.hidmob {
        left: -15%;
    }
}
.menu-mobile .menu-mobile-content .main-menu-mobile .nav-main-menu > li .ti-angle-up::before ,  
.menu-mobile .menu-mobile-content .main-menu-mobile .nav-main-menu > li .ti-angle-down::before{
    color: red;
    font-size: 18px;
    font-weight: 800;
    border: 1px solid;
    padding: 2px;
  }
