﻿.navbar-toggle {
  position: relative;
  float: right;
  padding: 10px;
  margin-top: 10px;
  margin-right: 0;
  background-color: #002147;
  background-image: none;
  border-radius: 8px;
  border:0px;
}

.navbar-material-blue .navbar-toggle:hover,
.navbar-material-blue .navbar-toggle:focus {
  background-color: #ffd200;
}
.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; display:inline-block  }
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: 10px 0; margin-top:0}
.logo img{ max-height:55px; }

.header .links_top {right: 55px; margin: 0; top: 21px;}
	
.screen{ min-width:280px; padding:0px 10px ;}
.container .screen {padding:0px 10px ;}

.main_2{ padding:30px 0;}
.Userful_link_inside ul { margin:0; }
.Userful_link_inside ul li { width:48%; margin: 10px 1%;}
.latest_new ul li { margin:0 0 15px 0}
.latest_new ul li + li{ margin:0 0 15px 0}
.footer .copyright , .footer .power{ text-align: center; width:100%; }

.latest_gallery ul li + li{ margin:0 0 15px 0;}

#bs-example-navbar-collapse-animations ul.navbar-nav{ float: none; margin-top:0px; }
#slogan_left { font-size:28px; line-height:38px; text-shadow: 0 0 5px rgba(0,0,0,.2); bottom:50px;  }

.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{ position:relative; background:#0c2f58; }
#welcome_des{ display:inline-grid; }
.welcome_left{ width:100%}
.welcome_right{ width:100%; margin:0;}
.header .logo{ padding-left:0}
.inner_banner {  padding:120px 0 0px 0; background-size:cover; background-repeat: no-repeat; background-position:50% 50% ; width:100% }
.inner_banner h1{ padding:10px 10px;  font-size:18px;  line-height:24px;  }

.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; }

.link_button ul li {  width: calc(32.0% - 0%); margin: 0 0.5%;box-shadow: 0 0 3px rgba(0,0,0,.0);}
.link_button ul li span{ position: relative;  top: calc(60% - 10px);left: 00%;transform: translate(0px, -00%); width: 90%; padding: 10px 15px;}

.welcome_left{ text-align: center;}
.welcome_left img{ max-height:200px; width:auto;}


.boxing .title{  padding:5px 15px 5px 15px; margin:15px 0; font-size:21px; }
#Inner_Type_A li, #Inner_Type_A2 li { width:100%; margin:0 0 10px 0;}

.inner_content .main_content { width:100%; padding:0 0 30px 0}
.sidebar-nav{ width:100%;}

.container .title { padding: 15px 0 15px 0px}

.LeftDes_RightFullAlbum  .listing   { float: left;
width: calc(100% - 20px);
padding: 10px;}

#Inner_Type_A ul, #Inner_Type_A2 ul { margin:0;}
.LeftDes_RightFullAlbum  .main_content:nth-child(odd) #Inner_Type_A {float: right; width:100% ; margin-top:15px; }
.LeftDes_RightFullAlbum  .main_content:nth-child(odd) #Inner_Type_B2 {float: right; width:100% ; margin-top:15px; }
.latest_gallery .more_area{ margin-top:22px;}
#popup_this {  width:90%;   }
#popup_this .content  {
min-width:300px;
min-height:240px;
max-height:420px; padding:30px 5px ; }

.main_3{ padding:50px 0}
.video_theme{ max-width:100%; }

.latest_video{ display:block}
.video_left{ width:100%}
.video_right{ width:100%; margin:15px 0;}

.link_button ul li span { padding:5%}
.latest_new { padding: 0 }
.link_button{ padding:30px 0;}

.latest_video .cover { width:100% !important}
.latest_video .content { width: 100% !important;position: relative !important;margin-top: 30px;}
.latest_video .title { position:relative}
.latest_video iframe {    width: 100%;}
.footer_area{ display:block;}

.logo_bottom { float: none !important; text-align:left; margin-top:0; transform: translate(0, 0%);}
.sch_info::before { display:none}
.footer_area { padding:10px 0 !important}
.sch_info { width: calc(100% - 50px) !important;padding: 0!important;margin: 0 0 20px 0 !important; border:0;}
.useful_link { width: calc(100% - 15px) !important; margin:0 0 20px 0 !important; float:right!important}

.latest_new .content .title { font-size:17px}
.latest_gallery ul li { width:100%; margin-bottom:20px}
.latest_new ul li { margin:0; width:100%; margin-bottom:20px}

.welcome_title { color:#fff;}
.welcome { padding:30px 0}
.welcome_right a { position:relative; left:0; bottom:0}

.header { height: auto}
.yellow_bg {height: calc(100% + 20px);top: -20px;}
.latest_gallery { padding: 0px}

.navbar-material-blue .navbar-nav > li > a { color:#002147}

.grid50 { width:100%; margin-right:0}
.grid25 { width: calc(100%); margin-right:0}
.grid25_2 {width:100%;}
.grid50_2 { width:100%;}
.grid25_3 {width:100%; }
.grid75 {    width: calc(100%); margin-right:0}
.grid25_3 {width:100%}

.grid_photo .caption-text h5 { font-size:22px; line-height:26px; width: calc(100% - 50px); padding:0 25px;}
.grid50 img ,.grid50_2 img,.grid25 img, .grid25_2 img, .grid25_3 img ,.grid75 img{ height:200px !important}

.grid50 .caption-text h5 {    bottom: 10% !important;}

.grid50_2:hover .caption-text::before,.grid_photo:hover .caption-text::before  { display:none }

.grid50:hover .caption-text::before{display:none }
#full{padding: 20px  0!important;
width: calc(100% - 0px) !important;
background: #fff;}

.follow_us {    clear: both; width:100%}
.more_area a ,.latest_video .content a, .welcome_right a{  padding:7px 30px }


.latest_new .content .title {min-height: auto; padding:45px 0;}
.latest_new ul{-webkit-flex-direction: column;}

.grid_photo .caption-text { opacity:1}

#template_C .information ul li{ width:96% ; margin:0 0 10px 2%;}
#template_C .information ul li:nth-child(2n+1) { clear:both}
#template_C .information ul li:nth-child(3n+1) { clear:none}

#template_C .useful_link_page .information ul li { width:calc(33.3% - 2%);position:relative}
#template_C .useful_link_page .information ul li:nth-child(3n+1) { clear:both !important}
#template_C .useful_link_page .information ul li:nth-child(6n+1) { clear:none}

.date span { background-size:15%}
}

@media screen and (max-width: 460px) {
#template_C .useful_link_page .information ul li { width:calc(50% - 2%);position:relative}
#template_C .useful_link_page .information ul li:nth-child(3n+1) { clear:none !important}
#template_C .useful_link_page .information ul li:nth-child(2n+1) { clear:both !important}
}
