/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {








}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {


    .menu-logo {
        display: block !important;
    }
    .menu-bar {
        display: block;
    }

    .menu-item{
        display: none !important;
    }

    .menu-btn {
        display: none !important;
    }



}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {	


    .menu-logo {
        display: block !important;
    }
    .menu-bar {
        display: block;
    }

    .menu-item{
        display: none !important;
    }

    .menu-btn {
        display: none !important;
    }


    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 0rem;
    }

    .trams-mdl-content h2 {
        font-size: 27px;
        margin-bottom: 20px;
        font-weight: 500;
        line-height: 1.2;
        color: #5C6064;
        margin-top: 13px;
    }

}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 576px) {


    .menu-logo {
        display: block !important;
    }
    .menu-bar {
        display: block;
    }

    .menu-item{
        display: none !important;
    }

    .menu-btn {
        display: none !important;
    }


    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 0rem;
    }
    .trams-mdl-content h2 {
        font-size: 27px;
        margin-bottom: 20px;
        font-weight: 500;
        line-height: 1.2;
        color: #5C6064;
        margin-top: 13px;
    }
}