/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body {
    background: url("../images/shutterstock.jpg");
}

.lemonde_page .ruler-section .ruler-content {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-right: 30px;
    max-width: 948px;
    max-height: 500px;
    overflow-y: scroll;
}
.lemonde_page .head-landing .img-head {
    padding-top: 25px;
}
.lemonde_page .main-landing .img-main img {
    max-width: 70%;
}
.main-noti a.btn-rules {
    background: #002f4d;
}
.area-btn-message {
    display: flex;
    justify-content: center;
    align-items: center;
}
.gifts-area {
    display: flex;
}

.gifts-area figure {
    width: 45%;
    margin: 0;
}

.gifts-area .list-item {
    width: 50%;
    padding: 0;
}

.form-submid-code .input-item .btn-gr {
    padding-right: 0;
}

.main-noti .image-noti {
    width: 48%;
}
.lemonde_page .head-landing .img-head img {
    max-width: 83%;
}
.main-noti h5 {
    font-size: 45px;
}
.main-noti p,.main-noti span {
    font-size: 24px;
}
@media (max-width: 1400px){
    .turntable-bg .rotate img {
        width: 100%;
    }
}
@media (max-width: 1024px){
    .main-landing > .col-lg-6 {
        /*padding-top: 30px;*/
    }
    .lemonde_page .head-landing::before {
        width: 40%;
    }
    .lemonde_page .main-landing .img-main img {
        max-width: 90%;
    }
    .lemonde_page .main-landing .list-item {
        margin-top: 20px;
    }
    .lemonde_page .main-landing .list-item .item .l-img img {
        max-width: 70%;
    }
    .main-noti .image-noti {
        width: 60%;
    }
    .spin-wrap {
        width: 100%;
    }
    .turntable-bg {
        padding-top: 60px;
    }
    .turntable-bg .rotate img {
        width: 90%;
    }
    .lemonde_page .head-landing .img-head img {
        width: 100%;
    }
    .lemonde_page .head-landing .img-head {
        max-width: 45%;
    }
    .lemonde_page .ruler-section .ruler-content {
        margin-top: 40px;
        max-height: 350px;
    }
    .area-btn-message {
        display: block;
    }
    .main-noti span,.main-noti p {
        font-size: 20px;
        padding: 10px;
    }
    .main-noti h5 {
        line-height: normal;
        font-size: 36px;
    }
    .area-btn-message a {
        margin: 10px 0 !important;
        width: 90%;
        padding: 10px;
        text-align: center;
        font-size: 18px;
    }
    .form-submid-code .input-item {

    }
    .form-submid-code .input-item .btn-gr {
        text-align: center;
    }
    .turntable-bg .pointer {
        top: 52%;
    }
}

@media (max-width: 512px){
    .main-noti h5 {
        font-size: 26px;
    }
    .main-noti .image-noti {
        width: 80%;
    }
    .lemonde_page .head-landing .img-head {
        max-width: 65%;
    }
    .main-noti span, .main-noti p {
        font-size: 18px;
        padding: 10px;
    }
}