/* Latop Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .logo a::before {
        right: 55%!important;
    }

}


/* LG  Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .logo a::before {
        width: 27%;
        right: -29%;
    }
}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
   
    .logo a::before {
        width: 18%!important;
        right: 16%!important;
    }
    h1.ah-headline.letters.type {
        text-transform: uppercase;
        font-size: 41px;
    }
    .logo a::before {
        width: 6%;
        right: 74%;
    }
    .single_counter {
        padding: 40px;
    }
    .about-img-area {
        padding-bottom: 52px;
    }
    .hero-img-area {
        padding-top: 50px;
    }
    form#contact-form input {
        width: 100%;
    }
    .banner-area {
        padding: 25px 0px 50px 0px;
    }
    .footer-area {
        padding-left: 43px;
    }
    .footer-02{
        padding-top: 30px;
    }
   

}


/* small mobile (XS) :320px. */
@media (max-width: 767px) {

    h1.ah-headline.letters.type {
        text-transform: uppercase;
        font-size: 41px;
    }
    .logo a::before {
        width: 6%;
        right: 74%;
    }
    .single_counter {
        padding: 40px;
    }
    .about-img-area {
        padding-bottom: 52px;
    }
    .hero-img-area {
        padding-top: 50px;
    }
    form#contact-form input {
        width: 100%;
    }
    .banner-area {
        padding: 25px 0px 50px 0px;
    }
    .footer-area {
        padding-left: 43px;
    }
    .footer-02{
        padding-top: 30px;
    }
}



/* SM Device :480px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #scrollUp{
        display: none!important;
    }
    h1.ah-headline.letters.type {
        text-transform: uppercase;
        font-size: 41px;
    }
    .logo a::before {
        width: 6%;
        right: 78%;
    }
    .about-img-area {
        padding-bottom: 52px;
    }
    .single_counter {
        padding: 40px;
    }
    .hero-img-area {
        padding-top: 50px;
    }
    form#contact-form input {
        width: 100%;
    }
    .banner-area {
        padding: 25px 0px 50px 0px;
    }
    .footer-area {
        padding-left: 43px;
    }
    .footer-02{
        padding-top: 30px;
    }
}