header {

  width: 100%;

  height: 95px;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999;

  -webkit-transition: height 0.2s;

  -moz-transition: height 0.2s;

  -ms-transition: height 0.2s;

  -o-transition: height 0.2s;

  transition: height 0.2s; 

}

header h1#logo {

    display: inline-block;

    height: 150px;

    line-height: 150px;

    float: left;

    font-family: "Oswald", sans-serif;

    font-size: 60px;

    color: white;

    font-weight: 400;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -ms-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s; 

}

header nav {

    display: inline-block;

    float: right; }

    header nav a {

    line-height: 150px;

    margin-left: 20px;

    color: #9fdbfc;

    font-weight: 700;

    font-size: 18px;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -ms-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s; 

}



header .logo img {

     height:69px;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -ms-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s; 

}

.top_menu ul li a{

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -ms-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s; 

}

header .logo-eng img { height:75px !important;}



/******* CSS Hack for safari 5.1.6 *********/

_::-moz-svg-foreign-content, :root header .logo img {height:64px;}

_::-moz-svg-foreign-content, :root header.smaller .language-icon{width: 62px;}

_::-moz-svg-foreign-content, :root header.smaller .language-icon img{margin-left: 6px;}

_::-moz-svg-foreign-content, :root header.smaller .logo img{height: 55px;}



/******************* hack for IE10 not working here *******************/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    

}

:root header.smaller .top_menu ul li{ font-size: 11.5px \0/IE9; } /* IE9 + IE10pp4 working */

/****************************************************/





/* ===== new css for language ===== */



header.smaller .logo{width: auto !important;}



header.smaller .language-link{display: none;}

.language-link{ position: absolute; z-index: 11111; right: 0px; top: 0px;}

.language-link a{color:#787878; padding: 0 6px; text-decoration: none; font-size: 13px; font-family: "open_sansregular"; cursor: pointer;}

.language-link a.select{color:#d9261b !important;}



.language-icon{display: none;}

.language-icon a{cursor: pointer;}

header.smaller .language-icon{display: block; float: right; width: 68px; margin-top: 5px;}

header.smaller .language-icon img{margin-left: 8px;}



/* ===== new css for language ===== */





header.smaller {height: 40px; box-shadow:0 0px 10px #CCC;}	

header.smaller .logo img {height:58px; margin-top:-16px;}

header.smaller .logo a{display: block; padding: 0px;}



header.smaller .logo-eng img { height:58px !important;}

	

header.smaller .top_menu ul li a{ line-height:41px; /*padding-bottom:15px;*/ padding:5px 4px; }

header.smaller .top_menu{ margin-top:-11px;}

header.smaller .topmenu-eng ul li a{ line-height:51px !important;}





/*Sub menu Starts 8-7-14*/

header.smaller .top_menu ul li ul li a{ line-height:38px !important;  padding:0px 7px !important;}

header.smaller .top_menu ul li ul{ top:53px;}

/*Sub menu End 8-7-14*/



header.smaller .mob_menu{ margin-top:-3px;}



/*1111111111111111111111111111111111*/

@media (min-width: 900px) and (max-width: 1027px) {

    

header .logo a{padding: 10px 0;}

header.smaller .logo a{padding:5px 0;}



header .logo img { height:55px;}

header.smaller .logo img {height:50px;}

header .logo-eng img { height:58px !important;}

header.smaller .logo-eng img { height:50px !important;}



.top_menu ul li a{ padding:0 2px; font-size: 12px;}

header.smaller .top_menu ul li a{ padding:0 0px; line-height:51px;}







}

/*22222222222222222222222222222*/

@media (min-width: 768px) and (max-width: 899px) {

	

header.smaller .top_menu ul li a{padding:5px 14px; }    

}

/*33333333333333333333333333333*/

@media (min-width: 600px) and (max-width: 767px) {ok

                                                  

.top_menu ul li a{padding: 0 4px; font-size: 12px;}

header.smaller .top_menu ul li a{padding:5px 3px; }



}

/*4444444444444444444444444*/

@media (min-width: 480px) and (max-width: 599px){

header{ height:76px; padding-top:4px;}

 header.smaller{ padding-top:15px;}

header .logo img{width:340px; height:64px;}

header .logo-eng img { height:64px !important;}



header.smaller .logo img{width: 310px !important; height: 52px !important;}

header.smaller .logo-eng img { height:52px !important;}



header.smaller .top_menu ul li ul{ top:0px;}

header.smaller .top_menu ul li a{ padding:7px 10px;  line-height:20px;}

header.smaller .topmenu-eng ul li a{ line-height:20px !important;}





}

/*5555555555555555555555*/

@media (min-width: 320px) and (max-width: 479px){

header{ height:65px; padding-top:10px; padding-bottom:0px;}

header .logo img{ height:50px;}		

header.smaller .logo img{ height:44px; padding-top:8px;}

header .logo-eng img { height:50px !important;}

header.smaller .logo-eng img { height:44px !important;}





}

/*5555555555555555555555*/

@media (min-width: 320px) and (max-width: 479px){

header.smaller .logo img{ width:225px;}

header.smaller .top_menu ul li ul{ top:0px;}

header.smaller .top_menu ul li a{ padding:6px 10px;  line-height:18px;}

header.smaller .topmenu-eng ul li a{ line-height:18px !important;}

.language-link{top:-8px;}

header.smaller .language-icon{width: 60px;}

header.smaller .language-icon img{margin-left: 6px; width: 22px;}



header.smaller .mob_menu{margin:1px 0 0px;}









}