@media (min-width: 768px) { 
	#nav-icon3 {
        left: auto;
        padding: 5% 0 0;
    }
	.navbar-collapse{width: 50%;}
	.navbar-brand {
		/*padding: 0 4rem 0 0;*/
		text-align: center;
	}
	.footer{padding: 5% 0 1%;}
	.copyright-box{
		padding: 1% 0 0;
		margin-top: 5%;
	}
	.contact-footer,
	.address-footer{margin: 0 auto;}
	.text-right--ab{text-align: right;}
	.sendus-btn{margin: .75rem 0;}
	.content-box{padding: 7% 0 5%;}
	.content-box.welcome--home{padding: 7% 0;}
	.book-form--home{padding: 10% 8%;}
	.img-box.imgform{
		width: 100%;
		height: 100%;
	}
	.img-box.imgform img{
		width: 100%;
		height: 100%;
		object-fit: cover !important;
	}
	/*.img-box.imgab{margin: 4rem auto;}*/
	#carouselmainSlide .banner-captions{
		font-size: 1rem;
		padding-bottom: 5%;
	}
	#carouselmainSlide .banner-captions h1{font-size: 45px;}
	#carouselmainSlide .banner-captions p{font-size: 30px;}
	
	.address-footer ul{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.address-footer ul li:first-child{margin-right: 8px;}
	.address-footer ul li{padding: 0;margin: 0;}
	.content-box.welcome--home .row{align-items: center;}
	
	
	.title-projects h1, .title-box h1{font-size: 38px;}
	.title-box h2{font-size: 28px;}
	.text-about--home{margin-bottom: 0;}
	.content-box.welcome--home .row{align-items: center;}
	.img-box.imgab{margin: 0;}
	.content-box.welcome--home .col-md-6{margin-bottom: 3rem;}
	.title-box{margin-bottom: 3.5rem;}
	.textdetail-projects .row .col-md-2{width: 20%;}
	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){left: auto;}
	.content-box.welcome--home .col-md-6:nth-of-type(5),
	.content-box.welcome--home .col-md-6:nth-of-type(6){margin-bottom: 0;}
	.benefites-icon{
		height: 100%;
		margin: 0;
	}
	
	.Benefits-content .row{margin: 2rem auto 4rem;}
	.register--home{margin-top: 5rem;}
	.icon-type{margin-bottom: 0;}
	
	.address-footer img{width: 130px;}
	.locationmap{padding: 3% 0;}
	
	.address-box ul{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.address-box ul li{margin-bottom:0;}
	.locationmap ul.nav-tabs li{
		margin: 0 10px;
	}
	.content-otherpage{padding: 5% 0;}
	.bannerpagefull{padding: 7% 0;}
	.visioncontent.row{justify-content: flex-start;}
	.img-hbox{height: 100%;}
	.textvision{
		padding-left: 5%;
		margin: 2rem auto;
	}
	.textabout-center p{padding: 0 12%;}
	.menu-detailprojects ul li{width: auto;}
	#carouselprojectCaptions .carousel-caption1{padding-top: 4.25rem;}
	#carouselprojectCaptions .carousel-caption2{padding-bottom: 4.25rem;}
}
@media (min-width: 992px) { 
	.navbar-collapse{width: 35%;}
	.hamburgers-box{justify-content:flex-start;}
	.navbar-expand-lg .navbar-collapse{
		display: block !important;
		justify-content: center;
	}
	.navbar-expand-lg .navbar-nav{
		justify-content: center;
		width: 100%;
		margin: 0;
		padding: 0 1rem;
		display: block !important;
	}
	.navbar-nav li{
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: left;
		margin-bottom: 1rem;
	}
	/*.navbar-nav li a{
		color: #003333;
	}*/
	.navbar-expand-lg .navbar-nav li .dropdown-menu{margin: 0 -1rem; position: static;}
	.navbar-nav li .dropdown-menu a {padding: 15px 30px;}
	.navbar-nav li .dropdown-menu a.active,
	.navbar-nav li .dropdown-menu a:hover{padding-left: 35px;}
	.navbar-nav li.dropdown:hover .dropdown-menu{display: block;}
	.social-header{padding: 0 2rem;}
	.policy-box{padding: .75rem 0;}
	.policy-box ul{
		display: flex ;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
	
	.navbar-brand{
		padding: 0;
		text-align: center;
		width: 100%;
		display: block;
	}
	.text-about--home h1 { font-size: 50px; }
	.text-about--home h2{font-size: 27px;}
	
	
	.services-facilities img{width: 95px;}
	.book-form--home{padding: 8% 10%;}
	.textdetail-projects h1{font-size: 28px;}
	#nav-icon3 {
        padding: 15% 0 0;
        top: -1rem;
    }
	.content-box.welcome--home .col-md-6 { margin-bottom: 6rem; }
	
	.benefites-icon{
		padding: 4rem 3rem;
	}
	.slideproject .slick-prev, .slideproject .slick-next {
		width: 30px;
		height: 30px;
	}
	.slideproject .slick-slide{transform: scale(.9);}
	.slideproject .slick-next {right: 1.8rem;}
	.slideproject .slick-prev {left: 1.8rem;}
	
	.textabout-center p {
        padding: 0 15%;
    }
	.textvision {
        padding-left: 10%;
        margin: 4rem auto;
    }
	.textdetail-projects h2{font-size: 28px;}
	
	#carouselprojectCaptions .carousel-control-next-icon, 
	#carouselprojectCaptions .carousel-control-prev-icon{
		width: 40px;
		height: 40px;
	}
	#carouselprojectCaptions .carousel-control-prev{left: 4rem;}
	#carouselprojectCaptions .carousel-control-next{right: 4rem;}
	
	.iconfacilities:hover{transform: scale(1.03);}
}
@media (min-width: 1200px) { 
	html{font-size: 18px;}
	.hamburgers-box{justify-content: flex-end;}
	#nav-icon3 {
        padding: 18% 0 0;
        width: 50px;
        height: 40px;
        position: relative;
        top: 0;
        right: 0;
        left: auto;
    }
	#nav-icon3.open{
		right: -5rem;
    	top: -.75rem;
	}
	#nav-icon3 span {
		height: 4px;
		width: 100%;
	}
	#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
		top: 13px;
		width: 70%;
		left: auto;
		right: 0;
	}
	#nav-icon3 span:nth-child(4) {
		top: 25px;
	}
	.headbar-main{padding: .5rem 0;}
	.social-header img,
	.social-footer img{width: 38px;}
	
	.sendus-btn{width: 300px;}
	/*.video-present,
	.video-present iframe {
		aspect-ratio: 4/25;
	}*/
	.footer h1{font-size: 22px;}
	.title-box h1{
		font-size: 60px;
	}
	.address-footer img,
	.navbar-brand img{width: 150px;}
	
	/*.video-present{
		max-height: 590px;
	}*/
	.imgab#abimg1{margin: 0px -2rem 14% 2rem;}
	.imgab#abimg2{margin: 0px 3rem 0px -3rem;}
	.social-header.p-0{margin:0 -3.5rem;}
	.container-fluid{padding: 0 25px;}
	.services-facilities{padding: 2rem 1rem;}
	
	.text-about--home h1 {font-size: 60px; }
	.text-about--home h3 {font-size: 23px;}
	.text-about--home h2 {font-size: 32px;}
	.text-about--home { padding-right: 2%; }
	.title-projects h1, .title-box h1 { font-size: 45px; }
	.title-box h2,
	.title-projects h2{font-size: 33px;}
	.tabsprojects ul li a{font-size: 22px;}
	.slideproject .slick-next {right: .75rem;}
	.slideproject .slick-prev {left: .75rem;}
	.textdetail-projects h1 {font-size: 33px;}
	.benefites-icon {padding: 4rem 2.7rem;}
	.benefites-icon img{width: 80px;}
	.Benefits-content .row{margin-bottom: 5rem;}
	.register--home {margin-top: 6rem;}
	
	.icon-type img{width: 50px;}
	#carouselmainSlide .banner-captions h1{font-size: 65px;}
	.address-footer h1{font-size: 25px;}
	.slideproject .slick-prev, .slideproject .slick-next{
		width: 40px;
		height: 40px;
	}
	#carouselmainSlide .banner-captions p{font-size: 37px;}
	
	.textvision h1,
	.textabout-center h1{font-size: 33px;}
	.textabout-center p{padding: 0;}
	#carouselprojectCaptions .carousel-caption h2{font-size: 2.3rem;}
	#carouselprojectCaptions .carousel-caption h1{font-size: 3.3rem;}
}

@media (min-width: 1440px) { 
	html{font-size: 20px;}
    .container{ max-width: 1336px; }
	
	.navbar-nav li a{padding: 15px 0;}
	.navbar-expand-lg .navbar-nav,
	.social-header{padding: 0 1rem;}
	
	.navbar-collapse{width: 27%;}
	.social-header.p-0{margin: 0;}
	.text-projects .readmore-btn{width: 175px;}
	
	.text-about--home {padding-right: 10%;}
	.text-about--home h2 {font-size: 33px;}
	.text-about--home.text-about--home2{padding-right: 15%;}
	
	.slideproject .slick-prev, .slideproject .slick-next{
		width: 50px;
		height: 50px;
	}
	.slideproject .slick-prev{left: 0;}
	.slideproject .slick-next{right: 0;}
	.book-form--home h1{font-size: 22px;}
	#nav-icon3.open {
        right: -3rem;
        top: 1rem;
    }
	.lastimg{min-height: 40vh;}
	.title-facilities h1{font-size: 40px;}
}

@media (min-width: 1600px) { 
	#nav-icon3.open{
        right: -6rem;
        top: 0rem;
    }
	.iconfacilities{
		min-height: 400px;
		padding: 2rem 1rem;
	}
}
@media (min-width: 1800px) {
	#nav-icon3.open{
        right: -9rem;
    }
    .container{ max-width: 1440px; }
	.text-about--home { padding: 0 7%;}
	.book-form--home h1 {font-size: 24px;}
	
	.services-facilities{padding: 2rem;}
	.textvision{padding-right: 20%;}
	.iconfacilities ul{font-size: .9rem;}
}
@media (min-width: 2000px) {
    .container{ max-width: 1600px; }
	
	.navbar-collapse {
        width: 30%;
    }
}