@media (max-width : 1410px) {
    section.menu li a {
        justify-content: center;
    }
    section.menu li a {
        padding: 24px 0px;
    }
    .content_top_slider-container .item img {
        height: 352px;
        object-fit: cover;
    }
    .content_top_coin-container .swiper-slide .item img {
        height: 352px;
        object-fit: cover;
    }
    .content_top_slider_pagination span.swiper-pagination-bullet {
        width: 28px;
        height: 4px;
    }
    .itempostlg .img {
        width: calc( 100% );
        min-width: calc( 100% );
        height: auto;
        min-height: auto;
    }
    .itempostlg .img img {
        width: 100%;
        height: 170px;
        min-height: 170px;
    }
    .itempost .title {
        font-size: 16px;
        line-height: 22px;
    }
    .itempost span:not(.badge) {
        font-size: 11px;
    }
    .itempost p {
        font-size: 14px;
        line-height: 20px;
    }
    .kuponpost.flex-column a.btn.btn-code .open {
        padding: 14px 48px 14px 20px;
    }
    .alphabet .page-link {
        height: 35px;
        width: 35px;
    }
    img.n404 {
        max-width: 400px;
        height: auto;
    }

}

@media only screen and (max-width : 1279px) {
    .postdetail ul.top li:first-child a, .postdetail ul.top li:nth-child(2) a {
        font-size: 12px;
    }
    header ul.social {
        display: none!important;
    }
    section.menu li a i {
        display: none;
    }
    a.like.bg-gray {
        font-size: 11px;
    }
    .popularcoupon a.title {
        font-size: 14px;
        color: #ffffff;
    }
    .kuponpost {
        flex-direction: column;
    }
    .kuponpost .img, .kuponpost .img img, .kuponpost.sidebarkuponpost .img, .kuponpost.sidebarkuponpost .img im {
        width: 100%!important;
        margin: 0px!important;
    }
    .kuponpost .detail {
        margin-top: 20px;
    }
    .kuponpost a.btn.btn-code {
        width: 100%;
    }
    .kuponpost a.btn.btn-code .code {
        padding-right: 30px;
    }
}

@media only screen and (max-width : 1080px) {
    .top_what-container.dream-container a {
        padding: 20px 10px;
    }
    .alphabet .page-link {
        height: 25px;
        width: 25px;
        line-height: 25px;
    }
    .content_top_slider-container .swiper-slide .item .bottom .in .post-title {
        font-size: 20px;
    }
    .content_top_coin-container .swiper-slide .item .bottom .in .price {
        font-size: 18px;
    }
    .nav-astro a svg {
        max-width: 50%;
    }
    .top_what-container.dream-container a b, .top_what-container.dream-container a strong {
        white-space: pre;
        overflow: auto;
    }
    .top_what-container.dream-container a.item {
        height: 100%;
        display: block;
    }
    .top_what-container.dream-container .swiper-slide {
        height: 100%;
    }

}

@media only screen and (max-width : 991px) {
    .menubar, .mobileheader {
        display: block;
    }
    .mobileheader {
        position: fixed;
        z-index: 999;
    }
    body {
        padding-top: 58px;
    }
    header, section.menu {
        display: none;
    }
    .itempost .img, .itempost .img img {
        width: 200px;
        height: 200px;
        min-width: 200px;
        min-height: 200px;
        object-fit: cover;
    }
    .itempostlg .img, .itempostlg .img img {
        width: 100%;
        min-width: 100%;
    }
    header a.btn {
        display: none;
    }
    .postdetail ul.top {
        margin-right: 30px;
    }
    .postdetail ul.social {
        margin-right: 30px;
    }
    section.menu li a {
        padding: 20px 0px;
        font-size: 15px;
    }
    .kuponpost .img, .kuponpost .img img {
        width: 100%;
        height: 200px;
        min-width: 100%;
        min-height: 200px;
        object-fit: cover;
    }
    .kuponpost a.btn.btn-code {
        width: auto;
    }
    .kuponpost.flex-column a.btn.btn-code {
        width: auto;
    }

    .kuponpost a.btn.btn-code .code {
        padding-right: 26px!important;
    }
    .kuponpost .detail {
        text-align: center;
    }
    img.n404 {
        max-width: 300px;
        height: auto;
    }
    .gallerypost .detail a {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }
    section.menu .container {
        min-width: 100%;
        max-width: 100%;
        padding: 0px;
    }
}

@media only screen and (max-width : 767px) {
    .topfooter ul.social li a {
        width: 36px;
        height: 36px;
    }
    .topfooter span.text-white {
        display: none;
    }
    .copyright ul.d-flex {
        display: none!important;
    }
    .itempost p {
        max-height: 59px;
        overflow: hidden;
    }
    .itempostlg {
        flex-direction: row!important;
    }
    .itempost .img, .itempost .img img {
        width: 200px!important;
        height: 200px!important;
        min-width: 200px!important;
        min-height: 200px!important;
        object-fit: cover;
    }
    .itempost .img {
        margin-right: 24px;
    }
    .itempostlg span.badge {
        right: -11px;
        top: 20px;
    }
    .kuponpost {
        flex-direction: row!important;
    }
    .kuponpost.flex-column .img, .kuponpost.flex-column .img img {
        width: 200px!important;
        height: 200px!important;
        min-width: 200px!important;
        min-height: 200px!important;
        object-fit: cover;
    }
    .kuponpost.flex-column .img {
        margin-right: 24px!important;
    }
    .alphabet nav, .tabs.bisection.bg-white {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow-x: scroll;
        width: 100%;
        z-index: 1;
    }
    .nav-tabs  {
        display: flex;
        width: max-content;
        overflow: visible;
        flex-direction: row;
        justify-content: space-between;
    }
    .tabs .nav-tabs .nav-link{
        color: #6a7082;
        font-size: 11px;
        font-weight: 500;
        border: 0px;
        background: transparent;
        position: relative;
        padding: 16px 0px !important;
        margin-right: 20px;
    }
    .alphabet .page-link {
        height: 34px;
        width: 34px;
        line-height: 26px;
    }
    .mscroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow-x: scroll;
        width: 100%;
        z-index: 1;
    }
    .nav-astro li {
        flex-grow: 1;
        width: 16%!important;
    }
    .astroheader a {
        display: none!important;
    }
    .itempost .detail {
        padding-right: 0px!important;
    }
    .itempost span.badge, .itempostlg span.badge {
        right: inherit;
        left: 4px;
        top: 4px;
        font-size: 10px;
        padding: 7px 10px;
        z-index: 99;
    }
    .astrotext img {
        display: none;
    }
}

@media only screen and (max-width : 575px) {
    a.affiliate-btn {
        background: #3173ED;
        color: #fff;
        width: 90px;
        padding: 5px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
    }
    .topfooter ul.social li a {
        width: 26px;
        height: 26px;
        font-size: 16px;
    }
    .topfooter img {
        max-width: 74%;
    }
    footer ul li {
        float: left;
        width: 50%;
        margin-bottom: 16px;
        position: relative;
    }
    img.n404 {
        max-width: 200px;
        height: auto;
    }
    .ntitle {
        color: #333951;
        font-size: 20px;
        font-weight: 400;
    }
    .itempost {
        flex-direction: column!important;
    }
    .itempost .img, .itempost .img img {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0px!important;
        height: 150px!important;
        min-height: 150px!important;
    }
    .kuponpost.flex-column .img, .kuponpost.flex-column .img img {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0px!important;
        height: 150px!important;
        min-height: 150px!important;
    }
    .itempost .detail {
        margin: 0px!important;
        padding: 0px!important;
        margin-top: 20px!important;
    }
    .itempost span.badge {
        z-index: 9;
    }
    .postdetail h1 {
        font-size: 20px;
    }
    .postdetail p {
        font-size: 16px;
        color: #6a7082;
        font-weight: 400;
        line-height: 24px;
    }
    .postdetail h2 {
        font-size: 18px;
        color: #333951;
        font-weight: 600;
    }

    .postdetail h3 {
        font-size: 16px;
        color: #333951;
        font-weight: 600;
    }

    .postlike .d-flex {
        flex-direction: column;
    }
    a.like.bg-gray {
        margin-top: 30px;
        font-size: 14px;
    }
    .commentlist ul li {
        font-size: 14px;
        line-height: 22px;
    }
    .content_coupon_slider-container .item .bottom .in {
        position: absolute;
        bottom: 70px;
        width: calc( 100% - 40px );
        left: 20px;
    }
    .content_coupon_slider-container .item .bottom .in .post-title {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
    }
    .content_coupon_slider-container .item img {
        height: 280px;
        width: 100%;
        object-fit: cover;
    }
    .companydetail .logo img {
        max-width: 80%;
        height: auto;
    }
    .kuponpost.flex-column .img {
        margin-right: 0px!important;
    }
    button.btn.btn-outline-secondary.bg-blue.text-white.border-0.br-3.pl-5.pr-5 {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    .postpagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow-x: scroll;
        width: 100%;
        z-index: 1;
    }
    .content_top_slider_pagination span.swiper-pagination-bullet {
        width: 6px;
        height: 2px;
    }
    .nav-astro li {
        flex-grow: 1;
        width: 33%!important;
    }
    .astroheader .icon {
        height: 36px;
        width: 36px;
        font-size: 20px;
    }
    .astroheader span {
        font-size: 14px;
        font-weight: 500;
    }
    .topwhat .text-dark {
        display: none;
    }
    button.btn.btn-outline-secondary.bg-blue.text-white.border-0.br-3.pl-4.pr-4 {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}