@media only screen and (min-width: 980px) {


#head-area{ width:100%; }
/*.tlogo { margin:50px 0 35px;  text-align: center;}*/



.desk-hide {display: none; }
.main-nav {text-transform: uppercase;}
.main-nav > ul { margin: 0; padding: 0;}
.main-nav > ul > li { display: inline-block;position: relative; width:100% }
.main-nav > ul > li > a {
    color: #1a1a1a;
    display: block;
    padding: 0;
    text-decoration: none;
    font-size: 19px;
    padding: 10px 30px;
    font-weight: 400;
}
.main-nav > ul > li:last-child a{padding-right:0;}

.main-nav > ul > li:hover > a {color:#007bff; background:#ddd }

.main-nav > ul > li:hover > ul{ visibility: visible; opacity: 1;   transform:scale(1,1);}
/*.main-nav > ul > li:hover > ul:before{ transform:scale(1,100);}*/

.main-nav > ul > li ul {
    position: absolute;
    left: 220px;
    width: 160px;
    margin: -5vh 0 0 0 !important;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    font-size: 14px;
    z-index: 9999;
    transform: scale(0, 1);
    transform-origin: left;
    transition: all .3s ease-in-out;
    background-color: rgba(0,0,0,0.7);
}
    .main-nav > ul > li ul.submenuul.submenuul2 {background: none;}
.main-nav > ul > li ul:before { content:""; width:160px; background:rgba(0,0,0,.6); position:fixed; height:100%; top:0; transform:scale(0,0);}


.main-nav > ul > li ul li {display: block;position: relative;line-height: 180%;}
.main-nav > ul > li ul li:last-child { border: 0;}
.main-nav > ul > li > a, .main-nav > ul > li:nth-child(2) ul li a {
    display: block;
    height: 5vh;
    padding: 0 0 0 30px!important;
    line-height: 5vh;
}
.main-nav > ul > li:nth-child(1) ul li a {padding: 10px 15px !important;display: block;text-decoration: none;font-size: 14px; color: #fff;}
.main-nav > ul > li ul li:hover > ul {visibility: visible; opacity: 1;left: 140px;top: 0;}
.main-nav > ul > li ul li:hover > a { background: #007bff;}
.main-nav > ul > li ul li.submenu::after {content: ""; position: absolute; height: 0;width: 0;border-bottom: 3px solid transparent; 
               border-left: 6px solid #fff; border-top: 3px solid transparent;right: 5px;top: 13px;pointer-events: none; }
.mob-btn {display: none;}


}





@media only screen and (max-width: 979px) {

#top_header .top_h_mn{max-width: 100%; padding:0 25px;}
.tlogo, .main-nav > ul > li > a {line-height: 65px;}
#head-mn{max-width:100%;}
.tlogo{width:50%;    padding-left: 20px; }
.tlogo img{max-height: 40px;}
.container-mn{width:40%; padding:0; background:none; text-align:left;}


/*==== Menu ====*/
.main-nav {position: fixed; width: 260px;top: 0;right: -260px; background: #f1f1f1; height: 100%; -webkit-transition: all ease 0.2s; transition: all ease 0.2s;
    z-index: 9999999999999999999; overflow-y: auto;}
.main-nav ul { margin: 0; padding: 0; display: block; margin-top: 0px;}
.main-nav ul.mnav { margin-bottom: 30px;}
.main-nav ul li { display: block; border-bottom: 1px solid #ddd; position: relative; text-transform: capitalize; font-size: 13px;}
.main-nav ul li span {display: none; }
.submenuul a{font-size:14px !important;}
.main-nav ul li a { color: #000;text-decoration: none;font-size: 16px;display: block;padding: 0 20px; padding-right: 40px;line-height: 45px;text-transform: uppercase; font-weight: 500; }
.main-nav ul li.submenu ul li a{color:#666; font-weight: 400;}
.main-nav ul li.submenu ul li a:hover {color:#007bff;}
.main-nav ul li.submenu i { position: absolute; width: 100%; height: 39px; top: 0;right: 20px;cursor: pointer; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.main-nav ul li.submenu i:after { content: url('m-meic.png'); height: 0; width: 0; position: absolute; top: 0; right:20px; z-index: 10;line-height: 45px;}
.main-nav ul ul { margin: 0; display: none;background: #fff;}
.main-nav ul ul li:last-child { border-bottom: 0;}
.main-nav ul ul li:first-child { border-top: 1px solid #ddd;}
.main-nav ul ul li a { padding-left: 25px!important;}
.main-nav ul ul li ul a { padding-left: 30px;}
.show-menu .main-nav {right: 0;}
.show-menu .overlay { position: fixed; top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1001;}

.mob-btn {position: absolute; float: right;padding: 5px 7px; margin: 0px; background-color: transparent; cursor: pointer; right: 20px; top: 15px;}
.mob-btn span { display: block; width: 30px;height: 3px; border-radius: 1px; background: #222; }
.mob-btn span + span {margin-top: 5px; }
/*==== Menu End ====*/
.extra-link { display: none;}

}


@media (max-width: 650px){
.resmn a.mactive{display: inline-block;     background: transparent; padding: 7px 15px; }
}