@media screen and (max-width: 1200px) and (min-width: 200px) {
    #weather_section,#nots_section{
        right: -195px;
    }
    #clda_section,#calender_section{
        left: -195px;
    }
    #weather_section,#clda_section{
        top: 105px!important;
    }
    #nots_section,#calender_section{
        top: 310px!important;
    }
    .bar{
        width: 95%!important;
        margin: auto!important;
    }
    .logo {
      height: 30px!important;
      top: -15px!important;
      left: 50%!important;
    }
    #right_toggle_btn,#left_toggle_btn{
        display: block!important;
    }
    #push_result .window,#push_result .window .head{
        border-radius: 0px!important;
    }
    .dock{
        position: fixed!important;
        bottom: 0px!important;
        width: 100%!important;
        border-radius: 3px!important;
        overflow: scroll!important;
    }
    .dock .dock-container{
        overflow: scroll!important;
        border-radius: 3px!important;
    }
    .dock .dock-container li .ico {
        width: 45px!important;
        height: 90%!important;
        object-fit: unset!important;
    }
    .li-1 {
        margin-left: 320px!important;
    }
    .dock .dock-container li .ico:hover {
        transform: unset!important;
        margin: 0px!important;;
        width: unset!important;
    }
    .svg_cio svg{
        width:25px!important;
        height:25px!important;
    }
    #desktop{
        width: 90%!important;
        margin-top:10%;
    }
    .bar #b {
        bottom: 0px!important;
    }
    @-moz-document url-prefix() {
        #d1,#d3,#d4{
            font-size:12px!important;
        }
    }
}