.collection-image img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.feedback-image .image-preview span {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: initial;
    height: initial;
    background: none;
    opacity: 1;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    inset: 0px;
}

.feedback-image .image-preview span img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.feedback-section .feedback-container .action-button.right .fa {
    left: 60% !important;
}

.feedback-section .feedback-container .action-button {
    position: absolute;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: 40px;
    background-color: #fff
}

.image-wrapper {
    height: 460px;
}

.feedback-section .feedback-container .action-button.left {
    right: 36px
}

.feedback-section .feedback-container .action-button.right {
    right: 0
}

.feedback-section .feedback-container .action-button .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: #5d5d5d;
    font-size: 22px;
}

.feedback-section .feedback-container .fa-quote-left {
    font-size: 60px;
    color: #603a16;
    display: none
}

.feedback-section .feedback-container .feedback-description {
    padding: 40px 0
}

.feedback-section .feedback-container .feedback-person:before {
    content: "⎯ "
}

.slick-dots-feedback {
    bottom: 98px;
    border-top: 1px solid #747474;
    width: 50%;
    right: 9px;
    text-align: left;
}

.slick-dots-feedback li button:before {
    font-size: 11px !important;
}

.feedback-section .xem-them-svg {
    text-align: right;
    bottom: 95px;
    position: absolute;
    right: 22px;
}

.blog-img img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.feedback-section .feedback-container .action-button.right .fa {
    left: 60% !important;
}

.action-button-all {
    position: absolute;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: -40px;
    background-color: #fff;
}

.product-detail .action-button-all {
    top: -30px !important;
    background-color: #ebebeb !important;
}

.action-button-all.left {
    right: 50px
}

.action-button-all.right {
    right: 10px;
}

.action-button-all .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: #5d5d5d;
    font-size: 22px;
}

.blog-event .slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.footer-item.info .logo img {
    width: 100px;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 550px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}


/*Left*/

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}


/*Right*/

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}


/* ----- MODAL STYLE ----- */

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}


/* ----- v CAN BE DELETED v ----- */

.demo {
    padding-top: 60px;
    padding-bottom: 110px;
}

.btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
    background-color: #FFFFFF;
}

.btn-demo:focus {
    outline: 0;
}

.modal-content-custom {
    border: none !important;
    box-shadow: none !important;
}

.section-item-wrapper .catalog-item {
    margin: 0 !important;
    width: 100% !important;
    height: auto;
}

img.img-fluid {
    max-width: 100%;
    max-height: 100%;
}

.div-h-entry .h-entry {
    padding: 18px 0;
    border-bottom: 1px solid #ebebeb;
}

.div-h-entry:last-child .h-entry {
    border-bottom: none;
}

.categories ul,
.categories li {
    list-style: none;
    margin: 0px;
    padding: 6px;
    font-size: 16px;
}

.categories li {
    border-bottom: 1px solid #f1f1f1;
}

.categories li:last-child {
    border-bottom: none;
}

.site-blocks-cover.overlay {
    margin-top: 100px;
    height: 350px;
    color: #fff;
    font-size: 28px;
}

.col-md-9.mt-lg-5.text-center {
    margin-top: 50px;
}

.row.detail-new {
    margin: 25px 0;
    font-size: 18px;
}

@media only screen and (max-width: 699px) {
    .dropdown-menu {
        display: none;
        min-width: 160px;
        padding: 5px 15px;
        margin: 2px 0 0;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    .feedback-section .feedback-container .action-button {
        top: 5px
    }
    .image-wrapper {
        height: 174px;
    }
    .slick-dots-feedback {
        width: 100%;
        bottom: 25px;
    }
    .feedback-section .xem-them-svg {
        bottom: 20px;
    }
    .feedback-section .feedback-container .action-button.left {
        right: 30px
    }
    .feedback-section .feedback-container .action-button.right {
        right: -8px
    }
    .feedback-section .feedback-container .fa-quote-left {
        display: block
    }
    .action-button-all {
        top: -36px
    }
    .action-button-all.right {
        right: 16px
    }
    .action-button-all.left {
        right: 60px
    }
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        width: 100%;
    }
    .modal.right .menu-mobile {
        width: 75% !important;
    }
    .img-view-mobile .action-button-all.right {
        right: 0px !important;
    }
    .img-view-mobile .action-button-all.left {
        right: 33px;
    }
}