@media only screen and (min-width: 1777px) and (max-width: 1920px) {
    .mask-img {
        left: 67px;
    }

    .banner-main {
        left: 0%;
    }

    .about-sec {
        padding-top: 50px;
    }

    footer:before {
        left: 68%;
    }

}

@media only screen and (min-width: 1450px) and (max-width: 1599px) {

    .menuSec:before {
        width: 70px;
    }

    .site-logo img {
        width: 150px;
    }

    .social-follow {
        padding: 30px 15.2px;
    }

    .banner-sec:before {
        width: 70px;
    }

    .social-follow ul li a {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .mask-img {
        left: 70px;
        height: 400px;
    }

    h1 {
        font-size: 74px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

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

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {}

@media only screen and (min-width: 0px) and (max-width: 299px) {}