/*==================================================
TABLET
==================================================*/

@media (max-width:1200px){

    .cyb-contact-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .cyb-contact-layout{

        grid-template-columns:1fr;

        gap:35px;

    }

    .cyb-contact-hero{

        min-height:380px;

    }

    .cyb-contact-hero h1{

        font-size:38px;

    }

    .cyb-contact-cta-box{

        flex-direction:column;

        text-align:center;

        padding:50px;

    }

    .cyb-contact-cta-buttons{

        justify-content:center;

    }

}


/*==================================================
TABLET SMALL
==================================================*/

@media (max-width:991px){

    .cyb-contact-hero{

        min-height:340px;

        text-align:center;

    }

    .cyb-contact-hero-content{

        max-width:100%;

    }

    .cyb-contact-hero p{

        margin:0 auto 35px;

    }

    .cyb-contact-actions{

        justify-content:center;

    }

    .cyb-contact-form-box{

        padding:35px;

    }

    .cyb-office-box{

        padding:30px;

    }

}


/*==================================================
MOBILE
==================================================*/

@media (max-width:767px){

    .cyb-contact-hero{

        min-height:300px;

        padding:70px 0;

    }

    .cyb-contact-tag{

        font-size:12px;

    }

    .cyb-contact-hero h1{

        font-size:30px;

    }

    .cyb-contact-hero p{

        font-size:15px;

    }

    .cyb-contact-grid{

        grid-template-columns:1fr;

    }

    .cyb-form-row{

        grid-template-columns:1fr;

    }

    .cyb-contact-form-box{

        padding:25px;

    }

    .cyb-office-box{

        padding:25px;

    }

    .cyb-contact-cta{

        padding:70px 0;

    }

    .cyb-contact-cta-box{

        padding:35px 25px;

    }

    .cyb-contact-cta-content h2{

        font-size:30px;

    }

    .cyb-contact-cta-content p{

        font-size:15px;

    }

    .cyb-contact-actions,

    .cyb-contact-cta-buttons{

        flex-direction:column;

        align-items:center;

        width:100%;

    }

    .cyb-btn-primary,

    .cyb-btn-outline,

    .cyb-btn-outline-light{

        width:100%;

        justify-content:center;

    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media (max-width:480px){

    .cyb-contact-hero{

        min-height:260px;

    }

    .cyb-contact-hero h1{

        font-size:26px;

    }

    .cyb-contact-card{

        padding:30px 20px;

    }

    .cyb-contact-card-icon{

        width:64px;

        height:64px;

    }

    .cyb-contact-card-icon svg{

        width:26px;

        height:26px;

    }

    .cyb-contact-form-box h2,

    .cyb-office-box h2{

        font-size:26px;

    }

    .cyb-contact-cta-content h2{

        font-size:26px;

    }

}