@media (max-width: 1200px) {
	.headingOther { margin: 0 0 40px; }
	.headingOther h2 { font-size: 44px; line-height: 60px;}
	.headingOther p { font-size: 18px; line-height: 28px;}
	.bannerArea { padding: 100px 0 100px; }
	.bannerAreaInner h1 { font-size: 50px; line-height: 60px; }
	.bannerAreaInner p { font-size: 18px; line-height: 25px; }
	.aboutMain { padding: 80px 0 40px; }
	.pipelineMain { padding: 20px 0 60px;}
	.teamMain { padding: 20px 0 50px;}
	.partnersMain {padding: 80px 0 80px; } 
	.aboutRightInner { width: 370px; }
	.aboutRightInner:before { right: 20px;top: 20px;}
	.videoInner video { height: 430px;}
	.teamThumb { width: 200px; height: 200px; }
}	
	
@media (max-width: 992px) {
	.headingOther { margin: 0 0 30px; }
	header {  min-height: auto; }
	.navbar-brand > img { width: 150px; }
	.navbar-nav { background: linear-gradient(64deg ,#33A8B9 0%,#18CAAB 100%); width: 100%;}
	.navbar-light .navbar-toggler { background: linear-gradient(64deg ,#33A8B9 0%,#18CAAB 100%); border: none;}
	.navbar-nav li { border-bottom: 1px solid rgb(255 255 255 / 30%);  padding: 0; width: 100%;}
	.navbar-light .navbar-nav .nav-link { border-radius: 0; color: #fff;  font-size: 15px;  padding: 10px 15px;  text-align: right;}
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {background:linear-gradient(64deg, #33A8B9 0%, #8c52ff 100%); color: #fff; }
	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { background: linear-gradient(64deg, #33A8B9 0%, #8c52ff 100%); color: #fff; }
	.navbar-collapse {position: absolute;top: 100%;width: 100%;}
	.teamMain { background-size:cover; }
	.teamInner { margin: 0 0 60px; }
	.bannerAreaInner p { font-size: 16px; line-height: 25px; }
	.aboutRightInner { width: 300px; }
	.aboutRightInner:before { right: 10px;top: 10px;}
	.videoInner video { height: 300px;}
	.pipelineLeft {width: 430px;max-width: 100%;margin: 0 auto 30px;text-align: center;}
	.aboutMain { padding: 80px 0 40px; }
	.pipelineMain { padding: 80px 0 60px;}
}

@media (max-width: 767px) {
	.headingOther { margin: 0 0 30px; }
	.headingOther h2 { font-size: 40px; line-height: 50px;}
	.headingOther p { font-size: 18px; line-height: 28px;}
	.bannerArea { padding: 80px 0 80px; }
	.bannerArea h1 { font-size: 45px; line-height: 55px; margin: 0 0 20px; }
	.bannerArea p { font-size: 15px; line-height: 25px; margin: 0 0 30px; }
	.teamMain { padding: 20px 0 40px; }
	.contactMain { padding: 20px 0 90px;}
	.addressFooter { text-align: center; }
	.copyLeft { text-align: center; }
	.copyLeft p { margin: 0 0 15px; }
	.aboutRight { text-align: left; padding-left: 30px; }
	.footer { margin: 0 0 15px; padding: 0 15px; }
}

@media (max-width: 576px) {
.pipelineOuter { padding: 15px; }
.contactInner { padding: 25px 15px; }
}