﻿#container-1
{
    padding: 30px 0 30px 0;
}

#container-2
{
    padding: 60px 0 30px 0;
}

#container-address
{
    background-color: #F06649;
}

#container-address, #container-footer
{
    padding: 30px 0 30px 0;
}

.az-portfolio-content li
{
    width: 98%;
}

@media (min-width: 576px) /*SM*/
{
    #container-1
    {
        padding: 30px 0 30px 0;
    }

    #container-2
    {
        padding: 60px 0 30px 0;
    }

    #container-address, #container-footer
    {
        padding: 30px 0 30px 0;
    }

    .az-portfolio-content li
    {
        width: 48%;
    }
}

@media (min-width: 768px) /*MD*/
{
    #container-1
    {
        padding: 30px 0 30px 0;
    }

    #container-2
    {
        padding: 60px 0 30px 0;
    }

    #container-address, #container-footer
    {
        padding: 60px 0 60px 0;
    }

    .az-portfolio-content li
    {
        width: 32%;
    }
}

@media (min-width: 992px) /*LG*/
{
    #container-1
    {
        padding: 30px 0 30px 0;
    }

    #container-2
    {
        padding: 60px 0 30px 0;
    }

    #container-address, #container-footer
    {
        padding: 60px 0 60px 0;
    }

    .az-portfolio-content li
    {
        width: 24%;
    }
}

@media (min-width: 1200px) /*XL*/
{
    #container-1
    {
        padding: 30px 0 80px 0;
    }

    #container-2
    {
        padding: 60px 0 30px 0;
    }

    #container-address, #container-footer
    {
        padding: 60px 0 60px 0;
    }

    .az-portfolio-content li
    {
        width: 24%;
    }
}

/*--------------------------------------------------------
Accordion 
accordion.css    
-----------------------------------------------------------*/
.az-accordion
{
}

    .az-accordion > .az-accordion-card
    {
        background-color: #FFFFFF;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }

        .az-accordion > .az-accordion-card > header
        {
            background-color: #009688 !important;
            padding: 7px;
        }

            .az-accordion > .az-accordion-card > header > *
            {
                color: #FFFFFF;
                font-size: 22px;
            }

            .az-accordion > .az-accordion-card > header > i
            {
                font-size: 12px;
                margin-right: 2px;
                margin-top: 8px;
            }

        .az-accordion > .az-accordion-card > article
        {
            padding: 7px;
        }

            .az-accordion > .az-accordion-card > article > *
            {
            }

        .az-accordion > .az-accordion-card > header.az-accordion-header-active
        {
        }

        .az-accordion > .az-accordion-card > article.az-accordion-article-active
        {
        }