@media (min-width: 576px){
    .container{
        max-width: 562px;
    }
}
@media (min-width: 768px){
    .container{
        max-width: 742px;
    }
}
@media (min-width: 992px){
    .container{
        max-width: 982px;
    }
}
@media (min-width: 1200px){
    .container{
        max-width: 1162px;
    }
}
@media (min-width: 1400px){
    .container{
        max-width: 1310px;
    }
}

@media(max-width:1200px){
    .sort-content .sort-list{
        justify-content: flex-start;
    }
    .sort-content .sort-list .sort-company-button span{
        text-align: left;
    }
}
@media(max-width:991px){
    .cards-product .cards{
        grid-template-columns: repeat(2, 1fr);
        
    }
    .cards-product .header-card a {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
	.cards-product .cards{
        grid-template-columns: repeat(1, 1fr);
    }
    .content-fos button.present-fos {
        position: absolute;
        right: -8%;
        top: -20%;
    }
    .content-fos button.present-fos img{
        width:120px;
    }
    .content-fos .input-container{
        max-width:100%;
        width:100%;
    }
    .content-fos input.phone-input{
        max-width:100%;
    }
    .content-fos button.button.button-submit{
        max-width:100%;
    }
}
@media(max-width:480px){
    .banner-top .content-banner button.fos{
        height:auto;
    }
    .banner-top .content-banner h1.h1-banner{
        font-size:38px;
    }
    .banner-top .present {
        bottom: -14%;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        top: unset;
        width: auto;
        z-index: 100;
        display: flex;
    }
    .sort-content {
        flex-direction: column;
        padding:15px;
    }
    .sort-content ul.sort-list{
        height:auto;
    }
}