/****************Media Queries******************************/
/* 4k */
@media only screen and (max-width: 2560px) {
    .subNavMobile {
        display: none;
    }
}




/* Laptop Large */
@media only screen and (max-width: 1440px) {
}



@media only screen and (min-width: 1440px) {
}

@media only screen and (max-width: 1439px) {
}

@media only screen and (max-width: 1438px) {
}

@media only screen and (max-width: 1355px) {
}


@media only screen and (max-width: 1024px) {
}



@media only screen and (max-width: 1023px) {
    .RenderBody {
        width: 100vw;
        right: initial;
    }


    .fixed-top {
        right: 0;
    }

    .menu {
        max-width: 294px;
    }



    #nav-swiper {
        left: 3em;
    }
}

@media (min-width: 992px) {
    #msg-container {
        display: block !important;
    }

    #msg-back {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .d-hide {
        display: initial;
    }


    /*.listing-section {
        display: inherit !important;
    }*/

    button.listing-next {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .container {
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

/*    #body-content {
        top: 3rem;
    }*/

    .navbar {
        height: 3rem;
        border-bottom: none;
    }

    .menu {
        height: calc(100% - 6rem);
        top: 3rem;
    }

    .mobile-title, .imgMobile {
        display: initial;
    }

    .imgLogo {
        /*display: none;*/
    }


    #body-content::-webkit-scrollbar {
        display: none;
    }

    .footer-mobile {
        display: initial;
    }

    .m-hide {
        display: initial;
    }

    .listing .card img {
        /*height: 13rem;*/
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .menu-title {
        display: none;
    }
}



@media only screen and (max-width: 600px) {
}

@media only screen and (min-width: 600px) {
}

@media only screen and (max-width: 600px) {
}

/* Large Mobile */
@media only screen and (max-width: 425px) {



    .table-mobile th, .table-mobile td {
        display: block;
    }

    #nav-swiper {
        left: 2em;
    }
}

/* Medium Mobile */
@media only screen and (max-width: 400px) {

    #nav-swiper {
        left: 1.6em
    }

    .ToggleContainer .btn i {
        font-size: 3em;
    }

    /*.menu-button {
        left: 91vw;
    }*/
}

@media only screen and (max-width: 365px) {
}

/* Mobile small */
@media only screen and (max-width: 320px) {

    /*Deal Info Styles*/

    /*.DealInfo .btn-group {
        right: 15%;
    }*/

    .loanInfo {
        padding: 0;
        font-size: 15px;
    }

    /*Deal Info end*/

    /*layout and sub/index nav styles*/

    #subNav {
        top: 0;
    }

    .loanCnt {
        display: none;
    }



    .imgLogo {
        width: 50%;
    }

    #main-swiper {
        /*top: .7em;*/
    }


    .menu-button {
        /*position: fixed;*/
        /*top: 46px;
            left: 0px;
            padding: 15px;*/
        cursor: pointer;
        -webkit-transition: .3s;
        transition: .3s;
        /*height: 3em;
            width: 3em;*/
        background-color: transparent;
        z-index: 20000;
        left: 91vw;
    }

    #buttonMenu {
        top: -1em;
        /*left: 1em;
        position: absolute;*/
    }

        #buttonMenu > .btn > i {
            font-size: 3em;
            display: block;
        }


    .ToggleContainer .btn {
        margin-bottom: 1px;
        margin-left: 2px;
        margin: 0;
        padding: .5em;
        font-size: 12px;
        vertical-align: middle;
        text-align: center;
        height: 7em;
    }

    .btnRow {
        margin-bottom: 15px;
    }

        .btnRow .btn {
            margin-right: 1px
        }

    #buttonMenu button span {
        display: block;
    }

    .btnRow {
        margin-left: .7em;
    }

    .closed {
        width: 100px;
        height: 100%;
        background: gray;
        position: fixed;
        top: 50px;
        left: 0px;
        z-index: 5000;
        cursor: pointer;
        border-color: white;
        top: 46px;
        background: none repeat scroll 0 0 #616262;
        color: white;
        text-shadow: none;
        border-left: 0px;
        border: none;
    }

    #nav ul {
        padding-left: 0;
    }

    .btnContainer {
        display: none;
    }

    .NavMoreOptions {
        position: absolute;
        left: 100px;
        height: 100%;
        background: #2c99cc;
        padding: 20px 20px;
        top: 0;
        width: calc(100vw - 100px);
    }

    #mobileView {
        height: auto;
    }

    #nav-swiper {
        top: -0.65em;
        left: 2.5em
    }

    /*endregion layout/subnav*/



}

/*#endregion*/