@media all and (max-width: 1270px)
{
    #header
    {
        background-size: 1272px 210px;
    }
    
    #footer
    {
        background-size: 1920px 140px;
        height: auto;
    }    
}

@media all and (max-width: 1100px)
{
    .belt-info 
    {
        height: 45px;
    }
    
    .belt-info .container
    {
        max-width: 670px !important;
    }
    
    .belt-info h1.belt-text
    {
        font-size: 20px;
        width: calc(100% - 73px);
    }
    
    .belt-info img.belt-icon
    {
        width: 65px;
        height: 40px;
    }
}

@media all and (max-width: 780px)
{
    #home-slider
    {
        margin-bottom: 15px;
    }
    
    #boxes
    {
        margin-top: 30px;
    }
    
    #boxes a.box
    {
        width: calc(100% - 60px);
        margin: 0px 30px 30px;
        height: 189px;
    }
    
    #boxes a.box h2
    {
        padding: 50px 0;
    }
    
    #page-contact .contact.contact-time
    {
        width: 405px;
        text-align: center;
    }
    
    #page-contact .contact.contact-time i
    {
        margin-top: 24px;
    }
}

@media all and (max-width: 720px)
{
    #header p.phone
    {
        display: block;
        position: static;
        width: 100%;
        text-align: center;
        padding-top: 5px;
    }
    
    #header img.logo
    {
        display: block;
        margin: 0 auto;
        max-width: 280px;
        padding: 17px 0 10px;
    }
    
    .belt-info .container
    {
        max-width: 430px !important;
    }
    
    .belt-info 
    {
        height: 63px;
    }
    
    .belt-info h1.belt-text
    {
        font-size: 20px;
        width: calc(100% - 100px);
        padding: 4px 0 0;
    }
    
    .belt-info h1.belt-text span
    {
        display: inline;
    }
    
    .belt-info img.belt-icon
    {
        width: 92px;
        height: 57px;
    }
    
    #page h3 span.phone
    {
        display: none;
    }
    
    #page h3 a.mobile-phone
    {
        display: inline;
    }
}

@media all and (max-width: 480px)
{
    #header ul.nav
    {
        display: none;
    }

    #header ul.button-nav
    {
        display: block;
    }
    
    #home-slider
    {
        display: none;
    }
    
    .belt-info 
    {
        height: auto;
        padding-bottom: 10px;
    }
    
    .belt-info h1.belt-text
    {
        float: none;
        text-align: center;
        width: 100%;
    }
    
    .belt-info img.belt-icon
    {
        float: none;
        margin: 0 auto;
        display: block;
    }
    
    #boxes a.box
    {
        width: calc(100% - 20px);
        margin: 0px 10px 30px;
    }
    
    #boxes a.box h2
    {
        letter-spacing: 10px;
    }
    
    #page-contact .contact h1
    {
        font-size: 25px;
        width: calc(100% - 40px);
    }
    #page-contact .contact i
    {
        width: 40px;
    }
    
    #page-contact .contact.contact-time i
    {
        margin-top: 12px;
    }
    
    #page-contact .contact.contact-address
    {
        width: 230px;
    }

    #page-contact .contact.contact-time
    {
        width: 260px;
    }
    
    #page-contact .contact.contact-time h1
    {
        font-size: 22px;
    }

    #page-contact .contact.contact-phone
    {
        width: 195px;
    }

    #page-contact .contact i.fa-map-marker
    {
        font-size: 30px;
    }

    #page-contact .contact i.fa-clock-o
    {
        font-size: 32px;
    }

    #page-contact .contact i.fa-mobile
    {
        font-size: 40px;
    }
}