.nav_res {
    position: absolute;
    top:15px;
    right: 10px;
    width: 40px;
    height:40px;
    display:none;
    z-index: 100;
    text-indent: -9999px;
    background: var(--input-btn-bg-hover) url(../img/lvDefault/responsive.png) center center no-repeat;
    cursor: pointer;
    padding: 11px;
}

.nav_res:hover {
    opacity: .8;
    transition: .4s;
}


.mobile { display: none; }

@media screen and (max-width: 1735px) {

    .main {
        width: 1400px;
    }


    .lvSlajd .main {
        margin-left: -700px;
    }

    nav#menu {
        gap:0;
    }

}

@media screen and (max-width: 1420px) {

    .main {
        width: 1200px;
    }

    #menu_7119e599740b33f9c475cffe66474224 {display: none;}

    #zostan_agentem {
        width: 200px;
        white-space: wrap;
        text-align: center;
        padding: 10px 30px;
    }

    #duzastopka .main {
        justify-content: space-between;
    }

    .lvSlajd .main {
        margin-left: -600px;
    }


}

@media screen and (max-width: 1220px) {


    .main, header .topHeader {
        width: 1000px;
    }


    .lvSlajd .main {
        margin-left: -500px;
    }

    .opis_animki .nagl {
        font-size: 34px;
    }

    header {
        height: auto;
    }

    header .main {
        flex-direction: column;
        gap: 10px;
    }

    #boxyBottom .main .boxgl h2 {
        font-size: 18px;
    }

    #boxyTop .main {
        gap:20px;
    }

    #boxyTop .main .boxgl h2 {
        font-size: 20px;
    }

    #adresst {
        gap: 30px;
    }

    #adresst img {
        width: 250px;
    }

}


@media screen and (max-width: 1020px) {

    .main, header .topHeader, .main1000, .main800 {
        width: 800px !important;
    }

    .lvSlajd .main {
        margin-left: -400px;
    }

    .lvAnimation, .lvAnimation .lvAnimationBlock, .lvSlajd, canvas, .lvSlajd .main {
        height: 450px;
    }

    .lvSlajd {
        background-size: cover;
    }

    .opis_animki {
        width: 500px;
        margin-left:10px;
        top:0;
    }

    .opis_animki .nagl {
        font-size: 27px;
    }

    #logo img {
    }

    nav#menu a {
        font-size: 15px;
    }

    #boxyTop .main, #boxyBottom .main {
        flex-wrap: wrap;
    }
    #boxyTop .main .boxgl, #boxyBottom .main .boxgl {
        width:48%;
    }

    #duzastopka .main {
        gap: 30px;
        flex-direction: column;
    }

    #zostan_agentem {
        width: 100%;
    }

    #adresst {
        flex-direction: column;
    }

    #adresst {
        text-align: center;
    }

}


@media screen and (max-width: 820px) {

    .nav_res {
        display: block;
    }

    .main, header .topHeader, .main1000, .main800 {
        width: 100% !important;
        padding-right: 20px;
        padding-left: 20px;
    }

    section.content .main {
        padding: 20px;
    }

    .lvSlajd .main {
        padding: 20px 0;
    }



    .sectionSysCols {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .sectionSysCols.sscols3 .lvBox2, .sectionSysCols.sscols4 .lvBox2 {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    #sekcjaHome {
        padding: 0 20px;
    }

    #sekcjaHome .main {
        padding-top:0;
    }

    nav#menu {
        position:absolute;
        top: 78px;
        width: 100%;
        z-index: 200;
        background: rgba(0,0,0,.9);
        display: none;
        left:0;
    }

    nav#menu a.teltop {
        position:absolute;
        top: 10px;
        right: 10px;
    }

    nav#menu a {
        display: block;
        width:100%;
    }


    .opis_animki {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width:100%;
        height: 100%;
        text-align: center;
        background: rgba(0,0,0,.6);
    }
    .lvSlajd {
        background-position: bottom right;
    }

    .lvSlajd .main {
        margin-left: 0;
        left: auto;
    }

    .opis_animki .nagl {
        font-size: 21px;
    }

    .opis_animki .naglmm {
        font-size: 17px;
    }

    .opis_animki{
        font-size: 14px;
    }

    .lvAnimation, .lvAnimation .lvAnimationBlock, .lvSlajd, canvas, .lvSlajd .main {
        height: 350px;
    }

    #boxyTop .main .boxgl, #boxyBottom .main .boxgl {
        width:100%;
    }

    #boxyTop .main {
        margin-top: 40px;
    }



}

@media screen and (max-width: 720px) {



}

@media screen and (max-width: 620px) {


}


@media screen and (max-width: 560px) {

    .bodyLayHeader, .bodyLay .bodyLayHeader, .bodyLay .bodyLayHeader h1, .bodyLay .bodyLayHeader h2  {
        font-size: 27px;
    }

    footer {
        flex-direction: column;
    }

    footer span {
        display: none;
    }

    .sectionSysCols {
        gap:0;
        margin-top:0;
    }

    .lvBoxP h2 {
        font-size: 18px;
    }

}

@media screen and (max-width: 520px) {




}


@media screen and (max-width: 420px) {





}