@media only screen and (max-width: 768px) {
    #photos {
        column-count: 2 !important;
        column-gap: 0;
    }
    .container-list-image {
        width: 100% !important;
        margin-left :0!important;
    }
    .left-panel {
        width: 100% !important;
    }
    .right-panel {
        width: 100% !important;
    }
    .item-new-top {
        border: 1px solid #ccc;
        border-radius: 3px;
    }
    .mySlides {
        margin-top: 20px;
    }
    #slide-photos-modal {
        padding: 5px!important;
    }
    .btn-action-slide {
        top: calc(25% - 10px) !important;
    }
    .btn-previous {
        left: -5px!important;
        opacity: 0.5;
    }
    .btn-next {
        right: -5px!important;
        opacity: 0.5;
    }
    .slides-div {
        padding: 15px!important;
    }
    .div-container-slides {
        width: 100% !important;
        display: inline-block!important;
        margin-top: 30px!important;
        height: auto !important;
    }
    .close-slide {
        top: 10px!important;
        right: 10px !important;
        font-size: 40px !important;
    }
    .info-photo {
        width: 100% !important;
        height: auto !important;
    }
    .header-info-counter {
        top: -29px !important;
    }
    .div-container-slide {
        overflow: scroll;
    }
}