.mycss_tab{
    margin-bottom: 20px;
}

@media screen and (min-width: 1001px) and (max-width: 2000px) {

    h1
    {
        color: red;
    }


    /*first menu layer*/
    /*.menu_div_code ul{
        background-color: #262525;
        padding: 10px;
        
        border-style: solid;
        border-color: #141414;
        border-width: 1px;
        border-radius: 8px;
    }

    .menu_div_code ul li{
        display: inline-block;
        position: relative;

    }

    .menu_div_code ul li a{
        text-decoration: none;
        color: #9d9d9d;
        padding: 8px;
        background-color: #262525;
        font-size: 90%;
        font-weight: bold;

    }

    .menu_div_code ul li a:hover{
        color: #f2f2f2;
        background-color: #212120;
    }

    .menu_div_code ul ul{
        display: none;

        position: absolute;
        margin: 6px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    .menu_div_code ul ul li{
        width: 150px;
        padding: 5px 0px;

    }

    .menu_div_code ul ul li a{

    }

    .menu_div_code ul li:hover ul{
        display: block;
    }

    .class_sign{
        float: right;

    }*/







/*second menu navigator*/

    

    .nav-menu ul{
        /*background-color: #262525;*/
        background-color: #cc4608;
        /*margin see the gap with page html background */
        /*padding see the gap with div background*/
        padding:10px;
        border-style: solid;
        /*border-color: #141414;*/
        border-color: #cc4608;
        border-width: 1px;
        border-radius: 12px;
        z-index: 1;
    }

    /*div.nav-menu ul{
        margin: 0;
        padding: 0;

    }*/

    .nav-menu ul li{
        
        /*float left make it float in line*/
        /*s display: inline;*/

        /*last version*/
        /*list-style: none;
        float: left;*/
        

        /*now*/
        display: inline-block;
        position: relative;
        padding: 0.5px 8px;

    }

    .nav-menu ul li a{
        text-decoration: none;
        /*color: #9d9d9d;*/
        color: #f2f2f2;
        padding: 8px;
        /*background-color: #262525;*/
        background-color: #cc4608;
        font-size: 90%;
        font-weight: bold;

    }

    .nav-menu ul li a:hover{
        color: #ffffff;
        /*background-color: #212120;*/
        background-color: #ba3d03;
        padding: 7px 8px;
    }

    .nav-menu ul ul{
        display: none;
        /*position absolute display in block*/
        position: absolute;
        margin: 6px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    .nav-menu ul ul li{
        width: 150px;
        padding: 5px 0px;

    }

   

    .nav-menu ul li:hover ul{
        display: block;
        /*z-index: 999999;*/
    }

    .menu-trigger{
        display: none;
    }
}


@media screen and (min-width: 0px) and (max-width: 1000px)
{
    a
    {
        /*text-decoration: none;
        border : 0;
        outline: 0;*/
    }

    body
    {
        /*background-color: #eff0f1;*/
    }


    h1{
        font-size: 350%;

    }

    h2{
        font-size: 300%;
    }

    p{
        font-size: 150%;
    }

    .cl_table_login_form td{
        font-size: 150%;
        padding-bottom: 0.5em;
    }

    .icon_menu{
        width: 35px;
        height: 2px;
        background-color: #ffffff;
        margin: 6px 0;
        /*text-align: right;*/
    }

    .nav-menu {
        display: none;
        /*background-color: #262525;*/
        background-color: #cc4608;
        

        /*margin see the gap with page html background */
        /*padding see the gap with div background*/

        padding: 0px;
        border-style: solid;
        /*border-color: #141414;*/
        border-color: #cc4608;
        border-width: 1px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;

    }

    .nav-menu ul li{
        list-style: none;
        /*float: none;*/
        border-bottom : 0.5px solid #B5B3A5;
        /*padding: 8px;*/
        padding: 25px;
    }

    .nav-menu ul li:last-child{
        border-bottom: none;

    }

    .nav-menu ul li a:link,
    .nav-menu ul li a:visited{
        /*show in square display block work with padding*/
        /*display: block;
        font-size: 90%;
        padding: 10px;
        color: #e6e6e6;
        text-decoration: none;
        font-weight: bold;*/

    }

    .nav-menu ul li a{
        text-decoration: none;
        color: #ffffff;
        /*font-size: 90%;*/
        font-size: 35px;
        font-weight: bold;
    }


    .nav-menu ul li a:hover{
        /*color: #ffffff;
        background-color: #000000;
        padding: 5 ;*/
    }

    .nav-menu ul ul{
        display: none;

    }

    .nav-menu ul li:hover ul{
        display: block;
    }

    .nav-menu ul li:active ul{
        display: block;
    }



    .menu-trigger{
        /*display (none: disappear, block: show as block, inine shows in ine)*/
        display: block;
        /*background-color: #262525;*/
        background-color: #e25f22;
        /*padding: 10px;*/
        padding: 25px;
        text-align: right;
        cursor: pointer;
        font-size: 83%;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        /*align-content: right;*/
    }

    .nav-expanded{
        display:block;
    }
}

/*.clearfix::before, .clearfix::after{*/
    /*content:"";*/
    /*display: table;*/
/*}*/

/*.clearfix::after{*/
    /*clear: both;*/
/*}*/

/*.clearfix{*/
    /**zoom: 1;*/
/*}*/