@media only screen and (min-width: 601px) {
    #top-menu {
        height: 30px;
        min-width: 100%;
        background-color: #00000000;
        position: absolute;
        z-index: 101;
        top: 0px;
        left: 0px;
    }

    #menu_icon
    {
        display:none;
    }

    #slider-div {
        /*background-image: url('../../Content/images/switchgear.jpg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;*/
        min-height: 100vh;
        min-width: 100%;
        position: absolute;
        background-color: #000;
        opacity: 0.7;
    }

    #title-div {
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgb(0 0 0 / 93%) 0%, rgb(0 0 0 / 5%) 100%);
        min-height: 135px;
        width: 100%;
        position: absolute;
        border-bottom: 1px solid #ffffff73;
        z-index: 100;
        font-size: 25px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

        #title-div img {
            width: 90px;
            height: auto; 
            margin: 0px 50px;
        }

        #title-div div.content {
            border: 0px solid #fff;
            height: 100px;
            width: 450px;
            font-size: 40px;
            font-weight: 400;
            margin: 15px 25px;
            /*

color: #ffba00;
    */

            color: #ffba00;
        }

    #container {
        position: relative;
        min-height: 100vh;
        min-width: 100%;
        background-color: #000;
    }

    #message-div {
        position: absolute;
        background-color: #00000080;
        color: #fff;
        min-height: 35vh;
        min-width: 38vw;
        left: 8vw;
        bottom: 12vh;
        border-radius: 12px;
    }

        #message-div div {
            margin: 10px;
            font-size: 3vw;
            margin-top: 6%;
            margin-left: 8%;
        }

    .msg11 {
        display: block;
    }

    .msg_note_style {
        display: block;
        font-size: 40%;
    }

    .logo {
        shape-rendering: geometricPrecision;
        text-rendering: geometricPrecision;
        image-rendering: optimizeQuality;
        fill-rule: evenodd;
        clip-rule: evenodd;
        transform: translate(-70px, -125px) scale(0.31);
    }

    #main-menu {
       display:none;
    }

    #main-menu-hrz {
        position: fixed;
        top: 100px;
        z-index: 102;
    }

    .bkcolor_blak {
        background-color: #000;
    }

    .bkcolor_gray {
        background-color: #e8e8e8;
    }

    .bkcolor_gray2 {
        background-color: #1f1f1f; /*#363636; ;*/
    }

    .bkcolor_gray3 {
        background-color: #dadada; /*#363636; ;*/
    }

    .bkcolor_yellow {
        background: #cd2127; /*#ffba00;*/
    }


    .bkcolor_red {
        background: #c10000;
    }

    .height_m1 {
        min-height: 50vh;
        min-width: 100vh;
        overflow: auto;
    }

    .hg500 {
        min-height: 500px;
    }

    .hg_content {
        min-height: 300px;
    }

    .fa_style {
        direction: rtl;
        padding: 15px 25px;
    }

        .fa_style h2, title_style {
            margin: 20px 0px;
        }

    .pad25 {
        padding: 50px 25px;
    }


    .dis_flx {
        display: flex;
       
    }


    .text_white {
        color: white
    }

    .text_gary {
        color: #212121;
    }


    .font_w_bold {
        font-weight: 500;
    }

    .text_yellow {
        color: #ffba00;
    }

    .text_font {
        font-size: larger;
    }

    .font_xlarg {
        font-size: xx-large;
    }

    .font_color_red {
        color: #b90606;
    }

    .font_color_white {
        color: white;
    }

        .font_color_gary{
            color:#252525;
        }

        .disp_block {
            display: block;
        }

    .flt_l img {
        float: left;
        margin-right: 20px;
    }

    .full_width {
        width: 98%;
        margin: 50px auto;
    }

    .text_center {
        text-align: center;
    }

    .panel_item_rp {
        border: 1px solid #d07474 !important;
    }

    .panel_item_rp_caption {
        position: absolute;
        bottom: 20px;
        width: 100%;
        color: #fff;
        font-size: 22px;
        font-weight: 200;
        margin-top:20px;
    }

        .panel_item_rp_caption:hover {
            font-weight: 300;
        }

    .wrapper {
        width: 95%;
        max-width: 95%;
        margin: 45px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        direction: rtl;
        text-align: center;
        min-height: 350px;
        justify-content: center;
    }


        .wrapper div {
            border: 1px solid #515151;
            position: relative;
            max-width: 15%;
            min-width: 22%;
            margin: 10px auto;
            padding-bottom: 10px;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
        }

            .wrapper div:hover {
                background: #1f1f1f;
            }

            .wrapper div div.dark_cover {
                background: #00000055;
                position: absolute;
                top: 0px;
                left: 0px;
                min-height: 220px;
                min-width: 2320px;
                margin: 0px;
                border-radius: 0px;
            }

            .wrapper div:hover div {
                display: none;
            }

            .wrapper div a {
                color: #ffba00;
                font-weight: normal;
                text-decoration: none;
            }

            .wrapper div:hover a {
                font-weight: bolder;
            }

            .wrapper div img {
                width: 85%;
                height: auto;
                max-height: 220px;
                min-height: 220px;
                margin-bottom: 20px;
                padding: 0px;
            }

                .wrapper div img.newStyle {
                    width: 85%;
                    height: 100%;
                    max-height: none !important;
                    min-height: none !important;
                    margin-bottom: 10px;
                    padding: 0px;
                    margin:5px auto;
                }

    .wrapper_2 {
        width: 100%;       
        margin: 0px ;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        direction: ltr;
        min-height: 350px;
        
    }


        .wrapper_2 div {           
            margin: 0px;                     
            overflow: hidden;
            min-width:30%;
           
        }

    .wrapper_2 form{
       margin:25px;
       
    }

        .wrapper_2 input[type=button], .wrapper_2 input[type=submit], .wrapper_2 input[type=reset] {
            background-color: #04AA6D;
            border: none;
            color: white;
            padding: 12px 32px;
            text-decoration: none;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 8px;
            font-size: 21px;
            float:right;
        }

    .ul_content {
        max-width: 100%;
        min-width: 100%;
        padding: 25px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box;
    }

    ul.ul_icon {
        list-style: none;
        text-align: center;
    }

        ul.ul_icon li {
            display: inline-block;
        }

            ul.ul_icon li img {
                width: 97%;
                height: auto;
                max-height: 90px;
                min-height: 90px;
                border: 0px solid #cfcdcd;
                margin: 1px 5px;
            }


    .flex_video {
        display: flex;
        /* height: 250px; */
        justify-content: center;
        margin: 25px auto;
        align-items: flex-start;
        align-content: center;
        flex-wrap: wrap;
    }

        .flex_video div {
            min-width: 30%;
            margin: 10px auto;
        }

    iframe {
        border-radius: 15px;
    }

    .NewsPanel {
        display: flex;
        width: 100%;
        height: fit-content;
        direction: rtl;
        text-align: justify;
        color: #969696;
        margin: 5px auto;
        justify-content: safe center;
    }

        .NewsPanel div {
            display: inline-block;
            width: 250px;
            height: 100%;
            vertical-align: top;
            text-align: justify;
            padding-right: 1px;
            margin-left: 3%;
            margin-right: 3%;
        }

        .NewsPanel ul {
            text-align: right;
            margin: 0px;
            list-style-position: inside;
            padding-right: 0;
        }

        .NewsPanel a {
            color: #666;
            font-size: small;
        }


    .Panel_footer {
        display: flex;
        font-size: 12px;
        height: auto;
        width: 100%;
        padding: 5px 0px;
        margin: 0px;
        justify-content: center;
        color: #ffba00;
    }

    .Panel_footer span{
        font-size:18px;
        color:#fafafa;
    }

        .Panel_footer p {
            font-size: 15px;
            color: #b4b4b4;
            text-align:justify;
        }

    .Panel_footer ul {
        text-align: left;
        margin: 0px;
        list-style-position: inside;
        padding-right: 0;
        font-size: 13px
    }

        .Panel_footer a, .Panel_footer li {
            color: #e8e8e8;
        }

            .Panel_footer li::marker {
                color: #ffba00;
            }

        .Panel_footer div {
            display: inline-block;
            width: 250px;
            height: 100%;
            vertical-align: top;
            text-align: justify;
            padding-right: 1px;
            margin-left: 3%;
            margin-right: 3%;
        }

    .bottomPanel {
        text-align: center;
        font-size: x-small;
        max-height: 35px;
        position: relative;
        display: block;
        padding:5px;
    }

        .bottomPanel p {
            display: block;
            top: 7px;
            position: absolute;
            width: 100%;
        }

    .pd_3_10 {
        padding: 3px 10px;
        text-align: justify;
    }

    .pd_top_40{
        padding-top:40px;
    }

    .wdt90 {
        width: 90%;
    }

    .img_w_350 {
        width: 350px;
        height: auto;
        border-radius: 15px;
        text-align: left;
        margin-right: 50px;
    }

    .copyright
    {
        direction:ltr;
        font-size:12px;
        font-weight:400;
    }

    footer{
        border-top:1px solid #fff;
    }

    .copyright {
        color: #fff;
    }
}