@media only screen and (max-width:1280px) {
    .modal__close {
        top: -16%;
        right: 0%;
    }


}

@media only screen and (max-width:1024px) {
    .modal__close {
        top: -16%;
        right: 0%;
    }


}

@media only screen and (max-width:912px) {
.gal-img {
    width: 47%;
}
.gal-img.two {
    margin-top: 20px;
}



}

@media only screen and (max-width:712px) {
.modal__left {
    margin: 0 auto;
    width: 70%;
}
.modal__img {
    width: 100%;
}


}
@media only screen and (max-width:600px) {
.modal__close {
    top: -16%;
    right: 10%;
}


}

@media only screen and (max-width:540px) {
    .modal__close {
        right: 13%;
    }
    .congratulation {
        padding: 0px 20px 80px;
    }

}

@media only screen and (max-width:430px) {
.gallery-con-pre {
    flex-direction: column;
    gap: 30px;
}
.gal-img.two, .gal-img.three {
    margin-top: 0px;
}
.gal-img {
    width: 100%;
    margin: 0 auto;
}

.modal__left {
    margin: 0 auto;
    width: 53%;
}
.modal__close {
    top: -23%;
    right:25%;
}
.gallery-top {
    flex-direction: column;
    text-align: center;
}



}

@media only screen and (max-width: 393px) {
   
    .modal__left {
        margin: 0 auto;
        width: 48%;
    }
    .gal-top-area p {
        font-size: 18px;
    }

}