@media (min-width:1200px) {

.container {
    max-width: 90%;
    
}
}


@media (min-width:991px) and (max-width:1250px) {
    
    .innerfooter_item p br {display:none;}
}

@media (min-width:991px) {
    .ethonal_center:hover{
    background: #0089d0;
    color:#fff;
}

.ethonal_center:hover p{
  
    color:#fff;
}
    .banner .container .caption {
        position:relative;
        left:10%;
        margin-top:30px;
    }
    
    .sus_box p {
    padding-right: 15px;
}

.approach-cont {
    margin-top:-250px;
    position:relative;
}

.nav-item .dropdown-menu {
    transform:translateY(50px);
    display:block;
    opacity:0;
    visibility:hidden;
    transition:all 0.5s ease-in-out 0s;
}

.nav-item.position-relative:hover .dropdown-menu {
    
    opacity:1;
    visibility:visible;
    transform:translateY(0px);
}

}


@media only screen and (max-width: 991px) {
    
  nav {
      background:#fff;
  }    
  .logoblack {display:none !important;}
  .logowhite {display:block !important;}
  nav img {
    width: 120px;
  }
  nav .navbar-brand {
    margin-left: 15px;
  }
  nav .navbar-toggler-icon {
    background: #606d6d;
    width: 50px;
    height: 2px;
  }
  
  .nav-right {
      display:none;
  }
  
  nav .navbar-nav {
      margin-top:30px;
      margin-bottom:30px;
  }
  
  nav .navbar-nav .nav-item {
      margin-bottom:10px;
  }
  
  nav .navbar-nav .nav-item:last-child {
      margin-bottom:0px;
  }
  
  .pad80 {
    padding: 40px 0px;
  }
  .h2 {
    font-size: 25px;
  }
  
  h4 {
    font-size: 22px;
}

  p {
    font-size: 16px;
    line-height: 25px;
  }
  
  .banner {
      margin-top:80px;
      height:calc(600px - 80px);
  }
  
  .banner .caption h1 {
    font-size: 55px ;
  }
  
  
  .about_text .btn_n {
    margin-top: 10px;
    margin-bottom: 35px;
}

.about_img {
    height:300px;
}

.pro-desc {
    padding-top:70px;
}

.pro-img img {
    height:430px;
}

.pro_cont .h2 {
    font-size:40px;
}

.pro-desc p br {
    display:none;
}

.pro-desc {padding-left:15px; padding-right:15px;}

.rare_marq h2 {
    font-size: 150px;
}

.footerlogo img {
    width:120px;
}

/*footer::before {display:none;}*/

footer::before {
    width:100%;
    top:auto;
    bottom:0px;
    height:45%;
}

.dk-social {display:none;}
.mb-sc {
    display:block;
}
.mb-social {
    display:flex; 
    margin-top:30px;
    align-items:center;
    justify-content:center;
}
.footerlinks ul {padding-left:0px;}

.ff-link::after {
    display:none;
}

.footerlinks::after {
    left:-30px;
}

.pro_cont:hover .h2 img, .pro_cont.open .h2 img {
    transform: rotate(-95deg) translateX(3px);
}

/*about page*/

.navigation-black nav .navbar-nav .nav-link {
    color: #fff;
}

.about-banner.banner {
    height: 250px;
}

.banner.about-banner .container .caption div h1 {
    font-size:35px;
}

.about-banner .banner_lines {
    top:0px;
}

.bio-content-ct {
    height: 300px;
    width: 100%;
    background: 0 0;
    overflow-y: scroll;
    padding-right: 15px
}

.bio-content-ct::-webkit-scrollbar-track, .bio-content-ct::-o-scrollbar-track, .bio-content-ct::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: #fff
}

.bio-content-ct::-webkit-scrollbar, .bio-content-ct::-o-scrollbar, .bio-content-ct::-moz-scrollbar {
    width: 3px;
    background-color: #fff
}

.bio-content-ct::-webkit-scrollbar-thumb, .bio-content-ct::-o-scrollbar-thumb, .bio-content-ct::-moz-scrollbar-thumb {
    background-color: #fff;
    border: 3px solid #23BA97
}

.mission-box {
    padding:0px;
}

.visionbx {
    padding-right:0px;
    padding-left:50px;
}
.visionbx::before {
    bottom:-15px;
}

.values {
    padding:25px 0px;
}
.values p:last-child {
    margin-bottom:0px;
}

.faqs .card-body {
    padding-right:20px;
}

.about_text h4 br {
    display:none;
}
.abtpr_Cont {
    position:relative;
    z-index:1;
}


 .boi_product {
    padding: 120px 45px;
}
.boi_img_1{
    padding: 35px;
}
.boi_img_1 img {
  
    width: 100%;
}
.boi_img_1 .product_data img{
    width: 50px;
}

.ethonal_center{
    width: 230px;
    height: 230px
}
.boi_product_inner{
    width: 608px;
}
.product_data8 {
    top: 4%;
    left: -13px;
}
.product_data7 {
   top: 47%;
    left: -65px;
   
}
.product_data2 {
    top: 4%;
    right: 3px;
}
.product_data3 {
  top: 47%;
    right: -58px;
  
}
.product_data6 {
   bottom: 13%;
    left: 25px;
}
.product_data5 {
    bottom: -10px;
}
.product_data4 {
    bottom: 11%;
    right: 18px;
}

.six_products .product_data1 {
    left:38px;
}
.six_products .product_data2 {
    right:38px;
}

.holidaylist{
    left: unset;
    right: -48px;
}

}



@media (max-width:767px) {
    .svg-container{display: none;}
    .boi_img_1{padding:0;}
    .boi_img_1 img {border-radius: 0;order: 2;}
    .boi_product {padding: 40px 30px 0px;}
    .ethonal_center p br{display: none;}
    .ethonal_center{border-radius: 0;}
    .ethonal_center {
    position: static;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px auto 20px;
    order: 1;
    background: transparent;
}
.ethonal_center p{
    color: #000;
    font-size: 25px;
    line-height: 25px;
    
}
    .boi_product_inner {position: static;
    order: 3;display: flex;flex-direction: column;width: 100%;}
  
   .product_data {
       position:static;
    display: flex;
    border-radius: 0;
    width: 100%;
    height: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 15px;
    margin: 5px 0px;
    transform: unset !important;
   }
   .product_data:first-child{
       margin-top:30px;
   }
   .product_data:last-child{
       margin-bottom:0;
   }
   .product_data p {
    text-align: left;
    font-size: 15px;
    margin: 0 0 0 25px;
}
   .product_data p br{
       display: none;
   }
   .boi_img_1 .product_data img{
       margin:0;
   }
    .boi_img_1{
        flex-direction: column;
    }
    nav > .container {
        padding-left:15px !important;
        padding-right:15px !important;
    }
    
    .container {
        padding-left:30px;
        padding-right:30px;
    }
    
nav .navbar-nav .nav-item {
    margin-left: 15px;
    margin-right:15px;
}    

.dropdown-menu {
    width:100%;
}
    
.banner {
    margin-top: 73px;
    height: calc(80vh - 73px);
}
    
.banner .container .caption div h1 {
        font-size:30px;
        margin-bottom:20px;
}

.banner_lines {
    z-index: 2;
    right: 0px;
    top: 0;
    width: 80%;
    height: auto;
}
    
    h4 {
        font-size:18px;
    }
    
    .about_text h4 br {
        display:none;
    }
    
    .pro_cont {
    
    margin-top: 20px;
    
}

.about_text {
    margin-bottom:30px;
}

.about_img {
    background-attachment:initial;
    height: 200px;
    margin-bottom:30px;
}


.about_text h4 {
    font-size:22px;
    margin-bottom:0px;
}

.about_lines {
    left:0px;
    width:80%;
}

.pro_cont .btn_n {
    margin-top: 20px;
}

.pro-img img {
    height:380px;
}

.rare_marq  {
   top:0px;
}

.rare_marq h2 {
    font-size: 80px;
}

.products h4 {
    font-size: 16px;
    line-height:25px;
}

.products h4 br {
    display:none;
}

.sus_box .btn_n {
    margin-top: 15px;
}

.footerlogo {
    margin-top: 40px;
}

.innerfooter_item {
    margin: 0px;
    padding-right: 30px;
    min-width: 196px;
}

.footerlinks li {
    margin-bottom: 15px;
}

.footerlinks a {
    font-size:16px;
}

.footerlinks::after {
    left: -30%;
    top: -32px;
    height: calc(100% + 64px) !important;
}

footer::before {
    height: 39%;
}

.footerbottom {
    text-align:center;
}

.footerbottom .text-right {
    text-align:center !important;
}

.footerlinks {
    justify-content:flex-start;
}

.mb-social {
    justify-content:flex-start;
}

.innerfooter_wrap.last::after {
    display:none;
}

.social_icons {
    margin-bottom:30px;
}

.sus_box {
    padding:40px;
}

.sustainability {
    padding-top:80px;
    padding-bottom:40px;
}
.sustainability .pr-0 {
    padding-right:15px !important;
}
.sustainability .pl-0 {
    padding-left:15px !important;
}

.sus_lines {
    bottom:0px;
    right:0px;
}

.desk-moreabt {
    display:none;
}

.mob-moreabt {
    display:flex;
    margin-top:20px;
}

.pro_cont .h2 img {
    width:18px;
    height:18px;
}

.bl-space {
    display:none;
}

.mb-social {
    border-top: 1px solid #435a4b9c;
    padding-top: 30px;
}


/*about page*/

.banner.about-banner .container .caption div h1 {
    font-size: 30px;
}

.about-banner-img {
    position: absolute;
    right: 20px;
    bottom: -75px;
}

.about-banner-img svg {
    width:150px;
}

.whybiofuils .col-lg-6:last-child {
    position: initial; 
    right: 0px;
    padding-right: 15px;
    height: 340px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.visionbx {
    margin-top:30px;
    padding-left: 0px;
}

.visionbx::before {
    bottom:auto;
    top:-25px;
    width:0px;
    height:1px;
}

.mission.animated .visionbx::before {
    width: 100%;
    height:1px;
}

.faqs .card-header button {
    font-size:16px;
    font-weight:bold;
    padding-left:35px;
    white-space:normal;
    padding-right:15px;
}
.faqs .card-body {
    padding-left:35px;
    padding-top:20px;
}

.c-accordion_button::before {
    height:15px;
    left:-2px;
}
.c-accordion_button::after {
    width:15px;
}
.faqs .card::before {
    display:none;
}
.about-product .about-banner-img {
    bottom: -182px;
}

.pr-abt {
    padding-bottom:0px;
}
.product_heading h1 {
    /*background:none;*/
    /*display:none;*/
}
.product_heading h1 {
    /*background: #CEE86B;*/
    padding: 18px 20px;
    min-width: initial;
    width:auto;
}
.about-banner-img svg {
    opacity:0.7;
}

.approach {
    padding:0px;
}

.padb80 {
    padding-bottom:40px;
}

.contact-details { 
    padding:40px 0px;
}

.contact_form .form-group {
    margin-bottom:15px;
}

nav .navbar-nav .nav-link::after {
    display:none;
}

nav .navbar-nav .nav-link {
    color:#000 !important;
}

.values {
    padding-bottom:0px;
}

.values::after {
    display:none;
}

/*.error {*/
/*    display: none;*/
/*}*/

.pro-desc {
    padding-top: 25px;
}
.pro_cont .h2 {
    margin-bottom:10px;
}

.pro_cont p {
    padding:0px 8px;
}
.pro_cont .btn_n {
    position:initial;
}

.sus_banner-mob {
    background:url(../images/sus-mob.webp) no-repeat center center / cover !important;
}

.card.active .card-header{
    position:relative;
}

.card.active .card-header::before {
    width:calc(100% + 60px);
    height:100%;
    background:#2895b2;
    content:'';
    position:absolute;
    left:-30px;
    top:0;
}
   
}

@media (max-width:500px) {
    
.footerlogo {
        margin-bottom:10px;
}
    
    footer::before {
    height: 36%;
}
    
    .innerfooter_item h6 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 5px;
}
    
.innerfooter_wrap {
        padding:5px 0px 20px;
        flex-wrap:wrap;
}



/*footer::before {*/
/*    display:none;*/
/*}*/

.footerlinks {
    background:none;
}

.innerfooter_wrap::after {
    left:-30px;
    width:calc(100% + 60px) !important;
}

.mb-social {

    margin-left: -30px;
    padding-left: 30px;
    width: calc(100% + 60px);
}

.modal-header .close {
   
   right: 16px;
        top: -16px;
        width: 30px;
    height: 30px;
}

}