@media (max-width: 768px) {
/*    .modal-dialog {
        max-width: 96%;
        margin: 20px auto;
        border: 10px solid #F0F8FD !important;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }*/

/*    .modal-content {
        width: 90%;
        left : 19px;
    }

    .modal-header {
        padding: 10px; 
    }*/

/*    .modal-body {
        padding: 10px; 
    }*/

    .carousel-inner {
        width: 100%;
    }

    .carousel-indicators {
        bottom: -30px; 
    }
    .arrow-right {
        right: 0px !important;
    }
    .arrow-left{
        left: 0px !important;
    }
    .close-modal-btn {
        position: absolute;
        top: -30px; 
        right: -34px; 
        background-color: transparent !important; 
        border: none !important;
        z-index: 1051; 
    }

    .modal-header {
        position: relative; 
    }

    .close-modal-btn img {
        width: 24px ;
        height: 24px;
    }

}