@media (max-width: 991.98px){
    .header{
        position: static !important;
        
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    /* banner part start */
    .logo-a{
        font-size: 30px;
    }
    .banner{
        background-image: url("../images/mob-banner.jpg");
        background-position: top center;
    }
    .logo{
        width: 100px; 
    }
    .scrolled,
    .header{
        background: #034E3E;
        
    }
    .banner-content-box{
        grid-template-columns: repeat(1,1fr);
        margin-top: 60px;
    }
    .com-h1{
        font-size: 35px;
        line-height: 45px;
    }
    .banner-form{
        margin: 0;
    }
    .banner-form-box{
        padding: 40px 30px;
    }
    .banner-form-box h4{
        font-size: 25px;
        line-height: 30px;
    }
    /* banner part end */

    /* offer part start */
    .offer{
        margin-top: 15px;
    }
    .offer-card-box{
        grid-template-columns: repeat(1,1fr);

    }
    .com-h2{
        font-size: 30px;
        line-height: 43px;
    }
    .offer-card-top{
        padding: 40px 30px;
        padding-bottom: 35px;
        
    }
    .offer-card-bottom{
        padding: 40px 30px;
        padding-top: 35px;
    }
    .offer-card-top h4{
        font-size: 25px;
        line-height: 31px;
    }
    .offer-bottom-content,
    .offer-card-top{
        min-height: auto;
    }
    /* offer part end */
    /* how it works part start */
    .how-it-box{
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
    }
    .works-text h5{
        font-size: 22px;
        line-height: 25px;
    }
    .works-number{
        font-weight: 400;
    }
    /* how it works part end */

    /* our team part start */
    .team-box{
        grid-template-columns: repeat(1,1fr);
        max-width: 207px;
    }
    .team-text h5{
        font-size: 22px;
        line-height: 26px;
    }
    .team-img{
        height: 252px;
    }
    /* our team part end */

    /* why choose part start */
    .why-choose-box{
        grid-template-columns: repeat(1,1fr);
    }
    
    /* why choose part end */

    /* ========about page start=========== */
    .com-banner{
        min-height: 300px;
        
    }
    .contact-banner{
        background-position: right center;
    }
    /* ========about page end=========== */

    /* contact part start */
    .contact-box,
    .grid-input{
        grid-template-columns: repeat(1,1fr);
    }
    .grid-input{
        gap: 20px;
    }
    .mb-30{
        margin-bottom: 20px;
    }
    .submit-box button{
        padding: 12px 40px;
        font-size: 13px;
    }
    .thanks-banner{
        min-height: 200px;
      }
    /* contact part end */
 }

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    /* banner part start */
    .scrolled,
    .header{
        background: rgba(0, 29, 56, 1);
    }
    .banner-content-box{
        grid-template-columns: repeat(1,1fr);
        margin-top: 60px;
    }
    .com-h1{
        font-size: 45px;
        line-height: 54px;
    }
    .banner-form{
        margin: 0;
    }
    /* banner part end */

    /* offer part start */
    
    .offer-card-box{
        grid-template-columns: repeat(1,1fr);

    }
    /* offer part end */
    /* how it works part start */
    .how-it-box{
        grid-template-columns: repeat(2,1fr);
        gap: 30px;
    }
    /* how it works part end */

    /* our team part start */
    .team-box{
        grid-template-columns: repeat(2,1fr);
        max-width: 580px;
    }
    /* our team part end */

    /* why choose part start */
    .why-choose-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* why choose part end */

    /* contact part start */
    .contact-box{
        grid-template-columns: repeat(1,1fr);
    }
    
    /* contact part end */
 }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    .scrolled,
    .header{
        background: rgba(0, 29, 56, 1);
    }
    /* banner part start */
    .banner-content-box{
        grid-template-columns: repeat(1,1fr);
        margin-top: 70px;
    }
    .com-h1{
        font-size: 60px;
        line-height: 74px;
    }
    .banner-form{
        margin: 0;
    }
    /* banner part end */

    /* offer part start */
    
    .offer-card-box{
        grid-template-columns: repeat(2,1fr);

    }
    /* offer part end */
    /* how it works part start */
    .how-it-box{
        grid-template-columns: repeat(2,1fr);
        gap: 30px;
    }
    /* how it works part end */

    /* our team part start */
    .team-box{
        grid-template-columns: repeat(2,1fr);
        max-width: 580px;
    }
    /* our team part end */

    /* contact part start */
    .contact-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* contact part end */
    
 }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    /* banner part start */
    .logo-a{
        font-size: 37px;
    }
    .com-h1{
        font-size: 45px;
        line-height: 54px;
    }
    /* banner part end */
    /* quick step part start */
    .quick-content{
        padding: 0 35px;
    }
    
    /* quick step part end */
    /* offer part start */
    .offer{
        margin-top: 180px;
    }
    .offer-card-box{
        grid-template-columns: repeat(2,1fr);

    }
    /* offer part end */

    /* how it works part start */
    .how-it-box{
        gap: 30px;
    }
    /* how it works part end */

    /* our team part start */
    .team-img{
        height: 258px;
    }
    /* our team part end */

    /* contact part start */
    .contact-box{
        gap: 50px;
    }
    /* contact part end */
 }

/*Extra large devices (Extra large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) { 
    /* banner part start */
    .com-h1{
        font-size: 55px;
        line-height: 64px;
    }
    /* banner part end */
    /* offer part start */
    .offer{
        margin-top: 180px;
    }
    /* offer part end */

    /* contact part start */
    .contact-box{
        gap: 65px;
    }
    /* contact part end */

    .offer-bottom-content{
        min-height: 266px;
        
    }
 }

/*Extra large devices (Extra Extra large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    /* offer part start */
    .offer{
        margin-top: 180px;
    }
    /* offer part end */
 }