/*
    Css 480px max width
*/
@media all and (min-width: 1367px) and (max-width: 1800px) {
    body {
        background-color: white !important;
    }

    h2 {
        font-size: 4vw !important;
    }



    .breadcrumb-container {
        padding-top: 25px !important;
    }

    #bc_news {
        height: 443px !important;
        /*
        background-color: white !important;
        background: white !important;
        color: black !important;
        */
    }

        #bc_news h2 {
            font-size: 4vw !important;
            /*            color: black !important;
*/
        }

        #bc_news li, #bc_news a {
            /*            color: black !important;
*/
        }

        #bc_news nav {
            justify-content: center !important;
            padding: 5px 0px 5px 0px !important;
        }

        #bc_news > div:nth-child(1) > .row:nth-child(2) {
            display: flex !important;
        }


    #intro-sections_2 {
        height: auto !important;
    }

        #intro-sections_2 > div:nth-child(1) {
            padding: 0px !important;
            /*
            flex-direction: column !important;
            width: 100% !important;
            height: auto !important;
            padding-top: 35px !important;
            padding-bottom: 25px !important;
                */
        }

            #intro-sections_2 > div:nth-child(1) > div:nth-child(1) {
                /*
                width: 100% !important;
                height: auto !important;
                margin: 0px !important;
                    */
                padding: 35px 0px 35px 0px !important;
            }

                #intro-sections_2 > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
                    width: 100% !important;
                    text-align: left !important;
                    font-size: 3vw !important;
                }

                #intro-sections_2 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
                    width: 100% !important;
                    padding-top: 25px !important;
                }

                    #intro-sections_2 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
                        /*                    width: 90% !important;
*/ padding-top: 25px !important;
                    }

    #btn-sign {
        font-size: 1vw !important;
        transition: none !important;
    }

    #intro-sections_2 > div:nth-child(1) > div:nth-child(2) {
        /*display: none !important;*/
        position: relative !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        #intro-sections_2 > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
            /*display: none !important;*/
            width: 90% !important;
            max-width: 90% !important;
            height: 90% !important;
            max-height: 90% !important;
        }

    #intro_rx_img {
        height: 100% !important;
        width: 100% !important;
        position: relative !important;
        margin: auto !important;
    }

    #div-bef-intro_rx_img {
        min-width: 5vw;
        min-height: 24vh;
        content: "";
        background: #46641d;
        position: absolute;
        z-index: 9;
        margin-left: 0vw;
        border-radius: 6px;
        /* margin-top: 33vh; */
        left: 10%;
        bottom: 10%;
    }

    #div-aft-intro_rx_img {
        min-width: 5vw;
        min-height: 24vh;
        content: "";
        background: #EFB443;
        position: absolute;
        z-index: 9;
/*        margin-left: 36.5%;
*/        /* margin-top: -2vh; */
        /* clip-path: circle(); */
        border-radius: 6px;
        /* align-self: flex-end; */
        /*display: flex;
        justify-content: flex-end;
        right: 10% !important;
        top: 13% !important;*/
    }

    #intro-sections {
        /*
        background: white !important;
            
        height: fit-content !important;*/
    }

        #intro-sections .col-rx {
            height: auto !important;
        }

        #intro-sections > div:nth-child(1) {
            width: 90% !important;
            padding: 35px 0px 35px 0px !important;
        }

            #intro-sections > div:nth-child(1) > div:nth-child(1) {
                margin: 0px !important;
                padding: 0px !important;
            }

                #intro-sections > div:nth-child(1) > div:nth-child(1) > h3:nth-child(1) {
                    width: 100% !important;
                    font-size: 3vw !important;
                    text-align: justify !important;
                    margin: 0px !important;
                    justify-content: left !important;
                    /*                    color: #555 !important;
*/
                }

                #intro-sections > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
                    width: 100% !important;
                    /*font-size: 32px !important;*/
                    text-align: justify !important;
                    padding: 35px 0px 35px 0px !important;
                    /*                    color: #555 !important;
*/ font-weight: 500 !important;
                    /*            height: 100% !important;
*/
                }

    #about-section > div:nth-child(1) {
        /*
        flex-direction: row !important;
        justify-content: center !important;
        margin-top: 0px !important;
        padding: 35px 0px 35px 0px !important;
        */
    }

        /*#about-section > div:nth-child(1) > a {
            margin: 5px 5px 5px 5px !important;
            transition: none !important;
            flex-basis: 45% !important;
        }*/

        #about-section > div:nth-child(1) > a > div > h5 {
            font-size: 1.5vw !important;
        }

        #about-section > div:nth-child(1) > a > h6 {
            font-size: 1.0vw !important;
        }

        #about-section > div:nth-child(1) > a:hover {
            background-position: center !important;
            background-size: 300% !important;
            /*                background-image: none;
*/
        }

    .forum_section {
        background-image: none !important;
        padding: 48px 0px 35px 0px !important;
    }

        .forum_section > div:nth-child(1) {
            width: 90% !important;
            flex-direction: column !important;
        }

            .forum_section > div:nth-child(1) > div:nth-child(1) {
                width: 100% !important;
            }
                .forum_section > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
                    width: 100% !important;
                }
                .forum_section > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h5 {
                    font-size: 2vw !important;
                }

                .forum_section > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h2 {
                    text-align: left !important;
                    padding: 5px 0px 0px 0px !important;
                    font-size: 3vw !important;
                }

                .forum_section > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p {
                    text-align: justify !important;
                    padding: 35px 0px 35px 0px !important;
                    /*transition: none;
                    font-size: 16px !important;*/
                }

                .forum_section > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a {
                    transition: none;
                    font-size: 4vw !important;
                    float: right !important;
                    font-size: 1.5vw !important;
                }

    #bef-forum-img, #bef-forum-img ~ div, #aft-forum-img {
        display: none;
    }

    #carousel-exp {
        padding: 35px 0px 35px 0px !important;
    }

    .exp-card-car {
        min-height: 45vh !important;
        height: 55vh !important;
        max-height: 100vh !important;
    }

    #carousel-exp > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h3:nth-child(1) {
        font-size: 2vw !important;
        margin: 0;
        color: #4C7330;
        font-weight: 700;
        text-align: left !important;
    }

    #carousel-exp h4 {
        font-size: 1.5vw !important;
        margin: 0;
        color: #4C7330;
        font-weight: 700;
        text-align: center !important;
    }

    #carousel-exp h6 {
        padding: 5px 0px 5px 0px !important;
        font-size: 1vw !important;
        text-align: center !important;
    }

    /*#carousel-exp > div:nth-child(1) > div:nth-child(1) {
        flex-direction: column !important;
    }*/

        /*#carousel-exp > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
            width: 100% !important;
        }*/

    #carousel-exp > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h2 {
        padding: 5px 0px 0px 0px !important;
        font-size: 3vw !important;
    }

            #carousel-exp > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p {
                text-align: justify !important;
                padding: 35px 24px 35px 0px !important;
            }

        /*#carousel-exp > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
            width: 100% !important;
        }*/

    .tiny-button {
/*        display: none !important;
*/    }

    /*#event-box-section {
        background-image: none !important;
        min-height: auto !important;
        padding: 35px 0px 35px 0px !important;
        background: linear-gradient(180deg, rgba(227,227,227,1) 25%,rgba(255,255,255,1) 74%) !important;
    }*/

        /*#event-box-section > div:nth-child(1) {
            width: 90% !important;
        }*/
    #event-box-section .event-title {
        font-size: 3vw !important;
    }
            #event-box-section > div:nth-child(1) > h2 {
                text-align: justify !important;
            }

    #event-container {
        padding-top: 48px !important;
    }

        /*#event-container > div:nth-child(1) {
            flex-direction: row !important;
            width: 100% !important;
        }*/

    /*#event-container > div:nth-child(1) > a:hover {
                background-image: none !important;
            }*/

   /* #event-box-section .feature-box {
        height: auto !important;
        max-height: auto !important;
        min-height: auto !important;
        margin: 5px 0px 5px 0px !important;
   padding: 30px 0px 30px 0px !important;
        flex-basis: 45% !important;
        margin: 5px 5px 5px 5px !important;
        display: flex;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
    }*/

        #event-box-section .feature-box h6.titolo-sezione-title {
            padding: 10px 0px 10px 0px !important;
            font-size: 1.5vw !important;
        }

    #event-box-section .feature-box i {
            font-size: 2.5vw !important;
        }


    #event-box-section .feature-box .testo-sezione {
        font-size: 1.0vw !important;
        /*color: white !important;
        transition: none !important;
        visibility: visible !important;
        padding: 0px 20px 0px 20px !important;*/
    }

    .card .card-body {
        padding: 20px !important;
        justify-content: start !important;
        align-items: flex-start !important;
        text-align: center !important;
    }

    #carousel-exp > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
        width: 30% !important;
    }
    #carousel-exp > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
        width: 70% !important;
    }

  #carousel-exp .item {
    height: calc(400px + 1.1666 * 1.5vw * 2 + 15px);
    max-height: calc(400px + 1.1666 * 1.5vw * 2 + 15px);
    min-height: calc(400px + 1.1666 * 1.5vw * 2 + 15px);
  }

    #carousel-exp .item > div {
      height: calc(400px + 1.1666 * 1.5vw * 2 + 15px);
      max-height: calc(400px + 1.1666 * 1.5vw * 2 + 15px);
      min-height: calc(400px + 1.1666 * 1.5vw * 2 + 15px);
      border-radius: 4px !important;
    }

  .image-card > a > img {
    max-height: 400px !important;
    min-height: 400px !important;
    height: 400px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex: 1;
  }

  #carousel-exp .image-card-description-inner-top {
    flex-direction: row !important;
    height: 60px !important;
    flex-direction: row !important;
    margin: 0px !important;
  }

  #main_container .image-card-description-inner-top > h6 {
    text-align: left !important;
    font-size: 1rem !important;
  }

  .image-card-description-inner-top > h6:nth-child(1) {
    flex-basis: 60%;
  }

  .image-card-description-inner-top-middle {
    flex: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    margin-top: 0px !important;
  }

  #carousel-exp .image-card-description-inner-top-middle > label {
    padding: 0px !important;
    background: transparent !important;
    width: 100% !important;
    height: 100% !important;
  }

  .label > img {
    object-fit: contain !important;
    object-position: top right;
    border: none;
    outline: none;
    background-color: rgba(76, 115, 48, 0.0);
    border-radius: 0px !important;
    width: 100% !important;
    height: 100% !important;
  }



  #carousel-exp .image-card-title {
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 1.5vw !important;
    line-height: 1.1666;
    height: calc(1.1666 * 1.5vw * 2 + 15px) !important;
  }

  .image-card-description {
    height: 400px;
  }

  #carousel-exp .image-card-description-inner-middle-inside {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

    #carousel-exp .image-card-description-inner-middle-inside > h5:nth-child(1) {
      font-size: 1.5vw !important;
      line-height: 1.1666;
      font-weight: 700;
      padding-top: 0px !important;
      margin-bottom: 0px !important;
    }

    #carousel-exp .image-card-description-inner-middle-inside > h6:nth-child(2) {
      font-size: 1.1vw !important;
      line-height: 1.1666;
      padding-top: 15px !important;
      margin-bottom: 0px !important;
    }

      #carousel-exp .image-card-description-inner-middle-inside > h6:nth-child(2) > p {
        font-size: 1.1vw !important;
        line-height: 1.1666;
        margin-bottom: 0px !important;
      }

    #carousel-exp .image-card-description-inner-middle-inside > h5:nth-child(3) {
      font-size: 1.25vw !important;
      line-height: 1.1666;
      font-weight: 700;
      padding-top: 15px !important;
      margin-bottom: 0px !important;
    }

      #carousel-exp .image-card-description-inner-middle-inside > h5:nth-child(3) > u {
        text-decoration: none !important;
      }
}
