/**
*  STYLE FOR CONTACT
*
*
*  [Table of contents]
*
*  [&. Content / #key]
*  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
*  Summary: Contact 
*
*
*    1. Contact
*    2. Responsive
*
*
*/

/*----------  1. Contact  ----------*/

    .slz-contact-01 .contact-title {
        font-size: 18px;
        color: #333;
        font-weight: 700;
        text-transform: capitalize;
    }

    .slz-contact-01 .contact-content {
        padding-top: 20px;
    }

    .slz-contact-01 .contact-content .contact-item {
        position: relative;
    }

    .slz-contact-01 .contact-content .contact-item + .contact-item {
        margin-top: 10px;
    }

    .slz-contact-01 .contact-content .slz-icon {
        color: #333;
        font-size: 16px;
        position: absolute;
        top: 3px;
        left: 0;
    }

    .slz-contact-01 .contact-content .text {
        color: #777;
        padding-left: 30px;
    }

    .slz-contact-01 .contact-content .blur {
        padding-top: 15px;
        font-size: 14px;
        font-weight: 300;
    }

    .slz-list-block.slz-list-contact-01 .item {
        margin-top: 40px;
    }

/*----------  2. Responsive  ----------*/
    @media screen and (max-width: 1024px) {
        .slz-list-block.slz-list-contact-01.slz-column-4 > .item:nth-child(-n + 4) {
            margin-top: 40px;
        }

        .slz-list-block.slz-list-contact-01.slz-column-4 > .item:nth-child(-n + 3) {
            margin-top: 0;
        }
    }

    @media screen and (max-width: 768px) {
        .slz-list-block.slz-list-contact-01.slz-column-4 > .item:nth-child(-n + 3),
        .slz-list-block.slz-list-contact-01.slz-column-3 > .item:nth-child(-n + 3) {
            margin-top: 40px;
        }

        .slz-list-block.slz-list-contact-01.slz-column-4 > .item:nth-child(-n + 2),
        .slz-list-block.slz-list-contact-01.slz-column-3 > .item:nth-child(-n + 2) {
            margin-top: 0;
        }
    }

    @media screen and (max-width: 480px) {
        .slz-list-block.slz-list-contact-01.slz-column-4 > .item:nth-child(-n + 2),
        .slz-list-block.slz-list-contact-01.slz-column-3 > .item:nth-child(-n + 2),
        .slz-list-block.slz-list-contact-01.slz-column-2 > .item:nth-child(-n + 2) {
            margin-top: 40px;
        }

        .slz-list-block.slz-list-contact-01.slz-column-4 > .item:nth-child(-n + 1),
        .slz-list-block.slz-list-contact-01.slz-column-3 > .item:nth-child(-n + 1),
        .slz-list-block.slz-list-contact-01.slz-column-2 > .item:nth-child(-n + 1) {
            margin-top: 0;
        }
    }