/*=========================================
CONTACT INTRO RESPONSIVE
=========================================*/
@media(max-width:1024px){
    .contact-captainfloat .hero-bg-title, .contact-intro::before {
    font-size: 180px;
}

.about-content h1{
    font-size: 40px;
}

.about-content p{
    font-size: 18px;
}

.contact-left h2{
    font-size: 40px;
    line-height: 50px;
}

.contact-grid{
        grid-template-columns: 33% 58%;
}
.contact-right p {
    font-size: 17px;
}

.contact-type h3 {
    font-size: 24px;
}

.contact-form-grid {
    grid-template-columns: 33% 58%;
}

.form-intro h2{
    font-size: 40px;
    line-height: 50px;
}

.form-intro h2{
    margin-top: 0px;
}

.form-intro p{
    font-size: 14px;
}

.submit-btn{
    font-size: 11px;
}
}
@media(max-width:991px){

    .contact-intro{

        padding:120px 0;

    }

    .contact-grid{

        grid-template-columns:1fr;

        gap:50px;

        margin-bottom:70px;

    }

    .contact-types{

        grid-template-columns:1fr;

    }

    .contact-left h2{

        font-size:30px;
        font-size: 40px;

    }

    .contact-intro-text{

        font-size:24px;

    }

}

@media(max-width:767px){

    .contact-intro{

        padding:90px 0;

    }

    .contact-left h2{

        font-size:30px;
        line-height: 40px;

    }

    .contact-intro-text{

        font-size:20px;

    }

    .contact-right p{

        font-size:16px;

    }

    .contact-type{

        padding:30px;

    }

    .contact-type h3{

        font-size:18px;

    }

    .contact-type p{

        font-size:15px;

    }

}

@media(max-width:480px){

    .contact-intro{

        padding:70px 0;

    }

    .contact-left h2{

        font-size:34px;

    }

    .contact-intro-text{

        font-size:18px;

    }

}

/*=========================================
CONTACT FORM RESPONSIVE
=========================================*/

@media(max-width:991px){

    .contact-form-section{

        padding:120px 0;

    }

    .contact-form-grid{

        grid-template-columns:1fr;

        gap:60px;

    }

    .form-intro{

        position:relative;

        top:auto;

    }

    .form-intro h2{

        font-size:30px;
        line-height: 40px;

    }

        .submit-btn {
        font-size: 11px;
        padding: 15px;
    }

    .form-group input, .form-group select, .form-group textarea{
        font-size: 16px;
    }
   
    .form-wrapper{

        padding:40px;

    }

}

@media(max-width:767px){

    .form-intro h2{
        font-size: 30px !important;
    }

    .contact-form-section{

        padding:90px 0; 

    }

    .contact-left h2{
        font-size: 30px;
    }

    .about-content h1{
        font-size: 30px;
    }

    .about-footer-labels{
        display: inline-block;

text-align: center;    }
    .form-intro h2{

        font-size:30px;
        line-height: 40px;

    }

    .form-intro p{

        font-size:16px;

    }

    .form-wrapper{

        padding:30px 25px;

    }

    .form-group{

        margin-bottom:25px;

    }

    .form-group input,

    .form-group select,

    .form-group textarea{

        font-size:16px;

    }

    .submit-btn{

        width:100%;

        padding:18px;

    }

}

@media(max-width:480px){

    .contact-form-section{

        padding:70px 0;

    }

    .form-intro h2{

        font-size:34px;

    }

    .form-wrapper{

        padding:25px 20px;

    }

}