@media(max-width:768px){
    .navbar-brand {
    position: relative !important;
    left: 0% !important;
    width: 100% !important;
    height: auto !important;
    padding-inline: 0 !important;
        margin: 0;
}

.palleon-tabs{
    margin-top: 0px;
}
#modal-camera-capture .palleon-modal-inner{
    margin-top: 0px;
}
.palleon-modal-close {
    color: #fff;
    background: #F44336 !important;
    margin-top: 200px;
}

.auth-wrapper .navbar{
    position: relative !important;
            width: 100%;
        padding: 0 15px;
}
.auth-card-container{
            padding: 1rem 0 !important;
}
.auth-nav-right {
    position: absolute;
    top: 50% !important;
    width: auto !important;
    right: 15px !important;
}

    #palleon-img-media-library {
        padding: 12px 10px !important;
        margin-bottom: 10px;
    }
        .palleon-top-bar-menu {
        padding: 0 5px;
        width: 100%;
        flex-wrap: wrap;
        gap: 8px;
    }
    .palleon-top-bar-menu>div {
    margin-left: 0;
}
    #palleon-top-bar .palleon-btn .material-icons {
        margin-right: 4px !important;
    }
    #palleon-icon-panel {
    left: 0;
    width: 300px;
    padding: 60px 0 0 75px;
    overflow: hidden;
    z-index: 10;
    height: 100%;
    padding-top: 0px !important;
}
    #palleon-top-bar .palleon-btn .palleon-btn-text {
        display: inline-block !important;
    }
    #palleon-top-bar {
    height: auto !important;
    padding: 5px 0 !important;
    }
    #palleon-icon-panel {
    top: 50px !important;
    }
    .palleon-btn {
    justify-content: flex-start !important;
    padding: 10px 10px !important;
}
#palleon-adjust{
    flex-direction: column !important;
    width: 100% !important;
}
ul.palleon-accordion {
    width: 100%;
    margin: 0 !important;
}
#palleon-icon-panel hr {
    margin: 0 !important;
    margin-bottom: 10px !important;
}
#palleon-text #palleon-add-text {
    width: 100% !important;
    max-width: 100% !important;
}
#palleon-shapes{
    flex-direction: column !important;
}
#palleon-frames{
        flex-direction: column !important;
}
#palleon-elements{
        flex-direction: column !important;
}
#palleon-icons{
        flex-direction: column !important;
}
body.ao-layout-classic .dash-container {
    margin-left: 0px !important;
}
.uploaded-pics label{
    margin-bottom: 15px;
}
.select-themes .theme-label, .event-cards .product-content-top .enable-label {
    right: 10px !important;
    left: auto !important;
}
    .btn-support-widget {
        left: 20px !important;
        right: auto !important;
        position: fixed !important;
    }
    .dash-footer {
    position: relative;
    margin-left: 0 !important;
    width: 100% !important;
    top: 110px !important;
    margin-bottom: 0 !important;
    bottom: 0 !important;
}
.dash-sidebar .dash-navbar .dash-submenu li a {
    padding: 0.6rem 1rem 0.6rem 1rem !important;
    margin: 0 !important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    color: #000;
}
.text-end.d-flex.all-button-box{
    flex-wrap: wrap;
    gap: 8px;
}
.dash-header {
    z-index: 99999999999 !important;
}
.auth-card {
        padding: 1rem !important;
    }
        .palleon-top-bar-menu {
        padding: 0 0 !important;
    }
    body.ao-layout-mega .dash-container .dash-content {
    padding-top: 0.75rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    }
    .palleon-top-bar-menu>div {
    margin-left: 4px;
}
#palleon .material-icons {
    background: transparent !important;
}
.palleon-content-bar .palleon-counter .palleon-btn, .palleon-content-bar .palleon-counter .palleon-btn:hover, .palleon-content-bar .palleon-counter .palleon-btn:focus {
    background: #121212 !important;
    color: #aaa !important;
    border: 0 !important;
}
#palleon-img-drag {
    border: 0 !important;
    background: #121212 !important;
    color: #fff !important;
}
#palleon-body{
   
}
.palleon-top-bar-menu>div {
    margin-left: 0 !important;
}
.palleon-modal-inner .palleon-tab{
        margin-top: 0px;
}
.upper-canvas{
    width: 350px !important;
    height: 350px !important;
}
.dash-header .dash-right-drp .header-icon-list {
    gap: 0 !important;
}
.dash-header .header-wrapper {
    padding: 0.75rem 5px !important;
}
.dash-container {
        top: 60px !important;
    }
    .palleon-modal-inner>.palleon-tabs>.palleon-tabs-menu{
        margin-top: 150px !important;
    }
    #palleon-content{
        overflow: auto !important;
    }
    #palleon-draw{
        flex-wrap: wrap;
    }
}