.navbar-toggle {
  position: relative;
  float: right;
  padding: 10px;
  margin-top: 20px;
  margin-right: 0;
  background-color: #aecf0b;
  background-image: none;
  border-radius: 8px;
  border:0px;
}

.navbar-material-blue .navbar-toggle:hover,
.navbar-material-blue .navbar-toggle:focus {
  background-color: #18258a;
}
.navbar-material-blue .navbar-collapse,
.navbar-material-blue .navbar-form {
  background: rgba(255,255,255,.8); box-shadow: 0 0 3px rgba(0,0,0,.2)
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  width: calc(100% - 30px);
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.navbar-material-blue .navbar-nav > .active > a,
.navbar-material-blue .navbar-nav > .active > a:hover,
.navbar-material-blue .navbar-nav > .active > a:focus {
  color: #333333;
  background-color: #a8bbd2;
}
.navbar-material-blue .navbar-nav > .disabled > a,
.navbar-material-blue .navbar-nav > .disabled > a:hover,
.navbar-material-blue .navbar-nav > .disabled > a:focus {
  color: #502960;
  background-color: transparent;
}
.navbar-material-blue .navbar-toggle .icon-bar {
  background-color: #fff;
}

@media screen and (max-width: 960px) {
	
html,body {	font-size:15px; line-height:23px; } 
h1{ font-size:28px; line-height:32px;  }
h2{ font-size:22px; line-height:28px; }
h3{ font-size:18px;  line-height:22px;  }
h4{ font-size:16px;  line-height:22px;  }
h5{ font-size:16px;  line-height:22px;  }
h6{ font-size:16px;  line-height:22px;  }

.logo{ float:left; padding: 15px 0; }
.logo img{ max-height:55px; }

.header .links_top { position: absolute; background: rgba(255,255,255,.9); padding:5px; bottom:30px; right:70px; margin:0; }
.header .links_top ul li { margin:0; }
.header .links_top .lang a { padding:0px 5px;}

.inner_banner h1 p { position:relative;}

.screen{ min-width:300px; padding:0px 10px ;}
.container .screen {padding:0px 10px ;}
.container { padding:60px 0 15px 0;}

.Userful_link_inside ul { margin:0; }
.Userful_link_inside ul li { width:48%; margin: 10px 1%;}
.sch_info { padding:15px 0;}
.footer .copyright , .footer .power{ text-align: center; width:100%; }

#bs-example-navbar-collapse-animations ul.navbar-nav{ float: none; margin-top:0px; }

.navbar-collapse{ float: none; }
  
.navbar-material-blue .navbar-nav .open .dropdown-menu > li > a { color: #502960;  }

.navbar-material-blue .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-material-blue .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffd200;
background-color: transparent;
}
.navbar-material-blue .navbar-nav .open .dropdown-menu > .active > a,
.navbar-material-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-material-blue .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #502960;
background-color: #a8bbd2;
}
.navbar-material-blue .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-material-blue .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-material-blue .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #502960;
background-color: transparent;
}

.header .links_top { position:absolute; right:65px; margin: 0; bottom:34%; z-index:1 }
.inner_banner {  padding:60px 0; background-size:cover; background-repeat: no-repeat; background-position:50% 50%  }
.subject_category ul li{ width:48%; margin:0 0 10px 2%}

.site-map ul{ margin:0 0 ; padding:0;}
.site-map ul li{  width: 100%; margin:0 0 15px 0%;  }
.site-map ul li:nth-child(2n+1){ clear: both; }

.boxing .title{  padding:5px 15px 5px 30px; margin:15px 0; font-size:21px; }
#Inner_Type_A li, #Inner_Type_A2 li { width:100%; margin:0 0 10px 0;}
.inner_content{ padding:0;}
.inner_content .main_content { width: 100%; padding:15px 0px 30px 0px; margin-top:0; }
.sidebar-nav{ width:100%;}

#Inner_Type_C2 .title { width: auto}

#Inner_Type_A ul, #Inner_Type_A2 ul{ margin:0 0 15px 0; }
.more_area{ margin-top:15px; }

#popup_this {  width:90%;   }
#popup_this .content  {
min-width:300px;
min-height:240px;
max-height:420px; padding:30px 5px ; }

.dropdown-menu > li > a.current { background-color:#fff; }
.video_theme{ max-width:100%; }

.main_2 { width:100%; margin:30px 0 0 0; padding:0}
.main_1 { width:100%; padding:0;  margin:30px 0 0 0; }

.link_button ul li { width: calc(50% - 1% - 6px);}
.link_button { margin:20px 0}
.latest_gallery ul li { width: calc(50% - 1% - 4px);margin: 0 0.5% 10px 0.5%;}

.header_top { top:92px; width:100%; margin:0;z-index: 1;}
.header_top ul li { margin:0; width:33.3%}
.header_top ul li a { border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
#banner_block { padding:60px 0 20px 0}

.latest_new ul li,.latest_new ul li + li + li { width:100%;}
.latest_new ul li + li ,.latest_new ul li + li + li + li{    width: calc(100%);    margin-left: 0;} 

.latest_video ul li:nth-child(2n+1){ clear:both;}
.header .links_top ul li + li::before { display:none}

.menu_block { float: right;background: #18258aed;position: absolute;right: 0; z-index:9}
.nav > li > a { padding:10px !important}
.nav > li {    width: calc(100%) !important;    text-align: left !important;}
.dropdown-menu > li > a { background:#aace0c; color:#000 !important}
.navbar-collapse { margin:0; padding:10px;}
.menu_block .screen { padding:0}
.theme_index .contact ul { font-size:15px; line-height:19px;}
.boxing{ margin:0 0 20px 0; }
.theme_index .title{ font-size:17px; padding:10px 10px 10px 45px}
.inner_banner {  background:none !important; height: auto; padding:0;}
#title_bg { width:100%; background: none ; margin:0; padding:0; height:auto;}

.inner_banner h1 {height: auto;width: 100%; margin:0;  text-shadow:0 0 0; padding:30px 0 0 0; font-size:21px;  line-height:24px;  }
.theme { margin-top:50px}
#template_C .information ul li{ width:100%}

.theme_index { padding:25px 30px 15px 30px; position:relative; width:calc(100% - 60px); margin: -10px 0 70px 0;}
.theme_index .title { top: 0;left: 0;transform: translate(10%, -60%);}
.banner_area2_bg{ padding:0;}
#banner_block .screen { padding:0;}

#Inner_Type_C2 li .title_des, #Inner_Type_C li .title_des{ float: right; width:100%;}
#Inner_Type_C2 li .right_desc, #Inner_Type_C li .right_desc{ float: left; width:100%; text-align: left}

#title_bg_2 { display:none}
.nevigation { width:100%; display:none}
.jssora051 { display:none !important}
#Inner_Type_C li .right_desc { margin:0 !important}
.banner_area2_bg { width:100%}
#tpl { background:none}

#tpl .main_content { width:calc(100% - 30px); margin-top: 110px;border-radius: 16px;
box-shadow: 0 0 5px rgba(0,0,0,.3);
overflow: inherit;
padding:0 15px;margin-bottom: 50px;}

.inner_left_menu_block { width:100%}

#Inner_Type_C ,#Inner_Type_C2  { margin: 10px 0}
#pages{ margin:0 0 10px 0}
.sub_category ul li{ margin-right:5px;}
#tpl .dropdown{ margin-top:-43px !important}
#template_C .information ul{ margin:0}
#template_C .information ul li{ margin:0 0 10px 0 ;}
#template_C .information ul li a{ padding:0;}
.sub_category{ margin:0;}
.latest_new , .latest_gallery2{ margin-top:-60px;}
.latest_awards{ margin:30px 0 0 0}
.latest_gallery { padding:0 0 20px 0}
.inner_content .latest_new .title, .inner_content .latest_gallery2 .title, .inner_content .latest_video .title{ background-size: auto 50%; padding:15px 0 15px 42px;}

.inner_content .latest_video{ }
.inner_content .latest_video .title{ margin-top:-60px; text-align:left; width:auto; padding:15px 0;}

.inner_content .latest_video .title
.latest_new .title, .latest_awards .title, .latest_video .title{ background-size: auto 50%; padding:10px 0 10px 30px;}

.latest_new .title, .latest_awards .title{ background-size: auto 70%}
.title {    font-size: 18px;}	
.latest_video ul li { width:calc(50% - 1% - 4px); margin:0.5%}
.latest_video .title { padding: 30px 0 30px 30px;}

.latest_awards ul li { width:calc(100% - 10px - 1%) }

.FullPage .inner_content .main_content{ width: 100%}
.footer .screen{ padding:20px 10px;}
}


@media screen and (max-width: 560px) {
.link_button ul li {    width: calc(100% - 6px);    margin: 0 0 2% 0;}
.latest_gallery ul li {    width: calc(100% - 4px);    margin: 0 0 10px 0;}
.bottom_icon { display:block;  padding:20px 0 0 0 }
.bottom_icon  img { max-width:100%; width: 40%;}
.sch_info ul li { margin:5px 0}

.header_top{bottom:-30px;}
.latest_awards ul li span {display:block}

.latest_video ul li { width:calc(100% - 1% - 4px);margin: 0.5% 0 10px 0.5%;}
	
	#award_list { flex-wrap: wrap}	
	#award_list .cover {    margin: 0 !important; }
	#award_list .content { width: 100%;        text-align: center;}
	#award_list .content .date {    width: fit-content;}	
	#award_list .more { width: 100%}
	
	}


@media screen and (max-width: 460px) {
.header_top ul li a { padding:5px 10px ;     text-align: center;}	
.header_top ul li a::before {display: none;}
	}