@charset "utf-8";

@media (max-width:1024px) {

    #category_menu {
        top: 150px;
    }

    body {
        padding-top: 130px; 
    }

}

@media (max-width:768px) {

    #category_menu
    {
        top: 140px;
    }

    .steps li
    {
        margin: 0 20px;
    }

    .steps li a
    {
        font-size: 17px;
    }

}

@media (max-width:800px) {

    .brand {
        width: 200px;
        float: left;
        height: auto;
        margin-top: -50px
    }

    .menu {
        clear: both !important;
        width: 100% !important;
        margin-right: 0 !important
    }

    .menu ul li {
        text-align: center;
        border-bottom: 1px solid #ccc;
    }

    #category_menu
    {
        width: 100% !important;
        top: 130px;
        left: 0;
    }

    #category_menu .dropdown-menu
    {
        margin-left: 0;
        width: 100%;
        margin-top: 38px;
    }

    footer
    {
        font-size: 12px;
        font-weight: 900
    }

    .steps li
    {
        margin: 0 15px;
        padding: 0 15px
    }

    .steps li a
    {
        font-size: 15px;
    }

}

@media (max-width:640px) {

    body {
        padding-top: 165px;
    }

    .brand {
        height: 100px;
        float: left;
        width: auto;
        margin-top: -50px
    }

    .menu {
        clear: both !important;
        width: 100% !important;
        margin-right: 0 !important
    }

    .menu ul li {
        text-align: center;
        border-bottom: 1px solid #ccc;
    }

    #category_menu
    {
        width: 100% !important;
        top: 130px;
        left: 0;
    }

    #category_menu .dropdown-menu
    {
        margin-left: 0;
        width: 100%;
        margin-top: 38px;
    }

    footer
    {
        font-size: 12px;
        font-weight: 900
    }

    .steps li
    {
        margin: 0 15px;
        padding: 0 15px;
        display: block;
        text-align: center
    }

    .steps li a
    {
        font-size: 18px;
    }

    .mod_acquisto {
        padding: 0;
        margin: 0;
    }

}
