/* HTML */
@media screen and (max-width: 768px) {
  html {
    font-size: 14px;
  }
  .featuretteText-Right{
    margin-left: 0;
    }
}
@media screen and (max-width: 1025px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1025px) {
  /* #drop-close {
    display: none !important;
  } */
}

/* HEADER */

@media screen and (max-width: 768px) {
  .navbar .container {
    padding-left: 0 !important;
    max-width: 100%;
  }
  .h-b_c {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  /* .nav-item.search-btn input,
  .nav-item.search-btn .search-overlay .fa-search,
  .nav-item.search-btn .search-overlay .fa-times {
    color: #fff !important;
  } */
}

/* Navbar y  Dropdown */

@media screen and (min-width: 1366px) {
  header .navbar > .container,
  .h-b_c .container,
  .dropdown-navbar .menu-1 > .container,
  .dropdown-navbar .menu-2 > .container,
  .dropdown-navbar .menu-3 > .container,
  .product .container,
  .business .container,
  .about .container,
  #chartParts .container,
  #chartCity .container,
  #BenefitHeadline .container,
  .bussines_container .container,
  .bg-counter .container,
  .bg-counter-2 .container,
  .field_container__title .container,
  .container.field_container__buttons,
  .about_container__title .container,
  .container.about_container__buttons {
    max-width: 100%;
    padding: 0 110px !important;
  }
}
@media screen and (max-width: 1040px) {
  .bg-counter .secondColumn div,
  .bg-counter-2 .secondColumn div {
    padding: 0px 50px 0px;
  }
  .carousel h3 {
    font-size: 40px;
  }
  #carouselChart .carousel-item {
    height: 50vh;
  }
  #carouselChart .carousel-item img {
    position: absolute;
    left: -10000%;
    right: -10000%;
    top: -10000%;
    bottom: -10000%;
    margin: auto auto;
    min-width: 1000%;
    min-height: 1000%;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    z-index: -1;
    width: auto !important;
    max-width: inherit;
  }
}
/*WAS @media screen and (max-width: 768px) {*/
@media screen and (max-width: 1366px) {
  .carousel .carousel-indicators {
   /* width: 50%;*/
    /*bottom: 8.2%;*/
  }

  .dropdown-navbar .menu-1,
  .dropdown-navbar .menu-2,
  .dropdown-navbar .menu-3 {
    height: 100vh;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .dropdown-navbar .menu-2 img,
  .dropdown-navbar .menu-3 img {
    width: 100%;
  }
  /* #drop-close {
    position: absolute;
    bottom: inherit;
    right: 15px;
    font-size: 15px;
    top: 0;
  } */
  .navbar {
    /* padding-right: 50px !important;
    padding-left: 50px !important; */
    padding-top: 3px !important ;
  }
  .dropdown-navbar {
    /* margin-top: 65px; */
    padding-bottom: 20px;
    /* height: initial; */
  }
  .dropdown-navbar .services a {
    padding-bottom: 4px !important;
    /* border-bottom: 1px #fff solid !important; */
    width: 100%;
  }
  .dropdown-navbar .menu-2 .col-md-8 {
    padding: 0;
  }
  .navbar-brand {
    padding-top: 3px !important;
  }

  .dropdown-navbar h3 {
    font-size: 28px;
  }
}

@media screen and (min-width: 1025px) {
  .navbar .search-btn {
    position: absolute;
    right: -32px;
    margin: auto;
    height: 100%;
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .navbar-collapse {
    /* width: 100vh; */
  }

  #navbarSupportedContent .nav-link {
    /* font-size: 14px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important; */
  }
  #navbarSupportedContent .nav-item .menu-btn-1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #navbarSupportedContent .nav-item {
    padding-left: 0px !important;
  }
  .dropdown-navbar {
    z-index: 999;
    padding-top: 30px;
    /* margin-top: 80px; */
    padding-left: 0;
    padding-right: 0;
  }
  .dropdown-navbar .services,
  .dropdown-navbar .items {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .dropdown-navbar .items > a {
    font-size: 14px;
  }
}

/* CARROUSEL */

@media screen and (max-width: 1300px) {
  .carousel .carousel-caption {
    top: 20%;
    width: 65%;
  }
}

@media screen and (max-width: 768px) {
  .carousel .carousel-caption {
    width: 80%;
    top: 8%;
  }
  .carousel .carousel-caption h3 {
    font-size: 30px;
  }
  .carousel .carousel-caption p {
    font-size: 16px;
  }
  .carousel .carousel-caption a {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0;
  }
}
/*@media screen and (max-width: 998px) {
  .carousel .carousel-caption {
    width: 80%;
    top: 15%;
  }
  .page-template #carouselChart .carousel-item {
    display: flex;
    align-items: center;
  }
  .page-template .carousel .carousel-caption {
    top: inherit;
    bottom: inherit;
    height: auto;
    /* margin: auto; */
  /*}
}*/

@media screen and (max-width: 1025px) {
  #carouselExampleCaptions {
    height: 550px;
  }
  #carouselExampleCaptions img {
    height: 550px;
    object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  #carouselExampleCaptions {
    height: 600px;
  }
  #carouselExampleCaptions img {
    height: 600px;
    object-fit: cover;
  }
}
@media screen and (max-width: 425px) {
  #carouselExampleCaptions .carousel-caption {
    display: block !important;
    width: 90%;
  }
  #carouselExampleCaptions .carousel-caption h3 {
    font-size: 36px;
    /* margin-top: 70px; */
  }
  #carouselExampleCaptions .carousel-caption p {
    font-size: 16px;
  }
}

/* <<HOME>> */
/* PRODUCT */

@media screen and (max-width: 1025px) {
  .product_header__title h1 {
    margin-top: 0;
    font-size: 48px;
  }
  /* .product__cards .card-4-1 {
        width: 47.8%;
    }
    .product__cards .card-4-2 {
        width: 47.8%;
    }
    .product__cards .card-4-3 {
        width: 47.8%;
    }
    .product__cards .card-4-4 {
        width: 47.8%;
    } */
}

@media screen and (max-width: 768px) {
  .product .container {
    margin-left: 0px !important;
    width: 100% !important;
  }
  .product .container .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 425px) {
  .product_header__title {
    width: 100% !important;
    height: 120px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #efefef;
  }
  .product_header__title h1 {
    margin-top: 0;
    padding: 0;
    font-size: 2.25rem;
    text-align: center;
  }
  .product_header__title h4 {
    font-size: 1rem;
    padding: 5px 15px;
  }
  .product_header__text h4 {
    padding: 5px 10px;
    font-size: 1.125rem;
    text-align: center;
  }
  .product__cards .card-4-1 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .product__cards .card-4-2 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .product__cards .card-4-3 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .product__cards .card-4-4 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .product__cards .card-2-1 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .product__cards .card-2-2 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .product__cards .card-1 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* CHART parts */

@media screen and (max-width: 1366px) {
  #chartParts {
    padding-top: 65px;
    padding-bottom: 83px;
    /* padding-right: 115px; */
  }
  #chartParts .row {
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 1025px) {
  /* #chartParts .firstColumn {
    margin-left: 1em;
  } */
  #chartParts .firstColumn {
    max-height: 500px !important;
  }
}
@media screen and (max-width: 768px) {
  /* #chartParts {
    padding-left: 10%;
    padding-right: 10%;
  } */
  #chartParts .row {
    margin-right: 0;
  }
  #chartParts .fa-cogs {
    font-size: 35px !important;
  }
  #chartParts .firstColumn {
    padding: 28px;
  }
  #chartParts h2 {
    font-size: 36px !important;
    margin-top: 5px !important;
  }
  #chartParts p {
    font-size: 16px !important;
  }
  /* #chartParts .btnLearnMore {
    display: block;
    margin-top: 20px !important;
    margin-left: auto;
    margin-right: auto;
  } */
}

/* Chart City */

@media screen and (max-width: 768px) {
  /* #chartCity .firstColumn {
    margin-left: 1em;
  } */
}
@media screen and (max-width: 768px) {
  /* #chartCity {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  } */
  #chartCity .firstColumn {
    padding: 20px !important;
  }
  #chartCity .firstColumn .sectionTitle {
    font-size: 36px !important;
  }
  #chartCity .firstColumn .textDescription {
    font-size: 1.1rem;
    line-height: 1.6;
  }
  #chartCity .fa-city {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #chartCity {
    padding: 70px 19px 90px 19px;
  }
}

/* Business &  Brands */

@media screen and (max-width: 1366px) {
  .bussines_container .container .row .brands_container {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .bussines_container .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
  }
  .bussines_container h1 {
    text-align: center;
  }
  .bussines_container h1 br {
    display: none;
  }
  .bussines_container p {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  .bussines_container button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 425px) {
  .bussines_container h1 {
    font-size: 36px;
  }
}

/* COUNTER & COUNTER-2 */

@media screen and (max-width: 1366px) {
  .bg-counter {
    padding-right: 0px;
    padding-left: 0px;
  }
  /* .bg-counter .container-counter .row {
    width: 1150px;
  } */
}

@media screen and (min-width: 991px) {
  .dropdown-navbar > div {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .navbar-brand img {
    width: 135px;
  }
  .navbar-toggler .fa-bars {
    color: white;
    text-shadow: 0px 0px 4px black;
    font-size: 36px;
    margin-top: 5px;
    margin-left: 5px;
  }
  .nav-item.search-btn div.open {
    display: none;
  }

  .nav-item.search-btn .search-overlay {
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    top: 100%;
    margin-top: 12px;
    margin-bottom: 15px;
    position: relative;
    box-shadow: none;
    left: 0;
    padding: 6px 8px;
    max-width: 320px;
  }
  .nav-item.search-btn form {
    display: inline-block;
    border-bottom: 0px;
  }
  .fixed .nav-item.search-btn .search-overlay {
    background: #f5f5f5;
  }

  .fixed .nav-item.search-btn input {
    width: 100%;
    background: 0 0;
  }

  .nav-item.search-btn input {
    width: 100%;
    /* background: 0 0; */
  }

  .nav-item.search-btn .search-overlay:after,
  .nav-item.search-btn .search-overlay:before {
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  .nav-item.search-btn .search-overlay button.close {
    display: none;
  }

  #chartParts {
    padding: 70px 19px 90px 19px;
  }
  #ChartNews {
    padding: 95px 10px 6px 70px;
  }
  .bg-counter .secondColumn,
  .bg-counter-2 .secondColumn {
    min-height: 400px;
  }

  .counterContainer,
  .counterContainer2 {
    min-height: 430px;
  }
  .bg-counter .btnLearnMore,
  .bg-counter-2 .btnLearnMore {
    display: block;
    margin: auto;
  }
}

@media screen and (max-width: 768px) {
  .counterContainer,
  .counterContainer2 {
    min-height: 280px;
  }
  #counter .row .secondColumn div {
    display: flex;
    flex-direction: column;
  }
  .bg-counter {
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-bottom: 35px;
    padding-top: 35px;
  }
  .bg-counter .sectionTitleColumn2,
  .bg-counter-2 .sectionTitleColumn2 {
    font-size: 22px !important;
    text-align: center !important;
    line-height: 1 !important;
  }
  /* .bg-counter .secondColumn {
    min-height: 500px !important;
  } */
  .bg-counter .secondColumn div {
    padding-left: 5% !important;
    padding-right: 5% !important;

    padding-right: 0% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .bg-counter .counterContent .number,
  .bg-counter-2 .counterContent .number {
    font-size: 3rem !important;
  }
  .bg-counter .secondColumn div {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
  .bg-counter #counter {
    justify-content: center !important;
  }
  .bg-counter .btnLearnMore {
    /* margin-top: 4px !important; */
  }
  .bg-counter .textDescription,
  .bg-counter-2 .textDescription {
    padding: 0.538rem;
    line-height: 1.5 !important;
    text-align: center;
  }
}
/* @media screen and (max-width: 1366px) {
  .bg-counter-2 {
    padding-left: 115px;
    padding-right: 125px;
  }
} */
@media screen and (max-width: 768px) {
  .bg-counter-2 {
    padding: 50px 25px;
    /* width: 100vw; */
    margin-top: 0px;
  }

  .bg-counter-2 .row {
    justify-content: center;
    flex-direction: column-reverse;
  }
  /* .bg-counter-2 .row div {
    padding: 5px !important;
  } */
  .bg-counter-2 .secondColumn {
    width: 100% !important;
  }
  .bg-counter-2 .secondColumn div {
    padding: 15px !important;
  }
  .bg-counter .secondColumn div {
    padding: 8px 12px !important;
  }
  .bg-counter-2 .counterContainer2 {
    width: 100% !important;
  }
}
@media screen and (max-width: 375px) {
  .bg-counter-2 span {
    font-size: 60px;
  }
  .bg-counter-2 .counterContainer2 {
    padding: 0 !important;
  }
  #number1 {
    font-size: 60px;
  }
}

/* ABOUT chart */

@media screen and (max-width: 768px) {
  .about_container__buttons .row,
  .field_container__buttons .row {
    width: initial;
  }

  .about_container__buttons .btn-group,
  .field_container__buttons .btn-group {
    /* display: inline-flex; */
    padding: 0px !important;
  }
  .about_container__buttons .btn-group label,
  .field_container__buttons .btn-group label {
    width: 100%;
    font-size: 1.125rem;
  }
  .about_container__title {
    /* width: 90%; */
    /* bottom: 16%; */
  }
  .about_container__buttons .btn-group,
  .field_container__buttons .btn-group {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .about_container__buttons .btn-group label {
    border-right: 0 !important;
  }
  .about_container__buttons .btn-primary,
  .field_container__buttons .btn-primary {
    border-bottom: 1px solid #fff;
    padding: 1rem 1rem;
  }
  .btn-check:active + .btn-primary,
  .btn-check:checked + .btn-primary,
  .btn-primary.active,
  .btn-primary:active,
  .show > .btn-primary.dropdown-toggle {
    border-color: #fff;
  }
  #ChartNews .chartNews-all .chartNew-all-wrap {
    margin: auto;
    text-align: center;
  }
}

/* FOOTER */

@media screen and (max-width: 1366px) {
  /* .seccionLegal {
    padding-right: 25px !important;
  }
  .socialMediaFooter {
    padding-left: 0px !important;
  } */
}
@media screen and (max-width: 1025px) {
  #ChartNews {
    padding: 95px 10px 6px 40px;
  }
  /* footer {
    height: 250px;
  } */
  /* #footer-container {
    padding-top: 20px !important;
  } */
  #footer-container .seccionLegal ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 0;
    /* margin-top: 30px;  */
  }
  .year-row {
    /* margin-top: 50px !important;
    text-align: center !important; */
  }
}
@media screen and (max-width: 768px) {
  /* footer {
    height: 330px;
  } */
  .year-row {
    /* margin-top: 130px !important;
    text-align: center !important; */
  }
  #footer-container button.btnLearnMore {
    margin-top: 4px !important;
  }
  #footer-container .seccionCentral div {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  #footer-container .seccionCentral div .sectionTitle {
    font-size: 23px;
  }
}
@media screen and (max-width: 425px) {
  #footer-container {
    padding-top: 45px !important;
  }
  /* footer {
    height: 350px;
  } */
  .social_media_container {
    width: 90%;
  }
  .socialMediaFooter {
    padding: 0;
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .social_media_container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .social_media_container ul {
    display: flex;
    justify-content: space-between;
    margin-left: auto !important;
    margin-right: auto !important;
    flex-flow: column;
    align-items: center;
  }
  .seccionLegal {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .year-row {
    /* margin-top: 150px !important;
    text-align: center !important; */
  }
}

/* CHART news */

@media screen and (max-width: 1025px) {
  #ChartNews .col-1 {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #ChartNews {
    padding: 95px 20px 6px 20px;
  }
  #ChartNews .chartNews-slider .card {
    margin-right: 7px;
    margin-left: 7px;
  }
  #ChartNews img {
    height: 200px;
    object-fit: cover;
  }
  #ChartNews .row #title {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  #ChartNews .row #title .chartNews-all {
    align-items: center !important;
  }
  /* #ChartNews .row #title .chartNews-all p {
    padding-left: 25px !important;
    padding-right: 25px !important;
  } */
}
@media screen and (max-width: 425px) {
  /* #ChartNews {
    padding: 40px 0 30px 0;
  } */
  #ChartNews .col-4 {
    width: 100%;
    padding-left: 35px;
  }
  #ChartNews .slick-slider {
    padding: 0 10px;
  }
  #ChartNews .draggable {
    width: 100%;
  }
  #ChartNews .col-md-8 {
    padding-right: 10px;
    padding-left: 10px;
  }
  #ChartNews img {
    height: 180px;
  }
}

/* <<PRODUCT PAGE>> */
/* Delivering chart */

@media (max-width: 1300px) {
  /* #deliveringContainer .row #firstColumn,
  #deliveringContainer .row #imageContainer {
    height: 64vh;
  } */
  #deliveringContainer .row #firstColumn {
    padding: 50px 70px 50px 70px !important;
  }
}
@media (max-width: 1200px) {
  /* #deliveringContainer .row #firstColumn,
  #deliveringContainer .row #imageContainer {
    height: 60vh;
  } */
  #deliveringContainer .row #sectionTitleColumn {
    font-size: 45px;
  }
  #deliveringContainer .row #textDescription {
    font-size: 16px !important;
  }
}
@media (max-width: 1200px) {
  /* #deliveringContainer .row #firstColumn,
  #deliveringContainer .row #imageContainer {
    height: 60vh;
  } */
}
@media screen and (max-width: 991px) {
  .navbar > .container {
    max-width: 100%;
    padding: 0 !important;
    margin: auto;
    width: 86%;
  }
  .dropdown-navbar {
    background-color: 0 0;
  }
  .dropdown-navbar {
    z-index: 999;
    padding-top: 20px;
  }
  /* #drop-close {
    top: 18px;
  } */
  .dropdown-navbar > div {
    padding-top: 0px;
    z-index: 999;
    /* padding: 30px; */
    height: 100%;
  }
  .sub-menu {
    position: relative;
    left: 0;
    top: 0;
  }
  .sub-menu.active {
    padding: 17px 0 17px 10px;
  }

  .dropdown-navbar .sub-menu .items {
    margin-top: 0px;
  }

  footer .container {
    max-width: 100%;
  }
  #DeliveringSection {
    padding: 0;
  }
  #deliveringContainer .row #firstColumn,
  #deliveringContainer .row #imageContainer {
    height: 313px;
  }
  #DeliveringSection .row {
    width: 100vw;
  }
  #sectionTitleColumn {
    font-size: 2.216rem !important;
  }
  #textDescription {
    font-size: 1rem;
    padding-right: 0px !important;
  }
  #btnBlue {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  #btnOrange {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media screen and (max-width: 768px) {
  #deliveringContainer .row #firstColumn,
  #deliveringContainer .row #imageContainer {
    height: initial !important;
  }
  #imageContainer {
    display: none;
  }
}
@media screen and (max-width: 425px) {
  #imageContainer {
    display: none;
  }
  #firstColumn {
    padding: 10px 30px 10px 30px !important;
    /*margin: 20px 0 !important;*/
  }
  #btnBlue {
    width: 45%;
  }
  #btnOrange {
    width: 45%;
  }
}
@media screen and (max-width: 375px) {
  #deliveringContainer {
    height: 450px;
  }
  #deliveringContainer .row {
    height: 400px;
  }
  #firstColumn {
    margin: 0 !important;
  }
  .carousel .carousel-caption {
    width: 80%;
    top: 8%;
  }
}

/* TECHNICAL library */

@media (max-width: 768px) {
  .deliveringContainer #firstColumn {
    padding: 30px 20px 40px 20px !important;
  }
  .technicalLibrary__buttons-container {
    margin-left: auto !important;
    margin-right: auto !important ;
    width: 80% !important;
  }
  #TechnicalLibrary {
    margin-top: 20px !important;
    margin-bottom: 50px !important;
  }
  #DeliveringSection #textDescription {
    line-height: 18px !important;
    font-size: 15px !important;
  }
  .technicalLibrary__buttons-container button {
    font-size: 15px;
  }
}
@media (max-width: 425px) {
  .technicalLibrary__container__header {
    width: 90%;
  }
  .technicalLibrary__button-card__container {
    margin-right: auto;
    margin-left: auto;
  }
}

/* BENEFIT */

@media (max-width: 425px) {
  #BenefitHeadline .container-fluid {
    padding: 30px;
  }
}
@media (max-width: 375px) {
  #BenefitHeadline .container-fluid {
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  .firstColumn {
    margin: 0;
  }
}
@media screen and (max-width: 1366px) {
  #BenefitHeadline .container-fluid {
    padding-right: 115px;
  }
}

/* CONNECT WITH charts */

@media screen and (max-width: 1366px) {
  #connectWithCharts .firstColumn {
    padding: 55px 100px 45px 80px !important;

    width: 573px;
  }
}

@media screen and (max-width: 768px) {
  #connectWithCharts .row {
    margin-left: auto;
    margin-right: auto;
    padding-right: 5px !important;
    padding-left: 5px !important;
    width: 96%;
  }
}
@media screen and (max-width: 768px) {
  /* #connectWithCharts {
    margin-top: 70px !important;
    padding: 15px 7px !important;
  } */
  #connectWithCharts .firstColumn {
    padding: 20px 20px !important;
    margin-left: auto !important;
    min-height: auto;
  }
  #connectWithCharts .sectionTitle {
    font-size: 30px !important;
  }
  #connectWithCharts .connectWithCharts__text-container p {
    font-size: 1rem;
  }
  .team .list-executives .item.active .body-text {
    overflow-y: scroll;
  }

  .team .list-executives .item {
    min-height: calc(100vh - 400px);
    max-height: 100vh;
    overflow: hidden;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
}
@media screen and (max-width: 425px) {
  #connectWithCharts {
    margin-top: 80px !important;
  }
}

/* RELATED Charts */

@media (max-width: 1200px) {
  .relatedChartProducts__container {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .relatedChartProducts__header {
    margin-bottom: 10px;
  }
  #RelatedChartProducts .card {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 650px) {
  #carouselChart .carousel-item {
    height: 70vh;
  }
  #drop-close .fa {
    font-size: 1.5em;
  }
  #ChartNews .chartNews-all .title {
    font-size: 42px;
    margin-bottom: 16px;
    display: block;
  }

  .team .list-executives .item {
    min-height: calc(100vh - 180px);
  }

  .team .list-executives .item .body-text {
    top: 75%;
  }
  .team .list-executives .item .body-text.steven {
    top: 72%;
  }
  .team .list-executives .item .body-text {
    padding: 36px 34px 30px 20px;
  }

  .team .list-executives .item.active .body-text .button-close {
    font-size: 14px;
  }

  .team .list-executives .item .body-text h4 {
    font-size: 12px;
  }

  #BenefitHeadline .container-fluid {
    padding-right: 2.5% !important;
    padding-left: 2.5% !important;
  }
  .navbar {
    /* padding-right: 20px !important;
    padding-left: 20px !important; */
    padding-top: 3px !important;
  }
  .box-grey {
    width: 100vw;
  }
  .product_header__title {
    height: auto;
    /* padding: 60px 0 30px; */
  }
  .product_header__text {
    margin-bottom: 40px;
    padding: 20px;
  }
  .product .container > .row {
    padding: 0 10px;
  }
  .counterContainer,
  .counterContainer2 {
    min-height: 230px;
  }
  .about_container .container,
  .field_container .container {
    padding: 0px 30px;
  }
  .about_container__title,
  .field_container .about_container__title {
    bottom: 5%;
  }

  /* #carouselChart .carousel-item {
    height: 70vh;
  } */
}

@media (max-width: 576px) {
  .product_header__title {
    padding: 60px 0 30px;
  }
  .relatedChartProducts__header {
    margin-top: 10px !important;
    text-align: center;
  }
  .relatedChartProducts__header__card {
    justify-content: center;
    margin-bottom: 10px;
  }
  .bg-counter,
  .bg-counter-2 {
    padding: 50px 11px;
  }

  .container.field_container__buttons,
  .container.about_container__buttons {
    padding: 0 30px !important;
  }
}
@media (max-width: 425px) {
  #RelatedChartProducts .relatedChartProducts__header {
    padding: 0 15px;
  }
  #RelatedChartProducts .card {
    margin-bottom: 25px;
  }
}

@media (max-width: 425px) {
  .relatedChartProducts__container {
    margin-left: auto !important;
  }
  #RelatedChartProducts .row {
    width: 90vw;
  }
}
/* COMPARISON charts */
@media (max-width: 768px) {
  #ComparisonCharts {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .comparisoncharts__row th {
    font-size: 0.8rem !important;
  }
  #ComparisonCharts .comparisonCharts__table {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #ComparisonCharts .comparisonCharts__text p {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 425px) {
  .circle {
    height: 35px;
    width: 35px;
    font-size: 8px;
    position: absolute;
  }
  .comparisonCharts__table thead tr th {
    width: 25px !important;
    padding: initial !important;
  }
}
@media (max-width: 375px) {
  .comparisonCharts__text {
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* in the FIELD  */

@media (max-width: 1025px) {
  .about_container__buttons {
    margin-top: -30px;
  }
  .about_container__buttons .btn-group {
    height: 100%;
  }
}
@media (max-width: 1366px) {
  #field .field_container__title {
    left: 0;
    width: 100%;
  }
  .field_container__buttons .row .btn-group {
    padding-left: 8px;
    padding-right: 8px;
  }
  .about_container__title {
    left: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  #field .field_container__title {
    margin-left: 0;
  }
  #field .field_container__title h1 {
    font-size: 1.95rem !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
  #field .field_container__title p {
    font-size: 1.15rem !important;
  }
  /* #field .field_container__title {
    margin-top: 25% !important;
    margin-left: 40px;
  } */
  #field button {
    font-size: 16px;
  }
  .field_container__buttons .btn-group {
    height: auto;
  }
  .field_container__buttons .btn-group label {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #field .field_container__title {
    width: 100%;
    left: 0;
    /* padding: 0 30px; */
  }
  .field_container__buttons {
    margin-bottom: 0;
  }
  .field_container__buttons .btn-group {
    display: block;
    /* width: 80%; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
  .field_container__buttons .btn-group label {
    /* height: 30px; */
    border-left: 0 !important;
    border-radius: 0% !important;
  }
}
@media (max-width: 425px) {
  .field_container__buttons .btn-group {
    margin-top: -90px;
  }
  .field_container__buttons {
    margin-left: auto !important;
  }
  .field_container__buttons .btn-group label {
    border: 0px;
    border-bottom: 2px solid white !important;
  }
  .field_container__buttons .btn-group .btm-end {
    border-bottom: 0px !important;
  }
}

@media (max-width: 1025px) {
  .product .container,
  .dropdown-navbar .menu-1,
  .dropdown-navbar .menu-2,
  .dropdown-navbar .menu-3,
  .product .container-sm,
  .business .container,
  .business .container-sm,
  .about .container,
  .about .container-sm {
    max-width: 100%;
    padding: 0 20px !important;
    margin: auto;
  }

  .team .list-executives .item .body-text h2 {
    font-size: calc(1.325rem + 0.5vw);
  }
}

/* @media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1160px;
  }
} */

/* <<SHELL B>> */
/* CoolerByDesign */

@media (max-width: 768px) {
  .coolerByDesign__buttons-container {
    margin-left: auto !important;
    margin-right: auto !important ;
    width: 80% !important;
  }
  #CoolerByDesign {
    margin-top: 20px !important;
    margin-bottom: 50px !important;
  }

  .coolerByDesign__buttons-container button {
    font-size: 15px;
  }
  .coolerByDesign__buttons-container__desk {
    display: none;
  }
}

@media (min-width: 769px) {
  .coolerByDesign__buttons-container__mobile {
    display: none;
  }
}

@media (max-width: 425px) {
  .coolerByDesign__container__header {
    width: 90%;
  }
  .coolerByDesign__button-card__container {
    margin-right: auto;
    margin-left: auto;
  }
}

/* <<SHELL E>> */
/* headline */
@media (max-width: 1025px) {
  #headline .headline__title_container h2 {
    font-size: 48px;
  }
  #headline .headline__card_container h3 {
    font-size: 28px;
    margin-top: 20px;
  }
  #headline .headline__card_container img {
    height: fit-content;
  }
}
@media (max-width: 768px) {
  #headline .headline__title_container h2 {
    font-size: 40px;
  }
  #headline .headline__title_container {
    width: 85%;
  }
  #headline .headline__card_container {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  #headline .headline__card_container__card {
    margin-bottom: 30px;
  }

  #headline .headline__card_container__text_container {
    margin-top: 20px;
  }
}
@media (max-width: 425px) {
  #headline .headline__title_container h2 {
    font-size: 36px;
  }
  #headline .headline__card_container h3 {
    font-size: 24px;
  }
}

/* <<SHELL D>> */
/* aboutFerox */

/* Featured products */
@media (max-width: 1200px) {
  #featuredProducts .container-fluid {
    padding-right: 70px;
    padding-left: 70px;
  }
  #featuredProducts .container-fluid .row .featured {
    height: 380px;
  }
}
@media (max-width: 1025px) {
  #featuredProducts .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
  #featuredProducts .container-fluid .row .featured {
    height: 340px;
  }
  /* #featuredProducts .container-fluid .row .featured div {
    padding: 0px 7px;
  } */
  /* #featuredProducts .container-fluid .row .featured {
    height: 55vh;
  } */
    #featuredProducts .container-fluid .row .featured div .featured_body {
        background: rgba(0, 0, 0, 15%);
        background-image: linear-gradient( 0deg, rgba(0, 15, 67, 0.8), rgba(0, 0, 0, 0));
    }
}
@media (max-width: 768px) {
  #featuredProducts .container-fluid .row #title h1 {
    font-size: 2.425rem;
  }
  #featuredProducts .container-fluid .row .featured div .featured_body h1 {
    font-size: 2.163rem;
  }
  #featuredProducts .container-fluid .row .featured div .featured_body p {
    font-size: 1.425rem;
    padding-right: 15px;
    padding-left: 15px;
  }
  #featuredProducts .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
  }
  #featuredProducts .container-fluid .row .featured {
    height: 45vh;
  }
  /* #featuredProducts .container-fluid .row .featured {
    margin-bottom: 5px;
  } */
  #footer-container .socialMediaFooter ul li {
    padding: 0 10px;
  }

  .vimeo-wrapper iframe {
    min-height: 100vh;
  }
}
@media (max-width: 425px) {
  #featuredProducts .container-fluid .row #title h1 {
    font-size: 2.025rem;
  }
  #featuredProducts .container-fluid .row .featured div .featured_body h1 {
    font-size: 1.663rem;
  }
  #featuredProducts .container-fluid .row .featured div .featured_body p {
    font-size: 1.125rem;
    padding-right: 15px;
    padding-left: 15px;
  }
  #featuredProducts .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
  }
  #featuredProducts .container-fluid .row .featured {
    height: 40vh;
  }
}

/* <<SHELL F>> */
@media (max-width: 1025px) {
  .aboutBusiness__text_container h2 {
    font-size: 48px;
  }
}
@media (max-width: 768px) {
  #aboutBusiness {
    margin-left: 30px;
    margin-right: 40px;
  }
  .aboutBusiness__text_container h2 {
    font-size: 40px;
  }
  .aboutBusiness__image_container__col.col-md-12 {
    margin-top: 16px;
  }
  .aboutBusiness__image_container__col.col-md-12 img {
    height: fit-content;
    object-fit: cover;
    object-position: center;
  }
}
@media (max-width: 425px) {
  #aboutBusiness {
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .aboutBusiness__image_container {
    margin-bottom: 30px;
  }
  .aboutBusiness__text_container h2 {
    font-size: 36px;
  }
  .aboutBusiness__text_container p {
    font-size: 16px;
  }
  .aboutBusiness__image_container__col.col-md-12 {
    margin-top: 0px;
  }
  .aboutBusiness__image_container__col {
    margin-bottom: 10px;
  }
  .aboutBusiness__image_container__col.col-md-12 img {
    height: auto;
  }
}
@media (max-width: 380px) {
  .team .list-executives .item .body-text {
    top: 65%;
  }
  .team .list-executives .item .body-text.steven {
    top: 62%;
  }

  #carouselChart .carousel-item {
    height: 100vh;
  }
}
/*END Shell F*/

@media screen and (max-width: 1366px) {
  #connectBusiness {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 80px;
  }
  #connectBusiness .row {
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 1025px) {
  #connectBusiness .firstColumn {
    margin-left: 1em;
  }
  #connectBusiness .firstColumn {
    max-height: 500px !important;
  }
}

@media screen and (max-width: 768px) {
  #connectBusiness {
    padding-left: 5%;
    padding-right: 8%;
  }
  #connectBusiness .row {
    margin-right: 0;
  }

  #connectBusiness .firstColumn {
    padding-left: 10% !important;
    padding-right: 10% !important;
    padding-top: 14% !important;
    padding-bottom: 14% !important;
    max-height: 650px !important;
  }
  #connectBusiness h2 {
    font-size: 36px !important;
    margin-top: 5px !important;
  }
  #connectBusiness p {
    font-size: 16px !important;
  }
  #connectBusiness .btnLearnMore {
    display: block;
    margin-top: 20px !important;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 500px) {
  .carousel p {
    max-width: 500px;
  }
}