@media (max-width: 1399px) {

    

}



@media (max-width: 1199px) {

    .hero__area {

        padding: 110px 0px 130px;

    }

    .hero__title {

        font-size: 50px;

        line-height: 60px;

    }

}





@media (max-width: 991px) {

    .theme__btn {

        font-size: 14px;

        letter-spacing: 1.5px;

        padding: 16px 28px;

    }

    .hero__area {

        padding: 80px 0px 100px;

    }

    .hero__title {

        font-size: 40px;

        line-height: 50px;

        letter-spacing: 10px;

    }

    .hero__desc {

        font-size: 18px;

        line-height: 26px;

    }

    .downlaod__area {

        padding: 60px 0px;

    }

    .footer__wrapper {

        padding-bottom: 60px;

        display: flex;

        justify-content: start;

        flex-wrap: wrap;

        gap: 50px;

    }

}



@media (max-width: 768px) {

    .menu__area {

        padding: 0px 15px;

    }

    .logo img {

        width: 130px;

    }

    .menu__btn {

        gap: 10px;

    }

    .menu__btn a {

        padding: 8px 12px;

        font-size: 12px;

        letter-spacing: 1px;

    }

    .hero__wrapper .hero__icon {

        width: 130px;

    }

    .hero__title {

        font-size: 32px;

        line-height: 40px;

        letter-spacing: 8px;

    }

    .hero__area {

        padding: 70px 0px 70px;

    }

    .download__btn__wrapper {

        flex-direction: column;

    }

    .footer__area {

        padding-top: 60px;

    }

    .footer__logo img {

        width: 90px;

    }

    .footer__wrapper {

        padding-bottom: 40px;

        gap: 40px;

    }

    .footer__widget__title {

        margin-top: 0px;

    }

    .copyright__wrapper {

        flex-direction: column;

        gap: 10px;

    }

    .header__area {

        padding-top: 0px;

    }

    .menu__area {

        padding: 22px 15px;

        background: #fff;

    }

    .menu__area a.logo {

        font-size: 14px;

        color: #000;

        letter-spacing: 1px;

    }



    /* content area css start */

    .content_area {

        padding: 75px 0px;    

    }

    

    .content_area .image {

      float: left;

      margin-left: 0;

      width: 100%;

    }

    

    .content_area .content {

      float: left;

      padding-top: 50px;

      margin-left: 0;

      width: 100%;

      text-align: center;

    }

    

    .content_area .image img {

      margin-left: 10%;

      max-width: 80%;

      border-radius: 50%;

    }

    

    .clear {

      clear: both;

      width: 100%;

      height: 20px;

    }

    /* content area css end */



}