@media screen and (min-width: 768px) and (max-width: 1280px)
{
    .body
    {
        width: auto;
    }

    .TopColumn, .skiptranslate, .searchform, #ctl00_cph_layout_TopColumn
    {
        display: block;

    }
    
    .site_map_line
    {
     display: none;   
    }

    .brd_color
    {
        margin-bottom: 10px !important;
    }

    .topmenu
    {
        border-color: #3175ab !important;
    }

    .topmenu ul li
    {
        width: 100% !important;
        border-bottom: 1px solid #3175AB !important;
    }

    .maincontainer
    {
        /* Setup Flexbox */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; /* Reverse Column Order */
        -webkit-flex-flow: column;
        flex-flow: column;
        width: 100% !important;
    }

    .topheader
    {
        /* Setup Flexbox */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; /* Reverse Column Order */
        -webkit-flex-flow: column;
        flex-flow: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100% !important;
        row-gap: 30px;
    }

    .langbar
    {
        width:70% !important;
        order: 1;
        display: flex;
        flex-flow:row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-left: 5vw;
        row-gap: 2vw;
    }
    
    .nav1 ul
    {
        display: flex;
        flex-flow:row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    .google_translate_element
    {
     margin-right: 5vw;   
    }

    .dock-container
    {
        order: 2;
    }


    .defaultlogo
    {
        margin-top: 10px;
        order: 3;
        display: flex;
        justify-content: center;
        width: 100%;
    }


    #ctl00_cph_layout_SecondColumn
    {
        order: 1;
        width: 100% !important;
    }

    #ctl00_cph_layout_FirstColumn
    {
        order: 2;
        width: 100% !important;
        overflow: hidden;
    }

    #ctl00_cph_layout_ThirdColumn
    {
        order: 3;
        width: 100% !important;
    }

    .main
    {
        /* Setup Flexbox */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; /* Reverse Column Order */
        -webkit-flex-flow: column;
        flex-flow: column;
        flex-wrap: wrap;
        width: 100% !important;
    }

    #ctl00_cph_layout_RightContainer
    {
        width: 100%;
    }

    table
    {
        overflow-x: scroll;
        width: 100% !important;
    }
    .pp
    {
        width: 100%;
    }

    .mainParent
    {
        width: 100% !important;
    }

    #ctl00_cph_layout_FirstColumn .moduleMarker, #ctl00_cph_layout_ThirdColumn .moduleMarker, .publist li
    {
        width: 50% !important;
        float: left !important;
        box-sizing: border-box !important;
    }

    #bFaculties
    {
        width: 100%;
    }
    
        .hamburger-menu
    {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        position: fixed;
        top: 1vh;
        left: 1vw;
        background: #b7d5e9;
        display: block !important;
        padding: 10px;
        z-index: 10;
    }

    .line
    {
        display: block;
        width: 25px;
        height: 3px;
        margin: 5px 0;
        background: #333;
    }

    .line:first-child
    {
        margin-top: 0;
    }

    .line:last-child
    {
        margin-bottom: 0;
    }


    iframe, td
    {
        width: 100% !important;
    }

    .usrContent ul li a
    {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .item_button_bar img
    {
        margin: 10px 0;
    }
    
    img
    {
     max-width: 100%;
     height: auto;   
    }

    .topmenu
    {
        width: 70% !important;
        padding-top: 7vh;
        padding-right: 1vh;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -100%;
        right: 0;
        overflow: auto;
        z-index: 5;
        background-color: White;
        border: 2px solid;
        border-color: #b7d5e9;
        transition: left 0.5s ease-in-out;
    }

    .topmenu ul li a
    {
        padding: 2vh;
    }

    .topmenu ul li
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .topmenu ul li span
    {
        justify-self: flex-end;
    }
    
   .topmenu li a, .topmenu li span {
  display: inline-block;
}

li ul {
  display: block;
}
    .topmenu ul
    {
        overflow-y: auto;
    }

    .submenu
    {
        order: 3;
        position: static;
        display: none;
        flex-direction: column;
        flex-basis: 100%;
    }

    .arrow
    {
        display: inline-flex;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid black;
        cursor: pointer;
        justify-self: flex-end;
        order: 2;
        margin-left: 5vh;
    }
    
    div:has(#ctl00_cph_layout_FirstColumn)
    {
     display: flex; 
     flex-direction: column;  
    }
    
    
    .lineH div a, .lineH div p
    {
     line-height: 1em;   
    }
    
    #module_6782 > div > div > div 
    {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    
    .defaultlogo
    {
     display:none;   
    }
    
    tr 
    {
     display: flex;
     flex-direction: column;   
    }
    
    td p 
    {
        overflow-wrap: break-word;
    }
    
    .lineH
    {
     display: flex;
     flex-direction: column;   
    }
    
    .tw-data-text
    {
     flex-basis: 100%   
    }
    
    .wish
    {
     width: 100% !important;   
    }
    
    .pb10 span
    {
     width: 100%;   
     padding: 5px;
    }
    
    .o2k7Skin .mceToolbar
    {
     height: auto !important;   
    }
    
    .mceIframeContainer 
    {
     height: 40vh;   
    }
    
    #ctl00_cph_layout_ctl00_ctl01_ctl01_Rep0_tbDescription_ifr, #ctl00_cph_layout_ctl00_ctl01_ctl01_Rep0_tbText_ifr
    {
     height: 100% !important;   
    }
}