@media screen and (max-width:1401px) {
    .block-light svg{
        width: 225px;
        height: 225px;
    }
}



@media screen and (max-width:1101px){
    .block-light svg{
        width: 225px;
        height: 225px;
    }

    .block-light{
        top:-2%;
    }

    .main-block .heart-one {
    position: absolute;
    top: -10%;
    left: -10%;

    max-width: max-content;
    }

    .main-block .heart-one svg{
        width: 130px;
        height: 130px;
    }

    .main-block .heart-two{
        top: 35%;
        right: -13%;
    }

    .main-block .heart-two svg{
        width: 110px;
        height: 110px;
    }

    .place-img img{
        max-width: 365px;
    }
    .container{
        max-width: 96%;
    }

    .dress-code_wrapper{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 20px;
    }

    .dress-code-text .subtitle{
        text-align: center;
    }

    .dress-code-text .title{
        text-align: center;
    }

    .list-color{
        justify-content: center;  
        max-width: 460px;
    }


}
@media screen and (max-width:913px){
   
}
@media screen and (max-width:913px){
     .container{
        max-width: 500px;
    }

    .main-img img {
    max-width: 90%;
    }   

    .main-title{
        font-size: 32px;
    }

    .main-title span:nth-child(2) {
        font-size: 24px;
        max-width: 650px;
    }

    .main-block .heart-one {
        display: none;
    }

    .main-block .heart-two {
        display: none;
    }

    .block-light svg {
        width: 96px;
        height: 96px;
    }

    .main-block{
        padding-top: 60px;
    }

    .main-subtitle{
        font-size: 18px;
        line-height: 120%;
    }

    .only-deks{
        display: none;
    }

    .only-mobile{
        display: block;
    }

    .place-event_wrapper {
    display: flex;
    justify-content: space-around;
    flex-direction: column-reverse;
    }

    .title{
        text-align: center;
        font-size: 32px;
    }

    .place-img img {
        max-width: 220px;
    }

    .place-img{
        display: flex;
        justify-content: center;
    }

    .place-img_wrapper .heart-one{
        left: 10%;
        top: 20%;
    }
    .place-img_wrapper .heart-one svg{
        width: 50px;
        height: 60px;
    }
    .place-img_wrapper .heart-two{
        left: 10%;
        top: 55%;
    }
    .place-img_wrapper .heart-two svg{
        width: 50px;
        height: 60px;
    }
    .place-img_wrapper .heart-three{
        right: 5%;
        bottom: 25%;
    }

    .place-img_wrapper .heart-three svg{
        width: 50px;
        height: 60px;
    }

    .place-img_wrapper{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .place-event{
        margin-top: 40px;
    }

    .place-img_wrapper .subtitle.only-mobile{
        text-align: center;
        letter-spacing: 2px;
        line-height: 120%;
    }

    .place-adress{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .place-adress_taking-guest{
        align-items: center;
    }

    .place-adress_event{
        align-items: center;
    }

    .place-adress_guest{
        font-size: 18px;
        text-align: center;
    }

    button{
        font-size: 20px;
        padding: 6px 30px;
    }

    .plan-day{
        margin-top: 40px;
    }

    .plan-day_time{
        font-size: 32px;
    }

    .plan-day_text {
        font-size: 20px;
    }

    .plan-day_line svg{
        width: 92px;
        height: 250px;
    }

    .plan-day_right-block {
    max-height: max-content;
    margin-top: 115px;
    }

    .details{
        margin-top: 40px;
    }

    .details_mid-block.only-mobile svg{
        width: 86px;
        height: 140px;
    }

    .detail_wrapper{
        display: flex;
        flex-direction: column;
    }

    .details-heart{
        display: none;
    }

    .details_right-block{
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .detailst-text{
        font-size: 18px;
        line-height: 140%;
            letter-spacing: 2px;
    }

    .details_cat-svg svg{
        width: 117px;
        height: 117px;
    }
    .details_left-block .detailst-text {
        padding-top: 45px;
    }

    .dress-code-text .subtitle{
        font-size: 18px;
        line-height: 140%;
        margin-top: 20px;
    }

    .list-color_block{
        max-width: 90px;
        max-height: 90px;
    }
    .list-color{
        gap: 15px;
        margin-top: 20px;
    }

    .inform-guest{
        margin-top: 40px;
    }

    .inform-guest .subtitle{
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 2px;
    }

    .good-bye{
        margin-top: 40px;
    }

    .good-bye_date{
        margin-top: 0;
    }
    .good-bye_date .title{
        font-size: 48px;
        margin-top: 15px;
    }
    .good-bye_bck svg{
        max-width: 290px;
    }
    .good-bye_bck {
    top: -25%;
    }

    .us-photo{
        margin-top: 40px;
    }

    .us-photo_wrapper .title{
        font-size: 32px;
    }
    .us-photo_name{
        font-size: 40px;
        gap: 5px;
    }
    .us-photo_name svg{
        width: 36px;
        height: 44px;
        width: 44px;
    }
    .us-photo-photo img{
        max-width: 275px;
        padding-left: 0;
    }
    .first-heart {
        bottom: 5%;
        right: 25%;
    }
    .first-heart svg{
        width: 50px;
        height: 60px;
    }
    .le-heart{
        bottom: 30%;
        right: 20%;
    }

    .le-heart svg{
        width: 35px;
        height: 45px;
    }

    .rd-heart{
        bottom: 50%;
        right: 18%;
    }
    .rd-heart svg{
        width: 20px;
        height: 30px;
    }
    .inform-guest.contact{
        margin-top: 10px;
    }
}

@media screen and (max-width:567px){
    .container{
        max-width: 98%;
    }
}