@media (max-width: 500px){
    .hide-to-mobile{
        display: none !important;
    }
    /* .subtitle-1{
        font-size: 14px;
    } */
}

/* @media (min-width: 768px) { */
@media (max-width: 991px) {
    .hide-to-mobile{
        display: none !important;
    }
    /* Search Input */

    .cancel-button {
        left: 20%;
    }

    .search-button {
        left: 23%;
    }
    /* End Search Input */

    /* Input Search Dialog */

    .cancel-button-dialog {
        left: 150px;
    }

    /* End Input Search Dialog */

    .card{
        background-color: #ffffff;
        border: solid #FFFFFF;
        border-radius: 8px;
    }

    /* Card Product */

    .card-product {
        width:100%;
        height: 100%;
        margin-bottom: 10px;
    }

    .card-product img{
        width: 104px;
        height: 104px;
    }

    .card-product-body{
        margin: 16px 16px 63px 120px;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 0.15px;
    }
    .card-product .card-price{
        margin: 0 0 16px 120px;
    }

    .card-price .price{
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .price .hint{
        font-size: 14px;
        letter-spacing: 0.25px;
    }
    /* Card Product */

    /* Card Order */

    .ic-24{
        display:none
    }
    .ic-20{
        display:inline
    }

    .card-order{
        width: 632px;
        height: 189px;
    }
    .card-order img{
        width: 104px;
        height: 104px;
    }

    .card-order-body{
        margin: 16px 0 33px 136px;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 0.15px;
    }
    .card-order .card-price{
        margin: 0 0 16px 136px;
    }
    .order-del{
        margin:0 32px 0 0;
    }
    .order-remove{
        margin:0 24px 0 0;
    }
    .quantity{
        vertical-align: 5px;
        margin:0 24px 0 0;
    }
    .subtotal{
        vertical-align: 5px;
        margin: 0 24px 0 0;
    }
    .price-order{
        vertical-align: 5px;
    }
    /* Card Order */
    /* dialog */
    .dialog-confirmation{
        width: auto;
        min-width: 270px;
    }
    /* end dialog */
}


@media (min-width: 992px) {

    .hide-to-dekstop{
        display: none !important;
    }
    /* Search Input */

    .input-search-right{
        vertical-align: middle;
        float: right;
        margin-right: 8px;
    }

    .search-input {
        font-size: 16px;
    }

    .cancel-button {
        left: -3px;
    }

    .search-button {
        left: 0px;
    }
    /* End Search Input */

    /* Input Search Dialog */

    .cancel-button-dialog {
        left: 15px;
    }

    /* End Input Search Dialog */

    /* Card Product */

    .card-product img{
        width: 104px;
        height: 104px;
    }

    .card-product-body{
        margin: 16px 16px 33px 120px;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 0.15px;
    }
    .card-product .card-price{
        margin: 0 0 16px 120px;
    }
    .card-price .price{
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .price .hint{
        font-size: 14px;
        letter-spacing: 0.25px;
    }
    /* Card Product */

    /* Card Order */

    .ic-24{
        display:inline
    }
    .ic-20{
        display:none
    }
    .card-order{
        width: 632px;
        height: 189px;
    }
    .card-order img{
        width: 104px;
        height: 104px;
    }

    .card-order-body{
        margin: 16px 0 33px 136px;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 0.15px;
    }
    .card-order .card-price{
        margin: 0 0 16px 136px;
    }
    .order-del{
        margin:0 32px 0 0;
    }
    .order-remove{
        margin:0 24px 0 0;
    }
    .quantity{
        vertical-align: 5px;
        margin:0 24px 0 0;
    }
    .subtotal{
        vertical-align: 5px;
        margin: 0 24px 0 0;
    }
    .price-order{
        vertical-align: 5px;
    }

    /* Card Order */

    /* Login */

    .login-page{
        padding:8% 25%;
    }

    .login-left{
        float: left;
    }

    .login-group .row .col-md-6{
        padding: 0px;
        vertical-align: middle;
        display: inline;
    }

    .login-right{
        text-align: right;
    }

    /* EndLogin */
}

@media (min-width: 1200px) {
    /* Card detail Product */
    .card-detail-content {
        margin: 0 16px 16px;
    }

    .card-product-detail{
        background-color: #ffffff;
        border: 1px solid #E0E0E0;
        border-radius: 8px;
    }

    .card-detail .row .col-lg-6{
        padding:16px
    }

    .card-detail-content .card-deskripsi{
        width: 464px;
        height: 230px;
    }

    .card-detail-content .lp-product-line {
        margin: 15px 0 16px;
        /* width: 328px; */
    }
    /* End Card detail Product */

    /* Search Input */

    .search-input {
        font-size: 18px;
    }

    .cancel-button {
        left: 10%;
    }

    .search-button {
        left: 13%;
    }
    /* End Search Input */

    /* Input Search Dialog */

    .cancel-button-dialog {
        left: 40px;
    }

    /* End Input Search Dialog */

    /* login */

    .login-page{
        padding:30px 25%;
    }

    .card-login{
        height: 500px;
    }

    .card-login .card-body{
        margin: 76px 16px 152px;
    }

    /* End login */

    /* Social Login */

    .card-login-social .card-body{
        margin: 16px 24px 16px;
    }

    /* End Social Login */
}

.full{
    width: 100%;
}
.half {
    flex: 0.5 !important;
}
.flex-1-4 { flex: 0.25 !important; }
.flex-3-4 { flex: 0.75 !important; }
.flex-1-10 { flex: 0.1 !important; }

.gap-14 {
    gap: 14px;
}
.pl-12 {
    padding-left: 12px;
}
.ml-15 {
    margin-left : 15px !important;
}