/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#_desktop_logo {
    width: 200px;
}

#header .header-top {
    position: relative;
    z-index: 100;
}

.modal-gallery .modal-dialog .modal-content .modal-body .gallery-close {
    z-index: 999;
    display: block;
    right: -15px;
}

.modal-gallery .modal-dialog .modal-content .modal-body .gallery-close:after {
    content: "\E14C";
    font-family: 'Material Icons';
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.modal.modal-gallery.js-product-images-modal {
    justify-content: center;
    align-items: center;
}

.modal-gallery .modal-dialog {
    height: auto;
}

@media screen and (max-width: 880px) {
    .modal-gallery .modal-dialog .modal-content .modal-body .gallery-close {
        right: 15px;
        top: 15px;
    }

    .modal-gallery .modal-dialog .modal-content .modal-body .gallery-close:after {
        color: #3a3a3a;
    }
}

@media screen and (max-width: 460px){
    #header .header-top .position-static .bon-nav-bar #_desktop_user_info .user-info .bon-login-popup {
        right: -50px;
    }
}