@charset "utf-8";

html, body {
    margin: 0px;
    padding: 0px;
}

.gs-ml-banner-xmas {
    position: relative;
    max-width: 1280px;
    margin: 0 auto 30px auto;
}

.gs-ml-banner-xmas img {
    width: 100%;
    height: auto;
}

.gs-ml-banner-xmas img.gm-banner-img-mob {
    display: none;
}

.gs-ml-banner-xmas .gs-banner-lnk {
    position: absolute;
    left: 46.4%;
    top: 8%;
    width: 10.8%;
    font-size: 0px !important;
    transition: all 300ms ease-out;
}

.gs-ml-banner-xmas .gs-banner-lnk:hover{
    transform: scale(1.1);
}

.gs-ml-banner-xmas .gs-banner-lnk img{
    display: block;
    width: 100%;
}

.gs-ml-banner-xmas .gs-banner-lnk.gs-lnk2 {
    left: 60.2%;
    width: 10.5%;
    top: 25%;
}

.gs-ml-banner-xmas .gs-banner-lnk.gs-lnk3 {
    left: 73.4%;
    width: 11%;
    top: 7%;
}

.gs-ml-banner-xmas .gs-banner-lnk.gs-lnk4 {
    left: 87.3%;
    width: 10.7%;
    top: 21%;
}

@media screen and (max-width: 1300px) {

    .gs-ml-banner-xmas {
        margin: 0 20px 20px 20px;
    }

}

@media screen and (max-width: 767px) {

    .gs-ml-banner-xmas {
        margin: 20px 0 20px 0;
    }

    .gs-ml-banner-xmas img.gm-banner-img-mob {
        display: block;
    }

    .gs-ml-banner-xmas img.gm-banner-img-desk {
        display: none;
    }

    .gs-ml-banner-xmas .gs-banner-lnk {
        position: absolute;
        left: 3%;
        top: 54%;
        width: 21%;
        font-size: 0px !important;
    }

    .gs-ml-banner-xmas .gs-banner-lnk.gs-lnk2 {
        left: 28%;
        width: 20.5%;
        top: 61%;
    }

    .gs-ml-banner-xmas .gs-banner-lnk.gs-lnk3 {
        left: 51%;
        width: 22%;
        top: 53%;
    }
    .gs-ml-banner-xmas .gs-banner-lnk.gs-lnk4 {
        left: 76.3%;
        width: 20.7%;
        top: 59%;
    }


}