/* ....................CONTACT.............................. */

@media only screen and (max-width: 420px){
    .contact .title{
        font-size: 2.5em;
    } 
    .contact .card{
        /* width: 10rem!important; */
    }
    .contact .form {
        padding: 0;
    }
    /* .contact .section-1{
        height: 1200px;
    } */
    .contact .row-cards{
        text-align: center;
    }
}
@media only screen and (max-width: 768px) and (min-width: 421px){
    /* .contact .section-1{
        height: 1200px;
    } */
    .contact .row-cards{
        text-align: center;
    }
}



/* ....................SERVICES.............................. */
@media only screen and (max-width: 420px){
    .section-services .service-box h2{
        font-size: 30px;
    }
    .section-services .service-box1{
        padding: 2em 1em 2em 2em!important;
    }
    .section-services .service-box2{
        padding: 2em 1em 2em 2em!important;
    }
    .section-services .service-box3{
        padding: 2em 1em 2em 2em!important;
    }
}
@media only screen and (max-width: 768px) and (min-width: 421px){
    
}


/* ....................wellness-services.............................. */

@media only screen and (max-width: 420px){
    .wellness-corp .title{
        font-size: 2em;
    }
}
@media only screen and (max-width: 768px) {
    .wellness-corp .section-1-text{
        padding: 0px!important;
    }
    .wellness-corp .section-one{
        background-size: 2100px!important;
        padding: 15px;
        height: auto;
    }
    .wellness-corp .products-col{
        padding-bottom: 30px;
    }
    .wellness-corp .pad-section{
        padding: 15px!important;
    }
}

/* ....................program-services.............................. */

@media only screen and (max-width: 420px){
    .collaborators .title{
        font-size: 2.5em;
    }
}
@media only screen and (max-width: 768px) {
    .collaborators .section-1-text{
        padding: 10px!important;
    }
    .collaborators .section-content {
        height: auto;
    }
}

/* ................................news.............................. */
@media only screen and (max-width: 420px){
    .collaborators .title{
        font-size: 2.5em;
    }
}
@media only screen and (max-width: 768px){
    .news{
        padding: 2em 0em 0em 0em!important;
    }
    .news .box-divider-one{
        padding: 0em 0em 2em 0em!important;
    }
    .news .col-box{
        padding-left: 30px!important;
    }
    .news .box-divider-img{
        padding: 50px 10px 0px 10px!important;
    }
    .news .box-divider-img-2{
        padding: 0px 10px 50px 0px!important;
    }
}

@media only screen and (min-width: 1700px){
    .wellness-corp .section-one{
        background-size: 1700px!important;
    }
}