@media screen and (min-device-width: 300px) and (max-device-width: 768px) { 
    /* STYLES HERE */
    body {
    margin: 0;
    padding: 0;
    line-height: 24px;
    font-family: Helvetica-Normal, Helvetica, Arial, sans-serif;
    color: #666;
    letter-spacing: -.01em;
    font-size: 16px;
    overflow-x: hidden;
}

    form#form1 {
    overflow-x: hidden !important;
}

        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
        font-size: 14px;
    }

        .mainbannerbox {
    padding: 70px 30px 90px;
}

        .Main-Heading {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-top: 0;
    padding: 10px 0 0;
    color: #46b4ad;
    display: block;
    line-height: 28px;
    font-family: Helvetica-Normal !important;
}

    .Add-Button-White {
    font-size: 16px;

}

    .Add-Button {
    font-size: 16px;
}

    .headingsection h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
}

    .headingsection p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    font-weight: 500;
    font-family: Adobe Garamond Pro !important;
    font-style: italic !important;
}
    .takepart a {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
}

    .customSection .takepart .takepartregister {
    font-size: 16px !important;
}

    .MobileWidthTakePart {
    text-align: center;
}

        .supporterpartner .col-xs-6 {
        width: 50%;
        margin-bottom: 0px;
    }

        footer {
    background: #323232;
    padding: 10px;
    margin: 0;
    color: #ddd;
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
}

        span.footersocial.hidden-sm {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

        footer .jumbotron h3 {
    font-size: 18px;
    line-height: 24px;
}
        footer .jumbotron {
    border-radius: 8px;
    margin-right: 0px;
    padding: 22px 10px 22px 30px !important;
    background: transparent;
    border: 1px solid rgb(255 255 255 / 20%);
    margin-top: 16px;
}

        .footerbottom .text-left {
    margin-bottom: 16px;
}

        .footerbottom .text-right {
    text-align: center;
}
}