@media only screen and (max-width: 768px){
    
    .mitem {
        position: absolute;
        display: none;
        transform: translateY(-100%);
        bottom: -3%;
        transform: translateY(-3%);
        top: 100%;
        left: 0;
        width: 100%;
        padding: 1.3rem;
        opacity: 0;
        z-index: 22;
        transition: 2s ease-in-out;
    }

    .open-burger {
        display: block;
        opacity: 1;
        transform: translateY(0);
        transition: 2s ease-in-out;
        animation-name: fade;
    }

    @keyframes fade {
        from {
            transform: translateY(-100%);
            transform: rotateX('30deg');
        }

        to {
            transform: translateY(0);
            transform: rotateX('0deg');
        }
    }
    .mitem .menu {
        margin-bottom: .4rem;
        text-align: center;
    }
    .burger {
        display: inline-block;
        color: black;
        align-items: center;
        font-size: 2rem;
        font-weight: var(--fbold);
        cursor: pointer;
    }

    .stitle h1 {
        font-size: 2rem;
        text-align: center;
    }

    .sliders .btn-slide {
        margin-top: .9rem;
    }

    .about-sec {
        flex-direction: column;
    }

    .about-sec .a-image {
        width: 100%;
    }

    .a-image {
        order: 1;
    }

    .a-details {
        order: 2;
    }

    .about-sec .a-details {
        width: 100%;
        text-align: right;
    }

    .socialtop-white a {
        font-size: 1rem;
    }

    .service-container {
        flex-direction: column;
    }

    .service-container .service-items {
        width: 90%;
        margin-top: 1rem;
    }

    .talk-cont .t-text {
        font-size: 2rem;
    }

    .talk-cont .btn-t {
        font-size: 1rem;
        padding: .4rem;
    }

    .client-cont {
        height: 6rem;
    }

    .client-cont .clients .image {
        width: 4.5rem;
        height: 2rem;
        
    }

    .footer-cont {
        flex-direction: column;
    }

    .sect {
        width: 100%;
        margin-top: .9rem;
        text-align: center;
    }

    .mvv-cont {
        flex-direction: column;
    }

    .mvv-inner {
        width: 100%;
    }

    .big-title {
        font-size: 2rem;
    }

    .contact-items {
        flex-direction: column;
        text-align: center;
    }

    .contact-items p {
        width: 100%;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .talk-tilt svg {
        width: calc(271% + 1.3px);
        height: 150px;
    }

    .talk-btilt svg {
        width: calc(271% + 1.3px);
        height: 150px;
    }
}

/** for small screen potrait **/

@media only screen and (max-width: 400px) {
    .f-top {
        font-size: .8rem;
    }

    .socialtop a {
        font-size: .6rem; 
    }

    .socialtop-white a {
        font-size: 1rem;
    }

    .talk-cont .t-text {
        font-size: 1.8rem;
    }

    .talk-cont .btn-t {
        font-size: .9rem;
        padding: .3rem;
    }

}