img {
    max-width: 100%;
}

.page-content {
    text-align: left;
}

.page-content img {
    margin: auto;
    display: block;
    max-height: inherit;
}

.page-content .trai, .page-content .left {
    text-align: left;
}

.page-content .phai, .page-content .right {
    text-align: right;
}

.page-content ul, .page-content ol {
    padding-left: 15px;
}

.page-content ul li {
    list-style: disc;
}

footer .box-f .desc-box-f {
    color: #ffffff;
}

#reason .item-reason .reason-detail .desc-reason {
    padding: 0px 0px;
    height: 182px;
    font-family: "SVN-Gilroy-SemiBold" !important;
    font-weight: 600;

}
#reason .item-reason .reason-detail .desc-reason p {
    font-family: "SVN-Gilroy-SemiBold" !important;
}

#result .btn-lable.lable-tv, #result .btn-lable {
    cursor: pointer;
}

#news .view-news .videos-kq {
    text-align: right;
}

.modal button.close {
    color: #fff;
    opacity: 1;
}

.box .dropdown-options {
    border-radius: 8px;
    overflow: hidden;
}

.box .dropdown-options .dropdown-option {
    border-bottom: solid 1px #b999d2;
}

.box .dropdown-options .dropdown-option:last-child {
    border-bottom: none;
}
.modal-backdrop {
    background-color: #6b3f8d;
    opacity: 0.5;
}
#tv-images .close, #tv-video .close {
    color: #333333;
    line-height: 25px;
    padding-top: 5px;
    border: 2px solid #6b3f8d;
    background: #ffffff;
}
#tv-images .modal-content, #tv-video .modal-content {
    border: 10px solid #f2f2f2;
}
#news .slider-news .item .desc-newspaper .name-newspaper {
    font-style: italic;
    font-family: "SVN-Gilroy-medium";
}
#news .slider-news .item .desc-newspaper .name-newspaper p {
    text-align: justify;
}
#clear-mao {
    padding: 0;
    background: url(../img/bg-register.jpg) no-repeat;
    background-size: auto 100%;
    background-position: center;
    min-height: 692px;
    position: relative;
    z-index: 9;
    overflow: unset;
}
#clear-mao .form-group , #clear-mao form .box .custom-dropdown{
    margin-bottom: 10px;
}
#clear-mao form {
    padding: 36px 15px 10px 15px;
}
#clear-mao form .sub-form {
    margin-bottom: 15px;
}
#news .col-news {
    position: relative;
    z-index: 1;
}

#doctor .profile .desc .name-dtor, #doctor .profile .desc .hvi {
    padding-left: 4px;
}
@media (min-width: 1200px) and (max-width: 1399px) {

    #news .slider-news .item .desc-newspaper .name-newspaper {
        margin-bottom: 10px;
    }
}
@media (min-width: 1200px) {
    #clear-mao form .sub-form {
        font-size: 18px;
    }
    #clear-mao .box-contact-form {
       top: calc((692px - 580px) / 2);
    }
    #clear-mao .item {
        /*padding-right: 21%;*/
        /*position: absolute;*/
        /*bottom: 0;*/
        /*left: 0;*/
    }
    #news .slider-news .item .desc-newspaper .name-newspaper {
        font-size: 11px;
        line-height: 18px;

    }
     #license .box-license .bk-dsc:hover img  {
        transition: all 0.8s ease;
        transform: scale(1.03)
    }
    #procedure .box-procedure .item-procedure:hover img {
        transition: all 0.8s ease;
        transform: scale(1.03)
    }
    #procedure .box-procedure .item-procedure p {
        font-family: "SVN-Gilroy-SemiBold" !important;
        font-size: 16px;
    }
    #facilities {
        overflow: hidden;
        background: url(../img/chua/bg-facilities.jpg)no-repeat;
        background-size: auto 100%;
        padding: 40px 0px 40px;
        background-position: center;
    }
    .nav-menu > .menu-item > .menu-link {
        font-size: 18px;
    }

    #news .view-news .videos-kq img {
        width: calc(100% - 30px);
    }

    .modal .modal-dialog {
        margin-top: calc((100vh - 570px)/2)
    }

    #reason .item-reason .reason-detail .desc-reason {
        font-size: 20px
    }
}

@media (max-width: 991px) {
    #facilities .img-content img {
        margin-left: 0px;
    }
}
@media (max-width: 767px) {
    #result #Modal-video-khachhang .modal-dialog {
        margin-top: calc((100vh - 500px)/2);
        padding: 10px;
    }
    #clear-mao {
        background: url(../img/bg-register-mobile.png) no-repeat;
        background-size: 100% auto;
        background-position: center;
        min-height: 871px;
        position: relative;
    }
    #clear-mao .title-form img {
        width: 90%;
    }
    #clear-mao .box-contact-form {
        position: absolute;
        padding-top: 306px;
        left: 0;
    }

    #news .sub-news {
        margin-bottom: 20px;
    }
    #news .list-newspaper li {
        margin-bottom: 12px;
    }
    #news .title-news {
        font-size: 20px;
    }
    #news .list-newspaper {
        margin-bottom: 20px;
    }
    #doctor {
        background: #f4f4f4;
    }
    #doctor .profile .desc .hvi  {
        font-size: 10px;
    }
    #license .box-license .bk-dsc p, #license .box-license .box-bk-mb p {
        font-size: 9px;
        line-height: 13px;
    }
    #reason {
        padding-bottom: 15px;
    }
    #reason .slider-reason .reason-detail {
        padding-bottom: 90px;
    }
    #reason .slider-reason .reason-detail .number {
        position: absolute;
        bottom: 0px;
        left: calc(50% - 38px);
    }
    #reason .slider-reason.owl-carousel .owl-dots {
        bottom: -60px;
    }
    #therapy {
        background: url(../img/bg-therapy-mb.jpg) no-repeat;
        background-size: 100% auto;
        background-position: top 0px center;
        padding-top: 15px;
        margin-top: 0px;
    }
    #procedure .box-procedure .item-procedure {
        margin-bottom: 91px;
    }

    #reason .item-reason .reason-detail .desc-reason {
        height: 280px;
    }

    #reason .item-reason .reason-detail .name-reason {
        font-size: 11px;
        padding: 11px 5px;
    }

    #news .slider-news .item .desc-newspaper .name-newspaper {
        margin-top: 25px;
        margin-bottom: 3px;
        font-size: 9px;
        font-style: italic;
    }

    #news .slider-news .item .desc-newspaper p {
        font-size: 10px;
        line-height: 14px;
        padding-top: 10px;
    }

    #license .box-license .bk-dsc p, #license .box-license .box-bk-mb p {
        font-size: 10px;
    }

    .owl-carousel .owl-nav {
        display: none;
    }
    #regiter.modal.in .modal-dialog {
        margin-top: calc((100vh - 570px)/2)
    }
}


