@media screen and (max-width: 767px) { 
    .presenters {
        width: 60%;
    }
    .landingpage {
        padding: 20px;
    }
    .landing-details {
        width: 100%;
        padding-left: 20px;
    }
    .landing-details img {
        width: 150px;
    }
    .landing-details h1 {
        font-size: 22px;
    }
    .presenters {
        width: 100%;
        padding-left: 15px;
        margin-top: 50px;
    }
    .landingpage img[alt="Vectramind Health"] {
        height: 50px;
    }
    .banner .logo img {
        height: 2rem;
    }
    .graph-container{
        padding-top: 20px;
    }
    .graph-container h2 {
        font-size: 25px;
    }
    .graph-container img {
        padding: 20px 0;
        max-width: 90%;
    }
    .fp-description:nth-child(odd), .fp-description:nth-child(even) {
        padding-right: 0;
    }
    .fp-365 .row.fp-section:nth-child(even), .fp-365 .row.fp-section:nth-child(odd) {
        flex-direction: row;
    }
    .section-image {
        text-align: center;
    }
    .section-image img {
        height: unset;
        width: 90%;
    }
    footer {
        padding: 15px;
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px)  {
    .presenters {
        width: 35%;
        padding-right: 60px;
        margin-top: 30px;
    }
    .fp-365 {
        width: 90%;
    }
    .graph-container{
        padding-top: 20px;
    }
    .graph-container img {
        max-width: 90%;
    }
    .section-image img {
        max-width: 100%;
    }
    .fp-section .col-sm-6 {
        width: 48%;
    }
    .section-image img[height="300"], .section-image img[height="280"] {
        height: 200px;
    }
    .section-image img[height="250"] {
        height: 180px;
    }
    .fp-description:nth-child(odd), .fp-description:nth-child(even) {
        padding-right: 0;
    }
}