@media (min-width: 768px) { 
	.navbar-collapse{width: 50%;}	
	#nav-icon3{width: 35px;}
    .footer{padding: 5% 0;}	
	.copyright-box{padding:15px 0;}
	.navbar-brand{text-align: center;}
	.navbar-brand img{width: 300px;}
	.footer h1, .address-footer h1 {font-size: 20px;}
	.address-footer {margin-bottom: 0;}
	/*.arrow-ab-center{
		display: block;
		top: -10%;
	}
	.arrow-ab-left, .arrow-ab-right{display: none;}*/
	.arrow-ab-left {
		left: 0;
		top: 0;
		width: 45%;
	}
	.arrow-ab-right {
		bottom: auto;
		width: 45%;
		top: -6%;
	}
	.content-aboutus, .content-center, .content-services, 
	.content-contactus, .contact-form{padding: 5% 0;}
	.about-list ul{margin-left: 2rem;}
	.icon-services.icon2 .circle-top{bottom: 37%;}
	.icon-services.icon4 .circle-top{bottom: 28.5%;}
	.icon-services p{margin: 2rem -.3rem 0;}
	.arrow-ab-right--service {
		top: -5%;
		width: 270px;
	}
	.follow-box{text-align: left;}
	.address-box{margin:0 -15px;}
	.address-box h1, .follow-box h1{font-size: 1.3rem;}
}
@media (min-width: 700px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 

	html{font-size: 18px;}		
	.policy-box ul{
		display:flex;
		justify-content: center;
		align-items: center;
		text-align: left;
	}
	.menu-main{background: #004ea2;}
	.navbar-brand img{width: auto;max-width: 100%;}
	.hamburgers-box{justify-content: center;}
    .navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: flex-end;
	}
    .navbar-expand-lg .navbar-nav{width: 100%; }
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: 100%;
        margin: 0;
		padding: 0;
		color: #FFF;
		border: none;
    }
    .navbar-collapse ul li a{
        padding:15px 10px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
		color: #FFF;
    }  	
	.social-header{text-align: right;}
	.contact-header{padding: 0;}
	.contact-header img{width: 45px;}
	.social-footer{text-align: left;margin-top: 0;}
	.social-footer img{width: 40px;margin-bottom: 2px;}
	.line-qrcode{text-align: left;}
	.footer h1, .address-footer h1 {font-size: 18px;}
	.icon-services.icon2 .circle-top{bottom: 32.5%;}
	.icon-services.icon4 .circle-top{bottom: 25.5%;}
	.icon-services span {
    	width: 65px;
		height: 65px;
	}
	.icon-services{margin-bottom: 0;}
	.content-services{background-position: top center;}
	.arrow-ab-right--service {width: 395px;}
	
	.navbar-collapse li .dropdown-menu {
		min-width: 18rem;
		padding: 0;
		transition: linear 0.3s;
		margin-top: -11rem;
		display: block;
		opacity: 0;
		z-index: -1;
	}
	.navbar-collapse li.dropdown:hover > .dropdown-menu{
		margin-top: 0;
		opacity: 1;
	}
	.navbar-collapse li .dropdown-menu a{
		text-align: left;
		padding: 8px 20px;
	}
	.navbar-collapse li .dropdown-menu a:hover{padding-left: 30px;}
	.detail-learning h1{font-size: 28px;}
	.detail-learning h2{font-size: 22px;}
	.detail-learning p span{font-size: 20px;}
	.address-box{margin:0 0 2rem;}
	.mapbox{margin: 0 auto 2rem;}
	.mapbox iframe{height: 315px;}
	.mapbox .map-icon{width: 95px;}
	.mapbox::before{width: 110px;height: 110px;}
	.vdo-presents{height: 420px;}
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size:20px;}
    .container{ max-width: 1180px; }	 
	.footer h1, .address-footer h1{font-size: 22px;}
	.social-footer{margin-right: -3rem;}
	.line-qrcode{margin-right: -4rem;}
	.text-tag img{width: 175px;}
	.arrow-ab-right--service {width: 520px;}
	.arrow-ab-center {top: -15%;}
	
	.icon-services{font-size: 1.2rem;}
	.icon-services.icon2 .circle-top{bottom: 33%;}
	.icon-services.icon4 .circle-top{bottom: 25%;}
	.icon-services span {
    	width:80px;
		height:80px;
		font-size: 24px;
	}
	.detail-learning table{width:70%;}
	.detail-learning h1{font-size: 33px;}
	.detail-learning h2{font-size: 28px;}
	.detail-learning p span{font-size: 24px;}
	.detail-learning ul li:nth-child(1) span, 
	.detail-learning ul li:nth-child(2) span{font-size: 30px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1336px; }
	.social-footer img{width: 45px;}
	.social-footer{margin-right: -2.8rem;}
	.line-qrcode{margin-right: -3rem;}
	.address-footer{margin-left: -1rem;}
	.footer h1, .address-footer h1 {font-size: 24px;}
	.line-qrcode img{width: 115px;}
	.lineqrcode-box img{width: 115px;}
	.navbar-brand img{width: 430px;}
	.slim .navbar-brand img{width: 350px;}
	.slim .navbar-collapse ul li a{padding:10px;}
	.slim .headbar-main{padding: .3rem 0;}
	.line-qrcode p{margin-top: 5px;}
	.title-box, .title-box h1{font-size: 2.3rem;}
	.icon-services.icon2 .circle-top{bottom: 29%;}
	.icon-services.icon4 .circle-top{bottom: 22%;}
	.title-box{margin-bottom: 3rem;}
	.text-tag,.text-tag span{font-size: 28px;}
	.arrow-ab-center {top: -10%;}
	.about-list h1, .address-box h1, .follow-box h1{font-size: 1.4rem;}
	.arrow-ab-right, .arrow-ab-left{width: auto;}
	.detail-learning table{width:60%;}
	.mapbox iframe{height: 420px;}

}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    .container{ max-width: 1440px; }
	.navbar-brand img{width: 502px;}
	.icon-services{width: 80%;margin: auto;}
	.icon-services.icon2 .circle-top{bottom: 31%;}
	.icon-services.icon4 .circle-top{bottom: 23%;}
	.icon-services.icon2 span, .icon-services.icon4 span {
		right: 15px;
		top: 25px;
	}
	.icon-services span, .icon-services span {
		left: 1rem;
    	bottom: 5rem;
	}
	.arrow-ab-right--service {width: auto;}
	.arrow-ab-center {top: -12%;}
	.arrow-ab-center {
		top: 0%;
		width: auto;
		left: 50%;
		transform: translate(-50%,0);
	}
	.arrow-ab-right{top: 0;}
	.lineqrcode-box img{width: 130px;}
	.follow-box img{width: 50px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    html{font-size:22px;}
    .container{ max-width: 1568px; } 
	.social-footer{margin-right: -1rem;}
	.line-qrcode{margin-right: -2rem;}
	.line-qrcode img{width: 128px;}
	.about-list ul{margin-left: 1rem;}
	
	
	
}