header {position:relative;z-index:10;}
header .container {padding-left:0;padding-right:0;}
.header {display:flex;padding: 15px 0;justify-content: space-between;align-items: center;font-weight:bold;font-size:16px;}
.header-line1 {display:flex;width:70%;justify-content: space-between;align-items: center;}
.header-title{display:none;color:#fff;text-align:center;width:100%;border-bottom:1px solid #fff;padding-bottom:8px;margin-bottom:8px;}
.header-logo{display:flex;}
.header-logo img {height:70px;}
.header-logo-fed {display:flex;justify-content:space-between}
.header-logo-fed img {height:50px;padding-left:10px;opacity:0.7}
.header-live a, .header-language .dropdown-toggle {color:#fff !important;padding:4px 8px;}
.header-live a:hover, .header-language .dropdown-toggle:hover{background-color:#fff !important;color:var(--color-ktf) !important;border-radius:4px;}
.header-language .dropdown-toggle > i {padding-left:5px;}
.header-logo__title {padding-left:15px;color:#fff;max-width:200px;}
.header-search .form-control {cursor:pointer;width:150px;color:#fff;font-weight:normal;background:none;border-radius: 4px !important}
.header-search .btn {background:none;color:#fff;border:0 !important;margin-left:-39px !important;z-index:1 !important;}
.header-search .btn:focus,.header-search .btn:active{background:none !important;color:#fff !important;}
.header-search .form-control:focus {border:1px solid #fff;}

.header-language .dropdown.open .dropdown-toggle{background-color:#fff !important;color:var(--color-ktf) !important;border-radius:0; border-top-left-radius:4px;border-top-right-radius:4px;}
.header-language .dropdown.open .dropdown-menu {margin:1px 0 0;border:0;border-top-left-radius:0;padding:7px 10px;display:flex;flex-wrap:wrap;flex-direction: column;font-weight:normal;}
.header-language .dropdown.open .dropdown-menu a {display:block;padding:3px 0}
.header-language .dropdown.open .dropdown-menu a > i {padding-left:5px;}

@media only screen and (max-width: 1199px) {
.header {font-size:14px;}
.header-logo img {height:50px;}
.header-logo-fed img{height:40px;}
.header-search .form-control {font-size:14px;padding:4px 8px;height:26px;}
.header-search .btn {margin-left:-30px !important;padding:4px 8px; font-size:13px;}
}               	
@media only screen and (max-width: 991px) {
.header {flex-wrap:wrap;}
.header-line1, .header-logo-fed{width:100%;}
.header-logo-fed{padding-top:8px;margin-top:8px;border-top:1px solid #fff;}
.header-logo-fed img {height:50px;padding-left:0}
.header-language .dropdown.open .dropdown-menu {font-size:14px;}
}
@media only screen and (max-width: 775px) {
header .container {padding-left:15px;padding-right:15px;}
.header-search .form-control {display:none}
.header-search .btn {margin-left:0px !important;}
.header-language .dropdown.open .dropdown-menu {font-size:13px;min-width:90px;}
}

@media only screen and (max-width: 575px) {
.header {font-size:12px;}
.header-logo img {height:40px;}
.header-logo-fed{flex-basis: 100%;}
.header-logo-fed img{height:30px;}
.header-logo__title {display:none}
.header-title{display:block;}
}               	

/* for 30year */
@media only screen and (max-width: 519px) {
.header-line1 {flex-wrap:wrap;}
.header-logo {width:100%;justify-content:center;margin-bottom:2rem;}
}


@media only screen and (max-width: 419px) {
.header {font-size:12px;}
.header-search {display:none}
/*.header-logo img {height:36px;}*/
.header-logo-fed img {height:36px;}
}               	

@media only screen and (max-width: 359px) {
.header {font-size:11px;}
/*.header-logo img {height:28px;}*/
.header-logo-fed img {height:28px;}
}