/*** Mobile ***/
@media only screen and (max-width: 767px) {
    html,body { overflow-x: hidden; width: 100%;}
    .nav-half {width: 100%; padding:0 0 0 4.25rem; display: flex; align-items: end}
    .m-105 {width: 110%!important;}
    #header {
        height: auto;
    }

    .expand-arrow {
        width: 12px;
        font-weight: 900;
    }

    .navbar-arrow-container {
        display: flex;
        align-items: center;

    }

    .navbar-toggler {
        padding: 14px 12px !important;
        border-radius: 50%;
    }

    .navbar-toggler:hover {
        background-color: rgba(63, 81, 181, 0.04);
    }

    .nav-button {
        display: flex;
        justify-content: flex-end;
    }

    header {
        height: auto;
        background: transparent;
    }

    .desktop {display: none;}
    .mobile {display: block;}
    .wrapper {width: 100%;}

    /*.logo {margin-top: 24px;}*/

    #copy ol {margin-left: 25px;padding-right: 15px;}
    .logoContainer { display: block; }
    footer .footerInfo, footer .terms {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footerContainer {
        color: #808080;
        padding: 25px 15px 50px 15px;
    }
    .imgContainer {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 40%;
    }

    .hovereffect .overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        top: 0%;
        height: 100%;
    }

    .hovereffect h2 {
        padding: 15px 0;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .hovereffect a, .hovereffect p {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    .credit .text-left, .credit .text-right, .credit .float-left{text-align: center!important;float:none!important;}
    #newsletter {text-align: center;}
    .af-form-wrapper{display: block; margin-top:1em;width: 100%;}
    .form-control,.btn-warning {margin-bottom: 1em; width: 100%;}

    /*
    */

}