﻿@media only screen and (max-width: 600px) {

    .nullProduct {
        height: auto !important;
    }
}

@media (min-width: 990px) {

    .stick {
        position: sticky;
        width: 100%;
        top: 20%;
        height: 600px;
        overflow: scroll;
        overflow-x: hidden
    }
}

@media (max-width: 990px) {

    .stick {
      
        width: 100%;
        top: 20%;
        height: 450px;
        overflow: scroll;
        overflow-x: hidden
    }
    .positionTopScroll {
        margin-top: 0px !important
    }

    .positionTopScroll2 {
        margin-top: 0px !important;
    }
}






/*
@media (max-width: 368px) {
    .product {
        cursor: pointer;
        float: left;
        margin: 10px;
    }

    .image-resize {
        width: 310PX;
    }

    .imageStyle {
        height: 440px;
        padding-top: 10px
    }
    .positionTopScroll {
        margin-top: 0px !important
    }
    .positionTopScroll2 {
        margin-top: 0px !important; 
    }
}


@media (min-width: 368px) {
    .product {
        cursor: pointer;
        float: left;
        margin: 10px;
    }

    .image-resize {
        width: 360PX;
    }

    .imageStyle {
        height: 510px;
        padding-top: 10px
    }
    
}



@media (min-width: 576px) {

    .product {
        cursor: pointer;
        float: left;
        margin: 10px;
        width: 220px;
    }

    .image-resize {
        width: 230PX;
    }

    .imageStyle {
        height: 330px;
        padding-top: 10px
    }
  
}*/

@media (max-width: 768px) {
    .fixedDiv {
        z-index: unset !important;
        position: relative !important;
    }
    .positionTopScroll {
        margin-top: 0px !important
    }
    .positionTopScroll2 {
        margin-top: 0px !important;
    }
}
/*
@media (min-width: 1113px) {

    .product {
        cursor: pointer;
        float: left;
        margin: 10px;
        width: 250px;
    }

    .image-resize {
        width: 250PX;
        height: 333px;
    }

    .imageStyle {
        height: 350px;
        padding-top: 10px
    }
   
}*/
@media (min-width: 1113px) {

   .marchi{
       float:left;
   }
   .catalog{
       margin-left:205px;
   }
    .m-t-8 {
        margin-top: 10px;
    }
}
@media (min-width: 1920px) {
    .search-link {
        display: inline !important;
        text-transform:capitalize;
    }
       
    #collapseTipologie li{
       margin-top:10px;
    }
    #collapseCatalogSection li{
        margin-top: 10px;
    }
    #collapseUtilizzatori li{
        margin-top: 10px;
    }
    #collapseStegioni li{
        margin-top: 10px;
    }
}


