#container {
    min-width: auto;
}


@media (max-width: 988px) {
    #header{
        background-size:auto;
    }
}

#header{
    height:auto;
    width: auto !important;
    display: flex !important;
    flex-direction: column;
    padding: 30px 30px 0 30px !important;
    background-size:contain;
    background-position: 100% 100%;
}

#header .logo{
    height: auto;
    position: relative;
    display: flex !important;
    flex-direction: row;
    gap: 20px;
    margin: 0;
}

@media (max-width: 650px) {
#header .logo p {
    width: 320px;
}
}

@media (max-width: 874px) {
    #header .logo{
        flex-direction: column;
        gap: 14px;
    }
}

#header .contact{
    position: relative;
    margin: 60px 0 0 0;
    z-index: 2;
}

#header .navBox{
    margin: 100px 0 0 0; 
    left: -30px;
}

@media (max-width: 1300px) {
#header .navBox{
    width: 940px;
}
#header .navBox ul{
    width: 700px;
}
}
ul.work{
    width: 100%;
}

#person {
    z-index: 1;
}
@media (max-width: 1300px) {
#person {
    width: 180px;
    height: 400px;
    right: 0;
    top:auto;
    bottom: -20px;
    background-size: contain;
    background-position: 0 100%;
}
}
@media (max-width: 1100px) {
    #person {
        width: 180px;
        height: 350px;
        bottom: 25px;
        right: 100px;

    }
}
@media (max-width: 1000px) {
    #person {
        right: 30px;

    }
}

@media (max-width: 1300px) {
ul.work {
    position: absolute;
    z-index: 0;
}
#documentR h1 {
    margin-top: 70px !important;
}
}

@media (max-width: 991px) {
    .content{
        display: flex;
        flex-direction: column;
    }
    #documentR {
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }
    .leftBox {
        width: 100%;
    }
    .rightBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .rightBoxContact{
        max-width: 575px;
        width:auto;
        margin: 0 0 40px 0;
    }
    .rightContact {
        padding-top: 20px;
    }


    .contentText {
        width: 100%;
        padding: 35px 0 0 0;
        margin: 0 0 0 0;
    }
    .address4All {
        width: 100%;
    }
    #header .navBox ul li.navLine {
        padding-right: 9px;
        margin-right: 8px;
    }


    ul.work li a {
        max-width: 180px;
        overflow: hidden;
        border-radius: 10px;
        padding: 0;
    }

    .zakazBox ul{
        width: 100%;
    }

    #header .navBox {
width: 100%;
    }
    #header .navBox ul{
        width: 620px;
    }

    .methodsPayment {
        display: inline-block;
        width: 100%;
        margin:0;
        overflow: hidden;
    }

    #footer p.copyright {
        width:auto;

    }

    #header .logo {
        width:auto;
    }

}

@media (max-width: 1300px){
    #header .navBox {

    }

    #header .navBox ul {

    padding-right: 0;
    }

    ul.work li a span {
        font-size: 18px;
    }
}

@media (max-width: 872px){

    #header .navBox ul{
        display: none;
    }
}

@media (max-width: 767px) {
    ul.work{
        height: auto;
    }
    ul.work li{
        width: 50%;
    }
    ul.work li a{
        max-width: none;
    }
    #documentR h1 {
        margin-top: 140px !important;
    }
}

@media (max-width: 476px) {
    ul.work li{
        width: 100%;
    }
    #documentR h1 {
        margin-top: 290px !important;
    }
}


.rightContact {
    display: flex;
    flex-direction: column;
    width: auto;
    padding-left: 20px;
    padding-right: 40px;
}
.contactR{
    margin: 0 0 20px 0;
    padding: 14px;
}
.rightBoxContact p{
    margin: 0 0 14px 0;
}
p.rightContactTitle, p.rightTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    margin: 0 0 14px 0;
    padding: 0 0 0 0;
	text-align: left;
	color: #434343;
	font-size: 24px;
}
form.formSearch p.formSearchT input{
    width: 140px;
    padding: 2px 6px;
}
.article, .newsAll{
	display: flex;
	flex-direction: column;
	width: auto;
	padding-left: 20px;
	padding-right: 40px;
    background: #f8f8f8;
    padding-bottom: 20px;
    padding-top: 20px;
}
.contactS a{
    font-size: 18px;
}

form.formSearch {
    width: auto;
    margin: 18px 0 20px 0;
}


.topBox {
    float:none !important;
}


/*
@media (max-width: 1300px){
    #documentR{
        width: 100% !important;
    }
    }
*/


    @media (max-width: 1325px){
        #documentR{
            width: 850px !important;
        }
        .topBox {
            width: 100% !important;
            background-size: contain !important;
        }
        .topBoxB{
            padding: 3px 0 0 225px !important;
        }
        .topBoxR, .topBoxL {
            width: 340px !important;
        }
        }


        @media (max-width: 1240px){
            #documentR{
                width: 770px !important;
            }
            .topBoxB{
                width: 380px !important;
                padding: 0 0 0 195px !important;
                font-size: 13px !important;
            }
            .topBoxR, .topBoxL {
                width: 300px !important;
                height: 178px !important;
            }
            }

            @media (max-width: 1170px){
                .topBox {
                    width: 95% !important;
                    margin-right: 5% !important;
                    background-position-y: 20px !important;
                }
                .contentText {
                    text-align: center;
                }
                #documentR{
                    width: 100% !important;
                }
                .topBoxB{
                    width: 380px !important;
                    padding: 0 !important;
                    font-size: 13px !important;
                    padding: 0 !important;
                    margin: 13% 0 0 0 !important;
                    color: #000 !important;
                }
                .topBoxR, .topBoxL {
                    width: 38% !important;
                    height: 178px !important;
                    font-size: 13px !important;
                }
                }


                @media (max-width: 991px) {
                    #documentR{
                        width: 850px !important;
                        margin: 0 20px;
                    }
                    .topBox {
                        width: 100% !important;
                        background-size: contain !important;
                        margin-right: 0 !important;
                        background-position-y: 0 !important;
                    }
                    .topBoxB{
                        margin: 3% 0 0 0 !important;
                        color: #fff !important;
                    }
                    .topBoxR, .topBoxL {
                        width: 340px !important;
                        font-size: 14px !important;
                    }

                }


                @media (max-width: 890px) {

                    #documentR{
                        width: 740px !important;
                    }
                    .topBoxB{
                        width: 360px !important;
                        padding: 0 0 0 0 !important;
                        margin: 0 0 0 0 !important;
                        font-size: 12px !important;
                    }
                    .topBoxR, .topBoxL {
                        width: 300px !important;
                        height: 170px !important;
                        font-size: 13px !important;
                    }

                }




                @media (max-width: 786px) {

                    #documentR{
                        width: 90% !important;
                    }
                    .topBoxB{
                        width: 360px !important;
                        padding: 0 0 0 0 !important;
                        margin: 0 0 0 0 !important;
                        font-size: 12px !important;
                    }
                    .topBoxR, .topBoxL {
                        width: 300px !important;
                        height: 170px !important;
                        font-size: 13px !important;
                    }

                }












/*
#documentR {
    width: 100% !important;
    text-align: center !important;
}
*/


/*
.topBox {
    max-width: 930px !important;
    width: 100% !important;
    background-size: contain !important;
}
.topBoxB {
    max-width: 400px !important;
    width: 100% !important;
}
*/