﻿@font-face {
    font-family: HPSimplifiedLight;
    src: url(~/css/GlobalLandingPage/Font/latinGreekCyrillic-light-woff.woff);
}

i {
    font-family: HPSimplifiedLight, Arial, sans-serif !important;
}

*:focus {
    outline: none;
}

#responsivebody {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

#footer {
    /*margin-top: 25px !important;*/
}

#content-section {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#glpContainer {
    font-family: HPSimplifiedLight, Arial, sans-serif !important;
    margin-left: auto;
    margin-right: auto;
}

    #glpContainer h1,
    #glpContainer h2,
    #glpContainer h3,
    #glpContainer h4,
    #glpContainer h5,
    #glpContainer h6 {
        font-family: HPSimplifiedLight !important;
    }


/*==================================*/
/* Header Seaction
        /*==================================*/

.page-header-container {
    text-align: center;
    min-height: 106px;
    padding-top: 15px;
}

.glp-page-title {
    font-weight: normal;
    font-size: 56px;
    display: inline-block;
    vertical-align: text-top;
}

.glp-header-logo {
    vertical-align: middle;
    display: inline;
    margin-left: 28px;
}

/*==================================*/
/* Banner and Search Seaction
/*==================================*/

#searchBannerSection, #tradeInSection, #cashBackSection, #incentiveSection, #buyNTrySection, #warrantySection {
    min-height: 548px;
    width: 100%;
    position: relative;
}

#searchBannerSection {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/damenherren_faded.png'), url('../../../../Images/HP/GlobalLandingPage/banner_icons/world_map.png');
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, contain;
}

    #searchBannerSection .countrySelect > a {
        border: 1px solid #fff;
        border-radius: 3px;
        padding: 18px;
        max-width: 340px;
        display: block;
        margin-top: 15px;
        text-align: center;
        color: #000;
        background: rgba(255,255,255, 0.6);
    }

.select-country-label:before {
    content: "►";
    margin-right: 3px;
}

#searchBannerSection .countrySelect > a:hover {
    text-decoration: none
}

#searchBannerSection .countrySelect > a > span {
    font-family: HPSimplifiedLight !important;
    font-weight: 100 !important;
}

#responsivebody .modalCountrySel {
    padding: 20px 0px 20px 40px !important;
}

    #responsivebody .modalCountrySel .CntrySelEmea {
        width: 345px !important;
    }

    #responsivebody .modalCountrySel .CntrySelRegion {
        display: inline-block !important;
    }

.glp-search-box {
    margin-top: 13px;
}

    .glp-search-box > span > input[type=text] {
        border: 1px solid #fff !important;
        border-radius: 3px;
        padding: 15px 12px !important;
        min-width: 340px !important;
        display: inline;
        background: rgba(255,255,255, 0.6) !important;
        font-size: 16px !important;
        font-family: HPSimplifiedLight !important;
        color: #000 !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
        height: auto !important;
    }

    .glp-search-box > span {
        width: auto !important;
    }

    .glp-search-box > input[type=button] {
        font-family: HPSimplifiedLight;
        font-weight: 100;
        font-size: 16px;
        padding: 15px 20px 35px 20px;
        margin-left: 30px;
        border: 1px solid #fff;
        border-radius: 3px;
        background: transparent;
        min-width: 170px;
    }

.glp-search {
    min-height: 147px;
    background: rgba(0,150,214, 0.9);
    padding: 32px 0px;
}

    .glp-search .header-details-content {
        min-height: 66px;
    }

    .glp-search p {
        font-family: HPSimplifiedLight !important;
        line-height: 22px;
        color: #fff;
        font-weight: normal;
    }

    .glp-search .glp-link-banner a {
        text-decoration: underline;
        color: #fff;
        font-weight: normal !important;
        font-family: HPSimplifiedLight !important;
    }

    .glp-search h2 {
        font-weight: normal;
        font-size: 30px;
        color: #fff;
        margin-top: 0px !important;
    }

.glp-menu-desktop, .glp-menu-tablet {
    margin-top: 70px;
}

.glp-menu-icons {
    min-height: 200px;
    min-width: 200px;
}

    .glp-menu-icons > a {
        min-width: 200px;
        min-height: 200px;
        display: block;
        text-decoration: none;
        border: 0;
    }

#tradeInMenu {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_tradein_off.png');
}

    #tradeInMenu:hover {
        background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_tradein_over.png');
    }

#cashbackMenu {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_cashback_off.png');
}

    #cashbackMenu:hover {
        background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_cashback_over.png');
    }

#incentivesMenu {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_incentives_off.png');
}

    #incentivesMenu:hover {
        background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_incentives_over.png');
    }

#buyNTryMenu {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_buy_try_off.png');
}

    #buyNTryMenu:hover {
        background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_buy_try_over.png');
    }

#warrantyMenu {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_warranty_off.png');
}

    #warrantyMenu:hover {
        background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/icon_warranty_over.png');
    }

    #tradeInMenu, #tradeInMenu:hover,
    #cashbackMenu, #cashbackMenu:hover,
    #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover,
    #warrantyMenu, #warrantyMenu:hover {
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
    }

/*==================================*/
/* Panel
        /*==================================*/

.panel, .panel span {
    font-family: HPSimplifiedLight !important;
}

.panel-default .content-title, .panel-default p, .panel-default .content-link a, .panel-default .content-link a:hover, .panel-default .content-link ul {
    color: #E5E8E8 !important;
}

.panel-primary .content-title, .panel-primary p, .panel-primary .content-link a, .panel-primary .content-link a:hover, .panel-primary .content-link ul {
    color: #000 !important;
}

.content-title {
    font-size: 30px;
    font-weight: 100;
}

.content-subtitle {
    font-weight: bold;
    line-height: 33px;
    margin-bottom: 20px;
}

.content-description {
    font-weight: 100;
    line-height: 19px;
    margin-bottom: 40px;
}

.content-button-white:hover {
    text-decoration: none;
}

.content-link {
    margin-top: 27px;
}

    .content-link > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .content-link > ul li {
            font-family: HPSimplifiedLight !important;
            list-style: none;
            margin-bottom: 6px;
            font-size: 15px;
        }

    .content-link a {
        text-decoration: underline;
    }

.conten-link a > i {
    font-style: italic !important;
    font-weight: normal;
}


/*==================================*/
/* Button
        /*==================================*/

.glp-btn {
    font-family: HPSimplifiedLight !important;
    font-weight: 100;
    font-size: 16px;
    padding: 13px 26px;
    border-radius: 3px;
    background: transparent;
    min-width: 170px;
}

    .glp-btn:hover {
        text-decoration: none;
    }

    .glp-btn:visited {
        text-decoration: none;
    }

.glp-btn-default, .glp-btn-default:visited {
    color: #E5E8E8;
    border: 1px solid #E5E8E8;
}

.glp-btn-primary, .glp-btn-primary:visited {
    color: #0096D6;
    border: 1px solid #0096D6;
}

.ie-button {
    padding: 15px !important;
}


/*==================================*/
/* Trade In Section
        /*==================================*/

#tradeInSection {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/skizze_tradein.png'), url('../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_tradein.png');
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 345px, cover;
}

.tradein-content {
    padding-top: 60px;
}


/*==================================*/
/* Cash Back Section
        /*==================================*/

#cashBackSection {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_cashback.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #cashBackSection .skizee {
        position: absolute;
        top: calc(63% - 167px);
        left: calc(37% - 175px);
        width: 365px;
    }

    #cashBackSection .content, #incentiveSection .content {
        position: relative;
        z-index: 101;
        padding-top: 91px;
    }

    #cashBackSection .cashback-image {
        left: 0;
    }

    #cashBackSection .cashback-content {
        right: 0;
        background: #fff;
        border-left: 1px solid #fff;
    }

        #cashBackSection .cashback-content:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 100%;
            bottom: 0;
            border-top: 548px solid transparent;
            border-right: 196px solid #fff;
            z-index: 100;
            outline: none;
        }

    #cashBackSection .cashback-content, #cashBackSection .cashback-image {
        position: absolute;
        top: 0;
        width: calc(50% - 195px);
        bottom: 0;
    }

.pad-left-40 {
    padding-left: 40px;
}

/*==================================*/
/* Incentive Section
        /*==================================*/

#incentiveSection {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_incentives.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

    #incentiveSection .skizee {
        position: absolute;
        top: calc(63% - 167px);
        left: calc(75% - 175px);
        width: 365px;
    }

    #incentiveSection .incentive-image {
        left: 0;
    }

    #incentiveSection .incentive-content {
        left: 0;
        background: #fff;
        border-right: 1px solid #fff;
    }

        #incentiveSection .incentive-content:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 100%;
            bottom: 0;
            border-top: 548px solid #fff;
            border-right: 196px solid transparent;
            z-index: 100;
        }

    #incentiveSection .incentive-content, #incentiveSection .incentive-image {
        position: absolute;
        top: 0;
        width: calc(50% - 195px);
        bottom: 0;
    }

/*==================================*/
/* Buy and Try Section
        /*==================================*/

#buyNTrySection {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_buy_try.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #buyNTrySection .skizee {
        position: absolute;
        top: calc(50% - 167px);
        left: calc(37% - 175px);
        width: 365px;
    }

.bnt-content {
    padding-top: 115px;
}

/*==================================*/
/* Warranty Section
        /*==================================*/

#warrantySection {
    background: url('../../../../Images/HP/GlobalLandingPage/banner_icons/skizze_warranty.png'), url('../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_warranty.png');
    background-position: center, right;
    background-repeat: no-repeat, no-repeat;
    background-size: 345px, cover;
}

    #warrantySection .content {
        padding-top: 72px;
    }

/*==================================*/
/* Disclaimer Section
        /*==================================*/

#disclaimerSection {
    margin-top: 116px;
}

    #disclaimerSection .disclaimer-icon-container {
        text-align: right;
    }

    #disclaimerSection h5 {
        font-weight: bold;
        font-family: HPSimplified !important;
        margin-bottom: 5px;
    }

    #disclaimerSection p {
        font-family: HPSimplifiedLight !important;
        line-height: 21px;
        font-size: 14px;
    }

.button-to-top {
    margin-top: 30px;
    background: #808080;
    border-radius: 29px;
    float: right;
    width: 50px;
    height: 48px;
    text-align: center;
    font-size: 30px;
}

    .button-to-top a {
        text-decoration: none;
        color: #fff;
    }

.lbl_top {
    font-size: 11px;
    line-height: 0px;
}

.top-icon:before {
    content: "\276c";
    color: #fff;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    transform: rotate(90deg);
    display: inline-block;
}

.clear {
    clear: both;
}

/*==================================*/
/* Edge Specific
/*==================================*/

.edge-search-button {
    padding: 15px 20px 15px 20px !important;
}


/*==================================*/
/* Media Queries
/*==================================*/


/* Tablet ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 900px) {
    #searchBannerSection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/world_map.png) !important;
        background-repeat: no-repeat !important;
        background-position-y: 68% !important;
        background-position-x: 50% !important;
        background-size: 138% !important;
    }

    .page-header-container {
        margin-bottom: 15px;
    }

    .glp-search .header-details-content {
        min-height: 90px !important;
    }

    .glp-page-title {
        line-height: 50px;
    }

    #searchBannerSection .countrySelect > a {
        max-width: 200px;
        margin-bottom: 18px;
    }

    .glp-search-box > span > input[type=text] {
        min-width: 212px !important;
    }

    .glp-search-box > input[type=button] {
        min-width: 71px !important;
    }

    .glp-search .glp-header-logo {
        min-height: 87px;
    }

    .glp-menu-desktop {
        display: none !important;
    }

    .glp-menu-tablet {
        display: block !important;
        margin-top: 0px !important;
        padding-bottom: 15px;
    }

    .glp-menu-icons {
        margin-top: 20px;
    }

    .glp-menu-desktop {
        display: none !important;
    }

    .glp-menu-icons > a {
        min-width: 200px !important;
        min-height: 260px !important;
        height: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        text-decoration: none;
        border: 0;
    }

    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    #tradeInSection {
        background-position: 79%, center !important;
    }

    .tradein-content {
        padding-left: 42px !important;
    }

    #warrantySection {
        background-position: 432px, right !important;
    }
}

@media only screen and (min-device-width : 768px) {
    #cashBackSection .skizee {
        position: absolute;
        top: calc(63% - 167px);
        left: calc(27% - 175px) !important;
        width: 365px;
    }

    #buyNTrySection .skizee {
        position: absolute;
        top: calc(50% - 167px);
        left: calc(27% - 175px);
        width: 365px;
    }
}

@media only screen and (min-device-width : 901px) and (max-device-width : 1023px) {
    #searchBannerSection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/world_map.png) !important;
        background-repeat: no-repeat !important;
        background-position-y: 68% !important;
        background-position-x: 50% !important;
        background-size: 138% !important;
    }

    .page-header-container {
        margin-bottom: 15px;
    }

    .glp-page-title {
        line-height: 50px;
    }

    #searchBannerSection .countrySelect > a {
        max-width: 200px;
        margin-bottom: 18px;
    }

    .glp-search-box > span > input[type=text] {
        min-width: 212px !important;
    }

    .glp-search-box > input[type=button] {
        min-width: 71px !important;
    }

    .glp-search .header-details-content {
        min-height: 87px;
    }

    .glp-menu-desktop {
        display: none !important;
    }

    .glp-menu-tablet {
        display: block !important;
        margin-top: 0px !important;
        padding-bottom: 15px;
    }

    .glp-menu-icons {
        margin-top: 20px;
    }

    .glp-menu-desktop {
        display: none !important;
    }

    .glp-menu-icons > a {
        min-width: 200px !important;
        min-height: 300px !important;
        height: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        text-decoration: none;
        border: 0;
    }

    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    #tradeInSection {
        background-position: 79%, center !important;
    }

    .tradein-content {
        padding-left: 42px !important;
    }

    #buyNTrySection .bnt-content {
        padding-top: 40px !important;
    }

    #warrantySection {
        background-position: 432px, right !important;
    }
}

@media only screen and (min-width: 1024px) and (max-device-width : 1223px) {
    #searchBannerSection {
        background-position: bottom, bottom !important;
        background-size: 192% 72%, 100% 62% !important;
    }

        #searchBannerSection .countrySelect > a {
            max-width: 277px;
        }

    .glp-search-box > span > input[type=text] {
        min-width: 277px !important;
    }

    .glp-menu {
        margin-top: 37px;
    }

    .glp-menu-desktop {
        padding-bottom: 20px !important;
    }

    #tradeInSection {
        background-position: 69%, center !important;
    }

    .tradein-content {
        padding-left: 100px !important;
    }

    #buyNTrySection .panel {
        padding-left: 0px;
    }

    #buyNTrySection .bnt-content {
        padding-top: 80px;
    }

    #warrantySection {
        background-position: 599px, right !important;
    }

        #warrantySection .content {
            padding-left: 18px;
        }

    #disclaimerSection {
        margin-top: 80px;
    }
}


/* Desktops and laptops ----------- */

/** browser resize */
@media only screen and (max-width : 1036px) {
    #searchBannerSection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/world_map.png) !important;
        background-repeat: no-repeat !important;
        background-position-y: 68% !important;
        background-position-x: 50% !important;
        background-size: 138% !important;
    }

    .page-header-container {
        margin-bottom: 15px;
    }

    .glp-page-title {
        line-height: 50px;
    }

    #searchBannerSection .countrySelect > a {
        margin-bottom: 18px;
    }

    .glp-search-box > input[type=button] {
        min-width: 71px !important;
    }

    .glp-search .header-details-content {
        min-height: 87px;
    }

    .glp-menu-desktop {
        display: none !important;
    }

    .glp-menu-tablet {
        display: block !important;
        margin-top: 0px !important;
        padding-bottom: 15px;
    }

    .glp-menu-icons {
        margin-top: 20px;
    }

    .glp-menu-desktop {
        display: none !important;
    }

    .glp-menu-icons > a {
        min-width: 200px !important;
        min-height: 300px !important;
        height: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        text-decoration: none;
        border: 0;
    }

    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    #tradeInSection {
        background-position: 79%, center !important;
    }

    .tradein-content {
        padding-left: 42px !important;
    }

    #buyNTrySection .bnt-content {
        padding-top: 40px !important;
    }
}

@media only screen and (max-width: 375px) {
    .glp-search-box > span > input[type=text] {
        min-width: 189% !important;
        width: 100% !important;
    }
}

@media only screen and (max-width : 628px) {
    .disclaimer-icon-container {
        display: none;
    }

    #disclaimerSection {
        margin-top: 60px;
    }
}

@media only screen and (min-width : 629px) {
    .disclaimer-icon-container {
        display: inline-block;
    }

    .mobile-icon-toogle {
        display: none;
    }
}


/*@media only screen and (max-width: 781px) {
    .glp-page-title {
        line-height: 50px;
    }

    .glp-header-logo {
        margin-left: 0px !important;
    }

    .countrySelect > a {
        max-width: none !important;
    }

    #searchBannerSection .countrySelect > a,
    .glp-search p,
    .glp-search-box > span > input[type=text] {
        font-size: 22px !important;
    }

    .glp-search-box > input[type=button] {
        font-size: 22px;
        padding: 16px 20px 44px 20px;
    }

    .panel h2 {
        font-size: 42px;
    }

    .panel a {
        font-size: 27px;
    }

    .panel p {
        font-size: 27px;
        line-height: 30px;
    }

    .glp-search-box > span {
        width: 100% !important;
    }

        .glp-search-box > span > input[type=text] {
            width: 100% !important;
        }

    .glp-search-box > input[type=button] {
        margin-left: 0px !important;
        margin-top: 20px !important;
        width: 100% !important;
    }

    .glp-menu-desktop {
        margin-top: 0px !important;
        padding: 10px 0px !important;
    }

    .countrySelect {
        margin-bottom: 15px !important;
    }

    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        background-position: center !important;
        min-height: 330px !important;
    }

    #cashBackSection .content, #incentiveSection .content, .bnt-content, #warrantySection .content {
        padding-top: 45px;
    }

    #searchBannerSection {
        background: none;
    }

    #tradeInSection {
        background-image: url(../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_tradein.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        #tradeInSection .panel, #cashBackSection .panel, #incentiveSection .panel, #buyNTrySection .panel, #warrantySection .panel {
            padding: 0px 40px !important;
        }

    #cashBackSection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_cashback.png);
        background-position: left;
        background-repeat: no-repeat, no-repeat;
    }

        #cashBackSection .skizee {
            display: none;
        }

        #cashBackSection .cashback-content, #incentiveSection .incentive-content {
            background: transparent !important;
            border: 0px !important;
        }

            #cashBackSection .cashback-content:before, #incentiveSection .incentive-content::after {
                border: 0 !important
            }

        #cashBackSection h2, #cashBackSection p {
            color: #000 !important;
        }

    #incentiveSection {
        background-image: none;
        background-color: #fff;
    }

        #incentiveSection .skizee {
            display: none;
        }

    #buyNTrySection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_buy_try.png);
        background-repeat: no-repeat;
        background-position: center;
    }

        #buyNTrySection .skizee {
            display: none;
        }

    #warrantySection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_warranty.png);
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width : 768px) and (max-width : 781px) {
    #searchBannerSection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/world_map.png) !important;
        background-repeat: no-repeat !important;
        background-position-y: 68% !important;
        background-position-x: 50% !important;
        background-size: 138% !important;
    }

    .page-header-container {
        margin-bottom: 15px;
    }

    .glp-search .header-details-content {
        min-height: 90px !important;
    }

    .glp-page-title {
        line-height: 50px;
    }

    #searchBannerSection .countrySelect > a {
        max-width: 200px;
        margin-bottom: 18px;
    }

    .glp-search-box > span > input[type=text] {
        min-width: 212px !important;
    }

    .glp-search-box > input[type=button] {
        min-width: 71px !important;
    }

    .glp-search .glp-header-logo {
        min-height: 87px;
    }

    .glp-menu-desktop {
        display: none !important;
    }

    .glp-menu-tablet {
        display: block !important;
        margin-top: 0px !important;
        padding-bottom: 15px;
    }

    .glp-menu-icons {
        margin-top: 20px;
    }

    .glp-menu-desktop {
        display: none !important;
    }

    .glp-menu-icons > a {
        min-width: 200px !important;
        min-height: 260px !important;
        height: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        text-decoration: none;
        border: 0;
    }

    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 72% 103% !important;
    }

        #warrantyMenu, #warrantyMenu:hover {
            background-size: 37% 103% !important;
        }

    #tradeInSection {
        background-position: 79%, center !important;
    }

    .tradein-content {
        padding-left: 42px !important;
    }

    #incentiveSection .panel {
        padding-left: 0px !important;
    }

    #warrantySection {
        background-position: 432px, right !important;
    }
}*/

@media only screen and (max-width : 964px) {
    .glp-search-box > span > input[type=text] {
        min-width: 249px !important;
    }

    .glp-search-box > input[type=button] {
        min-width: unset !important;
        margin-left: 5px !important;
    }

    #searchBannerSection .countrySelect > a {
        max-width: 249px;
    }
}

@media only screen and (max-width : 850px) {
    .glp-menu-icons > a {
        min-width: 200px !important;
        min-height: 280px !important;
        height: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        text-decoration: none;
        border: 0;
    }
}

@media only screen and (max-width: 799px) {
    .glp-menu-icons > a {
        min-width: 200px !important;
        min-height: 250px !important;
        height: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        text-decoration: none;
        border: 0;
    }
}

@media only screen and (max-width: 781px) {
    .glp-search-box > span > input[type=text] {
        min-width: 240px !important;
    }
}

@media only screen and (max-width: 767px) {
    .glp-menu-desktop {
        display: block !important;
    }

    .glp-menu-tablet {
        display: none !important;
    }

    .glp-menu-icons {
        max-width: 373px;
        margin-right: auto;
        margin-left: auto;
    }

    #searchBannerSection .countrySelect > a {
        max-width: inherit !important;
    }

    .riSingle {
        display: initial;
    }

    .glp-search-box > span {
        width: 100% !important;
    }

    .glp-search-box input {
        display: block;
        width: 100% !important;
        margin-top: 12px;
        margin-left: 0px !important;
    }

    .glp-search-box > input[type=button] {
        margin-left: 0px !important;
    }

    #tradeInSection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_tradein.png);
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #cashBackSection {
        background-position: right !important;
    }

        #cashBackSection .skizee, #cashBackSection .cashback-content,
        #incentiveSection .skizee,
        #buyNTrySection .skizee {
            display: none;
        }

    #incentiveSection {
        background: #f5f5f5 !important;
    }

    #warrantySection {
        background: url(../../../../Images/HP/GlobalLandingPage/banner_icons/_HG_warranty.png);
        background-position: left !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #warrantyMenu, #warrantyMenu:hover {
        background-repeat: no-repeat !important;
        background-position: center !important;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width : 964px) and (max-width : 1163px) {

    .glp-search-box > input[type=button] {
        min-width: unset !important;
        margin-left: 5px !important;
    }
}

@media only screen and (max-width: 1223px) {
    .glp-menu-desktop, .glp-menu-tablet {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1059px) {
    .glp-menu-desktop, .glp-menu-tablet {
        margin-top: 30px;
    }
}

@media only screen and (min-width : 1224px) {

    #tradeInSection {
        background-position: center, center !important;
    }

        #tradeInSection .panel {
            padding-left: 40px !important;
        }

    #cashBackSection .panel {
        padding-left: 0px !important;
    }


    #buyNTrySection .panel {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width : 2001px) {
    #buyNTrySection .skizee {
        position: absolute;
        top: calc(50% - 167px);
        left: calc(37% - 175px);
        width: 365px;
    }
}

/* Smartphones ----------- */
/*@media only screen and (max-device-width : 480px) {
        #disclaimerSection {
            margin-top: 45px;
        }

       .disclaimer-icon-container {
            display: none;
        }

        .mobile-icon-toogle {
            display: inline-block;
        }

        #searchBannerSection {
            background: none !important;
        }

        #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
        #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
        #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu,
        #warrantyMenu:hover {
            background-size: 73% 102% !important;
            margin-top: 13px;
        }

        #warrantyMenu {
            margin-bottom: 13px;
        }

        #incentiveSection .panel {
            padding-left: 40px !important;
        }

        #incentiveSection {
            background: #f5f5f5 !important;
        }

            .tradein-content, #incentiveSection .panel {
                padding-left: 20px !important;
            }

        .pad-left-40 {
            padding-left: 15px;
        }

        .modalWindow .modalCountrySel {
            left: 4px !important;
        }

        #responsivebody .modalCountrySel {
            width: 87% !important;
        }
    }

    @media only screen and (max-device-width:360px) {
        #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
        #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
        #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
            background-size: 78% 102% !important;
            margin-top: 13px;
        }
    }

    @media only screen and (max-device-width:355px) {
        #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
        #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
        #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
            background-size: 79% 102% !important;
            margin-top: 13px;
        }
    }

    @media only screen and (max-device-width:330px) {
        #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
        #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
        #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
            background-size: 84% 102% !important;
            margin-top: 13px;
        }
    }

    @media only screen and (max-device-width:300px) {
        #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
        #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
        #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
            background-size: 95% 102% !important;
            margin-top: 13px;
        }
    }*/

@media only screen and (max-width: 380px) {
    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        margin-top: 1px;
    }

    .tradein-content {
        padding-left: 20px !important;
    }

    .pad-left-40 {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 360px) {
    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        margin-top: 13px;
    }

    #disclaimerSection {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 355px) {
    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        margin-top: 5px;
    }

    #disclaimerSection {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 330px) {
    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        margin-top: 13px;
    }
}

@media only screen and (max-width: 300px) {
    #tradeInMenu, #tradeInMenu:hover, #cashbackMenu,
    #cashbackMenu:hover, #incentivesMenu, #incentivesMenu:hover,
    #buyNTryMenu, #buyNTryMenu:hover, #warrantyMenu, #warrantyMenu:hover {
        margin-top: -11px;
    }
}
