/*******************************************************************************

    SKREY CUSTOMIZATION

    This .css file does not override .css files from parent
    theme (Alo Alto).

*******************************************************************************/

/* Mobile/Smartphone (Large, Medium and Small) Screens */
@media (max-width: 767px) {
    /*********************************** HELPERS **********************************/

    /* Application:
        http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3
    */
    .skrey .valign-container:not(.row) > * {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .skrey .visible-xs-inline-block {
        display: inline-block !important;
    }

    .skrey .mobile-full-width {
        width: 100%;
    }

    .skrey .mobile-half-width {
        width: 50%;
    }

    /********************************* END HELPERS ********************************/

    /*********************************** GLOBAL ***********************************/

    /* Parallax Image Component */

    .skrey .bg-parallax {
        background-attachment: scroll;
    }

    /* Toogle Tabs */

    .skrey .mobile-collapsible .toggle-tab.mobile {
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
    }

    .skrey .mobile-collapsible .toggle-tab.mobile:hover {
        color: #fff;
    }

    /********************************* END GLOBAL *********************************/

    /*********************************** HEADER ***********************************/

    /* Header - Social */

    .skrey .header-top .social {
        display: none;
    }

    /* Header - Top Links */

    .skrey ul.top-links {
        width: 100%;
    }

    .skrey ul.top-links > li:first-child {
        padding-left: 0;
    }

    .skrey .header-top .top-right,
    .header .top-left {
        clear: both;
        float: none !important;
    }

    .skrey .header-top .top-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .skrey .header-top .top-right > *:not(:last-child) {
        margin-right: 10px;
    }

    .skrey .top-form-store.alternative-website::before {
        font-family: "Pe-icon-7-stroke";
        content: "\e64f";
        color: #666666;
        font-size: 18px;
        padding: 0 5px 0 0;
        vertical-align: top;
    }

    .skrey .top-form-store::after,
    .skrey .top-form-language::after,
    .skrey .currency_top::after,
    .skrey .header-setting.accont-setting .settting-switcher::after {
        content: none;
    }

    .skrey .top-form-store,
    .skrey .top-form-language,
    .skrey .currency_top,
    .skrey .header-setting.accont-setting .text-setting {
        font-size: 0;
        padding: 0;
    }

    .skrey .top-form-store,
    .skrey .top-form-language,
    .skrey .currency_top,
    .skrey .text-setting {
        line-height: 1;
    }

    .skrey .header .top-form-store .label-title .label {
        font-size: 0;
    }

    .skrey .header .top-form-store .label-title .label::after,
    .skrey .header .top-form-language .label-title .label::after,
    .skrey .text-setting::after {
        margin: 0;
        vertical-align: middle;
    }

    .skrey .header-setting.accont-setting .text-setting {
        display: flex;
        align-items: center;
    }

    .skrey .header .top-form-store .website-store-switcher,
    .skrey .header .currency_top .dropdown-switcher,
    .skrey .header .top-form-language .language-switcher,
    .skrey .header .header-setting .dropdown-switcher {
        left: auto;
        right: 0;
        top: 40px;
        min-width: 150px;
    }

    .skrey .header .top-form-store .website-store-switcher li:not(:last-child),
    .skrey .header .currency_top .dropdown-switcher li:not(:last-child),
    .skrey .header .top-form-language .language-switcher li:not(:last-child),
    .skrey .header .header-setting .dropdown-switcher li:not(:last-child) {
        margin: 0 0 10px;
    }

    /* Header - Header Content */

    .skrey .header .top .header-top {
        padding: 10px 0;
    }

    .skrey .header .top .header-top > .row {
        margin: 0 -15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .skrey .header .middle {
        position: absolute;
        bottom: 0;
        left: 75px;
        right: 0;
        padding: 15px 0;
    }

    .skrey .header .middle .header-content {
        padding: 0;
    }

    .skrey .header .bottom {
        padding: 13px 0;
    }

    /* Header - Logo */

    .skrey .header .top .header-logo {
        margin: 0;
    }

    .skrey .header .top .logo {
        max-width: 100%;
    }

    .skrey .header .middle .content-logo {
        display: none;
    }

    /* Header - Minicart */

    .skrey .header .top .content-cart {
        padding: 0;
    }

    .skrey .header .top .content-cart::after {
        border: none;
    }

    .skrey .header .top .content-cart .mini-contentCart {
        min-width: 250px;
        padding: 15px 20px;
        right: 15%;
        left: auto;
    }

    .skrey .header .top .content-cart .mini-contentCart p.empty {
        margin: 0;
    }

    .skrey .header .top .content-cart .crat-icon {
        padding: 0;
    }

    .skrey .header .top .content-cart .crat-icon > i {
        color: #000;
    }

    .skrey .header .top .content-cart .cartSummary {
        position: relative;
    }

    .skrey .header .top .content-cart .cartSummary .item.badge {
        position: absolute;
        top: -5px;
        right: -5px;
        background-color: #1562bb;
        color: #fff;
        padding: 5px;
        border-radius: 100%;
        font-size: 12px;
        font-family: Roboto-Light;
        font-weight: normal;
        min-width: 20px;
        min-height: 20px;
    }

    .skrey .header .middle .content-cart-container {
        display: none;
    }

    /* Header - Search */

    .skrey .header .middle .content-search {
        float: right;
    }

    .skrey .header .middle .form-search input.input-text {
        height: 35px;
        line-height: 35px;
    }

    .skrey .header .middle .form-search button.button {
        top: -2px;
    }

    .skrey .icon-search::before,
    .skrey .header .form-search button.button::before {
        font-size: 22px;
    }

    /* Header - Menu */

    .skrey .header .bottom .mean-container a.meanmenu-reveal {
        width: 28px;
        height: 22px;
        padding: 9px 10px;
    }

    .skrey .mean-container a.meanmenu-reveal span:first-child {
        margin-top: 1px;
    }

    .skrey .mean-container a.meanmenu-reveal span:not(:first-child) {
        margin-top: 6px;
    }

    /********************************* END HEADER *********************************/
    /************************** HOME BANNER **************************/
    .skrey .banner-home-col {
        /*float: none;
        vertical-align: top;*/
        margin-bottom: 5px;
    }
    /************************** END HOME BANNER **************************/
    /*********************************** FOOTER ***********************************/

    .skrey .footer-container {
        background-color: #333;
    }

    .skrey .footer-container #trustpilot-widget-trustbox-0-wrapper {
        background-color: #fff;
        margin-bottom: 0px !important;
        padding-bottom: 5px;
    }

    .skrey .footer-container .social-container {
        width: 100%;
    }

    .skrey .footer-container .social-container ul.social > li {
        padding: 0 13px;
    }

    .skrey .footer-container .social-container ul.social > li > a.social-link {
        color: #70757b;
        font-size: 15px;
    }

    .skrey
        .footer-container
        .social-container
        ul.social
        > li
        > a.social-link:hover {
        color: #fff;
    }

    .skrey #contacts-stores-footer {
        margin: 0 0 20px;
        clear: both;
    }

    .skrey .block-footer-copyright .main address {
        font-size: 10px;
        padding: 10px 0 20px;
    }

    /********************************* END FOOTER *********************************/

    /********************************* BREADCRUMBS ********************************/

    .skrey .breadcrumbs {
        padding: 40px 0;
    }

    /******************************* END BREADCRUMBS ******************************/

    /******************************* SUPPORT POLICY *******************************/

    .skrey .support-footer-inner {
        padding-bottom: 0;
    }

    /***************************** END SUPPORT POLICY *****************************/

    /*********************************** CATALOG **********************************/

    /* Layered Navigation */

    .skrey
        .block-layered-nav
        #narrow-by-list
        .narrow-by:not(:first-child):not(:nth-child(2)) {
        display: none;
    }

    /* Toolbar */

    .skrey .toolbar {
        margin: 0;
    }

    .skrey .toolbar-bottom .toolbar {
        margin-bottom: 20px;
    }

    .skrey .toolbar .sorter {
        text-align: initial;
    }

    .skrey .toolbar .view-mode {
        padding: 0 0 5px 0;
        width: 100%;
    }

    .skrey .toolbar .limiter {
        padding: 5px 0;
        width: 100%;
    }

    .skrey .toolbar .sort-by {
        padding: 5px 0;
        width: 100%;
    }

    .skrey .toolbar .pager .pages {
        display: none;
    }

    .skrey .toolbar-bottom .toolbar .pager .amount {
        display: none;
    }

    .skrey .toolbar-bottom .toolbar .pager .pages {
        display: block;
    }

    /* Product - Image */

    .skrey .products-list .item .product-image img {
        max-width: 50%;
    }

    /* Product - Info */

    .skrey #products-list .item .product-shop {
        margin-top: 10px;
    }

    /******************************** END CATALOG *********************************/

    /******************************** PRODUCT VIEW ********************************/

    /* Product - Actions */

    .skrey .product-view .add-to-box .add-to-cart {
        margin: 0 5px 0 0;
    }

    .skrey .product-view .product-qty .custom-qty,
    .skrey .product-view .product-options-bottom .add-to-cart,
    .skrey .product-view .product-shop .add-to-links a {
        margin: 0 5px 0 0;
    }

    .skrey .product-view .product-shop .add-to-links li,
    .skrey .product-view .product-shop .add-to-links li .separator {
        margin: 0;
    }

    .skrey .product-view .product-shop .add-to-links {
        clear: none;
    }

    .skrey
        .product-view
        .product-shop
        .product-shop-content
        .add-to-cart
        button {
        width: 40px;
        height: 40px;
        padding: 0;
        line-height: 36px;
        font-size: 22px;
        font-style: normal;
        font-weight: 100;
        text-transform: none !important;
    }

    .skrey
        .product-view
        .product-shop
        .product-shop-content
        .add-to-cart
        button::after {
        font-family: "Pe-icon-7-stroke";
        content: "\e66e";
    }

    /* Product Tabs - Spec Table */

    .skrey .product-view .box-additional .attribute-group {
        width: 100%;
    }

    /* Product Tabs - Reviews */

    .skrey
        .product-view
        .product-wapper-tab
        .box-reviews
        form
        .buttons-set
        button {
        width: 100%;
    }

    /* Product Tabs - Tags */

    .skrey
        .product-view
        .product-wapper-tab
        .box-tags
        form
        .form-add
        .input-box,
    .skrey
        .product-view
        .product-wapper-tab
        .box-tags
        form
        .form-add
        .input-box
        input {
        width: 100%;
    }

    .skrey
        .product-view
        .product-wapper-tab
        .box-tags
        form
        .form-add
        .input-box,
    .skrey .product-view .product-wapper-tab .box-tags form button {
        width: 100%;
    }

    /****************************** END PRODUCT VIEW ******************************/

    /******************************** CHECKOUT CART *******************************/

    /* Checkout Cart - Table */

    .skrey .cart-table thead {
        display: none;
    }

    .skrey .cart-table tbody > tr:first-child {
        border-top: 1px solid #ddd;
    }

    .skrey .cart-table tbody td {
        padding: 10px 8px;
    }

    .skrey .cart-table tbody td.product-cart-info,
    .skrey .cart-table .cart-footer-actions {
        display: table-cell !important;
        width: 100%;
    }

    .skrey .cart-table tbody td.product-cart-price,
    .skrey .cart-table tbody td.product-cart-actions,
    .skrey .cart-table tbody td.product-cart-total {
        display: inline-block !important;
        width: 100%;
        text-align: left !important;
    }

    .skrey .cart-table tbody td.product-cart-total {
        /* Considering that is the biggest element (product with 3 lines of title), so cart links can be displayed at the bottom. */
        padding-bottom: 100px !important;
    }

    .skrey .cart-table tbody .label {
        color: #666;
    }

    .skrey .cart-table .custom-qty {
        width: 70px;
        float: none;
    }

    .skrey .cart-table tbody tr td input.qty {
        width: 27px !important;
        float: left;
    }

    .skrey .cart-table .custom-qty button.reduced,
    .skrey .cart-table .custom-qty button.increase {
        width: 20px;
    }

    .skrey .cart-table .cart-footer-actions button {
        float: left;
        margin-right: 0;
        margin-left: 0;
    }

    .skrey .cart-table .cart-footer-actions button:not(:first-child) {
        margin-top: 5px;
    }

    .skrey .cart-table .cart-footer-actions button:first-child {
        margin-top: 0;
    }

    .skrey .cart-table .cart-footer-actions button:not(:last-child) {
        margin-bottom: 5px;
    }

    .skrey .cart-table .cart-footer-actions button:last-child {
        margin-bottom: 0;
    }

    /* Checkout Cart - Crosssell */

    .skrey .cart .crosssell {
        margin: 50px 0 25px;
    }

    /* Checkout Cart - Submit Buttons */
    .skrey .cart button.button {
        width: 100%;
    }

    /****************************** END CHECKOUT CART *****************************/

    /********************************* MESSAGES ***********************************/

    /* Messages Wrapper */

    .skrey ul.messages > li {
        width: 100%;
        top: 0%;
    }

    /******************************* END MESSAGES *********************************/

    /********************************* HOME PAGE **********************************/

    /* Magictab grids */

    .skrey.cms-home .featured-product-tab .magictabs {
        margin: 30px 0 10px !important;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .skrey.cms-home .featured-product-tab .magictabs .item {
        margin: 0 5px;
    }

    .skrey.cms-home .featured-product-tab .magictabs .item .title {
        font-size: 16px;
    }

    .skrey .products-grid .product-name {
        min-height: 80px;
    }
    .skrey .crosssell .products-grid .product-name {
        min-height: 34px;
    }

    .skrey .products-grid .display-block {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
    .skrey .home-slide {
        margin-bottom: 10px;
    }

    /******************************* END HOME PAGE ********************************/

    /***************************** GDPR COOKIE NOTICE *****************************/

    .skrey .cookiealert .message .cookie-message {
        padding: 0 15px;
        display: block;
        text-align: center;
    }

    .skrey .cookiealert .message .cookie-message .cookie-info {
        margin: 0;
    }

    .skrey .cookiealert .message .cookie-message .cookie-accept {
        margin: 10px 0;
        text-align: center;
    }

    /************************** END GDPR COOKIE NOTICE ****************************/

    /******************************** SUPPORT CMS *********************************/

    .skrey.contacts-index-index
        .fieldset
        .contact-field
        + .comment-field
        ul.form-list {
        padding-left: 0;
    }

    /****************************** END SUPPORT CMS *******************************/
}

/* Mobile/Smartphone (Small) Screens */
@media (max-width: 320px) {
    /*********************************** HEADER ***********************************/

    /* Header - Top Links */

    .skrey .header-setting .text-setting::before,
    .skrey .top-form-store::before,
    .skrey .top-form-store::before {
        font-size: 24px !important;
        padding: 2px !important;
    }

    /* Header - Cart */

    .skrey .header .top .content-cart .crat-icon > i {
        font-size: 24px;
        padding: 2px;
    }

    /********************************* END HEADER *********************************/

    /********************************* Home Page ***********************************/

    /* Magictab grids */

    .skrey.cms-home
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .btn-cart,
    .skrey.cms-home
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        button.btn-cart,
    .skrey.cms-home
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child,
    .skrey.cms-home
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child {
        margin-right: 5px !important;
    }

    .skrey.cms-home
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child),
    .skrey.cms-home
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child) {
        margin: 0px !important;
    }

    .skrey.cms-home .products-grid .price-box {
        min-height: 44px;
    }

    /******************************* END MESSAGES *********************************/
}

/* Mobile/Smartphone (Medium) Screens */
@media (max-width: 375px) and (min-width: 321px) {
    /*********************************** HEADER ***********************************/

    /* Header - Top Links */

    .skrey .header-setting .text-setting::before,
    .skrey .top-form-store::before,
    .skrey .top-form-store::before {
        font-size: 26px !important;
        padding: 2px !important;
    }

    /* Header - Cart */

    .skrey .header .top .content-cart .crat-icon > i {
        font-size: 26px;
        padding: 2px;
    }

    /********************************* END HEADER *********************************/

    /********************************* Home Page ***********************************/

    /* Magictab grids */

    .skrey .products-grid .display-block {
        margin-top: 10px;
    }

    .skrey
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .btn-cart,
    .skrey
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        button.btn-cart,
    .skrey
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child,
    .skrey
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child {
        margin-right: 5px !important;
    }

    .skrey
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child),
    .skrey
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child) {
        margin: 0px !important;
    }

    /******************************* END MESSAGES *********************************/
}

/* Mobile/Smartphone (Large) Screens */
@media (max-width: 767px) and (min-width: 376px) {
    /*********************************** HELPERS **********************************/

    /* Bootstrap Grid System */

    .skrey .col-xs-l-1,
    .skrey .col-xs-l-2,
    .skrey .col-xs-l-3,
    .skrey .col-xs-l-4,
    .skrey .col-xs-l-5,
    .skrey .col-xs-l-6,
    .skrey .col-xs-l-7,
    .skrey .col-xs-l-8,
    .skrey .col-xs-l-9,
    .skrey .col-xs-l-10,
    .skrey .col-xs-l-11 {
        float: left;
    }

    .skrey .col-xs-l-1 {
        width: 8.333333333333332%;
    }

    .skrey .col-xs-l-2 {
        width: 16.666666666666664%;
    }

    .skrey .col-xs-l-3 {
        width: 25%;
    }

    .skrey .col-xs-l-4 {
        width: 33.33333333333333%;
    }

    .skrey .col-xs-l-5 {
        width: 41.66666666666667%;
    }

    .skrey .col-xs-l-6 {
        width: 50%;
    }

    .skrey .col-xs-l-7 {
        width: 58.333333333333336%;
    }

    .skrey .col-xs-l-8 {
        width: 66.66666666666666%;
    }

    .skrey .col-xs-l-9 {
        width: 75%;
    }

    .skrey .col-xs-l-10 {
        width: 83.33333333333334%;
    }

    .skrey .col-xs-l-11 {
        width: 91.66666666666666%;
    }

    .skrey .col-xs-l-12 {
        width: 100%;
    }

    /********************************* END HELPERS ********************************/

    /*********************************** HEADER ***********************************/

    /* Header - Top Links */

    .skrey .header-setting .text-setting::before,
    .skrey .top-form-store::before,
    .skrey .top-form-store::before {
        font-size: 28px !important;
        padding: 2px !important;
    }

    /* Header - Cart */

    .skrey .header .top .content-cart .crat-icon > i {
        font-size: 28px;
        padding: 2px;
    }

    /********************************* END HEADER *********************************/

    /********************************* Home Page ***********************************/

    /* Magictab grids */

    .skrey .products-grid .display-block {
        margin-top: 10px;
    }

    /******************************* END MESSAGES *********************************/
}

/* Tablet Screens */
@media (max-width: 991px) and (min-width: 768px) {
    /*********************************** HELPERS **********************************/

    .skrey .visible-sm-inline-block {
        display: inline-block !important;
    }

    /********************************* END HELPERS ********************************/

    /*********************************** HEADER ***********************************/

    /* Header - Top Links */

    .skrey .header-setting.accont-setting {
        clear: none;
    }

    /********************************* END HEADER *********************************/

    /*********************************** FOOTER ***********************************/

    /* Footer - Contacts Block */

    .skrey .footer #contacts-stores-footer .store .schedule {
        padding-left: 15px;
    }

    /* Footer - Blocks */

    .skrey .block-footer-bottom .footer .row > * {
        margin-bottom: 20px;
    }

    .skrey .footer-links-company .links {
        width: auto;
    }

    /********************************* END FOOTER *********************************/

    /******************************* CATALOG (GRID) *******************************/

    /* Product - Special Price */

    .skrey .products-textlink p.special-price {
        margin-left: 0;
    }

    /* Product - Minimal Price */

    .skrey .minimal-price-link .label {
        color: #ccc;
    }

    /***************************** END CATALOG (GRID) *****************************/

    /******************************* CHECKOUT CART ********************************/

    /* Checkout Cart - Table Custom Qty */

    .skrey .cart-table .custom-qty {
        border: 0;
    }

    /* Checkout Cart - Table */

    .skrey .cart-table .custom-qty button.reduced,
    .skrey .cart-table .custom-qty button.increase {
        display: none;
        /* Grant that there is no space used by buttons! */
        width: 0;
        height: 0;
    }

    .skrey .cart-table .custom-qty button.reduced i,
    .skrey .cart-table .custom-qty button.increase i {
        display: none;
    }

    /***************************** END CHECKOUT CART ******************************/

    /******************************* PRODUCT VIEW *********************************/

    /* Product - Toggle Tabs */

    .skrey .product-view .toggle-tabs .item {
        margin: 0;
        padding: 0;
    }

    .skrey .product-view .toggle-tabs .item,
    .skrey .product-view .toggle-tabs .item span {
        display: block;
        width: 100%;
        background-color: #eeeeee;
        float: none;
    }

    .skrey .product-view .toggle-tabs .item.active span,
    .skrey .product-view .toggle-tabs .item:hover span {
        background: #fff;
    }

    .skrey .product-view .toggle-tabs .item span:after,
    .skrey .product-view .toggle-tabs .item:before {
        display: none;
    }

    .skrey .product-view .toggle-tabs .item span {
        font-size: 15px;
        padding: 10px 15px;
    }

    /***************************** END PRODUCT VIEW *******************************/

    /********************************* Home Page ***********************************/

    /* Magictab grids */

    .skrey .products-grid .display-block {
        margin-top: 10px;
    }

    /******************************* END MESSAGES *********************************/
}

@media (max-width: 724.98px) {
    .checkout-onepage-index #checkout-shipping-method-load .sp-methods dd label,
    #co-shipping-method-form .sp-methods dd label {
        max-width: 800px;
        width: 100%;
        display: inline;
    }
}

/* Mobile/Smartphone and Tablet Screens */
@media (max-width: 991px) {
    /***************************** STICKY SOCIAL ICONS ****************************/

    /* Sticky Social Icons - Container */

    .skrey .social-icons {
        display: initial;
    }

    /*************************** END STICKY SOCIAL ICONS **************************/

    /*********************************** HEADER ***********************************/

    /* Header - Social */

    .skrey .list-inline.social > li {
        padding: 0 13px;
    }

    /* Header - Menu Content */

    .skrey .header-bottom .mean-container {
        display: block;
    }

    /* Header - Magic Menu */

    .skrey .header-bottom .magicmenu {
        display: none;
    }

    .skrey .header-bottom .mean-container .mean-nav ul li a span.cat_label,
    .skrey .header-bottom .vmagicmenu .level0 .cat_label,
    .vmagicmenu .level0 .level-top-mega .children .cat_label {
        top: 10px;
    }

    .skrey .header-bottom .mean-container .mean-bar {
        float: left;
        padding: 0;
    }

    /********************************* END HEADER *********************************/

    /*********************************** FOOTER ***********************************/

    .skrey .block-footer-bottom .footer {
        padding: 25px 0 55px;
    }

    .skrey .footer-container .social-container {
        background-color: #333333;
        text-align: center;
    }

    .skrey .footer-container .social-container ul.social {
        padding: 20px 0 0;
        display: inline-block;
        float: none;
    }

    /********************************* END FOOTER *********************************/

    /******************************* CATALOG (GRID) *******************************/

    /* Product - Qty */

    .skrey
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .product-qty {
        display: inline-block;
    }

    @media (max-width: 320px) and (min-width: 0px) {
        .skrey .category-products .products-grid > li {
            padding: 0 15px;
            width: 100%;
        }
        .order-review table#checkout-review-table {
            margin-left: -5px;
        }
    }
    /* Product - Actions */

    @media (max-width: 480px) {
        .order-review table#checkout-review-table td,
        .order-review table#checkout-review-table th {
            display: table-cell;
        }
    }

    .skrey
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .display-block,
    .skrey
        .block-related
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .display-block,
    .skrey
        .block-up-sell
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .display-block,
    .skrey
        .crosssell
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .display-block {
        display: inline-flex;
    }

    /* Product - Add to Cart */

    .skrey
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .btn-cart,
    .skrey
        .block-related
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .btn-cart,
    .skrey
        .block-up-sell
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .btn-cart,
    .skrey
        .crosssell
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .btn-cart,
    .skrey
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        button.btn-cart {
        /*width: 40px;*/
        margin-right: 16px;
    }

    /* Product - Add-to-Links */

    .skrey
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child,
    .skrey
        .block-related
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child,
    .skrey
        .block-up-sell
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child,
    .skrey
        .crosssell
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child,
    .skrey
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li:first-child {
        margin-right: 8px;
    }

    .skrey
        .category-products
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child),
    .skrey
        .block-related
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child),
    .skrey
        .block-up-sell
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child),
    .skrey
        .crosssell
        .products-grid
        .item
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child),
    .skrey
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li:not(:first-child) {
        margin-left: 8px;
    }

    .skrey
        .product-grid
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li
        a,
    .skrey
        .block-related
        .product-grid
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li
        a,
    .skrey
        .block-up-sell
        .product-grid
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li
        a,
    .skrey
        .crosssell
        .product-grid
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li
        a,
    .skrey
        .featured-product-tab
        .item
        .per-product
        div:not(.hover-box)
        .actions
        .add-to-links
        li
        a {
        border-style: solid;
        border-width: 2px;
        background-color: #1974dd;
        color: #fff;
        border-color: #1974dd;
    }

    /**************************** END CATALOG (GRID) ******************************/

    /******************************* CATALOG (LIST) *******************************/

    /* Product - Image */

    .skrey .products-list .item .images-container {
        max-width: 100%;
    }

    /* Product - Info */

    .skrey #products-list .item .product-shop {
        margin-top: 0;
    }

    .skrey .products-list .item .left-block {
        padding-top: 0;
    }

    /* Product - Add-to-Links */

    .skrey .products-list .item .add-to-links li:first-child {
        margin-right: 8px;
    }

    .skrey .products-list .item .add-to-links li:not(:first-child) {
        margin: 0 8px;
    }

    /**************************** END CATALOG (LIST) ******************************/
}

/* Tablet/Laptop Screens */
@media (min-width: 768px) {
    /************************** HOME BANNER **************************/
    .skrey .banner-home-row {
        overflow-x: visible;
    }

    /************************** END HOME BANNER **************************/
    /*********************************** HELPERS **********************************/

    /* Application:
        http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3
    */
    .skrey .valign-container > * {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    /********************************* END HELPERS ********************************/

    /********************************** HEADER ************************************/

    /* Header - Top Links */

    .skrey .header-top .row > * {
        padding: 0;
    }

    /* Header - Minicart */

    .skrey .header-content .content-cart .miniCartWrap {
        padding: 7px 0;
    }

    .skrey
        .miniCartWrap
        .mini-contentCart
        .item
        .product-details
        .product-name {
        overflow: hidden;
        text-overflow: initial;
        white-space: normal;
    }

    /********************************* END HEADER *********************************/

    /*********************************** FOOTER ***********************************/

    .skrey .footer .social-container {
        background-color: #333333;
    }

    .skrey .social-link {
        font-size: 15px;
    }

    /********************************* END FOOTER *********************************/

    /*********************************** CATALOG **********************************/

    /********************************* END CATALOG ********************************/

    /******************************* CHECKOUT CART ********************************/

    /* Checkout Cart - Table */

    .skrey .cart-table tbody .label {
        display: none;
    }

    .skrey .cart-table .product-image {
        display: table-cell;
        max-width: 100%;
        padding-right: 20px;
        position: static;
        vertical-align: middle;
        min-width: 25%;
    }

    .skrey .cart-table .product-image > img {
        width: 120px;
        margin: 0;
    }

    .skrey .cart-table .product-cart-details {
        display: table-cell;
        vertical-align: middle;
        white-space: normal;
    }

    .skrey .cart-table .cart-footer-actions button:not(.first) {
        margin-left: 10px;
    }

    .skrey .cart-table .cart-footer-actions button:not(.last) {
        margin-right: 10px;
    }

    /* Checkout Cart - Crosssell */

    .skrey .cart .crosssell {
        margin: 50px 0 65px;
    }

    /***************************** END CHECKOUT CART ******************************/

    /****************************** CHECKOUT ONEPAGE ******************************/

    /* Checkout One Page - Login */

    .skrey #checkout-step-login .not-login ul.form-list {
        margin-top: 20px;
    }

    /* DHL Parcel */
    .checkout-onepage-index #checkout-shipping-method-load .sp-methods dd label,
    #co-shipping-method-form
        .sp-methods
        dd
        label
        .skrey.checkout-onepage-index
        #checkout-shipping-method-load
        .sp-methods
        dd
        label,
    .skrey #co-shipping-method-form .sp-methods dd label {
        max-width: 800px;
        width: 100%;
        display: inline;
    }
    .skrey.checkout-onepage-index #dhlparcel_wrapper {
        background-color: transparent;
    }
    .skrey
        #co-shipping-method-form
        #dhlparcel_service_point_search
        #dhl_parcel_map_search {
        width: 400px;
    }
    .skrey #dhlparcel_service_point_search .input-box {
        float: left;
    }
    .skrey #co-shipping-method-form #parcel_loc_txt > ul > li > label {
        width: unset;
    }
    .skrey.checkout-onepage-index #dhlparcel_wrapper {
        width: unset;
    }

    /**************************** END CHECKOUT ONEPAGE ****************************/

    /******************************** CONTACTS PAGE *******************************/

    .skrey .contact-content .content.fieldset .contact-field,
    .skrey .contact-content .content.fieldset .comment-field {
        height: 227px;
    }

    /****************************** END CONTACTS PAGE *****************************/

    /********************************* MESSAGES ***********************************/

    /* Messages Wrapper */

    .skrey ul.messages {
        max-width: 750px;
    }

    .skrey ul.messages > li {
        width: 90%;
    }

    /******************************* END MESSAGES *********************************/

    /********************************* HOME PAGE **********************************/

    .skrey.cms-home .featured-product-tab .magictabs {
        margin: 50px 0 10px !important;
    }

    .skrey .home-slide {
        margin-bottom: 20px;
    }

    /******************************* END HOME PAGE ********************************/
}

/* Laptop (S, M, L) Screens */
@media (min-width: 992px) {
    /*********************************** HELPERS **********************************/

    .skrey .visible-md-inline-block {
        display: inline-block !important;
    }

    /********************************* END HELPERS ********************************/

    /********************************* MESSAGES ***********************************/

    /* Messages Wrapper */

    .skrey ul.messages {
        max-width: 970px;
    }

    /******************************* END MESSAGES *********************************/

    /********************************** HEADER ************************************/

    .skrey .header-container-fixed .content-logo .logo img {
        max-width: 125%;
        /* NORMAL LOGO: max-width: 100%; */
    }

    /* Header - Logo */

    .skrey .header .middle .logo img {
        max-width: initial;
        width: 220%;
        /* NORMAL LOGO: width: 175%; */
    }

    /******************************** END HEADER **********************************/
}

/* Laptop Screens (M, L) */
@media (min-width: 1024px) {
    /*********************************** HELPERS **********************************/

    /*
     * This helper is based on: http://getbootstrap.com.vn/examples/equal-height-columns/
     * Row with equal height columns
     * --------------------------------------------------
     */
    .skrey .row.same-height,
    .skrey .row .same-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    /********************************* END HELPERS ********************************/

    /********************************** HEADER ************************************/

    /* Magic Menu - Item Level 0 */

    .skrey .header .bottom .magicmenu .nav-desktop .level0 .level-top {
        padding: 8px 5px;
    }

    .skrey .magicmenu .nav-desktop .level0.hasChild .level-top:after {
        margin-left: 2px;
    }

    .skrey .magicmenu .nav-desktop .level0 .level-top,
    .skrey .magicmenu .nav-desktop .level0 .level-top > span {
        font-size: 12px;
    }

    /******************************** END HEADER **********************************/
}

/* Laptop (L) Screens  */
@media (min-width: 1170px) {
    /*********************************** HELPERS **********************************/

    .skrey .visible-lg-inline-block {
        display: inline-block !important;
    }

    /********************************* END HELPERS ********************************/

    /********************************* MESSAGES ***********************************/

    /* Messages Wrapper */

    .skrey ul.messages {
        max-width: 1180px;
    }

    /******************************* END MESSAGES *********************************/
}

@media (max-width: 991px) {
    .pvpr-grid-wrapper {
        min-height: 51px;
    }
}