.mobile-mini-widgets-in-menu{
    align-items: start;
    margin-top: 100px;
}

.fade-big-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line{
    height: 3px;
}

.dt-mobile-header{
    width: 100%;
}

.dt-mobile-header .mobile-main-nav{
    display: flex;
    justify-content: space-between;
    height: 40vh
}

.dt-mobile-header .mobile-main-nav > li > a{
    padding:15px 10px 15px 10px;
    letter-spacing: 2.88px;
}

.dt-mobile-header .mobile-header-scrollbar-wrap{
    max-width: 100%!important;
    width: 100%;
}

.zp_logo{
    text-align:center;
}

.dt-mobile-header .mobile-mini-widgets-in-menu{
    justify-content:center;
    flex-direction: column;
}

.show-mobile-header .dt-mobile-header .mobile-mini-widgets-in-menu>*{
    margin-right:0;
}

.show-mobile-header .dt-mobile-header .soc-ico{
    margin-bottom:30px;
}

.masthead-mobile.masthead .soc-ico.border-on a:before, 
.show-mobile-header .dt-mobile-header .soc-ico.border-on a:before{
    box-shadow:inset 0px 0px 0px 1px #000000;
}

.show-mobile-header .dt-mobile-header .soc-ico a:not(:hover) .soc-font-icon{
    color: #000000!important;
}

.mobile-main-nav{
    margin-top:30px;
}


.show-mobile-header .dt-close-mobile-menu-icon{
    left: 0;
}

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

}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .dt-mobile-header .mobile-header-scrollbar-wrap{
        padding-left: 30px;
        padding-right: 30px;
    }
    
}

@media only screen and (max-width: 767px) {
    .dt-mobile-header .mobile-header-scrollbar-wrap,
    .dt-close-mobile-menu-icon{
        padding-left: 20px;
        padding-right: 20px;
    }
    

    body .dt-mobile-header .mobile-main-nav > li > a{
        padding: 11px 10px 11px 10px;
    }
    body .mobile-mini-widgets-in-menu{
        padding:12px 0;
    }
}




.soc-ico .flickr .soc-font-icon:before {
    content: "\e07b";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}