@media (min-width: 1920px) and (max-width: 2560px) {
    .hex {
        width: 40.333%;
    }
    
}
@media (min-width: 1700px) and (max-width: 1919px) {
    .hex{min-width: 220px;}
    .sustainable-content{ padding: 0px 150px;}
}
@media (min-width: 1401px) and (max-width: 1600px) {
    .hex{min-width: 180px;}
}
@media only screen and (min-width: 1400px) {
    .container { max-width: 1375px; }

}
@media only screen and (max-width: 1400px) {
    .hex{min-width: 180px;}
}
@media only screen and (min-width: 1200px) {

}
@media only screen and (max-width: 1399px) {
    .hex{min-width: 260px;}
    .slider-content{ height: 80px;}
    .slider-content h3{ font-size: 26px;}
    .investors .nav-tabs .nav-link{ max-width: 214px; min-height: 210px;}
}
@media(max-width: 991px) {
    .header-menu .navbar-collapse .navbar-toggler {
        position: absolute;
        right: 20px;
        top: 50px;
        border: none;
    }
    .header-menu .nav-link { color: #fff; }
    .header-menu .navbar-collapse .navbar-toggler { position: absolute; right: 20px; top: 90px; border: none; }
    .header-menu .navbar-collapse.show { opacity: 1; visibility: visible; transform: translateX(0%); overflow-x: hidden; overflow-y: auto; margin: 0px 0px; }
    .header-menu .navbar-light .navbar-nav .nav-link.pay-now { margin-top: 10px; color: #fff; }
    .header-menu .navbar-collapse .navbar-nav .nav-item { border-bottom:1px solid #c7a84a; border-right: none; }
    .header-menu .navbar-collapse .navbar-toggler { position: absolute; right: 20px; top: 50px; border: none; }
    .header-menu .navbar-collapse .navbar-toggler span { margin: 0px 0px; padding: 0px 0px; position: relative; }
    .header-menu .navbar-collapse .navbar-toggler span:before { content: ''; display: block; position: absolute; top: 7px; right: 0; width: 35px; height: 1px; background: #061424; transform: rotate(45deg); }
    .header-menu .navbar-collapse .navbar-toggler span:after { content: ''; display: block; position: absolute; top: 7px; right: 0; width: 35px; height: 1px; background: #061424; transform: rotate(-45deg); }
    .header-menu .navbar-collapse { display: block !important; z-index: 999; float: right; max-width: 350px; width: 100%; height: 100%; opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; height: 100% !important; position: fixed; top: 0px; right: 0; text-align: left; background:#cfb35e; margin: 0; visibility: hidden; transform: translateX(80%); transform-origin: left; padding: 100px 10px 5% 10px; box-shadow: 3px 0px 35px -10px rgb(0 0 0 / 30%); }
    .header-menu .navbar-collapse .header-menu .nav-link { color: #fff; }
    .header-menu .navbar-collapse, .header-menu .navbar-collapse { overflow-y: auto; max-height: 101vh; margin-top: 10px; }
    .navbar-light .navbar-toggler{ position: absolute; top: 14px; right: 0px; border: none; box-shadow: none; outline: none;}
    .header-menu .dropdown-menu{ box-shadow: none; background: #c9ab50;}
    .header-menu .dropdown-menu li{ border-bottom: 1px solid #d9be6f;}
    .sustainable-content{ padding: 0px 20px;}
    .wellness_products_details .health_products h2 {
        font-size: 16px;
    }
}
@media only screen and (min-width:992px) {
    .header-menu .dropdown-submenu>.dropdown-menu,  .header-menu .dropdown>.dropdown-menu { -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all .35s ease 0s; -moz-transition: all .35s ease 0s; -o-transition: all .35s ease 0s; transition: all .35s ease 0s; display: block; visibility: hidden; opacity: 0 }
    .header-menu .dropdown-submenu:hover>.dropdown-menu,  .header-menu .dropdown:hover>.dropdown-menu { margin-top: 0; opacity: 1; visibility: visible; -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1) }
    .header-menu .dropdown .nav-link:after {content: "\f067";font-family: 'FontAwesome';border: none;vertical-align: 0px;position: absolute;margin-left: 0.4em;transition: 0.2s all;display: inline-block;font-weight: normal;font-size: 10px;margin-top: 0.5em;}
    .large-para{font-size: 34px !important; line-height:48px !important;}
    .header-menu .nav-item:hover .dropdown-menu{ display:block;}
}

}

@media (min-width: 768px) and (max-width: 990px) {
    #welcome-part::after{ width: 100%; height: 25%; bottom: 0px; top: inherit;}
    #sustainability::before{width: 100%; height: 25%; }
    .sustainable-content{ padding: 0px 15px;}
    .slider-content{ height: 75px;}
    .slider-content h3{ font-size: 25px;}
    .sustainable-content{ padding: 0px 20px;}
    
    
}
@media (min-width: 992px) and (max-width:1260px) {
    #header-scsn .navbar-nav .nav-link{ padding:25px 30px; font-size:14px;}
    .sustainable-content{ padding: 0px 50px;}
}
@media only screen and (max-width: 991px) {
    .footer-details {justify-content: center; flex-direction: column;}
    .footer-details .webplus { display:block; margin:2px 0 0; }
    .footer-details .webplus:before { display: none;}
}
@media only screen and (max-width: 768px) {
    .large-para{font-size: 26px !important; line-height: 36px !important;}
    .sustainable-content{ padding: 0px 25px;}
    .slider-content{ height: 70px;}
    .slider-content h3{ font-size: 22px;}
    #main-slider .carousel-caption p{ font-size: 35px; line-height: 44px;}
}
@media only screen and (max-width: 767px) {
    #welcome-part::after{ width: 100%; height: 15%; bottom: 0; top: inherit;} 
    #sustainability::before, #group-companies::before{ width: 100%; height: 20%;}
    .sustainable-content{ padding: 0px 15px;}

    .quality-area { padding-top: 50px;}
    .quality-area:before { width: 100%; height: 250px;}
    .iso-area { margin-bottom: 30px;}
}
@media only screen and (max-width: 575px) {
    .top-right span{ display: none;}
    .hex{ width: 40%; min-width: 120px;}
    #hexGrid { padding-bottom: 11.2%; font-size: 12px; }
    .hexa-content h2{ font-size: 15px;}
    .hexa-content span{ font-size: 12px; margin: 55px 0px 0px 0px;}
    .large-para{ font-size: 22px !important; line-height: 34px !important;}
    #group-scsn h2{ font-size: 29px;}
    .slider-content{ height: 70px;}
    .slider-content h3{ font-size: 22px;}
    .footer-connect{ border-left: none; border-top: 1px solid rgba(255,255,255,0.35);}
    .footer-details.d-flex.justify-content-between { display: block !important; text-align: center; }
    .policy-link{ padding: 10px 0px;}
    .group-slider .item:hover .slider-content{ height: 100%;}
    .our-team h3{ font-size: 30px;}
    #group-companies .accordion-body ul li{ width: 100%;}
    #under-construction h4{ font-size: 42px; line-height: 45px;}
    .sub-title h1{ font-size: 24px;}
    .sustainability-content h2{ font-size: 22px;}
    .top-left, .top-right{ padding: 0px 0px;}
    .investors .nav-tabs .nav-link{ max-width: 100%; width: 100%;}
    .investors .nav-tabs{ width: 100%; display: inline-block; margin: 0px 0px 5px 0px;}
    #wellness-products ul li{ min-width:100%;}
    .comapny-info li:nth-child(1),.comapny-info li:nth-child(3){ padding:25px 100px 25px 30px;}
    .comapny-info li:nth-child(2),.comapny-info li:nth-child(4){ padding:25px 60px 25px 90px;}
    .comapny-info li span{ display: none;}
    .wellness_products_details .health_products h2 { 
        padding: 16px 12px;
    }
}
@media only screen and (max-width: 479px) {
    #main-slider .carousel-caption{right: 45px !important;bottom: 5px;}
    #main-slider .carousel-caption h5{ font-size: 14px;}
    #main-slider .carousel-caption p{ font-size: 16px; line-height: 22px;}
    .hexa-content h2 { font-size: 13px; }
    .about-img{ display: none;}

}
@media only screen and (max-width: 470px) {
	.center-para { white-space: normal;}
	.box-list li{ width:100%;}
}

/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/

@media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
    #hexGrid { padding-bottom: 7.4%; font-size: 14px; }
    .hex { width: 40.333%; /* = 100 / 3 */ }
}

@media (max-width: 400px) {
    #hexGrid { font-size: 8px; }
}