﻿/*   
mCustom Layer
                    Theme 3
Build           ::  1.0.0.0
Date Created    ::  September 22, 2017
Date Modified   ::   September 22, 2017
Date Modified by :: Pradip kumar 
css work for small divices max creen size 575 , hide header footer and setting header menu ,

Please Update the Date Modified and Build after changes
*/
@media only screen and (max-width :575px) {
    .login-right {
        display: none;
    }
    .logo-wrap .logo {
        padding: 30px;
    }

    .logo-wrap {
        padding: 0px;
    }
    .navbar.navbar-default.navbar-bottom {
        display: none;
    }

    .hoe-left-header > .profile-box > .media {
        display: none;
    }

    #hoeapp-wrapper[hoe-device-type="phone"] #hoe-header {
        height: 50px;
    }
    #footer {
        display: none;
        background-color: #f9f9f9;
    }

    #hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header .left-navbar > li:first-child {
        padding-left: 50px;
    }
    #hoe-header[hoe-lpanel-effect="shrink"].hoe-minimized-lpanel .hoe-right-header[hoe-position-type="relative"] {
        margin-left: 50px !important;
        padding-right: 0 !important;
    }
    #hoeapp-wrapper[hoe-device-type="phone"] .hoe-right-header {
        top: 0px;
        z-index: 0;
    }
}
