@media only screen and (max-width: 991px) {
    body{
        font-size: 14px;
    }
    h2.heading {
        font-size: 30px;
    }
    .banner-area {
        padding-top: 50px;
        text-align: center;
    }
    .banner-area p {
        font-size: 18px;
    }
    .banner-text-max-width {
        max-width: 100%;
    }
    .logo-area {
        margin-bottom: 20px;
    }
    .membership-text {
        font-size: 16px;
    }
    .services-area {
        padding-top: 50px;
    }

    .tech-beasts-area {
        padding-top: 50px;
        text-align: center;
    }
    .tech-beasts-area h2 {
        margin-bottom: 30px;
    }
    .price-text {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .guarantee-heading{
        font-size: 20px;
    }

    .personal-details-area {
        margin-top: 50px;
        text-align: center;
    }
    .ref-personal-details {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

}
@media only screen and (max-width: 767px) {
    p.logo-area {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .faq-shap-two{
        display: none;
    }
    .faq-shap{
        background-image: none;
    }

    .faq-list {
        padding: 0px 20px;
        text-align: left;
    }
    .single-card-faq button{
        text-align: left;
    }
    .social-links-area{
        text-align: left;
        padding-left: 0px;
    }
    .guarantee-heading::before{
        display: none;
    }
    .guarantee-heading::after{
        display: none;
    }
    .tech-beasts-area {
        padding-bottom: 100px;
    }
}