/* • Header
	------------------------------------------------------------------------- */	
	.haeder-wrapper	{ position:fixed; top:0; z-index:900; height:auto; background-color:#2e3438; border-bottom:1px solid #fff}
        .header-blk 		{ margin:0 auto; position:relative;}
	.header-blk a { color:#fff;  transition: all 0.3s ease-out;}
	.header-blk a:hover, .gi-search:hover { color:#ccff00; cursor:pointer}

        
	.header-blk .h-col1 	{ height:auto; float:left; transition: all 0.3s ease-out;}
        .header-blk .h-col1 img     { width:auto; }
	.header-blk .h-col2		{ width:65%; float:left;    display: inline-block; height:100%; position: absolute; text-align:right; transition: all 0.3s ease-out; top: 0; left: 210px;}
	.header-blk .h-col2 ul.menu 	{ margin:0 0 0 0; padding:0;display:inline-table;height:100%; /*font-size:15px*/}
	.header-blk .h-col2 ul.menu li 	{ margin:0; padding:0 30px 0 0; list-style:none; display:table-cell;vertical-align: middle;
									  color:#fff; line-height:normal; font-weight:bold;position:relative;}
	.header-blk .h-col2 ul.menu > li:first-child > a { background-color: #b3dc2b; padding: 10px; color: #333; border-radius: 10px;}
	.header-blk .h-col2 ul.menu li:last-child { padding:0 0 0 0}
	.header-blk .h-col2 ul.menu li.sel 		  { color:#ccff00}

	.header-blk .h-col3 { width:150px; float:right; right:20px; text-align:right; display: inline-block; height:100%; position: absolute;  transition: all 0.3s ease-out; top: 0;}

	.header-blk .h-col3 ul.language		{ margin:0 0 0 0; padding:0; color:#fff; font-size:15px; display:inline-table;height:100%;}
	.header-blk .h-col3 ul.language li 	{ margin:0; padding:0 15px 0 0; list-style:none; display:table-cell;vertical-align: middle;}
	.header-blk .h-col3 ul.language li:nth-child(2n):before { content:"|"; padding-right:20px; color:#666;}

	.h-mobile  { display:none }
	.h-desktop { display:block}


	@media only screen and (max-width: 1024px) {
	.haeder-wrapper	{ overflow:hidden;}

	.header-m 		{ margin:0 auto; position:relative; transition: all 0.3s ease-out;}
	.header-m .h-col1-m { float:left; margin-top:10px;margin-bottom:10px;}
	.header-m .h-col1-m img { width:88%!important; height:auto}
	.header-m .h-col2-m {   height: 100%;
                                display: inline-block;
                                position: absolute;
                                right: 0;}
	.header-m .h-col2-m ul.menu-m    { margin:0; padding:0; height:100%; display:table;}
	.header-m .h-col2-m ul.menu-m li { margin:0; padding:0; height:100%; width:50px; list-style:none; display:inline-block; color:#fff}
	.header-m .h-col2-m ul.menu-m li:hover { color:#ccff00; cursor:pointer}
	.header-m .h-col2-m ul.menu-m li.h-btn { text-align:center; font-size:20px; display:table-cell; vertical-align: middle;} 
	/*.header-m .h-col2-m ul.menu-m li.h-btn .gi-search {margin-top: -1px;}*/
        .header-m .h-col2-m ul.menu-m li:first-child { border-right:1px solid #fff}

	.h-mobile  { display:block}
	.h-desktop { display:none }
	
	}

	@media only screen and (max-width: 479px) {
	.header-m .h-col1-m { width:150px; float:left; margin-top:5px; margin-bottom:5px;}
	.header-m .h-col1-m img { width:160%!important; height:auto}
	}
	
	@media only screen and (max-width: 360px){
       .header-m .h-col1-m { width:140px; float:left; margin-top:5px; margin-bottom:5px;}
       .header-m .h-col1-m img { width:140%!important; height:auto}
    }