@media (min-width: 768px) {
	html{ font-size:16px;} 
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 2%;}
	.bannerpage{padding: 8% 0 6.5% 0;}
	.content-box{padding: 5% 0;}
	
	
	.content-box.productpage{padding: 3% 0;}
	.content-box.abouthome{
		background: url("../images/bgabout-1.png") right center no-repeat;
		background-size: cover !important;
		padding: 10% 0;
	}
	.textabout-home h2{font-size: 20px;}
	.textabout-home h1 {
		font-size: 37px;
		margin-bottom: 1rem;
	}
	.solutions-box.solutions-boxlong {
		aspect-ratio: auto;
	}
	.contact-footer{margin: 0;}
	.address-footer{margin-bottom: 1rem;}
	.headersocialbar{display: block;}
	
	.headersocialbar .social-header{
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 14px;
		padding: 0;
	}
	.headersocialbar .social-header ul{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.headersocialbar .social-header ul li{
		width: auto;
		margin:auto 3px;
	}
	.headersocialbar .social-header img{
		width: 23px;
		margin: 0;
	}
	.headersocialbar .social-header ul img{width: 20px;}
	#carouselmainSlide .carousel-item .captoinbanner img{
		width: 140px;
	}
	.textdetail{padding: 1.5rem;}
	/*.textdetail img {
        width: 120px;
    }*/
	
	.content-box.aboutpageone{
		background-attachment: fixed !important;
	}
	.text-vision{font-size: 1.2rem;}
	.content-box.aboutpagetwo{background-position: top right;}
	#carouselmainSlide .carousel-item .captoinbanner h1{
		font-size: 42px;
		margin-left: 2rem;
	}
	
	.content-box.newspage .row:first-child{margin-bottom: 3rem;}
	.readmore-btn.readmore-news{float: right;margin: 0;}
	.content-box.contactpage{
		background-size: 100% !important;
	}
	/*.textdetail-products{padding: 0 8%;}*/
	.policy-box .container{padding: 1rem;}
	.policy-box ul {
		display: flex;
		align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
	 
	/*.policy-box .btn-policy{margin: 0;}*/
	.policy-box .btn-unasept{
	    padding: 0.3rem 2.2rem;
	    margin: 2rem 0 2rem 0;		
	}
	.readmore-btn{
	    padding: 0.3rem 2.2rem;
	    margin: 0 0 2rem 0;
	    font-size: 1rem;
	}
    .all-subtitle-page {
        border-right: solid 2px #20479e;
        border-left: solid 2px #20479e;        
    }
    .alltext-vision > div{
		text-align: center;
	}
    .alltext-vision-en .text-vision {
		text-align: left;
        font-size: 1.1rem;
    }
    .alltext-vision-en  .all-subtitle-page {
        padding: 0 15px;
    }
   

	.subtitle-box {
		font-size: 1.5rem;
	}
	.title-box ul li{
		font-size: .85rem;
	}
	
}
@media (min-width: 992px) { 
	.headbar-main{padding: 0rem 0;}
	#nav-icon3{display: none ;}
	.navbar-brand img{width: auto;max-width: 100%;}
	.hamburgers-box{justify-content: space-between;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		justify-content: flex-end;
	}
	
	.navbar-nav li{
		width:auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		position: static;
	}
	.navbar-nav li a{
		padding: 10px 5px;
		text-align: center;
		font-size: 14px;
	}
	.navbar-nav li .dropdown-menu{
		max-width: 100%;
		width: 100%;
		left: 0;
		right: 0;
		transition: all 0.6s;
		background: #20479f;
	}
	.navbar-nav li .dropdown-menu .row{position: relative;z-index: 2;}
	.navbar-nav li .dropdown-menu::before{
		content: '';
		height: 100%;
		width: 100%;
		z-index: 1;
		left: 0%;
		right: 0;
		top: 0;
		position: absolute;
		background: #20479f;
	}
	.navbar-nav li .dropdown-menu a{color: #FFF;}
	.navbar-nav li .dropdown-menu a.active, 
	.navbar-nav li .dropdown-menu a:hover {background: #fbbe0e;}
	
	.navbar-nav li.dropdown:hover .dropdown-menu,
	.navbar-nav li .dropdown-menu.show{display: block;}
	
	
	
	.footer{font-size: 14px;}
	.headersocialbar .social-header ul li{margin-right: 15px;margin-left: 0;}
	.headersocialbar .social-header ul img{width: 25px;}
	.headersocialbar .social-header img{width: 30px;}
	.headersocialbar .social-header{justify-content: flex-end;}
	
	.title-box h1{font-size: 36px;}

	.bannerpage .title-box h1{
		text-shadow:
	   0 0 0 #585858, /* Top-left shadow */
	    0 0 0 #585858, /* Top-right shadow */
	   0  0 0 #ffffff, /* Bottom-left shadow */
	    0.2px 0.2px  #ffffff;
	}

	#carouselmainSlide .carousel-item .captoinbanner img {
        width: 180px;
    }
	#carouselmainSlide .carousel-item .captoinbanner h1{
		font-size: 45px;
		margin-left: 3rem;
	}
	#carouselmainSlide .carousel-item.banner2 .captoinbanner{padding-top: 10%;}
	.textview-pro img{max-width: 300px;}
	.productview h1{font-size: 1.4rem;}
	.address-box{margin-bottom: 0;}
	.content-box.contactpage{
		background-size: cover !important;
		background-attachment: fixed !important;
	}
	.policy-box ul {flex-wrap: nowrap;}
	.policy-box .container{padding: .5rem 3rem;}

	.bannerpage .title-box h1{
		font-size: 2.8rem;
	}
	.bannerpage .title-box h1{
		text-shadow:
	    -1px -1px 0 #585858, /* Top-left shadow */
	    1px -1px 0 #585858, /* Top-right shadow */
	    -1px 1px 0 #ffffff, /* Bottom-left shadow */
	    1px 1px 0 #ffffff;  /* Bottom-right shadow */
	}
	
}
@media (min-width: 1200px) {
	html{ font-size:18px; } 
	.navbar-brand { margin: 0 0rem 0 -3rem; }
	.navbar-nav li a{font-size: 18px;padding: 10px;}
	.navbar-nav li a p{font-size: 16px;}
	.headersocialbar .social-header{font-size: 16px;}
	
	.textabout-home h1{font-size: 45px;}
	.footer { font-size: 16px;}
	.footer h1{font-size: 18px;}
	#carouselmainSlide .carousel-item .captoinbanner img {width: 240px;}
	.textabout-home h2 {font-size: 24px;}
	
	.tagline h2,
	.tagline h1{font-size: 80px;}
	.textview-pro h1,
	.subtitle-page h1{font-size: 2rem;}
	.text-aboutpage h1{font-size: 1.5rem;}
	.subtitle-page p{font-size: 1.5rem;}
	.title-pagebox h1{font-size: 2rem;}
	.title-pagebox p{font-size: 1.5rem;}
	.text-aboutpage span{font-size: 24px;}
	.text-aboutpage h2{font-size: 30px;}
	#carouselmainSlide .carousel-item .captoinbanner h1{font-size:65px;}
	
	#carouselmainSlide .carousel-item.banner1 .captoinbanner img#bannerlogo2{width: auto;}
	
	.textabout-home#abouttext{margin-left: -4rem;}
	.videopresent{height: 420px;}
	.formcontact{padding: 3rem 2rem;}
	
	.navbar-nav li .dropdown-menu{padding: 0 3rem;}
	
}

@media (min-width: 1440px) {
    .container{ max-width: 1336px; }
	
	.navbar-brand { margin: 0 -3rem 0 0 ; }
	.navbar-expand-lg .navbar-nav{width: 95%;}
	.navbar-nav li a{padding: 10px 16px;}
	.headersocialbar .social-header {font-size: 18px;}
	#carouselmainSlide .carousel-item.banner2 .captoinbanner{padding-left: 3%;}
	
	.headersocialbar .social-header ul li{margin-right: 20px;}
	.headersocialbar .social-header ul{margin-right: 15px;}
	.headersocialbar .social-header .icsocial img{margin: 0 3px;}
	
	.headersocialbar .social-header ul img{width: 30px;margin-right: 10px;}
	
	.title-box h1,
	.textabout-home h1 {font-size: 55px;}
	.title-box h2,
	.textabout-home h2 {font-size: 28px;}
	.social-footer img {
		width: 45px;
		margin: 0 2px;
	}
	/*.textdetail img{width: 145px;}*/
	
	.tagline{background-position: bottom right 6rem;}
	.text-aboutpage{padding-right: 15%;}
	.mapbox{height: 315px;}
	
	.navbar-nav li .dropdown-menu {
        padding: 0 5rem;
    }
}

@media (min-width: 1600px) { 
	html{ font-size:22px; } 
    .container{ max-width: 1440px; }
	.textabout-home{margin-left: -4rem;}
	
	.navbar-expand-lg .navbar-nav{width: 93%;}
	.navbar-nav li a{font-size: 20px;}
	.navbar-nav li a p {font-size: 18px;}
	.navbar-nav li a{padding: 10px 13px;}
	.headersocialbar .social-header ul li{margin-right: 30px;}
	.headersocialbar .social-header ul{margin-right: 30px;}
	.headersocialbar .social-header .icsocial img{width: 33px;}
	.headersocialbar .social-header ul img{width: 33px;margin-right: 10px;}
	
	
}
@media (min-width: 1800px) {
	.navbar-nav li a{padding: 10px 13px;}
	#carouselmainSlide .carousel-item .captoinbanner img {width: 300px;}
	.title-box h1 {font-size: 42px;}
	.title-box h2{font-size: 24px;}
}
@media (min-width: 2000px) {
    .container{ max-width: 1600px; }
	.headersocialbar .social-header ul li {
        margin-right: 65px;
    }
	
}