﻿/*
    HEADER
*/

@media screen and (max-width: 996px) {

    .mobile-visible {
        display: block;
    }

    .mobile-hidden {
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    h2.colored::after {
        margin: 25px auto;
    }

    header .navbar-brand {
        width: auto;
        height: auto;
    }

    .slide_item .slider__title {
        margin: 0;
    }

    .slide_item::before {
        display: none;
    }

    .nav_search {
        display: none;
    }

    .navbar-toggler {
        float: right;
        border-radius: 5px;
        outline: none !important;
        position: relative;
        top: 2px;
    }

        .navbar-toggler .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(220, 55, 57, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
            border: none;
        }

        .navbar-toggler.collapsed {
            border: 1px transparent solid;
        }

            .navbar-toggler.collapsed .navbar-toggler-icon {
                background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(220, 55, 57, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
                border: none;
            }



    .navbar-toggler-icon:focus {
        border: none;
    }

    .navbar-toggler-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    header {
        min-height: 60px;
    }

    .header .navbar-brand img {
        max-width: 120px;
    }

    #langMenuLink {
        background: none;
    }

        #langMenuLink::before {
            display: none;
        }


    header .navbar-nav a {
        padding: 10px .8rem !important;
    }

    header .navbar2 {
        padding: 10px 0;
    }

    #navbar2 {
        margin-top: 15px;
        border: none;
    }

        #navbar2 a {
            border-top: 1px #eee dashed;
            text-align: center;
        }


        #navbar2 li.d-none {
            display: block !important;
        }


    .navbar-nav {
        margin: 0 -15px;
    }

    #navbar2 .nav-item .dropdown-menu {
        margin: 0;
        width: 100%;
        min-width: 100%;
        padding: 0;
    }

        #navbar2 .nav-item .dropdown-menu::before {
            top: 0;
        }

        #navbar2 .nav-item .dropdown-menu::after {
            bottom: calc(100% - 45px);
        }

        #navbar2 .nav-item .dropdown-menu a {
            text-align: center;
        }

    .slide_item .slider_content {
        display: none;
    }

    .pacopro {
        margin-top: -60px;
        padding: 60px 0 40px;
    }

        .pacopro .pacoDiv {
            display: block;
        }

        .pacopro .pacoProTitle {
            font-size: 58px;
            line-height: 65px;
            height: auto;
            text-align: center;
            margin-right: 0;
            display: block;
        }

        .pacopro .pacoDiv p {
            text-align: center;
        }

        .pacopro .pacoProTitle::before {
            display: none;
        }

    .aboutContent {
        padding: 35px 50px 40px !important;
    }

        .aboutContent p {
            font-size: 15px;
            line-height: 1.5;
            margin-bottom: 20px;
            text-align: justify;
        }

    .aboutTitle {
        font-size: 33px;
        line-height: 1;
        margin-bottom: 20px;
        text-align: center;
    }

    .paco__button {
        display: block;
        text-align: center;
    }

    .home__promotion {
        background: #1a1919;
    }

        .home__promotion .parallaxContent {
            position: relative;
            padding: 40px;
        }

            .home__promotion .parallaxContent h2 {
                font-size: 53px;
                line-height: 1;
            }

    .productStages .num {
        width: 88px;
        height: 88px;
        line-height: 88px;
        font-size: 53px;
    }

    .productStages .before,
    .productStages .after {
        display: block !important;
    }

    .news .news-container {
        margin: 42px 0 0;
    }

    .news-container .item .news-item-desc p {
        font-size: 12px !important;
    }

    #miracle {
        padding: 35px 0;
    }

        #miracle h2 {
            font-size: 50px;
        }

        #miracle img.tomato {
            margin: 0;
            display: none;
        }

        #miracle span.arrow .icon > img {
            width: 15%;
        }

        #miracle span.arrow .icon,
        #miracle span.arrow {
            position: relative;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            bottom: 0 !important;
            width: 100%;
            display: block;
            text-align: center;
            margin-bottom: 20px;
        }

            #miracle span.arrow .icon + img {
                display: none;
            }

            #miracle span.arrow .icon > img {
                display: inline-block;
            }

        #miracle h2 {
            margin-bottom: 20px;
        }


    .footer__top span {
        display: block;
        width: 100%;
    }

    .footer__top .social a {
        margin: 15px 15px 0 0;
    }

    .foot_contact {
        display: block;
        padding: 0;
        margin-top: 22px;
    }

        .foot_contact .contact_item {
            background: none;
            height: auto;
            display: block;
            background: none;
            padding: 0;
        }

    footer {
        text-align: center !important;
        font-size: 11px;
    }

        footer a {
            font-size: 13px;
            margin-right: 10px;
            margin-left: 0;
        }


    #social {
        margin: 0;
        text-align: center !important;
    }

        #social a {
            font-size: 16px;
        }

    #page-header .page-header-title h1 {
        font-size: 50px;
    }

    #page-header .breadcrumb li, #page-header .breadcrumb li a {
        font-size: 15px;
    }

    #page-header .page-header-title {
        margin-left: 10%;
    }

    #page-header .page-header-img-small {
        right: 0;
        left: auto;
        bottom: 30px;
        width: 50%;
    }


    #pageGallery {
        display: block;
        margin: 15px 0;
    }

        #pageGallery .col {
            margin: 0 0 15px;
        }

            #pageGallery .col a {
                border-radius: 20px;
            }

    #page-company {
        padding: 50px 30px;
    }

        #page-company p {
            text-align: justify;
        }

        #page-company .item .no-gutters div[class^="col"] {
            margin: 0 0 30px;
        }

    #page-company {
        padding: 50px 30px 0;
    }

    #page-company-map {
        padding: 35px 0;
    }

        #page-company-map h2 {
            font-size: 43px;
        }

        #page-company-map p {
            font-size: 13px;
        }

    #page-company .item .no-gutters div[class^="col"]:last-child::before {
        display: none;
    }

    #product-steps {
        margin: 50px;
    }

    .button-xl {
        padding: 5px 20px;
        font-size: 17px;
    }

    #page-company-greenhouse {
        background-size: 100%;
        padding: 170px 0 0;
        text-align: center;
    }

        #page-company-greenhouse h3 {
            margin: 73px 0 25px;
        }

        #page-company-greenhouse ul {
            text-align: left;
        }


    #product-steps .no-gutters {
        margin: 0 0 50px;
    }

    #tomato .wrapper {
        margin: 50px 0;
    }

        #tomato .wrapper > img:first-child {
            display: none;
        }

    #tomato span {
        position: relative;
    }

        #tomato span.line img {
            display: none;
        }

        #tomato span.line,
        #tomato span.line .text {
            left: 0 !important;
            top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
        }

            #tomato span.line .text img {
                display: inline-block;
            }

        #tomato span .text .icon {
            display: block;
            margin: 0 auto;
        }

    #tomato-shipment {
        padding: 0;
    }

        #tomato-shipment .info {
            position: relative;
            top: 0;
        }

        #tomato-shipment img + .info {
            top: -55px;
        }

        #tomato-shipment div[class^=col] {
            margin: 30px 0;
        }

    #grow {
        margin: 50px 0;
    }

        #grow div[class^=col] {
            margin: 30px 0;
        }

        #grow .img {
            height: auto;
        }


    .news-container {
        margin: 20px 0 !important;
    }

    .news-detail .item {
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        margin: 20px 0 !important;
    }

    .news-container .item .date-desc {
        border-radius: 0 10px;
        position: relative;
        right: 0;
        top: 0;
        text-align: center;
        padding: 10px 10px 15px;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        background: #cd2a3d;
        transition: all .5s ease;
        margin: 0 0 20px;
        line-height: 40px;
    }

    #contact-form {
        margin-bottom: 30px;
    }

        #contact-form .input-group.msg {
            max-width: 100%;
        }

    .button-more {
        display: block;
    }

    #title .container {
        padding: 0;
    }

    #title .d-inline-block {
        min-width: inherit;
        padding-right: 0 !important;
        width: 100%;
        text-align: center;
    }

    #title .breadcrumb {
        justify-content: center;
    }

    #content p {
        font-size: 14px;
        margin-bottom: 0;
    }

    #company {
        padding: 40px 0;
    }

        #company h4 {
            font-size: 12px;
        }

        #company .item {
            margin-bottom: 50px;
        }

            #company .item .num {
                margin-bottom: 0;
            }

    #brands .item.no-top::before {
        display: block;
    }

    #brands .item::after {
        display: none !important;
    }

    #content #products .item {
        margin-bottom: 0;
    }

    #content h3 {
        line-height: 1.3;
    }

    #banner h1 {
        line-height: 36px;
    }

    .nav-tabs .nav-link {
        min-width: 105px;
    }

    .tab-content {
        padding: 0;
    }

    .button-send {
        display: block;
    }

    .productStages .productStagesTitle {
        font-size: 25px;
    }

    .productStages .productStagesDescription {
        font-size: 12px;
        height: 70px;
    }

    .about img {
        /*height: 100% !important;*/
        width: auto !important;
    }

    .cookie-bubble.bottom-left {
        left: auto;
    }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
    .nav_search {
        display: none;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 40px 7px 18px;
        font-size: 11px;
    }

    .slide_item .slider_content {
        transform: scale(0.7);
        left: -100px;
    }

    .slide_item::before {
        left: -15%;
    }

    .pacopro {
        margin-top: -66px;
    }

        .pacopro .pacoProTitle {
            font-size: 34px;
        }

    .aboutContent p {
        font-size: 15px;
        line-height: 1.3;
    }

    .productStages .productStagesTitle {
        font-size: 32px;
    }

    .productStages .productStagesDescription {
        height: 90px;
    }

    #miracle span.arrow {
        transform: scale(0.6);
    }

        #miracle span.arrow.arrow_01 {
            left: 50px;
            bottom: 80px;
        }

        #miracle span.arrow.arrow_02 {
            left: 270px;
            top: 40px;
        }

        #miracle span.arrow.arrow_03 {
            right: 280px;
            top: -80px;
        }

        #miracle span.arrow.arrow_04 {
            right: 45px;
            bottom: 140px;
        }

    #miracle h2 {
        margin-bottom: 150px;
    }

    .foot_contact {
        padding: 0 50px;
    }

        .foot_contact .contact_item {
            font-size: 12px;
        }

    .footer__bottom h4 img {
        width: 100%;
        margin: 20px;
    }

    #page-header .page-header-img-small {
        left: -90px;
    }

    #product-steps h4 {
        font-size: 34px;
    }

    #tomato span {
        transform: scale(0.8);
    }

        #tomato span.line-01 {
            left: 90px;
            bottom: 135px;
        }

        #tomato span.line-02 {
            left: 190px;
            top: 100px;
        }

        #tomato span.line-03 {
            left: 190px;
            top: 100px;
        }

        #tomato span.line-04 {
            right: 100px;
            bottom: 140px;
        }

    #tomato-shipment {
        padding: 215px 0 280px;
    }

    #grow h4 {
        font-size: 34px;
    }

    .news-container .item .news-item-title {
        font-size: 13px;
    }

    .news-container .item .news-item-desc p {
        display: none;
    }

    #page-company-greenhouse {
        background-size: auto 100%;
        background-position: 500px 0;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
    .nav_search {
        display: none;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 40px 10px 18px;
        font-size: 12px;
    }

    .slide_item .slider_content {
        transform: scale(0.7);
        left: -100px;
    }

    .slide_item::before {
        left: -8%;
    }

    .pacopro {
        margin-top: -76px;
    }

        .pacopro .pacoProTitle {
            font-size: 34px;
        }

    .aboutContent {
        padding: 0 45px 0 !important;
    }

        .aboutContent p {
            font-size: 15px;
            line-height: 1.3;
        }

    .productStages .productStagesTitle {
        font-size: 32px;
    }

    .productStages .productStagesDescription {
        height: 90px;
    }

    #miracle span.arrow {
        transform: scale(0.6);
    }

        #miracle span.arrow.arrow_01 {
            left: 50px;
            bottom: 80px;
        }

        #miracle span.arrow.arrow_02 {
            left: 270px;
            top: 40px;
        }

        #miracle span.arrow.arrow_03 {
            right: 280px;
            top: -80px;
        }

        #miracle span.arrow.arrow_04 {
            right: 45px;
            bottom: 140px;
        }

    #miracle h2 {
        margin-bottom: 150px;
    }

    .foot_contact {
        padding: 0 50px;
    }

        .foot_contact .contact_item {
            font-size: 12px;
        }

    .footer__bottom h4 img {
        width: 100%;
        margin: 20px;
    }

    #product-steps h4 {
        font-size: 34px;
    }

    #tomato span {
        transform: scale(0.8);
    }

        #tomato span.line-01 {
            left: 90px;
            bottom: 135px;
        }

        #tomato span.line-02 {
            left: 90px;
            top: 40px;
        }

        #tomato span.line-03 {
            right: 130px;
            top: 40px;
        }

        #tomato span.line-04 {
            right: 100px;
            bottom: 140px;
        }

    #page-company-greenhouse {
        background-size: auto 100%;
        background-position: 600px 0;
    }

    #grow h4 {
        font-size: 34px;
    }

    .news-container .item .news-item-title {
        font-size: 13px;
    }

    .news-container .item .news-item-desc p {
        display: none;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 40px 7px 18px;
        font-size: 12px;
    }

    .pacopro {
        margin-top: -76px;
    }

    .productStages .productStagesDescription {
        height: 90px;
    }

    .aboutContent {
        padding: 0 45px 0 !important;
    }

        .aboutContent p {
            font-size: 15px;
            line-height: 1.3;
        }

    #miracle h2 {
        margin-bottom: 250px;
    }

    #miracle span.arrow {
        transform: scale(0.9);
    }

        #miracle span.arrow.arrow_01 {
            left: 100px;
            bottom: 80px;
        }

        #miracle span.arrow.arrow_02 {
            left: 330px;
            top: 40px;
        }

        #miracle span.arrow.arrow_03 {
            right: 370px;
            top: -80px;
        }

        #miracle span.arrow.arrow_04 {
            right: 80px;
            bottom: 140px;
        }

    #page-header .page-header-img-small {
        left: -50px;
        bottom: -120px;
    }

    #page-company-greenhouse {
        background-size: auto 100%;
        background-position: 600px 0;
    }

    #tomato span {
        transform: scale(0.8);
    }

        #tomato span.line-01 {
            left: 90px;
            bottom: 135px;
        }

        #tomato span.line-02 {
            left: 90px;
            top: 40px;
        }

        #tomato span.line-03 {
            right: 130px;
            top: 40px;
        }

        #tomato span.line-04 {
            right: 100px;
            bottom: 140px;
        }

    #grow h4 {
        font-size: 34px;
    }

    #product-steps h4 {
        font-size: 34px;
    }

    .news-container .item .news-item-title {
        font-size: 13px;
    }

    .news-container .item .news-item-desc p {
        display: none;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1400px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 40px 12px 18px;
        font-size: 13px;
    }

    .pacopro {
        margin-top: -96px;
    }

    .aboutContent {
        padding: 0 45px 0 !important;
    }

    #page-description h2 {
        margin: 40px 0;
    }

    #page-company-greenhouse {
        background-size: auto 100%;
        background-position: 650px 0;
    }

    #grow h4 {
        font-size: 34px;
    }

    #product-steps h4 {
        font-size: 34px;
    }

    #tomato span {
        transform: scale(0.8);
    }

        #tomato span.line-01 {
            left: 90px;
            bottom: 135px;
        }

        #tomato span.line-02 {
            left: 90px;
            top: 40px;
        }

        #tomato span.line-03 {
            right: 130px;
            top: 40px;
        }

        #tomato span.line-04 {
            right: 100px;
            bottom: 140px;
        }

    .news-container .item .news-item-title {
        font-size: 16px;
    }

    .news-container .item .news-item-desc p {
        font-size: 12px !important;
    }
}

@media screen and (min-width: 1401px) and (max-width: 1500px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 40px 12px 18px;
        font-size: 14px;
    }

    .pacopro {
        margin-top: -96px;
    }

    #page-description h2 {
        margin: 40px 0;
    }

    #page-company-greenhouse {
        background-size: auto 100%;
        background-position: 700px 0;
    }
}

@media screen and (min-width: 1501px) and (max-width: 1625px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 40px 15px 18px;
        font-size: 15px;
    }

    .pacopro {
        margin-top: -100px;
    }
}

@media screen and (max-height: 600px) {
    #carousel .owl-item .item .texton {
        top: calc(50% - 250px);
    }
}
