/* responsive  Document */


@media (max-width: 980px) {
    .overlay {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.83);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
    #banner {
        background-attachment: fixed;
        position: relative;
        text-align: center;
        padding: 100px 0px;
    }
    .banner-text {
        margin-top: 150px;
        text-align: left;
    }
    .banner-text span {
        font-size: 26px;
    }
    .banner-text h1 {
        font-size: 36px;
    }
    .banner-text p {
        font-size: 14px;
    }
    .logo,
    #learn {
        text-align: center;
    }
    .contact-us {
        text-align: center;
        margin-top: 15px;
    }
    .work-img,
    .learn-img {
        text-align: center;
        margin: 50px 0px;
    }
    .learn-text,
    .Best-text,
    .experties_block {
        padding-bottom: 50px;
        display: block;
        text-align: center;
    }
    #testimonial {
        padding-bottom: 0px;
    }
    #copyRight p,
    .footer-detail {
        float: none;
        text-align: center;
        font-size: 12px;
    }
    #copyRight p {
        text-align: center;
        padding: 0px;
    }
}
@media (max-width: 640px) {
    .banner-text {
        margin-top: 0px;     
    }
}
@media (max-width:500px) {
    .banner-text span,
    .banner-text h1,
    h2 {
        font-size: 30px;
    }
    .contact-us a {
        display: -webkit-box;
      
    }
    .learn_main h2,
    .work-main h2,
    .subscribe_main h2,
    .testimonial_main h2 {
        font-size: 30px;
    }
    .footer-detail h3 {
        margin-bottom: 20px;
        text-align: center;
        display: block;
    }
    .item p {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width:376px) {
    span {
        font-size: 30px;
    }
}
@media (max-width: 320px) {
    h2,
    #signUp-form h1,
    .subscribe_main h2 {
        font-size: 25px;
    }
    span {
        font-size: 30px;
    }
    .banner-text span,
    .banner-text h1 {
        font-size: 22px;
    }
}