@media (max-width: 500px) {
/* SMALL screen size */
    .hidden-xs {
        display:none !important
    }
    .mySlides {
        text-align: center;
        max-width: 95%
    }

    .testimonialContainer img {
        margin: auto;
        float: none;
        display: block;
    }

    .quote {
        margin-left: 0;
    }

    #systemMessage {
        margin: 3em auto;
        max-width: 90%;
    }

    #contactFormContainer{
        margin-left: auto;
        margin-right: auto;
        width:90%;
    }

    #aboutUs {
        padding:1em;

    }
        
}

@media (max-width:767px) {
    .hidden-xs {
        display:none !important
    }
    #sp-menu {
        position: absolute !important;
        right: 0;
    }
    #featureImage1{
        min-height: 55em;
    }
    .slider-subtitle {
        margin-bottom: 5em;
    }
    .introPara {
        padding: 1em;
    }

    #awesome {
        padding:0;
    }
    #dashboard {
        padding:0;
    }
    #featureImage2 {
        padding: 2em;
    }
    #Services {
        padding:1em;
    }
    #login {
        width:95%;
    }

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #sp-header .sp-default-logo {
        display: none;
    }
}


/* MEDIUM screen size */

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display:none !important
    }
    #sp-header .sp-default-logo {
        display: none;
    }
}

/* LARGE screen size */

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display:none !important
    }
}


/* VERY LARGE screen size */
@media (min-width:1200px) {
    .hidden-lg {
        display:none !important
    }
}


/* MINIMUM screen size */
@media (min-width: 600px) and (max-width:899px)  {
    .awesomeItems {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 900px) {
    .awesomeItems {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* MAXIMUM screen size */
@media (max-width: 900px) {
    .awesomeItems {
        padding: 2rem 0rem !important;
    }
}