@media screen and (min-width:1500px){.container{width:1320px;}
.container2{width:1200px;}
}
@media screen and (max-width:1500px){.container{width:1170px;}
.como-funciona>.container:after{width:450px;height:487px;bottom:0px;right:0px;}
.como-funciona-item-foto{width:125px;}
.como-funciona-item-descricao{width:232px;padding-top:20px;}
.como-funciona-pagina2 .como-funciona-item-descricao{width:300px;}
.owl-prev{left:-10px;}
.owl-next{right:-10px;}
}
@media screen and (max-width:1180px){.container{width:970px;}
h1{font-size:35px;}
h2{font-size:45px;}
header span{font-size:35px;}
.header-content{width:440px;}
.header-formulario{width:375px;}
.como-funciona>.container:after{width:400px;height:350px;bottom:40px;right:0px;}
.header-formulario-content-titulo h2{font-size:35px;}
.owl-carousel{width:550px;}
.balao{margin-top:40px;width:100%;margin-bottom:60px;}
}
@media screen and (max-width:990px){header{background-position:left;background-size:cover;}
.container{width:750px;}
.header-content{width:100%;}
.header-formulario{width:100%;}
.como-funciona>.container:after{display:none;}
.formulario-pagina2 .header-formulario-content-icone{float:none;margin:0 auto;}
.header-formulario-content-titulo{padding-left:0px;text-align:center;float:left;width:100%;}
.header-descricao{text-align:center;padding-top:15px;}
.peca-diesel .titulo-section{padding-top:30px;display:table;}
.btn-peca-diesel .btn-conteiner{width:100%;margin:0 auto;}
}
@media screen and (max-width:800px){header{background-size:cover;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%;}
.header-content{width:100%;}
.header-formulario{width:100%;margin-top:100px;}
.titulo-section{width:100%;}
.como-funciona>.container:after{display:none;}
.como-funciona-item{padding:20px 0px;}
.como-funciona-item .como-funciona-item-descricao{padding-left:15px;width:400px;}
.header-formulario-content-titulo h2{font-size:30px;}
.formulario-pagina2 .header-formulario-content{padding:0px 15px 0px 15px;}
.como-funciona-pagina2 .como-funciona-item-descricao p{padding-left:0px;}
.btn-peca-diesel .btn-conteiner{height:65px;}
.como-funciona .btn-content-text, .btn-peca-diesel .btn-content-text{padding:22px 29px;text-align:left;}
.como-funciona .btn-content-text:after ,.btn-peca-diesel .btn-content-text:after{height:65px;}
.como-funciona .btn-conteiner, .como-funciona .btn-conteiner .btn-content,.btn-peca-diesel .btn-conteiner .btn-content{height:65px;}
.btn-content-text p{display:none;}
.peca-diesel .titulo-section{padding-top:30px;display:table;}
.btn-peca-diesel .btn-conteiner{width:100%;margin:0 auto;}
.owl-carousel{width:100%;}
.footer-content .direita, .footer-content .esquerda{width:100%;}
.footer-bottom .esquerda,.footer-bottom .direita{width:100%;text-align:center;}
.footer-bottom .direita{padding-top:15px;width:100%;font-size:16px;text-align:center;}
}
@media screen and (max-width: 768px) {
    #popup .modal-dialog{
        padding: 0px 30px;
        width: 100%;
        margin: 100px auto;
    }
    #popup .modal-content{
        border-radius: 0px;
        width: 100%;
        background-size: cover;
        padding: 100px 15px 20px 15px;
    }
    #popup .modal-content .popup-conteudo{
        width: 300px;
        margin: 0 auto;
    }
    #popup .modal-content .popup-conteudo .titulo,#popup .modal-content .popup-conteudo .titulo span {
        font-size: 25px;
        line-height: 25px;
    }
    #popup .btn-content-text{
        font-size: 16px;
        padding: 22px 20px;
    }
}
@media screen and (max-width:690px){.modal-content{width:100%;}
.header-formulario{margin-top:170px;}
.como-funciona-item-foto{width:125px;float:none;margin:0 auto;}
.como-funciona-item .como-funciona-item-descricao{width:100%;text-align:center;}
.como-funciona-item .como-funciona-item-descricao{padding-left:0px;width:100%;}
.catalogo .col-md-4.col-xs-6{width:100%;}
.catalogo-item{margin:0 auto;}
.balao-content:after{display:none;}
.peca-diesel .titulo-section{width:100%;}
}
@media screen and (max-width: 400px) {
    #popup .modal-dialog{
        padding: 0px 15px;
        width: 100%;
        margin: 100px auto;
    }
    #popup .modal-content{
        border-radius: 0px;
        width: 100%;
        background-size: cover;
        padding: 100px 15px 20px 15px;
    }
    #popup .modal-content .popup-conteudo{
        width: 100%;
        margin: 0 auto;
    }
    #popup .modal-content .popup-conteudo .titulo,#popup .modal-content .popup-conteudo .titulo span {
        font-size: 25px;
        line-height: 25px;
    }
    #popup .btn-content-text{
        font-size: 14px;
        padding: 25px 15px;
    }
}
@media screen and (max-width:430px){header{padding:32px 0px 80px 0px;}
.header-formulario-content .btn-content-text{padding:22px 10px;}
.btn-conteiner ,.btn-content{width:100%;}
.header-formulario .header-descricao{width:100%;}
.header-content p{width:100%;}
}