@font-face {
    font-family: 'Days';
    src: url('Days/Days.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@media (max-width: 1300px) {
    .mainButtonBlock{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    h1{
        font-size: 35px;
    }
    .mainBlockUnderText{
        font-size: 20px;
    }
    nav{
        display: none;
    }
    .socialsUnderText{
        display: none;
    }
    .blockCall{
        justify-content: center;
    }
    .blockCalk{
        justify-content: center;
        flex-wrap: wrap;
    }
    .blockAboutCalk{
        display: none;
    }
    .sellsBuutonBlock{
        justify-content: center;
        gap: 1rem;
    }
    .maintSeelsTextTitle{
        font-size: 100px;
        text-align: center;
    }
    .choisCard{
        justify-content: center;
    }
    .remove{
        padding: 0.5rem;
    }
    .trustCard{
        gap: 1rem;
    }
    .alingHeader{
        padding: 2rem;
    }
    .footer{
        padding: 1rem;
    }
}

@media (max-width: 960px) {
    .underSellsBlock{
        flex-direction: column;
        background: none;
        padding-top: 50px;
    }
    .mainTextFooter{
        flex-direction: column;
        gap: 1rem;
    }
.cardRemove{
width: 100%;
}
    .blockCardTrust{
        padding: 1rem;
width: 100%;
    }
    .mainSection{
        padding: 1rem;
    }
    h1{
        font-size: 30px;
    }
    .mainBlockUnderText{
        font-size: 17px;
    }
    .trustCard{
        justify-content: center;
    }
}

@media (max-width: 670px) {
    .contactsHeaderLogo img {
        display: none;
    }
    .removeBlockCard{
        justify-content: center;
    }
    .mainButtonZakaz{
        width: 320px;
    }
    .mainButtonStoimost{
        width: 320px;
    }
    .blockHeaderRemove{
        flex-direction: column;
    }
    .mainTextChois{
        flex-direction: column;
    }
    .inpytSelect{
        width: 320px;
    }
    .blockFormCall{
        padding: 1rem;
    }
    .socials{
        padding: 1rem;
    }
    .btnHeader{
        display: none;
    }
    .textMainHeader{
        flex-direction: column;
    }
    .sellsBuutonButton{
        width: 320px;
    }
    .sellsBuutonButtonTextTwo{
        width: 320px;
    }
    .sellsBuutonImg{
        display: none;
    }
    .order-btn{
        width: 520px;
    }
    .blockCall{
width:300px;
        justify-content: center;
    }
    .call{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }
    .socials{
        width: 320px;
    }
}

@media (max-width: 470px) {
    .mainBlockUnder{
        flex-direction: column;
    }
    .textMainHeaderBlock{
display: none;
    }
    .trustMainText{
        width:300px;
    }
    .trustCard{
        flex-direction: row;
    }
    .trust{
        padding: 1rem;
    }
}


@media (max-width: 475px) {
    h1{
        font-size: 20px;
    }
    .alingHeader img{
        width: 150px;
    }
    .sellsBuutonButtonTextForm{
        font-size: 17px;
    }
    .mainChoisCard{
        padding: 0.5rem;
        width: 100%;
    }
    .maintSeelsText{
        font-size: 16px;
    }
    .maintSeelsTextTitle{
        font-size: 22px;
    }
    .maintSeelsTextAbout{
        font-size: 22px;
    }

    .underSellsBlockTextTitel{
        font-size: 20px;
    }
    .headerCalculatorTextTitle{
        font-size: 20px;
    }
    .room-btn{
        font-size: 16px;
    }
    .inpytSelect{
        width: 300px;
    }
    .sectionVibor{
        flex-direction: column;
    }
    .order-btn{
        width: 300px;
    }
    .order-btnText{
        font-size: 17px;
    }
    .blockFormCall{
        width: 320px;
    }
    .footerLogo{
        padding-top: 20px;
    }
    .sellsBuutonImg{
        display: none;
    }
    form{

        width: 320px;
        margin: 0 auto;
    }
    .underFooter{
        flex-direction: column;
        gap: 1rem;
    }
    .select-wrapper{
        width: 320px;
    }
    .mainTextFooterOneText{
        width: 320px;
        padding-top: 10px;
    }
    .mainTextFooterTwo{
        gap: 10px;
    }
    form input{
        width: 300px;
    }
    textarea{
        width: 320px;
    }
    select{
        width: 320px;
        font-weight: 100;
        font-size: 17px;
    }
    .arrowSelect{
        display: none;
    }
    .blockSocialsTextAbout{
        font-size: 17px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .blockSocialsTextTile{
        font-size: 17px;
    }
    .blockSocials img {
        width: 30px;
    }
    .infoSocials{
        width: 320px;
    }
    .socials{
        width: 320px;

    }
    .sellsBuutonButtonForm{
        width: 320px;
    }
    .price{
        font-size: 17px;
    }
    label{
        font-size: 17px;
    }
    .section-title{
        font-size: 17px;
    }
    .calkUnderTextTitle{
        font-size: 17px;
        padding: 10px;
    }
    .underSellsBlockTitle{
        padding: 10px;
    }
    .hamburger{
        display: flex;
    }
    .mobile-nav-link{
        font-family: "Days",sans-serif;
        color: #FFFFFF;
        font-weight: 200;
    }
    .mainButtonStoimost img{
        display: none;
    }
    .trustMainText{
        font-size: 27px;
    }
    .blockHeaderRemoveTitle{
        font-size: 27px;
    }
    .blockHeaderRemoveAbout{
        font-size: 22px;
    }
    .mainTextChoisTitel{
        font-size: 27px;
    }
    .mainTextChoisAbout{
        font-size: 22px;
    }
    .underSellsBlockTitle{
        font-size: 17px;
    }
    .callMainText{
        font-size: 27px;
    }
    .mainButtonZakaz img {
        display: none;
    }
}


@media (max-width: 375px) {
    h1{
        font-size: 20px;
    }
    .alingHeader img{
        width: 150px;
    }
    .mainChoisCard{
        padding: 0.5rem;
        width: 320px;
    }
    .maintSeelsText{
        font-size: 16px;
    }
    .maintSeelsTextTitle{
        font-size: 22px;
    }
    .maintSeelsTextAbout{
        font-size: 22px;
    }

    .underSellsBlockTextTitel{
        font-size: 20px;
    }
    .headerCalculatorTextTitle{
        font-size: 20px;
    }
    .room-btn{
        font-size: 16px;
    }
    .inpytSelect{
        width: 300px;
    }
    .sectionVibor{
        flex-direction: column;
    }
    .order-btn{
        width: 300px;
    }
    .order-btnText{
        font-size: 17px;
    }
    .blockFormCall{
        width: 320px;

    }
    form{

        width: 320px;
       margin: 0 auto;
    }
    .underFooter{
        flex-direction: column;
        gap: 1rem;
    }
    .select-wrapper{
        width: 320px;
    }
    .mainTextFooterOneText{
        width: 320px;
        padding-top: 10px;
    }
    .mainTextFooterTwo{
        gap: 10px;
    }
    form input{
        width: 300px;
    }
    textarea{
        width: 300px;
    }
    select{
        width: 300px;
        font-weight: 100;
    }
    .arrowSelect{
        display: none;
    }
    .sellsBuutonButtonForm{
        width: 320px;
    }
    form{

        width: 320px;
        margin: 0 auto;
    }
    .underFooter{
        flex-direction: column;
        gap: 1rem;
    }
    .select-wrapper{
        width: 320px;
    }
    .mainTextFooterOneText{
        width: 320px;
        padding-top: 10px;
    }
    .mainTextFooterTwo{
        gap: 10px;
    }
    form input{
        width: 300px;
    }
    textarea{
        width: 320px;
    }
    select{
        width: 320px;
        font-weight: 100;
        font-size: 17px;
    }
    .arrowSelect{
        display: none;
    }
    .blockSocialsTextAbout{
        font-size: 17px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .blockSocialsTextTile{
        font-size: 17px;
    }
    .blockSocials img {
        width: 30px;
    }
    .infoSocials{
        width: 320px;
    }
    .socials{
        width: 320px;

    }
    .sellsBuutonButtonForm{
        width: 320px;
    }
    .price{
        font-size: 17px;
    }
    label{
        font-size: 17px;
    }
    .section-title{
        font-size: 17px;
    }
    .calkUnderTextTitle{
        font-size: 17px;
        padding: 10px;
    }
}

@media (max-width: 345px) {
    .inpytSelect{
        width: 270px;
    }
}