@charset "utf-8";

@media (max-width:1024px) {
    
    #category_menu
    {
        top: 150px; 
    }
        
}

@media (max-width:768px) {

    .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;
    }

    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: 132px;
    }
    
    .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;
    }

    .menu li a
    {
        border-right: none;
    }

    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;
    }
        
}