@media (min-width: 1600px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1641px;
	}
}

@media screen and (max-width: 1700px) {
	.main-memu ul > li {padding: 15px 15px}
	header {padding: 40px 0;}
	.tab-wapper .nav-link {padding: 12px 5px;}
	.tab-section .tab-content {padding: 30px 15px;}
	.courses-img {width: 45%}
}

@media screen and (max-width: 1500px) {
	.main-memu ul > li {padding: 15px 12px}
	.main-memu ul > li > a {font-size: 16px;}
	header {padding: 10px 0;}
	.table-list table tr th {font-size: 14px;padding: 10px 10px;}
	.tab-wapper .nav-link {padding: 12px 5px;}
	.circle-box h4 {font-size: 20px;}
	.logo a img {max-width: 250px;}
	.price-tag {padding: 0 5px;}
	.right-circle {width: 75%;}
	.left-circle { width: 75%; top: -59%; right: -20%; }
	.footer-link > li > a {margin-bottom: 30px;}
	.courses-tab .nav-pills .nav-link {font-size: 20px;}
	.card-content { padding: 0px 20px 15px 20px; }
	.tab-wapper .nav-link {font-size: 13px;}
}
@media screen and (max-width: 1300px) {
	.logo a img {width: 250px; }
	.hero-content h1,.hero-content span {font-size: 42px; line-height: 52px;}
	.right-circle, .left-circle {width: 70%;}
	.owl-nav .owl-next span:before { background: url('../images/white-right-arrow.svg');  right: -20px;}
	.owl-nav .owl-prev span:before { background: url('../images/white-left-arrow.svg'); left: 30px;}
	.main-memu ul > li { padding: 15px 8px; }
	.panel-content h2 {font-size: 42px; line-height: 52px;}
	.tab-wapper .nav-link {font-size: 10px;}
}

@media screen and (max-width: 1200px) {
	.logo a img {max-width: 250px;}
	.footer-link > li > a {font-size: 14px;margin-bottom: 20px;}
	.main-memu ul > li > a {font-size: 14px;}
	.table-list table tr td {font-size: 14px;padding: 10px 10px;}
	.circle-image {width: 80px; height: 80px;}
	.circle-image img {width: 40px;}
	.circle-box h4 {font-size: 18px;}
	.hero-content {padding: 0 30px;max-width: 100%; }
	.logo {padding-right: 20px;}
	.price-tag {padding: 0 8px;}
	.tab-wapper .nav-link {font-size: 13px; padding: 16px 8px; margin: 0 0 0 8px;}
	.logo a img {max-width: 200px;}
	.tab-section .tab-content {padding: 15px;}
}
@media screen and (max-width: 1100px) {
	.main-memu ul > li {padding: 15px 5px;}
	.hero-content h1 {margin-bottom: 15px;}
	.hero-content h1, .hero-content span {font-size: 32px; line-height:42px;}
	.hero-content p {margin-bottom: 20px;}
	.right_blue_box img {width: 100px;}
	.blue_box_bottom img {width: 200px;}
	.blue_box_bottom {right: -100px;}
		.card-wapper {padding-bottom: 0;}
	.social-link li a {font-size: 18px;}
}

@media screen and (max-width: 1024px) {
	.logo {padding-right: 0; }
	.title-center h1 {font-size: 24px; line-height: 34px;}
	.owl-nav .owl-next span:before {right: -10px;}
	.owl-nav .owl-prev span:before {left: 20px;}
	.card_band {margin-bottom: 30px; min-height: auto; height: auto; padding: 30px 20px;}
	.card_band h3 {margin-bottom: 15px;}
	.aboutus-section {padding: 40px 0;}
	.our-mission {margin-bottom: 0;}	
	.footer-link li a {margin-bottom: 15px;}
	.logo a img {max-width: 150px;}
	.tab-pane h3 {padding-left: 0;}
	.tab-pane p {max-width: 100%; margin-bottom: 30px;}
	.navbar-collapse {flex-basis: 100%;flex-grow: 1;}
	nav.collapse:not(.show) {display: block; visibility: hidden;transition: all 0.3s linear 0s;}
	.main-memu { visibility: hidden; position: fixed; transform: translateX(100%); transition: all 0.3s linear 0s;display: block; width: 85%;background: #7AAFDE;top: 0;right: 0;height: 100vh; z-index: 999;}
	.courses-tab .nav-pills .nav-link {padding: 10px 20px;}
	.news-section {padding: 40px 0;}
	.card-wapper {padding: 30px 0;}
	.card-box {margin-bottom: 30px; margin-right: 0;height: auto;}
	.news-wapper .mb-30 { margin-bottom: 0; }
	.news-wapper {padding-top: 0;}
	.right_blue_box img {width: 80px;}
	.service-section:before {width: 32%;}
	.courses-img {display: none;}
	.bottom-line {margin-bottom: 30px;}
	.courses-tab .nav-pills {width: 35%;}
	.courses-tab .nav-item { margin-bottom: 10px; }
	.card-content a img {width: 25px;}
	.courses-tab {padding-top: 30px;}
	blockquote {padding: 30px;}
	.courses-tab .nav-pills .nav-link {font-size: 16px; text-align: right; padding-left: 64px;}
	.courses-tab .tab-content {max-width: 65%;padding: 0;}
	.tab-wapper.white-tab {padding-left: 0; padding-right: 0;}
	.card-wapper .col-md-6:nth-last-child(2) .card-box, .card-wapper .col-md-6:nth-last-child(1) .card-box { margin-bottom: 0; }
	.service-section {padding: 40px 0 60px 0;}
	.tab-section .tab-content {padding: 15px;}
	.table-list table tr td {padding: 15px;}
	.tab-wapper {padding-top: 30px; padding-left: 0;padding-bottom: 20px;}
	.tab-section {padding: 40px 0;}
	.title-band h2,.title-wapper h2 {font-size: 28px; line-height: 38px;}
	.circle-box h4 {font-size: 18px;line-height: 28px;}
	.circle-box {margin-bottom: 40px; width: 33.33%;}
	.circle-image {width: 80px;height: 80px;}
	.circle-section {padding: 40px 0;}
	.circle-image img {width: 40px;}
	.circle-wapper .circle-box:nth-last-child(1),.circle-wapper .circle-box:nth-last-child(2),.circle-wapper .circle-box:nth-last-child(3) {
		margin-bottom: 0;
	}
	.marquee-section {padding: 15px 0;}
	header { padding: 9px 0; position: relative;box-shadow: 0px 3px 12px rgb(0 0 0 / 8%);}
	.right-circle, .left-circle {display: none;}
	.hero-content { padding-right: 0; max-width: 100%; }
	.hero-content h1 {font-size: 32px; line-height: 42px; margin-bottom: 20px;}
	.hero-content span {font-size: 32px; line-height: 42px;}
	.hero-content p {margin-bottom: 15px;}
	.navbar-toggler {display: block;}
	.left-sec, .right-sec {width: 100%; padding: 30px 0;}
	.home-banner {flex-direction: column;}
	.blue_box_bottom img {width: 80px;}
	.blue_box_bottom {right: -80px;}
	a.chat_box img {width: 70px;}
	header.header-top .logo a img {width: 150px;}
	.hero-section .p-0 {padding: 0 10px !important;}
	.investor-section {padding: 40px 0;}
	.investor-section h2 {font-size: 20px; line-height: 30px;margin-bottom: 20px;}
	.left-title h3 {font-size: 20px; line-height: 30px; padding: 0 0 0 15px;}
	.card_box {padding: 15px;}
	.card-content {padding: 20px 15px 20px 15px ;}
	#top_button {width: 40px; height: 40px; border-radius: 40px;bottom: 40px; left: 20px;}  
	#top_button::after {font-size: 1.2em;line-height: 42px;}
	.main-memu.show { visibility: visible;
    transform: translateX(0); transition: all 0.3s linear 0s;}
	.main-memu > ul {display: flex; flex-direction: column;align-items: flex-start;}
	.main-memu ul > li { width: 100%;display: flex;justify-content: center; padding: 10px 5px;}
	.main-memu > ul {
	    max-width: 100%;
	    flex-direction: column;
	    align-items: center;
	    overflow: auto;
	    max-height: 600px;
	    padding-bottom: 60px;
	    padding: 15px 15px 60px;
	}
	.navbar-toggler.collapsed .fa-bars:before {content: "\f0c9";}
	.navbar-toggler .fa-bars:before { content: "\f00d"; }
	header.header-top .main-memu ul > li > a {color: #fff;}
	header.header-top .main-memu ul > li.lan_chg > a {border-color: #fff; color: #fff;}
	.dropdown-menu li a {margin-bottom: 0;font-size: 14px;}
	.dropdown-menu li {padding: 8px 15px}
	.card-img img {height: 200px;object-fit: cover;}
	.inner-header .main-memu ul > li > a {color: #fff;}
	.inner-header .main-memu ul > li.lan_chg > a {color: #fff;border-color: #fff;}
			.owl-nav .owl-next span:before { background: url('../images/white-right-arrow.svg'); background-size: 30px; width: 30px; height: 30px;}
	.owl-nav .owl-prev span:before { background: url('../images/white-left-arrow.svg'); background-size: 30px; width: 30px; height: 30px;}
	.management-section {padding: 60px 0;}
	.panel-content h2 {font-size: 24px;}
	.tab-pane p {line-height: 24px;}
	.management-section .nav-tabs li.nav-item button {font-size: 16px; line-height: 28px;text-align: right;}
	.panel-content {width: 70%;}
	.doller-image {width: 30%;}
	.image_band {margin-bottom: 40px;}
	.whoweare-img img {max-width: 100%;}
	.content-band {padding-top: 0;}
	.whoweare-section, .faq-section {padding: 40px 0;}
	.ct-shape img {max-width: 200px;}
	.main-memu ul li .dropdown-menu li a {color: #606060 !important; }
	.gallery-section,.form-section,.contact-section {padding: 40px 0;}
	.contact_details {width: 48%; margin-bottom: 30px;}
	.main-memu ul > li > a:hover, header.header-top .main-memu ul > li > a:hover {color: #003468;}
	.rightarrow {transform: rotate(-90deg);bottom: -35px;top: auto;left: 50%;}
	.market-watch-section {padding: 40px 0;}
}

@media screen and (max-width: 767px) {
	.left-sec {padding-bottom: 0;}
	.top-footer {padding: 40px 0;}
	.bottom-footer p {padding: 15px 0; font-size: 14px;} 
	.value-item  {min-height: auto;}
	.aboutus-title {margin-bottom: 20px;}
	.circle-box {width: 100%;}
	.table-list {overflow: auto;}
	.courses-tab .nav-pills {width: 100%;}
	.courses-tab { flex-direction: column;}
	.service-section:before {width: 100%; height: 520px;}
	.tab-wapper {padding-left: 0;}
	.tab-wapper .nav-link {padding: 12px 5px;font-size: 12px; margin-left: 3px;}
	.table-list table tr th {font-size: 14px;}
	.tab-section .tab-content {padding: 0;}
	.courses-tab .tab-content {padding-left: 0;}
	.card-wapper .col-md-6:nth-last-child(2) .card-box, .card-wapper .col-md-6:nth-last-child(1) .card-box {margin-bottom: 30px;}
	.circle-wapper .circle-box:nth-last-child(1), .circle-wapper .circle-box:nth-last-child(2), .circle-wapper .circle-box:nth-last-child(3) {margin-bottom: 30px;}
	.circle-image {margin-bottom: 15px;}
	.table-list table tr td {padding: 10px;}
	.btn.blue-btn {font-size: 14px; padding: 15px;}
	.tab-pane h3 {padding-top: 40px;}
	.card-wapper {padding: 30px 0 0 0;}
	.right_blue_box img {width: 40px;}
	.title-band h2, .title-wapper h2 {font-size: 24px; line-height: 28px;}
	.social-link li a {font-size: 18px;}
	.courses-tab {padding-top: 0;}
	.service-section {padding: 40px 0 0 0;}
	.news-section .row .col-lg-3.col-md-6:last-child .card-box {margin-bottom: 30px;}
	.sky-blue-shadow:before, .card-box:before {height: 100%;}
   	.management-section {padding: 40px 0;}
   	.panel_wapper {flex-direction: column;}
   	.panel-content h2 {font-size: 24px;margin-bottom: 15px;}
   	.management-wapper {flex-direction: column;}
   	.management-section .nav-tabs li.nav-item button {font-size: 14px; line-height: 24px;}
   	.management-section li.nav-item {margin-bottom: 15px;}
   	.management-section .nav-tabs { padding: 15px 0 15px 0; margin-bottom: 20px;}
   	.panel-content {width: 100%;}
   	.doller-image {max-width: 50%; padding: 30px 0 0 0;}
   	.tab-pane p {line-height: 24px;}
   	.dropdown-menu {min-width: 100%;}
   	.trustees_one > img {width: 150px;}
   	.trustees_one { max-width: 100%;margin-bottom: 40px;}
   	.title-center h1 {text-align: center;}
   	.title-center { width: 100%; }
   	.staff_main .vaertical_div_text > h2 {font-size: 14px;;line-height: 20px;}
   	.staff_main .vaertical_div_text > span {font-size: 12px;line-height: 20px;}
   	.staff_main .vaertical_div_text {padding: 8px;}
   	.card-box {height: auto;}
   	.gallery-band {flex-direction: column;}
   	.contact-form {padding: 30px 15px}
   	p {font-size: 16px;}
   	.contact-form p { margin-bottom: 40px; font-size: 16px; line-height: 26px;}
   	.contact_details {width: 100%;}
   	.card__video img {height: 200px;}
   	.card__video {display: block;}
   	.courses-tab .tab-content {max-width: 100%;margin: 0 !important;}
   	.social-link li {font-size: 14px;}
   	.social-link li {padding-left: 15px;}
   	.courses-tab .nav-pills .nav-link {padding-left: 15px;}
   	.tab-wapper .nav-link {width: 100%;border-radius: 0;}
   	.tab-wapper .nav-tabs {margin-bottom: 15px;}
   	.white-tab.tab-wapper .tab-content {border-radius: 0;}
   	.tal-ms-list {padding: 5px;}
	.staff_main{width:100% !important;}
}

@media screen and (max-width: 320px) {
	.tab-wapper .nav-link {font-size: 10px; padding: 8px 5px;}
}