/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
    .h-70{
        height: auto!important;
    }
    .h-60{
        height: auto!important;
    }
    .h-40{
        height: auto!important;
    }
    .h-30 {
        height: auto!important;
    }
    .bigger {
        font-size: 3rem;
    }
    
    .h1, h1 {
        
    }
    
    .h2, h2 {
        font-size: 1.5em;
    }
    
    .logo-mobile {
        width: 20%;
        margin: 1em auto;
        z-index: 131;
    }
    
    .bg-mobile-menu {
        position: fixed;
        z-index: -10;
    }
    
    .products-row {
        width: 100%;
        padding-right: 0;
    }
    
    .scheda-prodotto .br-brown {
        border-right: 0;
    }
    
    .megamenu-titolo-sezione a:not([href]):not([tabindex]), .megamenu-titolo-sezione a{
        padding: 0;
    }
    .footer-mobile-menu{
        z-index: 131;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-bottom: 1rem;
    }

    .slide-home{
        background-position: -150px -70px !important;
        margin-top: -12.5vh !important;
    }
    .parallax {
        background-attachment: scroll;
    }
    .parallax-window{
        margin: 0;
        padding-right: 15px;
        padding-left: 15px;
    }
    .border-mobile-visual{
        border: 1px solid #E1DAD1;
    }
    
    .block-text-visual {
        padding-top: 40%;
    }
    
    .description-banner-commerciale {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    .banner-commerciale-bg {
        height: 250px;
    }
    
    .hr-title-banner-commerciale {
        font-size: 1.5em;
    }
    
    footer .lang-menu-footer ul,
    footer .lang-menu-footer ul li,
    footer ul.menu-footer,
    footer ul.menu-footer li{
        display: block;
    }
    
    .scheda-prodotto .block-desc-header{
        width: 90%;
    }
    
    .page-accademia .bg-materiale_promozionale{
        background: none;    
    }
    .page-accademia .bg-corsi {
        background: none;
    }
    .modal-body {
        padding: 1rem;
    }
    
    .breadcrumb {
        padding: .75rem !important;
    }
    
    .mission-block{
        margin-top: -10%;
    }
    
    main#main header {
        height: 15vh;
    margin-top: 10vh;
    }
    .header-bg-image {
        background-size: contain !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    
    .bigger {
        font-size: 3rem;
    }
    
    #home-scritta {
        z-index: 10;
    }
    
    .mt-sm-10 {
        margin-top: 10rem !important;
    }
    
    .products-row {
        width: 80%;
        padding-right: 15px;
    }

    .bg-mobile-menu {
        position: fixed;
        z-index: -10;
    }
    
    .logo-mobile {
        width: 40%;
        margin: 1em auto;
    }
    
    .owl-carousel .owl-item img {
        display: block;
        width: 90% !important; 
    }
    
    .owl-carousel .item {
        /*max-height: 350px;*/
    }
    .logo-mobile{
        width: 10%;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    .description-banner-commerciale {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    .banner-commerciale-bg {
        height: 300px;
    }
    
    .hr-title-banner-commerciale {
        font-size: 1.5em;
    }
    
    main#main header {
        height: 15vh;
    margin-top: 10vh;
    }
    .header-bg-image {
        background-size: contain !important;
    }
       
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    .bigger {
        font-size: 4rem;
    }
    
    footer .lang-menu-footer ul,
    footer .lang-menu-footer ul li,
    footer ul.menu-footer,
    footer ul.menu-footer li{
        display: inline-flex;
    }
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .h-70{
        height: 70%!important;
    }
    .h-60{
        height: 60%!important;
    }
    .h-40{
        height: 40%!important;
    }
    .h-30 {
        height: 30%!important;
    }
    .description-banner-commerciale {
/*        margin-top: 1rem;
        margin-bottom: 12rem;*/
    }
    
    .banner-commerciale-bg {
        height: 400px;
    }
    
    .hr-title-banner-commerciale {
        font-size: 2em;
    }
    
    body.home  #content{
        margin-top: 0;
    }
    #content{
        margin-top: 8vh;
    }
    .megamenu-titolo-sezione a:not([href]):not([tabindex]), .megamenu-titolo-sezione a{
        padding: 0.1em 0 0.1em .5em;
    }
    .carousel-inner{
        height: 100%; 
    }
    .parallax {
        /* background-attachment: fixed; */
    }
    .block-text-visual {
        padding-top: 0;
    }
    
    
    .scheda-prodotto .block-desc-header{
        width: 100%;
    }
    .page-accademia .bg-materiale_promozionale {
        background-image: url(images/accademia/bg-kit.jpg);
        background-repeat: no-repeat;
        background-position-y: center;
        background-size: contain;
    }
    .page-accademia .bg-corsi {
        background-image: url(images/accademia/bg-kit.jpg);
        background-repeat: no-repeat;
        background-position-y: top;
        background-size: contain;
        padding-top: 3rem;
    }
    .modal-body {
        padding: 5rem;
    }
    .breadcrumb {
        padding: .75rem 1rem .75rem 1rem !important;
    }
    .mission-block{
        margin-left: -5%;
    }
    
    main#main header {
        height: 45vh;
        margin-top: 0;
    }
    .header-bg-image {
        background-size: cover !important;
    }
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   
   
}

/* Extra extra large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {
    
    .container {
        max-width: 1280px;
    }
   
    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    
    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    
    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    
    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    
    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    
    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    
    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    
    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    
    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    
    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    
    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .offset-xxl-1 {
        margin-left: 8.333333%;
    }
    
    .offset-xxl-2 {
        margin-left: 16.666667%;
    }
    
    .offset-xxl-3 {
        margin-left: 25%;
    }
    
    .offset-xxl-4 {
        margin-left: 33.333333%;
    }
    
    .offset-xxl-5 {
        margin-left: 41.666667%;
    }
    
    .offset-xxl-6 {
        margin-left: 50%;
    }
    
    .offset-xxl-7 {
        margin-left: 58.333337%;
    }
    
    .offset-xxl-8 {
        margin-left: 66.666667%;
    }
    
    .offset-xxl-9 {
        margin-left: 75%;
    }
    
    .offset-xxl-10 {
        margin-left: 83.333333%;
    }
    
    .offset-xxl-11 {
        margin-left: 91.666667%;
    }
    
}


/* iPhone 5+5S P+L */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
{
    
}

/* iPhone 6plus P+L */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px)
{

}

/* iPhone 6 P+L */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px)
{

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* iPad Landscape */
@media only screen and (max-width : 1024px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}


/* iPad Landscape */
@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
    
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

/*
@media (-webkit-min-device-pixel-ratio: 1), (min-device-pixel-ratio: 1) {
  p {
    color: red !important;
  }
  body {
    font-family: 'HelveticaNeue-Light';
  }
  
}

 Minimum resolution 
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  p {
    color: yellow !important;
  }
  
body {
    font-family: 'HelveticaNeue-UltraLight';
  }
  
}
@media (-webkit-min-device-pixel-ratio: 4), (min-device-pixel-ratio: 4) {
  p {
    color: blue !important;
  }
  
body {
    font-family: 'HelveticaNeue-UltraLight';
  }
  
}*/