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

    header .col-md-4 {
        width: 33.3%;
        max-width: 33.3%;
    }
    header .logo {
        width: 100px;
        margin: 0 calc(50% - 50px);
    }
    header .CTA {
        font-size: 12px;
        padding: 5px 0px;
        width: 100%;
    }
    header .CTA i {
        display: none;
    }
    body:not(.elementor-editor-active) section.VideoLoad .LineMouse
    {
        height: 23vh;
    }
    .StickyTopText span
    {
        font-size: 20px;
    }
    .StickyColumn
    {
        position: static;
        top: 0;
    }


    .ProductItem .thumb {
        width: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        bottom: auto;
    }
    .ProductItem {
        padding: 161px 15px 18px;
        height: auto !important;
    }
    .ProductItem span {
        left: 18px;
    }
    .CoreValue li
    {
        height: 250px;
    }

    .CoreValue.step1.step2 {
        flex-direction: column;
    }
    .CoreValue.step1.step2 li {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .CoreValue li .Text {
        display:none;
    }
    .CoreValue.step1.step2 li .Text {
        align-items: center;
        justify-content: center;
        justify-items: center;
        display:flex;
    }
    .CoreValue.step2 li .Text p {
        height: auto;
    }

    .CaseOfStuddy h3 {
        font-size: 20px;
        line-height: 1.8;
    }

    .CaseOfStuddy h3 {
        font-size: 20px;
        line-height: 1.8;
    }
    .MenuLeft .closeMenu {
        left: 10px;
        top: 10px;
    }
    .MenuLeft .TextMenu {
        padding: 0 0 0 10px;
    }
    .MenuLeft .TextMenu ul li a {
        font-size: 21px;
        margin: 0 0 19px 0;
    }
    footer a:hover
    {
        color: #fff;
    }
}