@media screen and (min-width: 768px) and (max-width: 1220px) {
  .header .navbar .nav-search-cover {
    max-width: 600px;
    margin-right: -40px;
  }
  .career .career-info {
    padding: 0 40px;
  }
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .sm-hidden {
    display: none;
  }
  .career {
    margin: 50px 0 30px 0;
  }
  .career .career-info {
    padding: 0 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 840px) {
  .header .navbar .nav-search-cover {
    max-width: 500px;
    margin-right: -60px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1140px) {
  .socar-section .socar-cards {
    -ms-grid-columns: (minmax(320px, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .socar-section .socar-cards {
    -ms-grid-columns: (minmax(100%, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}

@media screen and (min-width: 240px) and (max-width: 768px) {
  .catalog-header .title_g {
    font-size: 52px;
    line-height: normal;
  }
  .catalog-header .info_g {
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    text-align: left;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .base-container {
    max-width: calc(100vw - 60px);
  }
  .navbar .navbar-brand {
    width: 80px;
    height: 32px;
  }
  .navbar .search-lang {
    margin-left: -20px;
  }
  .navbar .search-lang .btn-search {
    margin-right: 0 !important;
  }
  .navbar .main-nav .nav-item {
    font-size: 14px !important;
    line-height: normal;
  }
  .navbar .main-nav .nav-link {
    padding: 0.5rem;
  }
  .navbar .nav-dropdown {
    margin-left: -40px;
  }
  .navbar .nav-dropdown-menu * {
    font-size: 14px !important;
    line-height: normal !important;
  }
  .banner-wrapper {
    left: 20px !important;
  }
  #introduction {
    min-height: 450px;
  }
  #introduction .swiper-container .swiper-slide {
    height: 450px;
  }
  #introduction .swiper-container .swiper-slide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  #introduction .swiper-container .swiper-slide-item-info {
    max-width: calc(100vw - 30px * 2);
  }
  #introduction .swiper-container .swiper-pagination {
    height: 60px;
  }
  .main-breadcrumb {
    max-width: calc(100vw - 20px * 2);
  }
  .compounds-section .compounds-text {
    padding: 80px;
  }
  .catalog-header .title_g {
    font-size: 62px;
    line-height: normal;
  }
  .food-packaging-wrapper {
    padding: 0 40px;
  }
  .medical-section .medical-wrapper-text {
    padding: 0 40px;
  }
  .news-detail-text {
    max-width: calc(100vw - 80px * 2);
  }
  .news-detail-img {
    height: 40vw;
    min-height: 280px;
  }
  .news-detail-img img {
    height: 100%;
  }
  .plastic-waste-info {
    padding: 0 40px;
  }
  .product-catalog {
    margin-top: 80px;
  }
  .pouch-type-section .recycle-wrapper {
    max-width: calc(100vw - 80px * 2);
  }
  .pouch-type-section .recycle-wrapper-about {
    margin-top: 50px;
  }
  .compounds-section .pouch-cards {
    -ms-grid-columns: (minmax(280px, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  .compounds-section .pouch-cards-item {
    padding: 40px 20px;
  }
  .title_g-md {
    font-size: 32px !important;
    line-height: normal;
  }
}

@media screen and (min-width: 768px) and (max-width: 860px) {
  .header .navbar {
    margin-left: 20px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .product-catalog-wrapper .filter-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .product-catalog-wrapper .filter-wrapper:first-child {
    margin-right: 50px;
  }
}

@media screen and (min-width: 0) and (max-width: 992px) {
  .product-catalog-wrapper .results {
    margin-top: 80px;
  }
  .contact {
    margin: 40px 0;
  }
  .contact-title {
    margin-top: 30px;
  }
  .about-video-player {
    height: 320px;
    margin: 30px 0;
  }
  .about-title-lg {
    font-size: 42px;
    line-height: normal;
  }
  .bar-chart {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
}

@media screen and (min-width: 240px) and (max-width: 768px) {
  .base-container {
    max-width: calc(100vw - 20px * 2);
  }
  .header .navbar .navbar-brand {
    width: 106px;
  }
  .header .navbar .search-lang {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .banner-wrapper {
    left: 20px !important;
  }
  .banner {
    height: 55vw;
    margin-bottom: 40px;
    width: 100%;
  }
  .banner-wrapper h1 {
    font-size: 40px !important;
    line-height: normal !important;
  }
  #introduction {
    min-height: 240px;
  }
  #introduction .swiper-container .swiper-slide {
    height: 240px;
  }
  #introduction .swiper-container .swiper-slide-item-info {
    max-width: calc(100vw - 20px * 2);
    margin-top: 62px;
  }
  #introduction .swiper-container .swiper-slide-item-info h2 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 16px;
  }
  #introduction .swiper-container .swiper-slide-item-info .btn-more {
    width: 150px;
    height: 40px;
    padding: 0;
  }
  #introduction .swiper-container .swiper-slide-item img {
    height: 210px !important;
  }
  #introduction .swiper-container .swiper-pagination {
    height: 30px;
  }
  .cards-section {
    margin-top: 50px;
  }
  .cards-section-wrapper .news-card-body {
    padding: 15px;
  }
  .food-packaging .socar-title {
    font-size: 38px;
    line-height: normal;
  }
}

@media screen and (min-width: 0) and (max-width: 390px) {
  .cards-section-wrapper {
    -ms-grid-columns: (minmax(240px, 1fr))[auto-fill] !important;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  }
}

@media screen and (min-width: 0) and (max-width: 576px) {
  .footer-wrapper .footer-links-title {
    margin-top: 50px;
  }
  .footer .footer-wrapper {
    padding: 0 0 30px 0;
  }
  .footer .copyright {
    margin-top: 50px !important;
  }
  .main-breadcrumb .breadcrumb-item a {
    font-size: 12px;
    line-height: none;
  }
  .main-breadcrumb .breadcrumb-item::after {
    font-size: 12px;
    line-height: none;
    padding-top: 4px;
  }
  .socar-section .socar-cards .socar-card-img {
    height: 180px;
  }
  .socar-section .socar-cards .socar-card-img img {
    height: 100%;
  }
  .greenhouse-section .greenhouse-text {
    padding: 0;
  }
  .greenhouse-section .greenhouse-pdf {
    margin-top: 50px;
  }
  .greenhouse-section .greenhouse-img {
    height: 30vw;
    min-height: 180px;
  }
  .greenhouse-section .greenhouse-img img {
    height: 100%;
  }
  .product-catalog #number-of-results {
    font-size: 25px !important;
    line-height: normal;
  }
  .product-catalog-wrapper .socar-title {
    font-size: 30px !important;
  }
  .product-catalog-wrapper .socar-subtitle {
    font-size: 25px !important;
  }
  .about-video-player {
    height: 250px;
  }
}

@media screen and (min-width: 0) and (max-width: 480px) {
  .food-certificates-pdf {
    margin: 0 0 50px 0;
    width: 240px;
  }
  .food-certificates-pdf:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .header .navbar .nav-search-cover {
    width: 95vw;
  }
  .header .navbar .nav-search-cover input {
    padding-right: 0;
    padding-left: 20px;
  }
  .header .navbar .nav-search-cover .btn-close {
    padding: 0 10px;
  }
  .main-breadcrumb {
    max-width: calc(100vw - 10px * 2);
    margin-bottom: 50px;
  }
  .catalog-header .title_g {
    font-size: 40px;
  }
  .catalog-header .info_g {
    font-size: 13px;
    line-height: normal;
    margin: 0;
  }
  .socar-section {
    margin-top: 50px;
  }
  .socar-section .socar-cards .socar-card-body {
    padding: 40px 20px;
  }
  .artificial-grass-table-container {
    margin-top: 50px;
  }
  .artificial-grass-wrapper-info-video {
    padding: 0;
  }
  .compounds-section .compounds-text {
    padding: 0;
  }
  .compounds-section .compounds-img {
    height: 40vw;
    min-height: 180px;
  }
  .compounds-section .compounds-img img {
    height: 100%;
  }
  .food-certificates {
    margin: 80px 0 80px 0;
  }
  .food-certificates-pdfs {
    margin-bottom: 80px;
  }
  .food-certificates-pdf {
    width: 220px;
  }
  .food-packaging-wrapper {
    padding: 0;
  }
  .food-packaging .mb-100 {
    margin-bottom: 50px;
  }
  .food-packaging .mt-120 {
    margin-top: 80px;
  }
  .food-packaging-wrapper-info-pdf {
    margin-left: 0;
  }
  .food-packaging-wrapper-info-pdf p {
    width: auto;
    max-width: 100%;
  }
  .medical-section .medical-wrapper-text {
    padding: 0;
  }
  .medical-section .medical-wrapper-img {
    height: 30vw;
    min-height: 180px;
    margin-bottom: 50px;
  }
  .medical-section .medical-wrapper-img img {
    height: 100%;
  }
  .medical-section .medical-wrapper-contact-text {
    margin-bottom: 30px;
  }
  .medical-section .medical-wrapper-pdfs {
    margin-top: 80px;
  }
  .medical-section .medical-wrapper .btn-send-email {
    width: 100%;
  }
  .news-detail {
    margin-top: 30px;
  }
  .news-detail-text {
    max-width: calc(100vw - 20px * 2);
  }
  .news-detail-img {
    height: 30vw;
    min-height: 180px;
    margin: 50px 0;
  }
  .news-detail-img img {
    height: 100%;
  }
  .news-section {
    margin-top: 80px;
  }
  .news-section .news-card {
    background-color: #f5f1ec;
    margin-bottom: 20px;
  }
  .plastic-waste {
    margin-top: 30px;
  }
  .plastic-waste-info {
    padding: 0;
  }
  .plastic-waste-img {
    margin: 50px 0;
    height: 30vw;
    min-height: 180px;
  }
  .plastic-waste-img img {
    height: 100%;
  }
  .product-catalog {
    margin-top: 50px;
  }
  .product-catalog-wrapper .socar-title {
    font-size: 40px;
    line-height: normal;
  }
  .product-catalog-wrapper .socar-subtitle {
    font-size: 28px;
    line-height: normal;
  }
  .product-catalog #product-pagination {
    margin: 50px 0 80px 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pouch-type-section .recycle-wrapper {
    max-width: calc(100vw - 20px * 2);
  }
  .pouch-type-section .recycle-wrapper-about {
    padding: 0;
    margin-top: 50px;
  }
  .rotational-section {
    margin-top: 80px;
  }
  .rotational-section .mb-100 {
    margin-bottom: 50px;
  }
  .rotational-section .mt-120 {
    margin-top: 80px;
  }
  .compounds-section .pouch-cards {
    margin-top: 80px;
    -ms-grid-columns: (minmax(100%, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
  .compounds-section .pouch-cards-item {
    padding: 40px 20px;
  }
  /* Product details */
  .product-details {
    margin: 80px 0 50px 0;
  }
  .product-details-title {
    font-size: 30px;
    line-height: normal;
  }
  .product-details-subtitle {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 25px;
  }
  .product-details-pdf {
    margin-top: 20px;
  }
  .career-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
  }
  .career-tabs_link, .career-tabs_item {
    width: 100%;
    text-align: center;
  }
  .career-info {
    margin-bottom: 30px;
  }
  .career-banner {
    margin: 50px 0;
  }
  .career-banner-content {
    left: 80px;
  }
  .career-banner-title {
    font-size: 42px;
    line-height: normal;
  }
  .career-cards {
    margin-top: 30px;
  }
  .career-card {
    padding: 40px 20px !important;
  }
  .title_g-md {
    font-size: 24px !important;
    line-height: normal;
  }
  .contact-details-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .about {
    margin: 50px 0 30px 0;
  }
  .about-title {
    font-size: 32px;
    line-height: normal;
    margin-top: 20px;
  }
  .about-title-lg {
    font-size: 34px;
    line-height: normal;
    margin-bottom: 30px;
  }
  .about-info-section {
    padding: 0 20px;
    margin-top: 30px;
  }
  .contact-card {
    padding: 20px 30px;
  }
  .contact-card__title, .contact-card__btn {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 500px) and (max-width: 768px) {
  .artificial-grass .img {
    height: 240px;
  }
  .artificial-grass .img img {
    height: 100%;
  }
  .artificial-grass-wrapper {
    padding: 0 20px;
  }
  .artificial-grass-wrapper-info-video {
    height: 240px;
  }
  .artificial-grass-wrapper-info-video img {
    height: 100%;
  }
}

@media screen and (min-width: 0) and (max-width: 500px) {
  .career .career-info {
    padding: 0 20px;
  }
  .artificial-grass .img {
    height: 180px;
  }
  .artificial-grass .img img {
    height: 100%;
  }
  .artificial-grass-wrapper {
    padding: 0;
  }
  .artificial-grass-wrapper-info-video {
    height: 180px;
  }
  .artificial-grass-wrapper-info-video img {
    height: 100%;
  }
  .artificial-grass-wrapper-info-pdf {
    margin-left: 0;
  }
  .artificial-grass-table-title {
    font-size: 30px;
    line-height: normal;
  }
  .compounds-section .compound-pdfs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .compounds-section .compound-pdfs-item:first-child {
    margin: 0 0 50px 0;
  }
  .food-packaging .socar-title {
    font-size: 30px;
    line-height: normal;
  }
  .news-section .news-card {
    padding: 40px 20px;
  }
  .news-section .news-card:last-child {
    margin-bottom: 0;
  }
  .news-section .news-card-info {
    font-size: 13px;
    line-height: normal;
  }
  .news-section .news-card-date {
    font-size: 14px;
    line-height: normal;
  }
  .product-details {
    margin: 50px 0 30px 0;
  }
  .career-banner-content {
    left: 40px;
  }
  .career-banner-content .btn {
    padding: 8px 20px;
  }
  .career-banner-title {
    font-size: 32px;
    line-height: normal;
  }
  .about {
    margin: 50px 0 30px 0;
  }
  .about .project-chart {
    width: 90%;
  }
}

@media screen and (min-width: 0) and (max-width: 550px) {
  .about .project-chart-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 0) and (max-width: 420px) {
  .career .career-info {
    padding: 0;
  }
}

@media screen and (min-width: 992px) {
  .lg-hidden {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .product-catalog-wrapper #sticky-form.sticky {
    margin-bottom: 0;
  }
  html,
  body {
    min-height: 100%;
  }
  .welcome-bg {
    background: transparent url("../../assets/svgs/welcome.svg") no-repeat center center;
    background-size: cover;
  }
  .lg-visible {
    display: none;
  }
  .contact-card {
    margin: 30px 0 0 0;
  }
  .auth-wrapper {
    height: 100%;
  }
  .auth-wrapper .welcome-section {
    display: none;
  }
  .auth-wrapper .form-section {
    background-color: transparent;
    border-radius: 0;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    height: 100%;
  }
  .auth-wrapper .form-section .redirect-btn {
    color: #fff;
  }
  .auth-wrapper .form-section-footer *,
  .auth-wrapper .form-section-footer a {
    color: #fff;
  }
  .auth-wrapper .form-section .form-wrapper {
    margin: 20px;
  }
}

@media screen and (max-width: 550px) {
  .form-section-footer {
    margin: 0 20px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .form-section-footer p {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 480px) {
  .auth-wrapper {
    display: block;
  }
  .form-section {
    padding: 20px !important;
  }
  .form-section .form-wrapper {
    margin: 20px 0 !important;
  }
  .form-section .form-tab a {
    font-size: 14px;
    padding: 8px 10px 10px 10px;
  }
}

@media screen and (max-width: 600px) {
  .form-section .form-wrapper-title {
    font-size: 24px;
    line-height: normal;
  }
  .form-section .mail-icon {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    padding: 10px;
  }
  .form-section .mail-icon img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }
}

@media screen and (max-width: 400px) {
  .form-section .form-tab:first-child {
    margin-right: 60px !important;
  }
  .form-section .advanced-checkbox label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    position: relative;
  }
  .form-section .advanced-checkbox small {
    padding-left: 4px;
  }
  .form-section .advanced-checkbox .mail-icon {
    margin-bottom: 10px;
  }
  .form-section .advanced-checkbox .checkmark {
    position: absolute;
    right: 20px;
  }
}

@media screen and (min-width: 0) and (max-width: 768px) {
  .form-section .verification-wrapper {
    padding: 40px 50px;
    margin: 0;
  }
}

@media screen and (min-width: 0) and (max-width: 650px) {
  .form-section .verification-wrapper {
    padding: 40px;
  }
  .form-section .verification-numbers {
    margin: 40px 0;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .form-section .verification-number {
    width: 21%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

@media screen and (min-width: 0) and (max-width: 400px) {
  .form-section .verification-numbers {
    padding: 0;
    grid-gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .form-section .verification-number {
    width: 35px;
  }
  .form-section .verification-number:not(:last-child) {
    margin-right: 5px;
  }
}

@media screen and (max-width: 800px) {
  .header .navbar-top-wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
  }
  .navbar-username {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .header .navbar-top .nav-item .nav-link {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 600px) {
  .header .navbar-top .nav-item .nav-link {
    padding: 15px 10px;
  }
  .header .navbar-top-wrapper .main-nav {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .header .user-auth {
    margin-left: 15px;
  }
}

@media screen and (max-width: 370px) {
  .header .navbar-top .nav-item .nav-link {
    padding: 15px 8px;
  }
  .header .user-auth {
    margin-left: 5px;
  }
}

@media screen and (max-width: 810px) {
  .auth-wrapper .form-section {
    padding: 0;
  }
}

@media screen and (max-width: 992px) {
  .header-wrapper {
    padding: 31px 20px;
    color: #fff;
  }
  .redirect-btn {
    font-size: 28px;
  }
}

@media screen and (max-width: 520px) {
  .header-wrapper {
    padding: 31px 15px;
    color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-text {
    font-size: 26px;
    line-height: 28px;
  }
  .redirect-btn {
    font-size: 22px;
  }
}
/*# sourceMappingURL=responsive.css.map */