/* responsive ******************************************************************************/

/* responsive ******************************************************************************/
@media (max-width: 432px) {
 
}

/* responsive ******************************************************************************/
@media (max-width: 414px) {
    p {
        font-size: 17px;
    }
    .white-box p {
        font-size: 1.3rem;
    }
    h4 {
        font-size: 2.5rem;
    }
    .boxes .box {
        font-size: 12px;
    }
}


/* responsive ******************************************************************************/
@media (max-width: 375px) {
    h3 {
        font-size: 3rem;
    }
    .btn-box a {
        padding: 6px 0;
        font-size: 2.2rem;
    }
    .white-box p {
        font-size: 1.1rem;
    }

    .logo-box {
        max-width: 45%;
    }
   
}
@media screen and ( max-width: 375px ) and ( max-height:667px ){
}


/* responsive ******************************************************************************/
@media (max-width: 360px) {
    h3 {
        font-size: 2.7rem;
    }
    h4 {
        font-size: 2.2rem;
        word-spacing: 0;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 320px) {
    p {
        font-size: 14px;
    }
    h3 {
        font-size: 2.4rem;
    }
    .boxes {
        flex-direction: column;
    }
    .boxes .box {
        width: 100%;
    }
    .btn-box a {
        font-size: 1.2rem;
    }
}