@font-face {
  font-family: 'icomoon';
  src:  url('../vpm-child/fonts/icomoon.eot?1qwxvx');
  src:  url('../vpm-child/fonts/icomoon.eot?1qwxvx#iefix') format('embedded-opentype'),
    url('../vpm-child/fonts/icomoon.ttf?1qwxvx') format('truetype'),
    url('../vpm-child/fonts/icomoon.woff?1qwxvx') format('woff'),
    url('../vpm-child/fonts/icomoon.svg?1qwxvx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-values:before {
  content: "\e900";
}
.icon-mission:before {
  content: "\e901";
}
.icon-eye:before {
  content: "\e902";
}


@font-face {
  font-family: "Helvetica", sans-serif;
  src: url("../vpm-child/fonts/Helvetica.eot"); /* IE9 Compat Modes */
  src: url("../vpm-child/fonts/Helvetica.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../vpm-child/fonts/Helvetica.otf") format("opentype"), /* Open Type Font */
    url("../vpm-child/fonts/Helvetica.svg") format("svg"), /* Legacy iOS */
    url("../vpm-child/fonts/Helvetica.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../vpm-child/fonts/Helvetica.woff") format("woff"), /* Modern Browsers */
    url("../vpm-child/fonts/Helvetica.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica-Bold";
  src: url("../vpm-child/fonts/Helvetica-Bold.eot"); /* IE9 Compat Modes */
  src: url("../vpm-child/fonts//fonts/Helvetica-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../vpm-child/fonts/Helvetica-Bold.otf") format("opentype"), /* Open Type Font */
    url("../vpm-child/fonts/Helvetica-Bold.svg") format("svg"), /* Legacy iOS */
    url("../vpm-child/fonts/Helvetica-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../vpm-child/fonts/Helvetica-Bold.woff") format("woff"), /* Modern Browsers */
    url("../vpm-child/fonts/Helvetica-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
body{  
	font-family: "Helvetica", sans-serif;
	font-size: 16px;
	line-height: 1.8em; color: #2e2925;
}
p{    
  font-size: 16px;
  line-height: 1.8em; color: #2e2925;
  }
.text-white p, .text-white a{color: #fff;}
.bg-dark{background-color: #1a1a1a !important;}
.bg-blue{background-color: #365897 !important;}
.bg-yellow{background-color: #fad12b !important;}
.heading{font-size: 40px; font-family: "Helvetica-Bold"; margin-bottom: 30px;}
.overlap-text{margin-left: -70px;}
.blue-bg{background-color: #365897;}
.object-fit-cover{object-fit: cover;}
.px-custom {
  padding-left: 145px;
  padding-right: 145px;
}
header .px-custom {
  padding-left: 50px;
  padding-right: 50px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */

.main-nav {
  /* Drop Down */
  /* Deep Drop Down */
}

.main-nav,
.main-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
}

.main-nav > ul > li, .main-nav ul li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.main-nav a {
  display: block;
  position: relative;
  color: #fff;
  margin-right: 52px;
  transition: 0.3s;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-bottom: 2px solid rgb(255 255 255 / 0%);
}

.main-nav a::after {
    content: "";
    bottom: -4px;
    width: 60%;
    background: #fff;
    height: 1px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    position: absolute;
	display: none;
}

.main-nav a:hover::after,
.main-nav li.current_page_item a::after{
	display: block;
}

.main-nav li.current_page_item a::after{
}

header.sticky .main-nav a{ color: #2e2925; border: 0;}
header.sticky .main-nav a:hover::after,
header.sticky .main-nav li.current_page_item a::after{ background: #2e2925;}


.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
  
  text-decoration: none;
}


header.sticky .main-nav a:hover,
header.sticky .main-nav .active > a,
header.sticky .main-nav li:hover > a {
  
  text-decoration: none;
  border-color: #2e2925;
}
.main-nav .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% - 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.main-nav .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.main-nav .drop-down li {
  min-width: 180px;
  position: relative;
}

.main-nav .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #065e77;
}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {
  color: #1bb1dc;
}

.main-nav .drop-down > a:after {
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 10px;
}

.main-nav .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.main-nav .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.main-nav .drop-down .drop-down > a {
  padding-right: 35px;
}

.main-nav .drop-down .drop-down > a:after {
  content: "\f105";
  position: absolute;
  right: 15px;
}

/* Mobile Navigation */

.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: rgba(54, 88, 151, 0.85);
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
  color: #8dc2fa;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\f078";
  font-family: FontAwesome;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\f077";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 13px;
  top: 34px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
}

header.sticky .mobile-nav-toggle i {color: #2e2925;}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(18, 34, 64, 0.8313725490196079);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}


.bg-yellow .title-mid {
    color: #fff;
    margin: 0;
    font-size: 40px;
}


.btn {
  border-radius: 0;
  padding: 10px 15px;
}
.btn-secondary {
  color: #2e2925;
  background-color: #fad12b;
  border-color: #fad12b;
}
.btn-primary, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #365897;
  border-color: #365897;
}
.btn-primary:hover{
  color: #2e2925;
  background-color: #fad12b;
  border-color: #fad12b;
}
.btn-primary.focus, .btn-primary:focus, .btn.focus, .btn:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(202, 202, 202, 0.5);
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(202, 202, 202, 0.5);
}
header .logo {
  margin-left: 0;
}

.slick-prev {
  right: 20px;
  background: url(../images/left-arrow.svg) no-repeat 0 0px;
}
.slick-next {
  right: -80px;
  background: url(../images/right-arrow.svg) no-repeat 0 0px;
  background-size: contain;
}
.slick-prev, .slick-next{
  width: 35px;
  height: 70px;
  position: absolute;
  bottom: 0;
  border: 0;
  outline: none !important;
  padding: 0;
  text-transform: uppercase;
  font-size: 0px;
  font-weight: bold;
  letter-spacing: 0.9px;
  z-index: 9;
  background-color: inherit;
  }
  .slick-prev::before, .slick-next::before{color: #000;
    font-size: 13px;} 
  .slick-prev::before {
    content: "prev";
    
}
.slick-next::before {
  content: "next";
}


/* preloader */

.preLoader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 9999;
  display: table;
}

.preLoaderContent {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}


.lds-ellipsis {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  margin: auto;
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #3a3a3a;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
      transform: scale(0);
  }
  100% {
      transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
      transform: scale(1);
  }
  100% {
      transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(19px, 0);
  }
}
/*--------------------------------------------------------------
# Header section
--------------------------------------------------------------*/


header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  background: rgb(255 255 255 / 0%);
  padding: 15px 0;
  /* box-shadow: 1px 1px 10px 2px #d6d6d6; */
  z-index: 999;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

header.sticky {
  background: rgba(255, 255, 255, 0.82);
  top: 0;
  border-bottom: 1px solid #999;
}

header.sticky .main-nav,
header.sticky .main-nav u,
header.sticky .main-nav ul li,
header.sticky .main-nav ul li a {
    margin-top: 0;
}

header.sticky .logo img {
    width: 130px;
}

header.sticky .search-bar{
	margin-bottom: 0px;
}

header.sticky .header-right{
	padding: 0px;
}


.logo img {
  width: 160px;
}

.header-left {
  float: right;
  text-align: left;
  height: 100%;
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  margin-top: 10px;
}

.header-right {
  float: left;
  text-align: left;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 15px 0;
}

.search-bar input {
  background: inherit;
  height: 35px;
  border: 0;
  border-bottom: 1px solid #fff;
  padding: 0 10px 0 0;
  font-size: 14px;
  width: 159px;
  outline: none;
  font-family: "Helvetica";
  display: block;
  color: #fff;
  margin-bottom: 0;
  float: left;
  border-radius: 0;
}
.logo-black{display: none;}
header.sticky .logo-white{display: none;}
header.sticky .logo-black{display: block;}
header.sticky .search-bar input {color: #2e2925; border-color:#2e2925;}
.search-bar button{height: 35px;padding: 0 20px;}

.search-bar {
  /* display: flex; */
  /* justify-content: flex-start; */
  margin: 15px 0;
}
.home-banner {
  height: calc(100vh - 110px);
  margin-top: 110px;
  background-size: cover;

}
.pattern{
  background: url(../images/banner-pattern.png) no-repeat center;
  background-size: cover;
}
.banner-caption{
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  float: right;
}
.home-banner .row, .home-banner .container, .home-banner .slick-list, .home-banner .slick-track{height: 100%;}

.banner-head {
  font-size: 53px;
  color: #2e2925;
  font-family: "Helvetica-Bold";
  line-height: 58px;
  margin-bottom: 15px;
}
.banner-img {
  height: 100%;
  width: 430px;
  display: flex;
  align-items: flex-end;
}
.banner-caption .btn {
  margin-left: 50px;
}
.banner-img img{
  height: calc(100% - 50px);
  width: 430px;
  object-fit: cover;}

  .h-200{ min-height: 200px;}
  .h-300{ min-height: 300px;}
  .h-400{ min-height: 400px;}
  .h-500{ min-height: 500px;}
  .h-600{ min-height: 600px;}
  .h-700{ min-height: 700px;}
  .h-800{ min-height: 800px;}

  .home-aboutus .custom-bg div{position: relative; z-index: 2;} 
/* 
  
  .home-aboutus .custom-bg::before {
    content: "";
    position: absolute;
    left: -100vw;
    top: 0;
    bottom: 0;
    background:rgba(26, 26, 26, 0.90);
    right: 0;
    z-index:1;
} */

.px-custom.pl-custom {
  padding-left: 214px;
}
.product-portolio {
  margin-bottom: 80px;
}
.product-portolio img{
  height: 700px;
  width: 100%;
  object-fit: cover;
  margin-top: 60px;
}
.home-banner-new {
  width: 100%;
  /* margin-top: 130px; */
  /* height: calc(100vh - 130px); */
  height: 100vh;
  background-size: cover;
  background-position: center;
}
.new-banner-caption {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.new-banner-head {
  font-size: 50px;
  font-weight: 700;
  line-height: 53px;
  margin-bottom: 20px;
}

.new-banner-caption p {
  width: 60%;
}

.banner-new .slick-arrow {
  position: absolute;
  right: 72px;
  left: auto;
  width: 40px;
  height: 50px;
  display: block;
  top: auto;
  z-index: 1;
  bottom: 110px;
  font-size: 28px;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgb(255 255 255 / 12%);
}
.next-slide.slick-arrow {
  right: 22px;
}


.sustainablity{margin-right: -15px; margin-left: -15px;}
.veture-cover{text-align: center;}
.veture-cover img{    width: 180px;
  height: 140px; object-fit: contain;}
.venture-title {
  font-size: 18px;
  min-height: 60px;
  font-weight: 600;
  margin-bottom: 15px;
}

footer{
  padding-top: 100px;
  padding-left: 15px;
  padding-right: 15px;
}
.footer-logo{width: 160px; display: inline-block;}
footer ul{
  padding-left: 0px;
}
footer ul li{list-style: none;padding-right: 10px;}
.footer-partners-logo {
  display: flex;
  align-items: center;
  padding: 0 0px;
  margin-top: 30px;
  justify-content: flex-end;
 
}
.footer-partners-logo li {
  padding-left: 40px;
}

.footer-partners-logo a {
  display: inline-block;
}

.footer-head {
  font-size: 20px;
  margin-bottom: 15px;
  font-family: "Helvetica-Bold";
}
.footer-menu li a{font-size: 18px;line-height: 1.8em;}
footer .search-bar {
  justify-content: flex-start;
  margin-top: 15px;
}
.footer-partners-logo li img {
  height: 75px;
}
footer .search-bar input{    width: auto;
  padding: 0 10px;
  display: block;
  background: #fff;
  border: 0;
  color : #000;
}
.copy-right{
  margin-top: 100px;
  background-color: #1a1a1a;
  text-align: center;
  padding: 15px 0;
  margin-left: -15px;
  margin-right: -15px;
}
.copy-right p{
  margin-bottom: 0px;
  color: #646363;

}


.dot-nav-main{
  position: absolute;
  top: 70px;
  right: 36px;
  transform: rotate(90deg) scaleX(-1);
  transform-origin: top right;
  z-index: 9;
}

.dot-nav-main.black .dot-nav a{border-color: #000;}
.dot-nav-main.black .nav-title .top-line{background-color: #000;}
.dot-nav-main.black .nav-title span{color: #000;}
.dot-nav-main.black .dot-nav li.active-bullet a::before, .dot-nav-main.black .dot-nav li a:hover::before {
  background: #000;
}
.nav-title {
  /* transform: scaleX(-1); */
  padding: 15px 10px 10px 10px;
  transform: rotateX(180deg);
}

.nav-title span{
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  display: none;
  letter-spacing: 1px;
}
.nav-title span.active-text{display:inline-block;}

.dot-nav {padding: 0px;margin-bottom: 0;display: flex;flex-direction: row-reverse;}
.dot-nav li{list-style: none;display: inline-block;margin-left: 7px;}
.dot-nav a {
  border: 1px solid #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.dot-nav-cover {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}

.nav-title .top-line {
  content: "";
  width: 80px;
  height: 1px;
  background: #fff;
  display: inline-block;
  margin: 5px 10px 4px 0px;
}

.dot-nav li.active-bullet a::before, .dot-nav li a:hover::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  left: 3px;
  bottom: 3px;
}


.our-products .product-img img {
  height: 500px;
  object-fit: cover;
}




.product-main-details {
  height: 457px;
  padding: 80px 150px 0 0;
}
.products-sp-tab [class*=col-]{position: static;}
.tab-head{
  font-size: 30px;
  position: absolute;
  left: 0;
  bottom: 40px;
  line-height: 40px;
  }

.sustainabilty-img-cover{position: relative; padding-right: 145px;}

.sustainabilty-img-cover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: -1;
}
.sustainabilty-img {
  height: 400px;
  position: relative;

}

.sustainabilty-img::before{
  content: "";
  background-color: #000;
  width: 100%; 
  height: 100%;
}


.products-sp-tab .nav-pills .nav-link {
  font-size: 18px;
  background: none;
  padding: 0;
  border-bottom: 2px solid #1a1a1a;
  border-radius: 0;
  margin-right: 7rem;
  color: #646363;
  width: auto;
  display: inline-block;
  line-height: 20px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  text-align: left;
}

.products-sp-tab .nav-pills .nav-link.active{
  border-color: #fcce01;
  color: #fff;
}
.products-sp-tab .tab-content p {
  padding: 30px 140px 30px 0px;
  min-height: 145px;
  max-height: 145px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.products-sp-tab .nav{
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: auto;
}

ul.social-media {
  display: flex;
  align-items: center;
}

ul.social-media i {
  font-size: 28px;
}

footer ul li:first-child i {
  font-size: 22px;
}

.search-btn {
  float: left;
  color: #fff;
  font-size: 24px;
  padding-right: 10px;
  border: 0px;
  background: transparent;
  border-bottom: 1px solid #fff;
  height: 35px;
}
header.sticky .search-btn {border-color: #2e2925; color: #2e2925;}
.header-right.search-show input {
  display: block;
}


.tab-wrapper{
  position:relative;
  margin:0 auto;
  overflow:hidden;
  padding: 0;
  height:50px;
  margin: 0;
  display: flex;
  justify-content: flex-start;
}

.tab-wrapper .list {
  position:absolute;
  left:0px;
  top:0px;
 
  margin-left: 0;
  margin-top:0px;
}

.tab-wrapper .list li{display:table-cell;position:relative;text-align: left;cursor:grab;cursor:-webkit-grab;color:#efefef;vertical-align:middle;}

.scroller {
text-align:center;
cursor:pointer;
display:none;
padding:7px;
padding-top:11px;
white-space:no-wrap;
vertical-align:middle;
background-color:rgba(255, 255, 255, 0.07);
}

.scroller-right{
float:right;
}

.scroller-left {
float:left;
margin-left: -40px;
margin-right: 12px;
}
.sustainablity-main .blue-bg{
  height: 100%;
  display: flex;
    justify-content: center;
    flex-direction: column;
}
header.sticky .search-bar ::-webkit-input-placeholder {
  color:#2e2925;
  opacity:1;
  }
  header.sticky .search-bar :-moz-placeholder {
color:#2e2925;
  opacity:1;
  }

  header.sticky .search-bar ::-moz-placeholder {
color:#2e2925;
  opacity:1;
  }
  header.sticky .search-bar :-ms-input-placeholder {
  color:#2e2925;
  opacity:1;
  }

  header .search-bar ::-webkit-input-placeholder {
    color:#fff;
    opacity:1;
    }
    header .search-bar :-moz-placeholder {
  color:#fff;
    opacity:1;
    }
  
    header .search-bar ::-moz-placeholder {
  color:#fff;
    opacity:1;
    }
    header .search-bar :-ms-input-placeholder {
    color:#fff;
    opacity:1;
    }




.search-bar ::-webkit-input-placeholder {
  color:#2e2925;
  opacity:1;
  }
  .search-bar :-moz-placeholder {
color:#2e2925;
  opacity:1;
  }

  .search-bar ::-moz-placeholder {
color:#2e2925;
  opacity:1;
  }
  .search-bar :-ms-input-placeholder {
  color:#2e2925;
  opacity:1;
  }
  .joint-venture {
    padding-top: 60px;
    padding-bottom: 60px;
}
/* Inner pages */

  .inner-banner {
    height: 550px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.story-right-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* .max-width {
  max-width: 506px;
}

.max-width {
  padding-right: 145px;
  padding-left: 145px;
} */

.max-width {
    padding: 50px 100px;
}


.left-spc {
  padding-left: 145px;
}
.story-text {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.story-bg {
  padding-bottom: 400px !important;
    background-size: cover;
    background-position: bottom;

}

.vmv-cover i {
  font-size: 60px;
  margin-bottom: 15px;
  margin-top: 30px;
  display: inline-block;
  color: #365897;
}

.vmv-cover {
  max-width: 380px;
  margin: 0px auto;
  text-align: center;
}

.vmv-cover h4 {
    margin: 8px 0 20px;
}

.partner-list img{    width: 100%;
  height: 100%;
  object-fit: contain;}

.our-partners-inner {
  padding-top: 60px;
  padding-right: 60px;
  padding-bottom: 60px;
  padding-left: 60px;
  margin-top: 60px;
  margin-bottom: 30px;
}
.our-partners-main{padding-bottom: 100px; position: relative; margin-top: 150px;}
.our-partners-main::before {
  content: "";
  background: #fad12b;
  position: absolute;
  left: 0;
  right: 0;
  top: -150px;
  height: 150px;
}
.partner-list {
  margin-bottom: 0px;
  width: 110px;
  height: 110px;
  margin-right: 30px;
  display: inline-block;
}
.partner-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

header .search-bar input {
  float: right;
  padding-right: 0;
}

header .search-bar {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
 .bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.contact-form input {
  height: 50px;
  border-radius: 0;
  outline: none;
  background: #dfdfdf;
}

.contact-form textarea {
  border-radius: 0;
  outline: none;
  background: #dfdfdf;
}
.map iframe {
  width: 100%;
  height: 300px;
  margin-bottom: 100px;
}
.home-aboutus .custom-bg {
  position: relative;
  float: left;
  min-height: 530px;
  display: flex;
  align-items: center;
  background: rgba(26, 26, 26, 0.90);
  padding: 80px 145px 80px 145px;
}

.vmv-main {
  padding-top: 70px;
  padding-bottom: 70px;
}
.story-right-img {
  height: 100%;
  overflow: hidden;
}

.bg-grey {
  background: #e4e4e4;
}

.sustainability-text p {    width: 100%;
}
.sustainability-text {
    background: rgba(26, 26, 26, 0.90);
    display: block;
    width: 470px;
    padding: 20px;
}
 /* Responsive  */

 @media (min-width:1600px){
  
  body, p{    
	  font-size: 18px;
  }
  
  .max-width {
    padding: 80px 145px;
}
  
  .home-aboutus .custom-bg {
    padding: 170px 145px 170px 145px;
  }
  .vmv-main {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .heading {
    font-size: 60px; line-height: 73px;}

  .tab-wrapper{height: 65px;}
  .dot-nav li.active-bullet a::before, .dot-nav li a:hover::before{width: 14px; height: 14px;}
  .dot-nav a {
    width: 22px;
    height: 22px;}

  .nav-title span{font-size: 18px;}
  .joint-venture {
    padding-top: 100px;
    padding-bottom: 100px;
}
  .veture-cover {
    width: 350px;
    margin: 0px auto;
}
  .sustainabilty-img {
    height: 700px;}

  .our-products .product-img img {
    height: 700px;}
    .product-main-details {
      height: 610px;}
  .products-sp-tab .nav-pills .nav-link {
    margin-right: 9rem;
    font-size: 22px;
    line-height: 28px;}
  .product-main-details {
    padding: 80px 70px 0 0;
}
  .h-700 {
    min-height: 900px;
}
  
  .new-banner-head {
    font-size: 60px;
    line-height: 73px;}
  .tab-head {    font-size: 45px;
    line-height: 50px;}

 
  .sustainablity.home-aboutus .custom-bg {
    padding: 170px 145px 170px 145px;
}
/*  .product-portolio p {
    width: 380px;
}*/
  
 .container {
  max-width:100%;
  padding: 0 50px;
} 
 } 


 @media (max-width:1366px){

 header .logo{margin-left: 0;}
 }

@media (max-width:1200px){
  .max-width {
    padding-right: 50px;
    padding-left: 50px;
}
  .inner-banner {
    height: 300px;}
  .footer-menu li a {
    font-size: 14px;
    line-height: 1.5em;
}
  .footer-logo {
    width: 120px;}
  header{padding: 0px;}
  .logo img {
    width: 90px;
}
  .h-700 {
    min-height: 600px;
}
  .home-banner-new{height: 500px;}
  .px-custom {
    padding-left: 50px;
    padding-right: 50px;
}
  .home-aboutus .custom-bg {
    padding: 50px;
    min-height: auto;
}
  p {
    font-size: 14px;
    line-height: 1.5em;}
  .new-banner-head {
    font-size: 35px;
    line-height: 43px;}
  .main-nav a{font-size: 14px;}
  
  .product-portolio.h-500{min-height: 400px;}
  .product-portolio img {
    height: 550px;}
  .products-sp-tab .nav-pills .nav-link{margin-right: 54px;}
  .tab-head{left: 0px;}
  .products-sp-tab .tab-content p {
    padding: 30px 50px 30px 0px;
    min-height: 118px;
    max-height: 118px;}
  .products-sp-tab .nav{margin-left: 0px;}
  .product-main-details {
    padding:50px 0;
}
  .heading {
    font-size: 30px;}
  .slick-prev {
    right: 60px;}

  .slick-next {
    right: 0;}
  .banner-img img, .banner-img{width: 300px;}

  .banner-head {
    font-size: 26px;
    line-height: 31px;}

  .home-banner {
    height: 400px;}

    .banner-caption {
      height: auto;}


}
@media (max-width:990px){
  
  .story-right-img {
    height: 280px;}
  .max-width{padding: 30px;}

  .header-right {
    float: right;
    padding-right: 40px;
    justify-content: center;}
  
  header {
    padding: 10px 0;
}
  .header-left {
    float: left;}
  .product-portolio {
    margin-bottom: 30px;
}
  .product-portolio img {
    height: 450px;
}
  .h-700 {
    min-height: 600px;
}
  .home-aboutus .custom-bg {
    padding: 30px;
    min-height: auto;
}
  .home-banner-new{height: 500px;}
  .px-custom {
    padding-left: 30px;
    padding-right: 30px;
}

}
@media (max-width:768px){

  .slick-prev, .slick-next {
    background-position: 11px 10px;
    background-color: #fff;
    padding-top: 30px;
    padding: 27px 6px 0;
    width: 51px;
    background-size: 28px;
}
  .tab-head {
    font-size: 23px;
    line-height: 21px;
    margin: 20px 0;}
  .products-sp-tab .nav-pills .nav-link {
    margin-right: 84px;
}
  .product-main-details {
    padding: 60px 50px 0 50px;
}
  .copy-right {
    margin-top: 0;}
  
  .footer-partners-logo{padding: 40px 0; margin-top: 0;}
  .search-bar{margin-bottom: 0px;}
  }

  @media (max-width:767px){
    .scroller-left {
      margin-left: 0;
      margin-right: 0;
  }
    .map iframe{margin-bottom: 30px;}
    .contact-form .form-row{margin-bottom: 0;}
    .contact-form input, .contact-form textarea{margin-bottom: 15px;}
    .left-spc {
      padding-left: 30px;
      padding-right: 30px;
  }
    .products-sp-tab .tab-content p {
      min-height: 102px;
    max-height: 102px;
      padding: 15px 0;}
    .banner-new .slick-arrow{bottom: 20px;}
    .new-banner-caption p {
      width: 100%;}
    .new-banner-head {
      font-size: 26px;
      line-height: 33px;
  }
    .banner-caption{padding-bottom: 40px;}
    footer {
      padding-top: 50px;
  }
    .product-portolio {
      margin-bottom: 30px;
      min-height: inherit;
  }
    .custom-bg {
      padding: 15px 0;
  }
    .btn {
      padding: 5px 10px;
  }
    .slick-prev::before, .slick-next::before{font-size: 10px;}
    .slick-prev, .slick-next {
      padding-top: 10px;
      padding: 0;
      width: 51px;
      background-size: 19px;
  }
    .banner-img img, .banner-img {
      width: 100%;
      height: 230px;
  }
    .home-banner .row {
      flex-direction: column-reverse;
  }
    .sustainabilty-img {
      height: 210px;}
    .sustainabilty-img-cover{padding-right: 0px;}
    .sustainabilty-img-cover::before{display: none;}
    .tab-content {
      padding: 0;
  }
    .products-sp-tab .nav{margin-right: 0;
      margin-left: 0;}
    .dot-nav-main{display: none;}
    .tab-head{position: static;}
    .our-products .product-img img {
      height: 230px;}
    .product-main-details {
      padding: 30px 0;
      height: auto;}
    .product-portolio.h-500 {
      min-height: inherit;
      margin-bottom: 0;
  }
    .product-portolio img {
      height: 200px;
      margin-bottom: 20px;
      margin-top: 30px;
  }

    .heading {
      margin-bottom: 15px;
      font-size: 23px;
  }

  .overlap-text {
    margin-left: 0;
}

.banner-caption .btn {
  margin-left: 0;
}
.banner-head {
  font-size: 20px;
  line-height: 25px;
}
.banner-caption {
  padding-top: 10px;
  margin-bottom: 20px;
}
.home-banner {
  height: auto;
}
.home-aboutus .bg-dark{padding-top: 20px;
  padding-bottom: 20px;}

  .partner-list {
    margin-bottom: 0px;
    width: 80px;
    height: 70px;
    margin-right: 20px;
}
.our-partners-main::before {

  top: -30px;
  height: 30px;
}
.our-partners-main{margin-top: 30px;}
.vmv-main {
  padding-top: 30px;
  padding-bottom: 30px;
}
}

@media (max-width:479px){
  .our-partners-inner{padding: 15px;}
  header .px-custom {
    padding-left: 15px;
    padding-right: 15px;
}
  .product-portolio img{margin-top: 0px;}
  .home-aboutus .custom-bg {
    padding: 15px;}
  .px-custom {
    padding-left: 15px;
    padding-right: 15px;
}
  .header-right.search-show input{  width: 100%;
    padding: 10px 0;}

    .header-right.search-show .search-btn{margin-right: 10px;}
  .search-bar input {
    width: 0;
    padding: 0;
}
  .sustainabilty-img {
    margin-top: 15px;
}
  .banner-img img, .banner-img {
    width: 100%;
}
  .sustainabilty-img-cover {
    margin: 0 15px;
}

  .tab-head {
    margin-bottom: 10px;
}
  .tab-wrapper{height: 80px;}
  .header-right.search-show {
    display: block;
    margin-top: 0px;
    width: 100%;
}
  .search-btn {display: block;margin-right: 47px; border: 0;
    padding: 5px 0;}
  .pattern{background: none;}
  .header-right {
    padding-right: 0;
    display: block;
    height: auto;
   
}
  .header-left{display: inline-block; height: auto;}
  .logo img {
    width: 90px;
}
  .footer-logo {
    width: 130px;
    margin-bottom: 25px;}
  .copy-right{padding: 15px;}
  .footer-partners-logo li {
    margin-bottom: 30px;
    padding-right: 0;
}
  .footer-partners-logo{display: inline-block; margin-bottom: 0;
    padding-bottom: 0;
}
  .venture-title {

    min-height: inherit;
}
  .veture-cover img {
    margin: 10px 0;
    width: 112px;
}
  .tab-content {
    padding: 0 15px;
}
  .products-sp-tab .nav {
    margin: 15px;
}
  .product-main-details {
    padding: 20px 15px;
}
  
.home-aboutus.h-700 {
  min-height: inherit;
  margin-bottom: 15px;
}


}

#adipecpopup .modal-dialog {

            max-width: 800px;

        }

       

        #adipecpopup .close {

            position: absolute;

            width: 30px;

            height: 30px;

            border-radius: 50%;

            z-index: 2;

            background: #fff;

            color: #333;

            top: 0;

            right: 0;

            display: flex;

            justify-content: center;

            align-items: center;

            z-index: 9999999;

        }