@charset "utf-8";

/** Tablets **/
@media screen and (max-width:1024px){
    /* pass */
    .modal-pass .modal-btn .select-layout .list-product > ul > li{ font-size:14px; }
}

/** mobiles **/
@media screen and (max-width:767px){
    /* dialog */
    .dialog-container .dialog-content{ padding-left:20px; padding-right:20px; }

    /* modal */
    .modal-container{ max-width:100%; max-height:100%; border:none; }
    /* .modal-container .modal-header{ padding:8px 16px; }
    .modal-container .modal-content{ padding:8px 16px; } */
    .modal-container .modal-btn{ padding:8px 16px; }
    .modal-L{ width:100%; height:100%; }

    .modal-profile-update .modal-btn .input-checkbox{ font-size:12px; }

    /* agree */
    .modal-agree{ font-size:12px; }

    /* share */
    .modal-share .modal-content .flex-area{ margin:-8px; flex-wrap:wrap; }
    .modal-share .modal-content .flex-area > *{ margin:8px; }

    /* review */
    .modal-review .tit-dep3{ font-size:24px; }

    /* add site */
    .modal-add-site .modal-content .txt-center{ font-size:14px; }

    /* pass */
    .modal-pass .modal-btn .select-layout{ width:100%; }
    .modal-pass .modal-btn{ flex-direction:column; }
    .modal-pass .modal-btn .select-layout{ margin-right:0; }
    .modal-pass .modal-btn .select-layout .list-product > ul > li .btn-del{ padding-left:8px; }
    .modal-pass .modal-btn .btn-L{ margin-top:8px; }

    /* review-view */
    .modal-review-view .view-type1 .content-area{ margin-top:24px; }
    .modal-review-view .view-type1 .list-images{ display:block; }
    .modal-review-view .view-type1 .list-images > ul{ margin:0; flex-direction:column; }
    .modal-review-view .view-type1 .list-images > ul > li{ margin:16px 0 0; }
    .modal-review-view .list-product{ margin-top:24px; }
    .modal-review-view .list-product > li{ padding:8px; flex-direction:column; }
    .modal-review-view .list-product > li .tit-area{ margin:0; align-items:flex-start; }
    .modal-review-view .list-product > li .tit-area .img-area{ width:72px; margin:0 0 0 8px; order:2; }
    .modal-review-view .list-product > li .tit-area .sticker-area{ margin-top:4px; }
    .modal-review-view .list-product > li .price-area .price{ font-size:16px; }
    .modal-review-view .list-product > li .price-area .price del{ line-height:12px; font-size:10px; }
}

/** mobiles xs **/
@media (max-width:320px) and (orientation:portrait){
    /* add site */
    .modal-add-site .modal-content .txt-center{ font-size:12px; }
}