
/* Landscape */
@media all and (max-width: 568px) {
    /*Card detail*/
    .babyimg_info .paragraph {
    }

    .product-price span img {
        width: 21px;
    }


    .babyimg {
        width: auto;
        top: -33px;
        left: -37px;
    }

    .babyimg img {
        width: auto;
        height: 86vh;
    }

    .card_detail .modal-content {
        max-width: 90vw;
        overflow: visible;
    }


    .card_detail .modal-footer button.popupprple_btn {
        margin-left: 5px;
        position: relative;
        width: 97px;
        height: 29px;
    }

    .card_detail .modal-footer {
        justify-content: space-evenly;
    }

    .card_detail .modal-footer button.popupprple_btn span {
        font-size: 1.5rem;
        height: 100%;
        bottom: initial;
        top: 0px;
    }

    .card_detail .modal-footer button.popupprple_btn img {
        display: block;
    }


    /*Dashboard*/
    .welcome-bottom-inner {
        padding-bottom: 0;
    }

    .owl-carousel .owl-item img {
        height: 50px;
    }

    .right-cstm-btn-circle img {
        max-width: 65px;
    }


    span.side-menu-cstm-toogle {
        width: 38px;
        height: 38px;
        font-size: 18px !important;
    }

    .welcome-mid-left-girl-img img.girl-img {
    }

    span.price-icon h5 {
        padding-left: 17px;
        font-size: 14px;
        line-height: 20px;
    }

    span.price-icon img {
        width: 20px;
    }

    .welcome-left-author-data-sec h3 {
        font-size: 1.5rem;
    }

    .welcome-left-author-data-sec {
        /* width: 175px; */
    }


    .list_ratings {
        padding: 0;
    }



    ul.gamelist_inner li button.listimg {
        margin: 0;
    }

    .welcome-mid-right-top-left h2 {
        font-size: 1.4rem;
    }

    .welcome-mid-right-top-left li h3 {
        font-size: 1rem;
    }


    .modal-header .modal-title {
        font-size: 2.5rem
    }


    .header-top-left-menu ul li a {
        font-size: 1rem;
    }

    .header-top-left-menu ul li a {
        padding: 5px 18px;
    }

    .slider-item-inner h4 {
        font-size: 1rem;
        padding: 3px;
    }

    .slider-item-inner .slidertxt-bar {
        padding-bottom: 18px;
    }

    .right-author-chat-icon img {
    }

    .wel-mid-right-top-right-innr {
        font-size: 1rem;
    }

    .welcome-mid-right-top-left h3 strong {
        font-size: 1rem;
    }

    .slider-item-inner .slidertxt-bar .progress-level.small h6 {
        font-size: 1rem;
    }

    .welcome-mid-right-bottom-left {
        margin: 0;
    }

    .right-cstm-btn-circle {
        bottom: -39px;
        right: 15px;
    }

    .welcome-mid-right-top-left ul {
        margin-top: 5px;
    }

    .progress-level h6 {
        font-size: 1rem;
    }

    .progress-level {
        height: 10px;
    }

    .welcome-bottom-inner-btn a img {
        width: 60px;
    }

    .welcome-bottom-inner-btn {
        right: 10px;
    }

    /*Card select*/
    .card-remove {
        line-height: 23px;
        font-size: 1.8rem;
        width: 31px;
        height: 31px;
        right: -10px;
        top: -10px;
    }

    .img_inner {
        padding: 0;
    }

    ul.gamelist_inner.card-select li {
        min-height: initial;
    }

    button.popupprple_btn {
        margin: 0;
        padding: 0;
    }

    ul.gamelist_inner.grid-200 {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

    ul.gamelist_inner li {
        min-height: initial;
    }


    /*AV*/
    ul.gamelist_inner li .listbox img.eyebaby {
        min-width: initial;
        min-height: initial;
    }

    ul.gamelist_inner li .listbox {
        padding: 5px;
    }

    /*Mall*/
    .mall-category-products {
        max-height: initial;
    }

    .gallery_product {
        width: 100%;
    }

    /*Monthly stored value*/
    .monthly-stored-value-bottom-sec, .monthly-stored-value {
        float: none;
        height: auto;
    }

    .monthly-stored-value-bottom-sec ul {
        height: auto;
    }

    .page-prize_redeem .gamelist_top {
        overflow-x: visible;
    }


    /*card buy*/

    .card-pools .uniformbox_inner{

        height: 25vh;
    }

    .uniform_boxes ul li img {
        max-height: 110px;
        width: auto;
    }

    .uniformbox_inner .imgg {
        width: auto;
    }


    .uniformbox_inner .bookname button.bookbtn {
        font-size: 1.5rem;
    }

    .uniformbox_inner .coinbtn button.pinkbtn img {
        max-width: 80px
    }

    /*Card draw*/
    .gamelist_top {
        padding: 10px;
    }

    .gamelist_inner.small {
        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
        grid-gap: 10px;
    }

    .lucky_draw .modal-content {
        min-width: initial;
        width: auto;
    }

    .modal-header button.close {
        right: 0px;
        top: 0px;
    }

    .modal.fullpage_popup .modal-dialog .modal-content {
        max-width: 100%;
    }



    section.uniformsister-02 .uniformheader img {
        max-width: 125px;
    }


    ul.usernmber_list li h1 {
        font-size: 1.3rem;
        padding: 2px 0;
    }

    ul.usernmber_list li p {
        font-size: 1.3rem;
    }

    .topstart_block {
        padding: 0px;
        flex-basis: initial;
    }

    .toprate_block img.girlimg {
        max-width: 100px;
        position: absolute;
        top: 0;
        object-fit: cover;
        height: 70px;
        margin-top: 0;
        object-position: top;
    }

    .totalpoints h3 {
        font-size: 1.3rem;
        padding: 2px;
    }

    .mark180 ul li h2 {
        font-size: 2rem;
        margin: 5px;
    }


    .markchina h2 {
        font-size: 1.5rem;
    }



    .yellowshed .pull-left.text-right {
        bottom: 2px;
        width: 100%;
        position: absolute;
        text-align: left;
    }


    .yellowshed .pull-left.text-right h1.ratetxt {
        margin: 2px;
        font-size: 1rem;
    }

    .yellowshed .pull-left.text-right h4 {
        display: none;
    }

    section.uniformsister-02 .uniformheader {
        width: auto;
    }

    .yellowshed .pull-right {
        position: relative;
        z-index: 9;
    }

    .yellowshed .golimg {
        max-width: 50px;
        padding-top: 1px;
    }

    .yellowshed .golimg h1 {
        font-size: 1rem;
        padding: 14px;
        text-align: center;
    }


    .redvlack_circle {
        max-width: 40px
    }

    .redvlack_circle .text {
        font-size: 1.3rem;
    }

    .topstart_block h1 {
        font-size: 1.5rem;
    }

    .topstart_block h2 {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .topstart_block ul li {
        padding: 0px 3px;
    }


    .gametable_blocktop {
        max-width: 100%;
    }

    .topstart_block ul li img {
        max-width: 20px;
    }


    .game-statistic h4 {
        font-size: 1.2rem;
    }

    /*Role play*/
    .page-role_play .uniformvedio_section {
        margin-top: 0px;
    }

    .infowith_pinkbg {
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
    }

    .infowith_pinkbg h1 {
    }

    .infowith_pinkbg ul {
        margin-top: 5px;
        padding: 0;
    }

    .infowith_pinkbg ul li {
    }

    .vedio_slider {
        margin-top: 0;
        height: auto;
    }
}
