@media only screen and (max-width: 1100px) {
    
    .mobile-only{display: block;}
    
    #top-menu-holder{display:none;}
    #log-in-out-holder{display: none}    
    #log-reg-holder{display: none} 
    
    #top-menu-holder-mobile{display:block;}
    #log-in-out-holder-mobile{display: block}    
    #log-reg-holder-mobile{display: block}    
    
    
#mobile-menu-holder{float:left;position:absolute;left:3%;top:90px;width:90%;height:100%;}
   /* #mobile-menu-bar{display:block;}*/
    #mobile-menu-bar{
        /*
        float:right;
        margin-top:30px;
        margin-right: 30px;*/
        margin-bottom: 30px;
        position:absolute;
        right:30px;
        top:34px;
        display: block;
        background: var(--main-color);/*rgba(255, 255, 255, 0.7)*/;
        width: 32px;
        height: 32px;
        border-radius: 3px;
        box-sizing: border-box;
        padding: 9px 6px;
        cursor: pointer;
        user-select: none;
        z-index:9;
    }
    
   .toggled .mobile-menu-bar-dash:first-child {transform: translateY(6px) rotate(45deg);}
   .toggled .mobile-menu-bar-dash:nth-child(2) {opacity: 0; }
   .toggled .mobile-menu-bar-dash:last-child {transform: translateY(-6px) rotate(-45deg);}
    
    
   .mobile-menu-bar-dash {
    display: block;
    background: #fff/*rgba(0, 0, 0, 0.7)*/;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    transform-origin: center;
    transition: 0.3s ease;
   }
    .mobile-menu-bar-dash:nth-child(2) {margin: 4px 0;}

    #mobile-menu-links-holder{position:relative;float:left;width:90%;height:400px;background:rgba(255, 255, 255, 1); margin-top:0;padding:15px 15px 10px 10px;box-sizing:border-box;z-index:9999;}   
    
    a.top-menu-link:link,a.top-menu-link:visited{float:left;width:90%;margin:0 10px;padding:15px 6px 10px 6px;font-size:14px;color:var(--main-color);border-radius:0;transition: all 0.3s;}
a.top-menu-link:hover{background:var(--main-color);color:#fff;}

a.top-menu-link-active:link,a.top-menu-link-active:visited {float:left;width:90%;margin:0 10px;padding:15px 6px 10px 6px;font-size:14px;background:var(--main-color);color:#fff;border-radius:0;transition: all 0.3s;}
    
#log-in-out-holder-mobile{float:left;width:90%;margin:30px;margin-right: 0;display:flex;justify-content: flex-start;align-items: center;}

    /*a.hello:link,a.hello:visited{display:flex;justify-content: space-between; align-items: center; float:left;background:#fff;color:var(--main-color);margin:0 5px;padding:10px 10px;border:1px solid #e1e1e1;border-radius:5px;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.hello:hover{border:1px solid var(--main-color);}
a.bye:link,a.bye:visited{float:right;border:1px solid var(--red);background:var(--red);color:#fff;margin:0 5px;padding:10px;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.bye:hover{background: transparent;color:var(--red);}
    */

    
} /* 1100px ends */


@media only screen and (max-width: 800px) {
    
    
    
    #footer-middle{width:100%;}

} /* 800px ends */