.col-md-4 {
    width: 100%;
}

.site-about-header-bg {
    background: url(../images/about/about1.webp) no-repeat top center;
    height: 520px;
    background-color: white;
    background-size: 90% auto;
}
.site-about-header-bg-eng {
    background: url(../images/adgex-home-slider-1.webp) no-repeat top center;
    height: 520px;
    background-color: white;
    background-size: 90% auto;
}

.header-bottom .main-title {
    font-weight: 600;
}

.logs a1 {
    color: black;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.logs a1 img {
    max-height: 40px;
    cursor:pointer;
}

.test {
    position:absolute;
    width:100%;
    height:100%;
}

.wrapper {
    max-width: 1350px;
    margin: auto;
}
    .wrapper .logs {
        height: 900px;
        position: relative;
        background: no-repeat url(../images/logos/shema1.webp);
        background-position-x: 41%;
    }

.d-p-show {
    display: none;
}

.log1 {position:absolute;top:320px;left:calc(40% + 425px + 50px);}
.log2 {position:absolute;top:400px;left:calc(40% + 468px + 50px);}
.log3 {position:absolute;top:480px;left:calc(40% + 462px + 50px);}
.log4 {position:absolute;top:560px;left:calc(40% + 415px + 50px);}
.log5 {position:absolute;top:640px;left:calc(40% + 350px + 50px);}
.log6 {position:absolute;top:720px;left:calc(40% + 240px + 50px);}
.log7 {position:absolute;top:800px;left:calc(40% + 162px + 50px);}


@media (max-width: 1200px) {
    .wrapper .logs {
        overflow: hidden;
        background-position-x: 1%;
        max-width: 780px;
        margin: auto;
    }
    .wrapper .logs {
        height: 1500px;
        background: no-repeat url(../images/logos/shema2.webp);
    }
    .d-p-hide {
        display: none;
    }
    .d-p-show {
        display: block;
    }

    .test {
        top: 500px;
        background: no-repeat url(../images/logos/shema3.webp);
        background-position-x: 40%;
        background-position-y: 40%;
    }
    .log1 {position:absolute;top:411px;left:calc(401px + 50px);}
    .log2 {position:absolute;top:485px;left:calc(453px + 50px);}
    .log3 {position:absolute;top:561px;left:calc(460px + 50px);}
    .log4 {position:absolute;top:641px;left:calc(419px + 50px);}
    .log5 {position:absolute;top:723px;left:calc(366px + 50px);}
    .log6 {position:absolute;top:801px;left:calc(255px + 50px);}
    .log7 {position:absolute;top:874px;left:calc(162px + 50px);}
}

@media (max-width: 825px) {
    .wrapper .logs {
        background-position-x: 1%;
        max-width: 565px;
        margin: auto;
        background-size: 90% auto;
        height: 1185px;
    }
    .test {    height: 593px;top: 601px;background-position-x: 0;background-position-y: 0;}
    .log1 {position:absolute;top:9px;left:calc(355px - 70px);}
    .log2 {position:absolute;top:85px;left:calc(436px - 70px);}
    .log3 {position:absolute;top:166px;left:calc(463px - 70px);}
    .log4 {position:absolute;top:241px;left:calc(473px - 70px);}
    .log5 {position:absolute;top:323px;left:calc(414px - 70px);}
    .log6 {position:absolute;top:401px;left:calc(348px - 70px);}
    .log7 {position:absolute;top:474px;left:calc(235px - 70px);}
}

@media (max-width: 772px) {
    .site-about-header-bg {
        height: 280px;
        background-color: white;
        background-size: 100% auto;
        background-position-y: 15%;   
    }
    
}

@media (max-width: 600px) {
    .wrapper .logs {
        background-size: 100% auto;
        background-position-x: 0%;
        max-width: 565px;
        height: calc(2 * 100vw);
    }

    .test {
        background-size: 80% auto;
        background-position-y: 0%;
        max-width: 565px;
        height: calc(91vw);
        top: unset;
        bottom: 0px;
    }

    .logs a1 img {
        max-height: 6vw;
    }

    .logs a1 {
        font-size: 3vw;
    }

    .log1 {
        position: absolute;
        top: calc(0*(0.135 * 100vw - 7px));
        left: calc(40vw );
    }

    .log2 {
        position: absolute;
        top: calc(1*(0.135 * 100vw - 7px));
        left: calc(50vw);
    }

    .log3 {
        position: absolute;
        top: calc(2*(0.135 * 100vw - 7px));
        left: calc(49vw);
    }

    .log4 {
        position: absolute;
        top: calc(3*(0.135 * 100vw - 7px));
        left: calc(44vw);
    }

    .log5 {
        position: absolute;
        top: calc(4*(0.135 * 100vw - 7px));
        left: calc(34vw);
    }

    .log6 {
        position: absolute;
        top: calc(5*(0.135 * 100vw - 7px));
        left: calc(20vw);
    }

    .log7 {
        position: absolute;
        top: calc(6*(0.135 * 100vw - 7px));
        left: calc(5vw);
    }

    .site-about-header-bg {
        height: 280px;
        background-color: white;
        background-size: 100% auto;
        background-position-y: 15%;
    }
}