@media only screen and (max-width: 10000px){
    .header_phone{
        opacity: 0;
        width: 0%;
    }
    .header_phone .Logo{
        opacity: 0;
        width: 0;
    }
    .phone_menu{
        opacity: 0;
        height: 0;
    }
    /*.cities_container{*/
    /*    top: 220vh;*/
    /*}*/
    .section{
        top: 240vh;
    }
    .slider{
        top: 120vh;
    }
    .rekomendacje{
        top: 113vh;
    }
}
@media only screen and (max-width: 2560px){
    /*.cities_container{*/
    /*    top: 200vh;*/
    /*}*/
    .section{
        top: 220vh;
    }
}

@media only screen and (max-width: 2000px){
    /*.cities_container{*/
    /*    top: 205vh;*/
    /*}*/
    .section{
        top: 230vh;
    }
}

@media only screen and (max-width: 1490px){
    /*.cities_container{*/
    /*    top: 200vh;*/
    /*}*/
    .section{
        top: 225vh;
    }
}

@media only screen and (max-width: 1200px){
    .nameImg{
        height: 75%;
        top: 5vh;
    }
    .slider{
        top: 110vh;
    }
    .rekomendacje{
        top: 103vh;
    }
    /*.cities_container{*/
    /*    top: 180vh;*/
    /*}*/
    .cities{
        font-size: 2vw;
    }
    .section{
        top: 205vh;
    }
}

@media only screen and (max-width: 1000px){
    .nameImg{
        height: 60%;
    }
    .slider{
        top: 70vh;
    }
    .rekomendacje{
        top: 67vh;
    }
    /*.cities_container{*/
    /*    top: 155vh;*/
    /*}*/
    .section{
        top: 150vh;
    }
}

@media only screen and (max-width: 730px){
    .cities_container{
        margin-bottom: 30px;
        width: 100%;
        
    }
    .section{
        top: 125vh;

    }
    .cities{
        font-size: 2vw;
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .cities :last-child{
        margin-right: -1vw;
    }
    .cities a{
        border-radius: 1vh;
    }
}

@media only screen and (max-width: 660px){
    .header{
        opacity: 0;
    }
    .header_phone{
        opacity: 1;
        width: 100%;
    }
    .header-number{
        position: absolute;
        opacity:1;
        margin-top: 2.5vh;
        left: 25vw;
        font-size: 5vw;
    }
    
    .header_phone .Logo{
        opacity: 1;
        width: 10vh;
    }
    .phone_menu{
        opacity: 1;
        height: 8.25vh;
    }
    .phone_menuActive{
        height: 100vh;
    }
    /*.cities_container{*/
    /*    top: 130vh;*/
    /*}*/
    .section{
        top: 160vh;
    }
    




    /* contacts */
    .contacts{
        height: 20vw;
    }
    .contacts::after{
        content: '';
        clear: both;
        display: block;
        background-color: rgb(20,20,20);
        width: 110vw;
        height: 25vh;
        margin-left: -10vw;
    }
    .contacts .lista  a{
        margin-top: 3vw;
        position: relative;
        width: 5vw;
        left: 0vw;
        margin-left: 10vw;
    }
    .contacts .lista  div{
        position: relative;
        margin-top: 3vw;
    }
    .contacts .lista .phone{
        position: relative;
        left: 7vw;
        top: 1vw;
    }
    .contacts .lista .phone .numb{
        position: relative;
        top: 1vw;
        font-size: 3.5vw;
        color: white;
    }
    .contacts .lista a .link{
        font-size: 0;
    }
    .icon{
        width: 7vw;
        height: 7vw;
        object-fit: contain;
    }
    .ioicon{
        width: 5vw;
        height: 5vw;
    }

    .contacts .lista .Copyright{
        bottom: 2vw;
    }
    .contacts .lista .Copyright .text{
        position: absolute;
        left: 15vw;
        font-size: 2vw;
        width: 95%; 
    }
    .adres{
        position: absolute;
        font-size: 2vw;
        bottom: 4vw;
        width: 100%;
        text-align:center;
    }
    /* classes */
    .productWrapper_classes{
        margin-left: 7.5vw;
        
        column-gap: 5vw;
    }
    .cardA{
        margin-top: 1vw;
    
        flex: 0 0 auto;
    
        height: 40vw;
        background-color: white;
        margin-bottom: 0.5vw;
        border-radius: 10px;
        width: 40vw;
    
    }
    .bg{
        left: 2vw;
        height: 15vw;
    }
    .imgA{
        left: 0.5vw; 
    }
    .descriptions{
        position: relative;
        width: 60%;
        height: 100%;
    }
    .descriptionA{
        font-size: 2vw;
        position: relative;
        left: 1vw;
        width: 100%;
        overflow: hidden;
        pointer-events: none;
    }
    .description2A{
        font-size: 1.4vw;
        bottom: 1vw;
        left: 1.25vw;

    }
    .description3A{
        font-size: 1.5vw;
        top: 0vw;
    }
    .buy-btnA{
        background-color: black;
        color: white;
        font-size: 1.5vw;
        position:relative;
        margin-left: 8vw;
        top: -7vw;
        width: 13vw;
        height: 6vw;
        border-radius: 100px;
    }
    .block{
        font-size: 1.2vw;
        position: absolute;
        top: 6vw;
        color: black;
        width: 13vw;
        height: 5vw;
        text-align: center;
    }
    .limit{
        top: -12.5vw;
        left: 11vw;
        font-size: 3vw;
        opacity: 1;
    }

    /* Cart */
    .cena{
        font-size: 3vw;
        position: absolute;
        bottom: 3vw;
        left: 5vw;
        width: 20vw;
        height: 4vw;
    }
    .btn-cena{
        font-size: 2vw;
        position: absolute;
        bottom: 10vw;
        left: 2vw;
        width: 20vw;
        height: 7vw;
        border-radius: 10vw;
        color: white;
        background-color: black;
        text-align: center;
        padding-top: 2vw;
    }
    .btn-form{
        font-size: 2.5vw;
        position: relative;
        margin-top: 15vw;

        right: 0;
        width: 90%;
        height: 10vw;
        border-radius: 10vw;
        color: white;
        background-color: black;
    }
    .btn{
        font-size: 5vw;
    }
    .blocker{
        font-size: 3.5vw;
        position: absolute;
        padding-top: 3.25vw;
        padding-right: 4vw;
    }
    .img{
        position: absolute;
        width: 100%;
        height: 55vw;
        overflow: hidden;
        left: 0vw;
        top: 0vw;
        border-radius: 2vw;
        background-color: white;
    }
    #name{
        font-size: 5vw;
        position: relative;
        /* margin-top: 2vw; */
        /* margin-left: 53vw; */
        left: 0;
        top: 0vw;
        width: 90%;
        text-align: center;
    }
    .description{
        position: absolute;
        background-color: rgba(0, 0, 0, 0);
        width: 55%;
        height: 20vw;
        left: 3vw;
        top: 10vw;
        text-align: left;
    }
    .forms{
        position: relative;
        top: 60vw;
        width: 100%;
        height: 75vw;
        left: 0vw;
        background-color: #E5E5E5;
        border-radius: 2vw;
        box-shadow: 0vh 0.5vh 0.75vh rgba(0, 0, 0, 0.5);
        
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 1vh;
    }
    .inpt-group{
        position: relative;
        /* margin-top: -10vw; */
        text-align: center;
        right: 0;
        margin-top: 10vw;
        width: 90%;
        height: 5vh;
        display: flex;
        flex-wrap: wrap;
        column-gap: 10vw;
    }
    .empty_text{
        font-size: 1.5vw;
    }
    .inpt-group input{
        margin-top: 2vw;
        width: 100%;
        font-size: 2.5vw;
        border: solid 3px gray;
        border-radius: 0.5vw;
    }
    .date-group{
        position: relative;
        right: 0;
        margin-top: 10vw;
        width: 90%;
        height: 5vh;
        text-align: center;
    }
    .date-group input{
        width: 100%;
        margin-top: 2vw;
        font-size: 2.5vw;
        border: solid 3px rgb(75, 75, 75);
        border-radius: 0.5vw;
    }

    /* cennik */
    td, tr{
        font-size: 2vw;
        width: 30vw;
        height: 10vw;
    }
    .srednia{
        left: 5vw;
        font-size: 2vw;
    }
    
    /*main*/
    .productWrapper{
        padding-top: 5vh;
    }
}

@media only screen and (max-width: 660px){
    .nameImg{
        opacity: 0;
    }
    .slider{
        top: 15vh;
    }
    .rekomendacje{
        top: 12vh;
    }
    /*.cities_container{*/
    /*    top: 60vh;*/
    /*}*/
    .section{
        top: 65vh;
    }
    .cities{
        font-size: 2vw;
    }
    .cities a{
        border-radius: 1vh;
        margin-top: 1.5vh;
        height: 6vh;
    }
    a.currentCity.Cities_Active{
        height: 8vh;
        margin-top: .5vh;
    }
    a.currentCity.Cities_Active:hover{
        height: 8vh;
        margin-top: .5vh;
    }

}
@media only screen and (max-width: 500px){
    /*.cities_container{*/
    /*    top: 50vh;*/
    /*}*/
    .section{
        top: 50vh;
    }
    .cities{
        font-size: 3vw;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 375px){
    /* main */
    /*.cities_container{*/
    /*    top: 85vw;*/
    /*}*/
    .section{
        top: 75vw;
    }
    .cities{
        font-size: 3vw;
    }
    
}