@media (min-width: 768px) {
    .desktop-message {
        display: block;
        padding-bottom: 200px;
        margin-top: 150px;
        text-align: center;
    }

    #preloader, #content {
        display: none;
    }
}
/*@media (max-width: 1024px) {*/
/*    .container {*/
/*        max-width: 950px;*/

/*    }*/

/*    .photo-one img {*/
/*        width: 579px;*/
/*    }*/

/*    .back-clip {*/
/*        right: -142px;*/
/*    }*/

/*    .main img {*/
/*        right: -178px;*/
/*    }*/

/*    .organizer img {*/
/*        left: -251px;*/
/*    }*/

/*    .presence {*/
/*        padding-bottom: 50px;*/
/*    }*/

/*}*/

/*@media (max-width: 768px) {*/
/*    .container {*/
/*        max-width: 600px;*/
/*    }*/

/*    .photo-one img {*/
/*        width: 451px;*/
/*    }*/

/*    .main img {*/
/*        right: -673px;*/
/*        top: -26px;*/
/*    }*/

/*    .dear {*/
/*        !*font-size: 90px;*!*/
/*    }*/
/*    .calendar {*/

/*    }*/
/*    .days {*/

/*    }*/
/*    .day {*/
/*        !*padding: 10px;*!*/
/*        !*width: 20px;*!*/
/*        !*height: 20px;*!*/
/*    }*/




/*}*/

/*@media (max-width: 625px) {*/
/*    .container {*/
/*        max-width: 392px;*/
/*    }*/

/*    .image {*/
/*        width: 360px;*/
/*        height: 600px;*/
/*        margin: 0 auto;*/
/*    }*/
/*    .invite {*/
/*        !*padding: 203px 0 190px 0;*!*/
/*    }*/

/*    .invite .name {*/
/*    }*/
/*    .invite-name {*/
/*    }*/
/*    .time-info {*/
/*        grid-template-columns: 100px 50px 300px;*/
/*        grid-template-rows: 190px;*/
/*    }*/





/*        .photo-one img {*/
/*            width: 378px;*/
/*        }*/

/*    .back-clip {*/
/*        right: -90px;*/
/*        top: -70px;*/
/*    }*/
/*    .dear {*/
/*        !*font-size: 56px;*!*/
/*    }*/
/*    .no-fonts {*/
/*        font-size: 28px;*/
/*    }*/

/*    .main {*/
/*        padding: 0 0 50px 0;*/
/*    }*/
/*    .main h2 {*/
/*        font-size: 46px;*/
/*    }*/

/*    .program-title, .wishes-title, .organizer-title, .location-title, .presence-title, .timout-title {*/
/*        font-size: 60px;*/
/*    }*/
/*    .location-info p {*/
/*        font-size: 28px;*/
/*    }*/

/*    .location-address p {*/
/*        font-size: 20px;*/
/*    }*/

/*    .program {*/
/*        padding-bottom: 50px;*/
/*    }*/


/*    .organizer-text {*/
/*        font-size: 23px;*/
/*    }*/
/*    .organizer-name {*/
/*        font-size: 23px;*/
/*    }*/
/*    .phone span {*/
/*        font-size: 23px;*/
/*    }*/
/*    .organizer a {*/
/*        font-size: 23px;*/
/*    }*/
/*        .organizer img {*/
/*        left: -461px;*/
/*        top: 287px;*/
/*    }*/
/*    .presence-text {*/
/*        font-size: 28px;*/
/*    }*/
/*    .wedding-form {*/
/*        font-size: 28px;*/
/*    }*/

/*    .wedding-form {*/
/*        button {*/
/*            width: 102%;*/
/*        }*/
/*    }*/
/*    .timout-title {*/
/*        font-size: 36px;*/
/*    }*/
/*    .timout-title {*/
/*      font-size: 22px;*/
/*    }*/

/*}*/


/*@media (max-width: 575px) {*/
/*    .container {*/
/*        max-width: 380px;*/
/*    }*/



/*    .photo-one img {*/
/*        width: 275px;*/
/*    }*/

/*    .back-clip {*/
/*        right: -45px;*/
/*    }*/
/*    .photo {*/
/*        padding-bottom: 50px;*/
/*    }*/
/*    .no-fonts {*/
/*        font-size: 22px;*/
/*    }*/
/*    .main h2 {*/
/*        font-size: 36px;*/
/*    }*/
/*    .dear {*/
/*        !*font-size: 46px;*!*/
/*    }*/
/*    .calendar {*/

/*    }*/
/*    .calendar-date .month, .calendar-date .year {*/
/*        font-size: 22px;*/
/*    }*/
/*    .days {*/

/*    }*/
/*    .day {*/
/*        padding: 10px;*/
/*        width: 20px;*/
/*        height: 20px;*/
/*    }*/
/*    .heart svg {*/
/*        width: 70px;*/
/*    }*/
/*    .heart {*/
/*        bottom: -33px;*/
/*        right: -13px;*/
/*    }*/
/*    .location-info p {*/
/*        font-size: 22px;*/
/*    }*/
/*    .location-address a {*/
/*        font-size: 18px;*/
/*    }*/
/*    .program-title, .location-text-title, .wishes-title, .organizer-title, .location-title, .presence-title, .timout-title {*/
/*        font-size: 46px;*/
/*        margin-bottom: 20px;*/
/*    }*/
/*    .location {*/

/*    }*/



/*    .program-title {*/
/*        text-align: center;*/
/*    }*/

/*    .photoandvideo-info-text {*/
/*        font-size: 22px;*/
/*    }*/
/*    .dresscode-info-block {*/
/*        width: 60px;*/
/*        height: 60px;*/
/*    }*/

/*    .organizer-text {*/
/*        font-size: 22px;*/
/*    }*/
/*    .organizer img {*/
/*        left: -133%;*/
/*        top: 209px;*/
/*    }*/
/*    .presence-text {*/
/*        font-size: 22px;*/
/*    }*/
/*    .presence-text {*/
/*        margin-bottom: 0px;*/
/*    }*/
/*    .wedding-form {*/
/*        font-size: 22px;*/
/*    }*/
/*    .timout-title {*/
/*        font-size: 30px;*/
/*    }*/
/*    .wed-date-text-title, .location-text-title {*/

/*    }*/
/*    .location-text-info {*/
/*        font-size: 18px;*/
/*    }*/
/*    .wed-date-text-date {*/
/*        font-size: 36px;*/
/*    }*/
/*    .location-text-info {*/
/*    }*/
/*    .description {*/
/*        font-size: 18px;*/
/*    }*/

/*    .time-info {*/
/*        grid-template-columns: 100px 50px 250px;*/
/*        grid-template-rows: 190px;*/
/*    }*/


/*}*/
/*@media (max-width: 507px) {*/
/*    .timeline::before {*/
/*        left: 30%;*/
/*    }*/

/*}*/
/*@media (max-width: 479px) {*/
/*    .timeline::before {*/
/*        left: 35%;*/
/*    }*/
/*}*/
@media (min-width: 443px) {
    .container {
        max-width: 380px;
    }
}
@media (max-width: 443px) {
    .name-his, .name-her {
        font-size: 65px;
    }

    .presence {
        /*padding-top: 35px;*/
    }
    .container {
        max-width: 380px;
    }
    .wed-date-image, .location-date-image {

    }
    .img2 {
        object-position: 0px -124px;
    }
    .img3 {
        object-position: 0px -223px;
    }


    .photo-one img {
        width: 275px;
    }
    .invite {

    }
    .back-clip {
        right: -45px;
    }

    .no-fonts {
        font-size: 22px;
    }
    .main h2 {
        font-size: 36px;
    }
    .dear {
        /*font-size: 46px;*/
    }


    .day {
        /*padding: 8px;*/
        /*width: 10px;*/
        /*height: 10px;*/
    }
    .heart svg {

    }
    .heart {
        bottom: -4px;
        right: -5px;
    }
    .photo-table img {
        object-position: 0 -283px;
    }
    .location-info p {
        font-size: 22px;
    }
    .location-address a {
        font-size: 18px;
    }
    .program-title, .location-text-title, .wishes-title, .organizer-title, .location-title, .presence-title, .timout-title {
        font-size: 46px;
        margin-bottom: 20px;
    }
    .location {

    }




    .program-title {
        text-align: center;
    }

    .photoandvideo-info-text {
        font-size: 22px;
    }
    .dresscode-info-block {
        width: 50px;
        height: 50px;
    }


    .organizer-text {
        font-size: 18px;
    }
    .organizer img {
        left: -133%;
        top: 209px;
    }
    .phone span {
        font-size: 18px;
    }
    .organizer a {
        font-size: 18px;
    }
    .presence-text {
        font-size: 18px;
    }
    .presence-text {
        margin-bottom: 0px;
    }
    .music-text {
        font-size: 22px;
    }
    .wedding-form {
        font-size: 18px;
    }
    /*.timout-title {*/
    /*    font-size: 22px;*/
    /*}*/

    .location-text-map a {
        font-size: 16px;

    }

    .time-info {
        grid-template-columns: 60px 60px 200px;
        grid-template-rows: 190px;
    }
    .description span {
        font-size: 20px;
    }

    .description {
        font-size: 16px;
    }



    .line {
        width: 35px;
        margin-left: 15px;
    }
    .organizer-name span {
        font-size: 16px;
    }


}


@media (max-width: 420px) {
    .invite-photo {
        grid-column: 1;
        grid-row: 1;
        width: 300px;
        height: 400px;
    }
}
@media (max-width: 417px) {
   .description {
       font-size: 14px;
   }

    .photoandvideo-info-text {
        font-size: 22px;
    }
    .location-text-info {
        font-size: 18px;
    }

}
@media (max-width: 407px) {
    .wed-date-text-title {
        font-size: 36px;
    }
    @keyframes slide {
        0% { transform: translateX(-30px); }
        100% { transform: translateX(-10px); } /* Движение вправо */
    }
    .dresscode .container {
        max-width: 350px;
    }
    .center-card {
        width: 220px;
        height: 100px;
    }
    .img2 {
        object-position: 0px -173px;
    }
    .img3 {
        object-position: 0px -211px;
    }

}
@media (max-width: 403px) {
    .container {
        max-width: 350px;
    }
    .location-text-map {
        height: 600px;
    }
    .event {
        display: grid;
        grid-template-columns: 145px 145px;
        align-items: center;
        gap: 20px;
    }
    .photo {
        width: 170px;
        height: 170px;
    }
    .event:nth-child(even) {
        grid-template-columns: 170px 1fr;
    }
    .calendar-date .month, .calendar-date .year {
        font-size: 30px;
    }
    .image1, .image2, .image3 {
        width: 110px;
        height: 180px;
        border-radius: 5px;
        position: relative;

    }
    .dear-title {
        font-size: 44px;
    }
    .calendar-section .container {
        max-width: none;
    }
    .back1, .back2, .back3 {
        width: 110px;
        height: 180px;
    }
    .image {
        width: 285px;
        height: 500px;
        margin: 0 auto;
    }
    .photo-one img {
        width: 242px;
    }
    .description span {
        font-size: 18px;
    }



    .wed-date-text-title {
    }
    .description {
        font-size: 12px;
    }
    .back-clip {
        right: -45px;
        top: -52px;
    }

    .dear {
        /*font-size: 40px;*/
    }
    .no-fonts {
        font-size: 20px;
    }
    .main img {
        right: -673px;
        top: -87px;
    }

    .location-info p {
        font-size: 18px;
    }
    .location-address p {
        font-size: 15px;
    }
    .no-fonts span {
        font-size: 38px;
    }
    .location-address a {
        font-size: 15px;
        padding: 15px
    }
    .program-title, .location-text-title, .wishes-title, .organizer-title, .location-title, .presence-title, .timout-title {
        font-size: 40px;
    }

    .photoandvideo-info-text {
        font-size: 22px;
    }

    .organizer-text {
        font-size: 18px;
    }
    .organizer-name, .organizer-phone {
    }
    .organizer img {
        left: -159%;
        top: 147px;
    }
    .presence-text {
        font-size: 18px;
    }
    .wedding-form {
        button {
            width: 104%;
        }
    }
     .timout-title {
        font-size: 30px;
    }
    .time-box span {
        font-size: 28px;
    }
    .time-box p {
        margin: 5px 0 0;
        font-size: 12px;
    }
    @keyframes slide {
        0% { transform: translateX(-40px); }
        100% { transform: translateX(0px); } /* Движение вправо */
    }
}

@media (max-width: 379px) {
    .overlay, .overlay-two {
        font-size: 180px;
    }
    .overlay.just {
        top: -70px;
        left: 25px;
    }
    .overlay-two.married {
        top: -14px;
        left: 48px;
    }
    .dresscode-title {
        font-size: 63px;
    }
    .dresscode-title.details-title {
        left: 115px;
    }
    .day {
        padding: 8px;
        width: 23px;
        height: 23px;
    }
    .heart svg {
        width: 84px;
    }
    .heart {
        bottom: -13px;
        right: -11px;
    }


}
@media (max-width: 369px) {
    .container {
        max-width: 330px;
    }
    .invite-photo {
        grid-column: 1;
        grid-row: 1;
        width: 270px;
        height: 400px;
    }
    .photo {
        width: 150px;
        height: 150px;
    }
    .dear-title {
        font-size: 40px;
    }
}
@media (max-width: 333px) {
    .container {
        max-width: 300px;
    }
    .event {
        grid-template-columns: 130px 130px;
    }
    .photo {
        width: 130px;
        height: 130px;
    }
    .event:nth-child(even) {
        grid-template-columns: 130px 1fr;
    }
    .photo-one img {
        width: 207px;
    }

    .dear {
        /*font-size: 36px;*/
    }
    .no-fonts {
        font-size: 18px;
    }
    .main h2 {
        font-size: 30px;
    }
    .program-title, .wishes-title, .organizer-title, .location-title, .presence-title, .timout-title {
        font-size: 36px;
        margin-bottom: 10px;
    }
    .location-address p {
        margin: 10px 0;
    }
    .location-address a {
        font-size: 14px;
        padding: 13px;
    }
    .organizer-name, .organizer-phone {
        font-size: 30px;
    }
    .organizer img {
        left: -199%;
        top: 147px;
    }
    .wedding-form {
        font-size: 18px;
    }
    .des {
        font-size: 15px;
    }
    .timout-title {
        font-size: 26px;
    }

}