@media all and (max-width : 1366px) {
	.main-footer { padding-bottom: 137px;}
	.banner-wrap {
		height: 533px;
		height: 500px;
	}
	.banner-cont-slider { top: 80px;}
	.banner-container .water-globe { top: 33px;}
	.wrap {top: 133%;}
	.wrap,.drop-outer { height: 221px;}
	.ripple {top: 101px;}
}
@media all and (max-width : 1169px) {
	.container, .banner-container { max-width:100%; padding-left:15px; padding-right:15px}
	.logo { width:160px; display: block;}
	.logo img { width:100%}
	.header-right nav ul li {margin-left: 20px;}
	.header-right nav { margin-right: 20px;}
	.btn {padding: 10px 18px;}
	.main-header {min-height: 73px;}
	.fix-header { min-height: 73px; padding-top: 15px;}
	.header-right nav ul li a {font-size: 0.875em;}	
	.main-footer { padding-bottom: 102px;}
	.hp-sec h2 {font-size: 2.3em; margin-bottom: 44px; padding-left: 43px;}
	.about-sec .right-sec p {font-size: 1.0625em;}
	.hp-sec h2::before {width: 7px; height: 27px;}
	hr.top-line {top:73px;}
}
@media all and (max-width : 1024px) {
	body { font-size:95%}
	.banner-cont-slider h2, .banner-cont-slider h1 {font-size: 3em;}
	.banner-cont-slider h3 { font-size: 1.25em;}
	.banner-cont-slider p { font-size: 1.125em; padding: 3px 8px; margin-top: 10px;}
	.txtcont-slider .owl-dots { margin-top: 10px;}
	.banner-cont-slider h2 span img {width: 124px !important; top: -5px;}
	.bootm-curve-img { display:none}
	.banner-cont-slider { position:relative; width:100%; top: 0;}
	.banner-wrap { height: auto;}
	.banner-container .water-globe,.banner-container .wrap { display:none}
	.main-footer { padding-bottom: 70px;}
	.inner-content table th, .inner-content table td {padding: 4px;}
	.banner-container { position: relative; padding: 15px;}
	.step-line ul li { padding-left:10px; padding-right:10px}
}
@media all and (max-width : 940px) {
	.nav-togl { position: relative;margin-left: 10px;display: block;width: 30px;height: 16px; cursor:pointer; border:none; background:none; z-index: 9999;}
	.nav-togl span { position:absolute; height:2px; width:30px; display:block; left: 0;top: 50%;bottom: auto;right: auto;transform: translateY(-50%); background-color:#21adeb; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
	.nav-togl span em {position: absolute;top: 0;right: 0;width: 100%;height: 100%; display:block; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
	.nav-togl em:nth-child(1) { background-color:#ff8a00; transform: translateY(-5px);}
	.nav-togl em:nth-child(2) { background-color:#1aba12; transform: translateY(5px);}
	.header-right .nav-wrap {position: fixed;background-color: rgba(255,138,0,0.95);z-index: 99;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;overflow: auto; opacity:0; visibility:hidden; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; padding-top:50px}
	.header-right .nav-wrap nav { display:table; width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0; vertical-align:middle}
	.header-right .nav-wrap.nav-open { opacity:1; visibility:visible;}
	body.toggl { overflow:hidden}
	.nav-togl.nav-switch span { background-color:transparent}
	.nav-togl.nav-switch span em:nth-child(1),.nav-togl.nav-switch span em:nth-child(2) { background-color:#fff}
	.nav-togl.nav-switch span em:nth-child(1) {transform:rotate(45deg)}
	.nav-togl.nav-switch span em:nth-child(2) {transform:rotate(-45deg)}
	.header-right .nav-wrap ul { display:table-cell; vertical-align:middle}
	.header-right nav ul li { float:none; margin-left:0; text-align:center; margin-bottom:15px}
	.header-right nav ul li a { color:#fff; font-size: 1.125em;}
	.about-sec .left-sec { display:none}
	.about-sec .right-sec { display: block; padding-left: 0px;}
	.light-blueBg,.sponsors-sec,.ministry-sec { padding: 30px 0;}
	.hp-sec h2 { font-size: 1.813em;margin-bottom: 20px;padding-left: 23px;}
	.hp-sec h2::before { width: 5px; height: 25px; top: 3px}
	.register-sec {padding: 50px 0;}
	.about-sec .right-sec p {font-size: 1em;line-height: 150%;}
	.about-sec .right-sec .btn,.register-sec .btn { margin-top: 20px;}
	.register-sec h3,.register-sec h4 {font-size: 2.125em;}
	.photogalley-sec { padding: 30px 0;}
	.main-footer .fMdl .three_grid ul li { padding: 0 20px;}
	.gmap-inner-sec { height: 300px;}
	.main-footer .fTop {padding: 20px 0;}
	.botm-logo { width: 140px; display: block;}
	.main-footer .fMdl .three_grid ul { display: block;padding: 18px 0;}
	.main-footer .fMdl .three_grid ul li h3 {margin-bottom: 9px;}
	.step-line ul li {padding-left: 7px;padding-right: 7px;}
	.step-line ul li a {font-size: 0.75em;}
	.step-line ul li::before {width: 30px;height: 30px;line-height: 29px; font-size: 0.9375em;}
}
@media all and (max-width : 767px) {
	body { font-size:80%}
	.register-sec { padding: 20px 0;}
	.register-sec h3, .register-sec h4 { font-size: 1.7em;}
	.hp-sec h2 { font-size: 1.513em; margin-bottom: 15px;}
	.hp-sec h2::before { height: 19px;}
	.logo { width: 124px;}
	.main-header { min-height: 52px;}
	.fix-header { min-height: 52px; padding-top: 10px;}
	.btn { padding:5px 12px;}
	.btn.log-regis { padding: 5px 6px;}
	.keyfeature-sec article figure {padding: 0 10px;}
	.keyfeature-sec article figure figcaption h3 {font-size: 1.3em; margin-bottom: 10px;}
	.keyfeature-sec article figure figcaption p { font-size: 0.9375em;}
	.keyfeature-sec .three_grid article { padding-bottom:15px}
	.keyfeature-sec article figure figcaption i {margin: 0 auto 15px; width: 95px;}
	.main-footer .social ul li a i { font-size: 18px;}
	.main-footer .social ul li a {border: 1px solid #797979; width: 35px; height: 35px; line-height: 35px;}
	.inner-content { padding: 20px 0;}
	.form-wapper {
		padding: 20px 20px;
	}
	.main_tab_register h1.title01 { margin-top:20px}
	hr.top-line {top: 52px;}
	h1.title01 { margin:0 0 10px;}
	.ministry-sec .minister article figure .mns-pic,.ministry-sec .minister article figure figcaption h3 { margin-bottom: 10px;}
	.ministry-sec.hp-sec h2 { padding: 20px 0 0 0;}
	.ministry-sec.hp-sec h2::before { height: 5px;}
	.inner-content aside {width:100%;}
	.inner-content aside + .main-content {overflow:visible; margin-top:20px}
	.inner-content aside.left { float:none}
	.inner-content aside.left + .main-content { padding-left:0px;}
	.main_tab_register .form-inner form, .inner-content aside { padding:10px}
	#InterstAddForm,.main_tab_register .form-inner form#PersonalAddForm .form-group { padding-left:0px; padding-right:0px;}
	.main_tab_register .form-inner form { border:none}
	h1.title01 { font-size:1.8em}
	h1.title01::after, h1.title01::before {height:16px}
	.stp-title { display:block}
	.step-line ul li { display:block; padding-top:30px}
	.step-line ul li::after { height: 2px;top: 13.5px;}
	.step-line { display:none}
}
@media all and (max-width : 640px) {
	.keyfeature-sec .three_grid,.keyfeature-sec .three_grid article { display:block}
	.keyfeature-sec .three_grid article { width:100%; border-left:none; padding-bottom: 20px;}
	.keyfeature-sec .three_grid article:last-child { padding-bottom:0}
	.keyfeature-sec article figure figcaption i {margin: 0 auto 12px; width: 80px;}
	.keyfeature-sec article figure figcaption h3 {font-size: 1.25em; margin-bottom: 8px;}
	.keyfeature-sec article figure figcaption p { font-size: 0.875em;}
	.gmap-inner-sec {height: 257px;}
	.main-footer .fMdl .three_grid ul li { display:block; width:100%;padding: 0px; border-left:0; margin-bottom:10px}
	.main-footer .fMdl .three_grid ul li:last-child { margin-bottom:0}
	.main-footer .fMdl .three_grid ul li h3 {margin-bottom: 2px; font-size: 1.125em;}
	.main-footer .fMdl .three_grid ul li p { font-size:0.875em}
	.main-footer { padding-bottom: 10px;}
	.main-footer .fBot { padding:12px 0}
	.botm-logo {width:120px;}
	.main-footer .fTop { padding:5px 0}
	.main-footer .social ul {margin-top: 0;}
	.ministry-sec .minister article { width: 100%; display:block; margin-right: 0px;}
	.login-form {width: 95%;}
	.main_tab_register .form-inner form#PersonalAddForm .form-group { display:block; width:100%; margin-right:0px;}
	.main-footer .fMdl .three_grid ul {padding: 8px 0;}
	.contact-container, .contact-container .contact-left, .contact-container .contact-right {display: block;width: 100%;}
	.contact-container .contact-left, .contact-container .contact-right { padding:0; border:none}
	.inner-content .photoGallery .galleryGroup .gallery ul li {width:33.33%;}
}
@media all and (max-width : 480px) {
	.banner-cont-slider h2, .banner-cont-slider h1 { font-size: 2em;}
	.banner-cont-slider h3 { font-size: 1.0625em;}
	.banner-cont-slider p { font-size:0.9375em;padding: 1px 5px;}
	.banner-cont-slider h2 span img {width: 72px !important;}
	.inner-content .photoGallery .galleryGroup .gallery ul li {width:50%;}
}