/*******************
*  Materialize Tailles L
********************/
@media only screen and (min-width: 993px){
    .container {
        width: 95%;
    }

    .medium-separator.show-on-medium{
        display: none;
    }

}


@media only screen and (min-width: 601px) and (max-width: 992px){
    .users-types .user-type{
        padding: 10px 5px;
        font-size: 20px;
    }

    #print .collection-item:not(.expedition){
        text-align: center;
        font-size: 16px;
    }

    #print .collection-item p{
        color: #507ce3;
        font-size: 18px;
    }

    #print .collection-item.active p{
        color: #fff;
    }

    .users-types .row .col.offset-col1 {
        margin-left:12.4999999999%;
    }
}

/*******************
*  Materialize Tailles M et L
********************/
@media only screen and (min-width: 601px){
    .container {
        width: 95%;
    }

    .row .col.col-m5{
        width: 20%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

}


/*******************
*  Materialize Taille M et S
********************/
@media only screen and (max-width: 992px){
    .home-documents .documents-grid .grid-item {
        width: 33.3%;
    }
    footer .footer-links{
        text-align: center;
    }
    #slider-home {
        height: 300px;
    }
    #slider-home .container p.slide-title {
        font-size: 40px;
        margin: 15px 0;
    }
    #slider-home .container p.slide-description {
        padding: 15px;
        font-size: 25px;
    }

     nav a.button-collapse-connect {
        height: 56px;
        line-height: 74px;
        float: right;
        position: relative;
        z-index: 1;
        margin: 0 18px;
        color: #7298e3;
    }

    #print .color-title{
        line-height: 10px;
    }

    #print .color,
    #print .orientation{
        line-height: 30px;
    }

    .secondary-content {
        font-size: 16px;
    }
    #publisher-page .card .card-content{
        padding:10px;
    }

    .breadcrumb {
        font-size: 15px;
    }

    #share a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 3px;
        font-size: 16px;
    }

    #book-page .price {
        font-size: 18px;
    }

}

/*******************
*  Materialize Taille S
********************/
@media only screen and (max-width: 600px){
    nav .brand-logo img {
        max-width: 190px;
        margin-top: -5px;
    }
    .users-types-others .user-type-other{
        display: block;
    }
    .home-documents .filter-btn{
        display: block;
    }
    .home-documents .filter-btn:first-child{
        margin:0;
    }
    .home-documents .documents-grid .grid-item {
        width: 50%;
    }

    #slider-home {
        height: 250px;
    }
    #slider-home .container p.slide-title {
        font-size: 35px;
    }
    #slider-home .container p.slide-description {
        padding: 10px;
        font-size: 22px;
    }

    #register-form .gender, #account-page .gender{
        line-height: 30px;
    }

    .btn-cart{
        margin-bottom: 10px;
    }

    #writer-header .parallax-container{
        height: 140px;
        width: 100%;
    }
    #writer-header .parallax-container .main-title{
        margin: 40px 0;
        padding: 10px;
        font-size: 25px;
    }

    .file-field .file-path-wrapper{
        display: block;
        width: 100%;
        padding: 0;
    }

    .breadcrumb-nav{
        /*display: none;*/
    }

    .card.image-book{
        max-width: 250px;
        margin: auto;
    }
}