@media (max-width:1200px) {
    .explore-img img {
        width: 100%;
    }
}

@media (max-width:400px) {
    .banner-btn {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .banner-btn1 {
        margin-right: 0;
    }
}

@media (max-width:576px) {
    .banner {
        padding: 120px 0;
    }
}

@media (min-width:320px) and (max-width:576px) {
    
    .banner-contact h1 {
        font-size: 30px;
    }
    .banner-btn1 {
        padding: 15px 15px;
    }
    .banner-btn2 {
        padding: 15px 15px;
    }
    .banner-img {
        margin-top: 40px;
    }
    .banner-img img {
        width: 100%;
        animation:none;
    }

    /* explore start */

    .explore-contact h1 {
        font-size: 24px;
    }
    .explore-img img {
        width: 100%;
    }
    .explore-img-contact-left {
        width: 66%;
        position: absolute;
        top: 17px;
    }
    .explore-img-contact-right {
        width: 64%;
        position: absolute;
        bottom: 14px;
        right: 15px;
    }
    .explore-contact p {
        font-size: 16px;
        font-weight: 600;
    }

    /* benefit start */

    .benefit {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .benefit::before {
        display: none;
    }
    .benefit::after {
        display: none;
    }

    .benefit-contact h1 {
        font-size: 30px;
    }
    .benefit-img {
        left: 0%;
        right: 0;
    }
    .benefit-img img {
        width: 100%;
    }
    .benefit-card-img1 {
        padding: 20px 20px;
        width: 80%;
        right: 0px;
    }
    .benefit-card-img2 {
        padding: 20px 20px;
        width: 80%;
    }

    /* service start */

    .service-heading h1 {
        font-size: 30px;
    }
    .service-heading p {
        font-size: 14px;
        font-weight: 600;
    }
    .ser-card{
        margin: 30px 0;
    }

    /* roadmap start */


    .roadmap::before {
        display: none;
    }
    .roadmap::after{
        display: none;
    }

    .card-roadline {
        display: none;
    }

    .roadmap-heading h1 {
        font-size: 30px;
    }
    .roadmap-heading p {
        font-size: 14px;
        font-weight: 500;
    }

    .roadmap-card {
        margin-bottom: 30px;
    }

    .roadmap-text h4 {
        font-size: 25px;
    }
    .roadmap-text span {
        font-size: 30px;
    }


    /* plan start */

    .plan-heading h1 {
        font-size: 30px;
    }
    .plan-heading p {
        font-size: 14px;
        font-weight: 500;
    }

    .plan-card2{
        margin: 30px 0;
    }


    /* team start */

    .team-heading h1 {
        font-size: 30px;
    }
    .team-heading p {
        font-size: 16px;
        font-weight: 600;
    }
    .team-main1{
        margin-bottom: 30px;
    }

    /* article start */

    .article-heading h1 {
        font-size: 30px;
    }

    .acticle-card2{
        margin:30px 0;
    }

    /* review start */

    .review-heading h1 {
        font-size: 30px;
    }

    /* faq start */

    .faq-heading h1 {
        font-size: 30px;
    }

    /* newslater start */

    .news-info h1 {
        font-size: 35px;
    }
    .news-info p {
        font-size: 16px;
    }
    .mail {
        display: block;
    }
    input.form-control {
        width: 100%;
    }
    .mail-btn {
        margin-top: 30px;
    }

    /* footer start */

    .footer-shape {
        display: none;
    }
    .footer-bg{
        display: none;
    }
    .footer-contact {
        margin: 20px 0;
    }
    .footer-info {
        margin-bottom: 20px;
    }

}



@media (min-width:577px) and (max-width:768px) {
    
    .banner-contact h1 {
        font-size: 40px;
    }
    .banner-btn1 {
        padding: 15px 15px;
    }
    .banner-btn2 {
        padding: 15px 15px;
    }
    .banner-img {
        margin-top: 40px;
    }
    .banner-img img {
        width: 100%;
        animation:none;
    }

    /* explore start */

    .explore-contact h1 {
        font-size: 35px;
    }
    .explore-img img {
        width: 100%;
    }
    .explore-img-contact-left {
        width: 66%;
        position: absolute;
        top: 65px;
    }
    .explore-img-contact-right {
        width: 64%;
        position: absolute;
        bottom: 50px;
        right: 15px;
    }
    .explore-contact p {
        font-size: 16px;
        font-weight: 600;
    }

    /* benefit start */

    .benefit {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .benefit::before {
        display: none;
    }
    .benefit::after {
        display: none;
    }

    .benefit-contact h1 {
        font-size: 40px;
    }
    .benefit-img {
        left: 0%;
        right: 0;
    }
    .benefit-img img {
        width: 100%;
    }
    .benefit-card-img1 {
        padding: 20px 20px;
        width: 80%;
        right: 0px;
    }
    .benefit-card-img2 {
        padding: 20px 20px;
        width: 80%;
    }

    /* service start */

    .service-heading h1 {
        font-size: 40px;
    }
 
    .ser-card{
        margin: 30px 0;
    }

    /* roadmap start */


    .roadmap::before {
        display: none;
    }
    .roadmap::after{
        display: none;
    }

    .card-roadline {
        display: none;
    }

    .roadmap-heading h1 {
        font-size: 40px;
    }
   

    .roadmap-card {
        margin-bottom: 30px;
    }

    .roadmap-text h4 {
        font-size: 25px;
    }
    .roadmap-text span {
        font-size: 30px;
    }


    /* plan start */


    .plan-bg-shape {
        display: none;
    }
    .plan-bg{
        display: none;
    }

    .plan-heading h1 {
        font-size: 40px;
    }
  

    .plan-card2{
        margin: 30px 0;
    }


    /* team start */

    .team-heading h1 {
        font-size: 40px;
    }
   
    .team-main1{
        margin-bottom: 30px;
    }

    /* article start */

    .article-heading h1 {
        font-size: 40px;
    }

    .acticle-card2{
        margin:30px 0;
    }

    /* review start */

    .review-heading h1 {
        font-size: 40px;
    }

    /* faq start */

    .faq-heading h1 {
        font-size: 40px;
    }

    /* newslater start */

    .news-info h1 {
        font-size: 40px;
    }
    
    .mail {
        display: block;
    }
    input.form-control {
        width: 100%;
    }
    .mail-btn {
        margin-top: 30px;
    }

    /* footer start */

    .footer-shape {
        display: none;
    }
    .footer-bg{
        display: none;
    }

}


@media (min-width:769px) and (max-width:992px) {
    
  

    /* explore start */

    .explore-contact h1 {
        font-size: 35px;
    }
    .explore-img img {
        width: 100%;
    }
    .explore-img-contact-left {
        width: 66%;
        position: absolute;
        top: 125px;
    }
    .explore-img-contact-right {
        width: 64%;
        position: absolute;
        bottom: 100px;
        right: 0px;
    }
  

    /* benefit start */

    .benefit {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .benefit::before {
        display: none;
    }
    .benefit::after {
        display: none;
    }

    
    .benefit-img {
        left: 0%;
        right: 0;
    }
    .benefit-img img {
        width: 100%;
    }
    .benefit-card-img1 {
        padding: 20px 20px;
        width: 80%;
        right: 0px;
    }
    .benefit-card-img2 {
        padding: 20px 20px;
        width: 80%;
    }

    /* service start */


    .ser-card{
        margin: 0px 0;
    }
    .ser-card-l {
        margin-top: 0px;
    }
    .service-title a {
        font-size: 24px;
    }
    .service-title p {
        font-size: 15px;
    }
    .ser-cards{
        margin:30px 0;
    }

    /* roadmap start */


    .roadmap::before {
        display: none;
    }
    .roadmap::after{
        display: none;
    }

    .card-roadline {
        /* display: none; */
    }


   

    .roadmap-card {
        margin-bottom: 30px;
    }

    .roadmap-text h4 {
        font-size: 18px;
    }
    .roadmap-text span {
        font-size: 17px;
    }
    .roadmap-title p {
        font-size: 14px;
        font-weight: 500;
    }


    /* plan start */


    .plan-bg-shape {
        display: none;
    }
    .plan-bg{
        display: none;
    }




    /* team start */

    .team-heading h1 {
        font-size: 40px;
    }
   
    .team-main1{
        margin-bottom: 30px;
    }
    .team-l {
        margin-top: 0px;
    }
    .team-ls{
        margin-top: 30px;
    }



    /* article */
   
    .article-card3{
        margin-top: 30px;
    }

    /* faq start */


    .faq-img {
        position: relative;
        z-index: 1;
        margin-top: 60px;
    }

    /* newslater start */

    .news-info h1 {
        font-size: 40px;
    }
    .news-img img {
        width: 100%;
    }
    
    .mail {
        display:flex;
    }
    input.form-control {
        width: 70%;
    }


    /* footer start */

    .footer-shape {
        display: none;
    }
    .footer-bg{
        display: none;
    }

}