@media only screen and (max-width: 479px) {
    .salexis-tagline h1 {
        font-size: 23px;
        line-height: 1.2;
    }

    .salexis-tagline p {
        text-align: left;
    }
    
    .salexis-service {
        float: none;
        margin: 0%;
        margin-bottom: 10px;
        width: 100%;
    }

    .salexis-service-image {
        width: 17%;
        margin-right: 2%;
    }

    .salexis-service-content {
        width: 88%;
        padding: 5%;
    }
    
    
    .salexis-gallery li {
        float: none;
        width: 100%;
    }
    
    .salexis-text p {
        margin-bottom: 25px !important;
    }
}

@media only screen and (max-width: 767px) {
    
    .salexis-gallery li {
        width: 50%;
    }
    
    
    .salexis-tagline h1 {
        font-size: 29px;
        line-height: 1.2;
    }
    
    .salexis-promo {
        float: none;
        width: 100%;
        margin: 20px 0px;
    }
    
    .salexis-info-box {
        float: none;
        width: 100%;
        margin: 20px 0px;
    }
    
    .salexis-showcase-image {
        float: none;
        width: 100%;
        margin: 20px 0px;
    }

    .salexis-showcase-content {
        float: none;
        width: 100%;
        margin: 20px 0px;
    }
    
    .salexis-showcase-content h1 {
        font-size: 2em;
        line-height: 1.5;
    }
    
    .salexis-profile-content {
        float: none;
        width: 100%;
        margin: 20px 0px;
    }

    .salexis-profile-image {
        float: none;
        width: 100%;
        margin: 20px 0px;
        text-align: center;
    }
    
    
    .salexis-service {
        width: 47%;
        margin: 1%;
        margin-bottom: 9px;
        float: left;
        text-align: center  !important;
    }
    
    .salexis-service-image {
        text-align: center  !important;
        margin: 0;
        width: 100%;
    }
    
    .salexis-service-image .salexis-container {
        display: inline-block  !important;
    }

}