
@media only screen and (max-width:1600px){

    .products .container-fluid {
	padding: 0 15px 0 155px !important;
}

.pr-head {
	font-size: 17px;
	padding: 21px 16px 15px 16px;
}

.pr-wid {
	width: 39% !important;
}

.pr-res {
	margin-top: 41px !important;
}

.pr-box2 {
	margin-left: 40px;
}

    

}


@media only screen and (max-width:1366px){

	.bc-img {
		min-height: 750px;
}

.banner-box {
	padding-top: 48%;
}

h5.ban-header.a-font {
	font-size: 45px;
}

.ab-1 {
	margin-left: 90px;
}

.ab-img2 {
	margin-left: 10px;
	position: relative;
}

p.para-head {
	
	padding-right: 557px;
	
}

.para-bg {
	background: url(../images/para-bg.png) no-repeat;
	background-position: center;
	min-height: auto;
	padding: 100px 0;
	margin-top: 75px;
}

.products .container-fluid {
	padding: 0 15px 0 100px !important;
}

.pr-box2 {
	margin-left: 84px;
}

.su-height {
	margin-top: 104px !important;
}

.su-btn {
	
	margin-top: 140px;
}

h5.su-header {
	color: #fff;
	font-weight: 600;
	font-size: 32px;
	padding-right: 214px;
	line-height: 52px;
	margin-left: 277px;
}

.su-1 {
	background: #202e38;
	padding: 56px 50px;
}

.su-img3 {
	
	height: 256px;
}

.su-img2 {
	height: 256px;
}



    
}

@media only screen and (max-width:1199px){

   .banner-box {
	padding-top: 45%;
}

.bc-img {
	min-height: 603px;
}

.logo {
	margin-left: 0;
}

.main_nav .navbar .container-fluid .navbar-nav li a {
	
	padding: 0 14px !important;
}

h5.ab-cap2 {
	font-size: 25px;
	font-weight: 700;
	color: #014e88;
	line-height: 37px;
}

p.ab-para {
	font-size: 16px;
	color: #505050;
	font-weight: 500;
	line-height: 26px;
}

.ab-img2 {
	margin-left: 0;
	position: relative;
}

.se-head {
	font-weight: 700;
	font-size: 23px;
	margin-top: 15px;
	margin-bottom: 7px;
}

.se-head2 {
	font-weight: 600;
	color: #00599c;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 18px;
}

.se-cap {
	font-size: 17px;
	line-height: 25px;
}

.se-para {
	margin-bottom: 0;
	color: #000000;
	font-weight: 500;
	margin-top: 13px;
}

.section {
	margin-top: 80px;
}

p.para-head {
	padding-right: 404px;
	font-size: 32px;
	line-height: 50px;
}

a.para-link {
	padding: 14px 26px;
}

.para-bg {
	background: url(../images/para-bg.png) no-repeat;
	background-position: center;
	min-height: auto;
	padding: 80px 0;
	margin-top: 68px;
}

p.pr-para3 {
	font-weight: 700;
	font-size: 28px;
	color: #00599c;
	margin-bottom: 30px;
}

.products {
	margin-top: 60px;
}

.about {
	margin-top: 60px;
}

p.in-para {
	font-weight: 700;
	font-size: 28px;
	color: #00599c;
	margin-bottom: 10px;
}

a.in-link {

	padding: 14px 31px;
	margin-top: 10px;
}

.in-txt {
	margin-top: 20px;
}

.industry {
	margin-top: 60px;
}

.sustain-bg {

	margin-top: 50px;
}

h5.su-header {
	color: #fff;
	font-weight: 600;
	font-size: 29px;
	padding-right: 152px;
	line-height: 46px;
	margin-left: 237px;
}

.s-video {
	width: 50px;
	height: 50px;
	border: 3px solid #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 48px;
	margin-top: 4px;
}

.s-video i {
	color: #fff;
	font-size: 13px;
}

.s-flex::before {
	content: "";
	width: 380px;
	height: 3px;
	background-color: #ffffff;
	bottom: -16px;
	left: 0;
	position: absolute;
}

.sustain-bg {
	
	min-height: 530px;
}

h5.su-head2 {
	font-size: 25px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 25px;
	line-height: 37px;
	/* padding-right: 89px; */
}


h5.su-cap {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	line-height: 33px;
}

.su-txt {
	width: 50%;
	background: #00599c;
	padding: 25px 35px;
}

.su-height {
	margin-top: 64px !important;
}

.su-btn {
	margin-top: 97px;
}

.su-1 {
	background: #202e38;
	padding: 45px 40px;
}

h5.su-title a {
	color: #fff;
	font-weight: 600;
	color: 30px;
	font-size: 21px;
	padding: 30px;
	display: inline-block;
	line-height: 30px;
	text-shadow: 2px 2px 4px #000000;
	text-decoration: none;
}

.su-img3 {
	height: 212px;
}

.su-img2 {
	height: 212px;
}

.client {
	margin-top: 70px;
	border-top: 2px solid #00599c;
	padding: 40px 0;
}
   
}


@media only screen and (max-width:991px){

    h5.ab-cap2 {
	font-size: 22px;
	font-weight: 700;
	color: #014e88;
	line-height: 33px;
}

h5.ban-header.a-font {
	font-size: 38px;
	margin-bottom: 0;
}

.ban-header2 {
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 3px;
	text-transform: capitalize;
	/* border-left: 2px solid #7ab624; */
	padding-left: 12px;
	line-height: 21px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 4px #000000;
}

.bc-img {
	min-height: 480px;
}

.ab-img2 {
	display: none;
}

.se-box {
	text-align: center;
	padding: 20px;
	border: 5px solid #00599c;
	min-height: 211px;
	margin-bottom: 55px;
}

p.para-head {
	padding-right: 210px;
	font-size: 30px;
	line-height: 45px;
	margin-bottom: 24px;
}

a.para-link {
	padding: 12px 23px;
	font-size: 15px;
}

.para-bg {

	padding: 80px 0;
	margin-top: 10px;
}

.pr-rt {
	float: initial !important;
}

.products .container-fluid {
	padding: 0 30px !important;
}

.pr-box2 {
	margin-left: 26px;
}

p.pr-para3 {
	font-weight: 700;
	font-size: 25px;
	color: #00599c;
	margin-bottom: 6px;
}

a.pr-link {
	display: inline-block;
	background: #00599c;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	padding: 14px 31px;
	text-decoration: none !important;
	border-radius: 8px;
	margin-top: 18px;
	margin-left: 24px;
	font-size: 15px;
	margin-bottom: 35px;
}

.products .container-fluid .owl-carousel .owl-item img {
	display: block;
	width: 46%;
	margin: 0 auto;
}

.pro-bg {
	background: url(../images/pr-bg2.png) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 300px;
	margin-top: -252px;
}

.products .container-fluid .owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 4px;
}

h5.su-header {
	color: #fff;
	font-weight: 600;
	font-size: 27px;
	padding-right: 100px;
	line-height: 44px;
	margin-left: 55px;
}

.s-flex {
	display: flex;
	margin-left: 7%;
	margin-top: 18px;
	position: relative;
}

.sustain {
	margin-top: -123px;
}

h5.su-head2 {
	font-size: 23px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 19px;
	line-height: 31px;
	/* padding-right: 89px; */
}

.su-2 {
	margin-top: 25px;
}

h5.su-head2 {
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 19px;
	line-height: 29px;
	/* padding-right: 89px; */
}

h5.su-head {
	color: #fff;
	font-size: 17px;
	letter-spacing: 2px;
}

.su-1 {
	background: #202e38;
	padding: 30px 34px;
}

h5.su-cap {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
}

.su-btn {
	margin-top: 52px;
}

.su-height {
	margin-top: 22px !important;
}

h5.su-title a {
	color: #fff;
	font-weight: 600;
	color: 30px;
	font-size: 18px;
	padding: 30px;
	display: inline-block;
	line-height: 27px;
	text-shadow: 2px 2px 4px #000000;
	text-decoration: none;
}

.su-img img {
	height: 194px !important;
}

.su-img2 {
	height: 196px;
}

.su-img3 {
	height: 196px;
}

.client {
	margin-top: 60px;
	border-top: 2px solid #00599c;
	padding: 35px 0;
}

.ftr-3 {
	margin-top: 30px;
}

.ftr-4 {
	margin-top: 30px;
}

.nav-list {
	display: none;
}

.main_nav .navbar {
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0px 0 !important;
	z-index: 9999;
	/* border-bottom: 1px solid #8a8a8a; */
}

.main_nav .navbar .container-fluid .navbar-nav li a {
	padding: 0 0 0 0 !important;
	line-height: 35px;
}

.navbar-nav {
	
	margin-bottom: 15px;
}
    
}


@media only screen and (max-width: 767px){

    #body .container {
        max-width: 540px !important;
    }

	.bc-img {
	min-height: 430px;
}

h5.ban-header.a-font {
	font-size: 35px;
	margin-bottom: 0;
	line-height: 42px;
}

.ban-header2 {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 11px;
	text-transform: capitalize;
	/* border-left: 2px solid #7ab624; */
	padding-left: 12px;
	line-height: 21px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 4px #000000;
}

.bc-img {
	min-height: 406px;
}

	h5.ab-cap2 {
	font-size: 20px;
	font-weight: 700;
	color: #014e88;
	line-height: 30px;
}

.se-head {
	font-weight: 700;
	font-size: 21px;
	margin-top: 15px;
	margin-bottom: 7px;
}

.se-head2 {
	font-weight: 600;
	color: #00599c;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 17px;
}

.se-box {
	text-align: center;
	padding: 20px;
	border: 5px solid #00599c;
	min-height: 188px;
	margin-bottom: 55px;
}

.section {
	margin-top: 54px;
}

p.para-head {
	padding-right: 0;
	font-size: 27px;
	line-height: 39px;
	margin-bottom: 24px;
}

.para-bg {
	padding: 70px 0;
	margin-top: 0px;
}

.products {
	margin-top: 50px;
}

p.pr-para3 {
	font-weight: 700;
	font-size: 22px;
	color: #00599c;
	margin-bottom: 6px;
}

a.pr-link {
	display: inline-block;
	background: #00599c;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	padding: 12px 26px;
	text-decoration: none !important;
	border-radius: 8px;
	margin-top: 18px;
	margin-left: 24px;
	font-size: 15px;
	margin-bottom: 35px;
}

.industry {
	margin-top: 50px;
}

p.in-para {
	font-weight: 700;
	font-size: 22px;
	color: #00599c;
	margin-bottom: 10px;
}

a.in-link {
	padding: 12px 28px;
	margin-top: 10px;
	margin-bottom: 37px;
}

h5.su-header {
	color: #fff;
	font-weight: 600;
	font-size: 23px;
	padding-right: 0;
	line-height: 39px;
	margin-left: 38px;
}

.ftr-2 {
	margin-top: 21px;
}

.ftr-social a i {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #fff;
	font-size: 16px;
	color: #00599c;
	text-align: center;
	border-radius: 100%;
	line-height: 40px;
	margin-right: 6px;
}

.main_nav .navbar {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 0px 0 !important;
	z-index: 9999;
	/* border-bottom: 1px solid #8a8a8a; */
}

    

   
}

@media only screen and (max-width: 575px){

   
    



}




@media only screen and (max-width: 480px){

  h5.ab-cap {
	font-weight: 600;
	position: relative;
	font-size: 16px;
}

h5.ab-cap::after {
	content: "";
	position: absolute;
	left: -16px;
	top: 8px;
	height: 7px;
	width: 7px;
	background-color: #00599c;
	border-radius: 50%;
}

h5.ab-cap::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 77%;
	background-color: rgb(229, 229, 229);
	right: 103%;
	top: 12px;
}

p.ab-para {
	font-size: 15px;
	color: #505050;
	font-weight: 500;
	line-height: 25px;
	margin-top: 16px;
}

.se-head {
	font-weight: 700;
	font-size: 19px;
	margin-top: 15px;
	margin-bottom: 7px;
}

.se-head2 {
	font-weight: 600;
	color: #00599c;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 16px;
}


.se-cap {
	font-size: 16px;
	line-height: 25px;
}

.se-para {
	margin-bottom: 0;
	color: #000000;
	font-weight: 500;
	margin-top: 8px;
}

.se-box {
	text-align: center;
	padding: 20px;
	border: 5px solid #00599c;
	min-height: 179px;
	margin-bottom: 55px;
}

p.para-head {
	padding-right: 0;
	font-size: 23px;
	line-height: 32px;
	margin-bottom: 24px;
}

a.para-link {
	padding: 10px 20px;
	font-size: 15px;
}

.para-bg {
	padding: 70px 0;
	margin-top: -6px;
}

h5.pr-title {
	font-weight: 600;
	font-size: 16px;
}

p.pr-para3 {
	font-weight: 700;
	font-size: 20px;
	color: #00599c;
	margin-bottom: 4px;
}

a.pr-link {
	display: inline-block;
	background: #00599c;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	padding: 10px 23px;
	text-decoration: none !important;
	border-radius: 8px;
	margin-top: 18px;
	margin-left: 24px;
	font-size: 15px;
	margin-bottom: 35px;
}

.products {
	margin-top: 45px;
}

.industry {
	margin-top: 30px;
}

h5.in-head {
	font-weight: 600;
	font-size: 16px;
}

a.in-link {
	padding: 10px 26px;
	margin-top: 10px;
	margin-bottom: 37px;
}

h5.su-header {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	padding-right: 0;
	line-height: 34px;
	margin-left: 0;
}

.br{
	display: none;
}

.s-flex {
	display: flex;
	margin-left: 0;
	margin-top: 18px;
	position: relative;
}

.s-video {
	width: 67px;
	height: 45px;
	border: 3px solid #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 42px;
	margin-top: 4px;
}

h5.sust-head {
	color: #fff;
	font-weight: 400;
	line-height: 29px;
	margin-top: 4px;
	margin-left: 16px;
	border-left: 1px solid #bebebe;
	padding-left: 15px;
	font-size: 18px;
}

.s-flex::before {
	content: "";
	width: 320px;
	height: 3px;
	background-color: #ffffff;
	bottom: -16px;
	left: 0;
	position: absolute;
}

h5.su-head {
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
}

h5.su-head2 {
	font-size: 17px;
	color: #fff;
	margin-top: 13px;
	margin-bottom: 13px;
	line-height: 29px;
	/* padding-right: 89px; */
}

.su-img img {
	height: initial !important;
}

h5.su-cap {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}

.su-txt {
	width: 50%;
	background: #00599c;
	padding: 20px 27px;
}

.su-link {
	font-size: 14px;
}

h5.su-title a {
	color: #fff;
	font-weight: 600;
	color: 30px;
	font-size: 17px;
	padding: 30px;
	display: inline-block;
	line-height: 24px;
	text-shadow: 2px 2px 4px #000000;
	text-decoration: none;
}

.client {
	margin-top: 50px;
	border-top: 2px solid #00599c;
	padding: 30px 0;
}

.ftr-img a img {
	width: 45%;
}

.ftr-para {
	font-size: 15px;
	color: #fff;
	line-height: 26px;
	margin-top: 10px;
	margin-bottom: 18px;
}

.ftr-social a i {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: #fff;
	font-size: 14px;
	color: #00599c;
	text-align: center;
	border-radius: 100%;
	line-height: 36px;
	margin-right: 6px;
}

.ft-padding {
	padding: 40px 0;
}

h5.ftr-cap.text-center {
	margin-bottom: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
}

.footer2 {
	border-top: 1px solid #e5e5e5;
	padding: 15px 0;
}

.logo img {
	width: 140px;
	padding-top: 8px;
}

h5.ban-header.a-font {
	font-size: 26px;
	margin-bottom: 0;
	line-height: 36px;
}

.ban-header2 {
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 11px;
	text-transform: capitalize;
	/* border-left: 2px solid #7ab624; */
	padding-left: 0;
	line-height: 21px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 4px #000000;
}

.bc-img {
	min-height: 291px;
}


    
}


@media only screen and (max-width: 360px){


  h5.ab-cap2 {
	font-size: 18px;
	font-weight: 700;
	color: #014e88;
	line-height: 27px;
}

p.ab-para {
	font-size: 14px;
	color: #505050;
	font-weight: 500;
	line-height: 23px;
	margin-top: 16px;
}

.section {
	margin-top: 45px;
}

.se-head {
	font-weight: 700;
	font-size: 17px;
	margin-top: 15px;
	margin-bottom: 7px;
}

.se-head2 {
	font-weight: 600;
	color: #00599c;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 15px;
}

.se-cap {
	font-size: 15px;
	line-height: 24px;
}

p.para-head {
	padding-right: 0;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 24px;
}

a.para-link {
	padding: 10px 16px;
	font-size: 13px;
}

a.para-link i {
	font-size: 11px;
	margin-left: 10px;
}

p.pr-para3 {
	font-weight: 700;
	font-size: 18px;
	color: #00599c;
	margin-bottom: 1px;
}

a.pr-link {
	display: inline-block;
	background: #00599c;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	padding: 9px 21px;
	text-decoration: none !important;
	border-radius: 8px;
	margin-top: 18px;
	margin-left: 24px;
	font-size: 13px;
	margin-bottom: 30px;
}

a.pr-link i {
	font-size: 12px;
	margin-left: 10px;
}

h5.pr-head {
	padding: 20px;
	font-weight: 600;
	margin-bottom: 0;
	text-align: center;
	font-size: 16px;
}

p.pr-para2 {
	margin-bottom: 0;
	font-size: 15px;
	padding: 18px;
}

.pr-box {
	min-height: 277px;
	background: #ebeced;
	/* background: linear-gradient(0deg, #02002400 0%, #E6E7E8 100%); */
	/* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}

p.in-para {
	font-weight: 700;
	font-size: 18px;
	color: #00599c;
	margin-bottom: 10px;
}

h5.in-head {
	font-weight: 600;
	font-size: 15px;
}

a.in-link {
	padding: 10px 26px;
	margin-top: 10px;
	margin-bottom: 37px;
	font-size: 14px;
}

a.in-link i {
	font-size: 11px;
	margin-left: 10px;
}

h4.in-header {
	margin-bottom: 0;
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	/* text-align: center; */
}

.sustain-bg {
	margin-top: 27px;
}

h5.su-header {
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	padding-right: 0;
	line-height: 31px;
	margin-left: 0;
}

.s-video i {
	color: #fff;
	font-size: 11px;
}

h5.sust-head {
	color: #fff;
	font-weight: 400;
	line-height: 26px;
	margin-top: 4px;
	margin-left: 16px;
	border-left: 1px solid #bebebe;
	padding-left: 15px;
	font-size: 16px;
}

.s-flex::before {
	content: "";
	width: 285px;
	height: 3px;
	background-color: #ffffff;
	bottom: -16px;
	left: 0;
	position: absolute;
}

h5.su-head2 {
	font-size: 16px;
	color: #fff;
	margin-top: 13px;
	margin-bottom: 13px;
	line-height: 26px;
	/* padding-right: 89px; */
}

h5.su-cap {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
}

.su-btn {
	margin-top: 40px;
}

h5.su-title a {
	/* color: #fff; */
	font-weight: 600;
	color: 30px;
	font-size: 16px;
	padding: 13px;
	display: inline-block;
	line-height: 24px;
	text-shadow: 2px 2px 4px #000000;
	text-decoration: none;
}

.client {
	margin-top: 45px;
	border-top: 2px solid #00599c;
	padding: 25px 0;
}

h5.ban-header.a-font {
	font-size: 22px;
	margin-bottom: 0;
	line-height: 30px;
}

.ban-header2 {
	font-size: 15px;
	color: #ffffff;
	margin-bottom: 11px;
	text-transform: capitalize;
	/* border-left: 2px solid #7ab624; */
	padding-left: 0;
	line-height: 15px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 4px #000000;
}

.logo img {
	width: 120px;
	padding-top: 8px;
}

.bc-img {
	min-height: 246px;
}


}

@media only screen and (max-width: 320px){}