/*
*
*    [Table of contents]
*
*    [&. Content / #key]
*    [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
*    Summary: Post Block
*
*    1. Post Block
*      - 1.1. Layout Style Default
*      - 1.2. Layout Style 02
*      - 1.3. Layout Style 04
*      - 1.4. Post Video
*      - 1.5. Post Gallery
*      - 1.6. Post Audio
*      - 1.7. Post Blockquote
*    2. Post Block Single
*    3. Responsive
*
*
*/
 

/*=====================================
=            1. Post Block            =
=====================================*/
 
   /*----------  1.1. Style Default  ----------*/
        .slz-block-item-01 {
            background-color: transparent;
            box-shadow: none;
           -webkit-box-shadow: none;
        }

        .slz-block-item-01 .block-image.has-gallery,
        .slz-gallery-format .wrapper-image {
            background-color: transparent;
        }
 
        .slz-block-item-01 .block-content {
           padding: 25px 0 0 0;
        }
 
        .slz-block-item-01 .block-title {
           font-size: 20px;
           font-weight: 700;
        }
 
        .slz-block-item-01 .block-info {
           margin-top: 15px;
        }
 
        .slz-block-item-01 .block-info li.read-more {
           font-style: normal;
           font-weight: 500;
        }
 
        .slz-block-item-01 .block-info li.read-more:after {
           content: none;
        }

        .slz-block-item-01 .block-info li:last-child:after {
           content: none;
        }

 
        .slz-block-item-01 .block-info li:only-child {
           padding-right: 0;
        }

        .slz-block-item-01 .block-text {
            margin-top: 10px;
        }

        .slz-block-item-01 .block-read-more {
           color: #1070c6;
           position: relative;
           margin-top: 25px;
        }
 
        .slz-block-item-01 .block-read-more:before {
           position: absolute;
           content: '';
           bottom: 2px;
           left: 0;
           width: 0;
           height: 1px;
           background-color: #1070c6;
           -webkit-transition: all 0.3s ease;
           -o-transition: all 0.3s ease;
           transition: all 0.3s ease;
        }
 
        .slz-block-item-01 .block-read-more:hover {
           color: #1070c6;
        }
 
        .slz-block-item-01 .block-read-more:hover:before {
           width: 100%;
        }
 
        .slz-block-item-01 .block-read-more i {
           font-size: 16px;
        }
 
        .slz-block-item-01 .block-image {
           background-color: transparent;
        }
     
        .col-md-8.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
        .col-md-12.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
        .vc_col-sm-8 .slz-list-block.slz-column-1 .slz-block-item-01 .block-title,
        .slz-list-block.slz-column-1 .slz-block-item-01 .block-title {
           font-size: 20px;
           line-height: 1.2;
           text-transform: uppercase;
        }

        .slz-list-block.slz-column-1 .block-image:before, 
        .slz-list-block.slz-column-1 .slz-gallery-format .wrapper-image:before {
            padding-top: 40%;
        }

        .slz-block-item-01 .block-image .link:after {
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 0;
            background-color: rgba(0, 0, 0, 0.3);
        }

        .slz-block-item-01:hover .block-image .link:after,
        .slz-list-block.slz-column-4 .slz-block-item-01.slz-format-quote .block-image .link:after,
        .slz-list-block.slz-column-4 .slz-block-item-01.slz-format-audio .block-image .link:after,
        .slz-list-block.slz-column-4 .slz-block-item-01.slz-format-video .block-image .link:after,
        .slz-list-block.slz-column-4 .slz-block-item-01.slz-format-gallery .block-image .link:after {
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }

        .slz-template-03 .slz-block-item-01.style-1 .block-content {
            padding-top: 25px;
        }

        .slz-block-item-01.style-1 .slz-image-carousel,
        .slz-blog-detail .slz-block-item-01.style-1 .slz-image-carousel {
            margin-left: -15px;
            margin-right: -15px;
        }
 
   /*----------  1.2. Style 02  ----------*/
        .slz-block-item-01.style-2 .block-content {
            padding: 0 0 0 20px;
        }
        .slz-list-block.slz-column-1 .slz-block-item-01.style-2 .block-content .block-title {
            font-size: 20px;
            line-height: 1.4;
        }

   /*----------  1.3. Style 04  ----------*/
        .slz-block-item-01.article-04 .block-info li:nth-last-child(-n + 2) {
            padding-right: 0;
        }
 
        .slz-block-item-01.article-04 .block-info li:nth-last-child(-n + 2):after {
            content: '|';
        }
 
        .slz-block-item-01.article-04 .block-info li:last-child:after {
            content: none;
        }
 
        .slz-block-item-01 .categories-list,
        .slz-block-item-01 .tags-list {
            margin-bottom: 0;
        }

    /*------------  Post masonry  --------------*/
        .sc_posts_mansory .slz-isotope-grid.column-4 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:before,
        .sc_posts_mansory .slz-isotope-grid.column-4 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after,
        .sc_posts_mansory .slz-isotope-grid.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:before,
        .sc_posts_mansory .slz-isotope-grid.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after {
            font-size: 4rem;
            top: -5px;
            left: 10px;
        }
        .sc_posts_mansory .slz-isotope-grid.column-4 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after,
        .sc_posts_mansory .slz-isotope-grid.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after {
            top: auto;
            left: auto;
            right: -5px;
            bottom: 0;
        }

        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item:before {
            padding-top: 132%;
        }
        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item-width-2:before {
            padding-top: calc(66% - 14px);
        }
        .slz-blog-detail .sc_posts_mansory.slz-post-mansory-layout-2 .audio-wrapper .mejs-container .mejs-controls .mejs-time-rail {
            margin-top: 16px;
        }
        .slz-posts-mansory.slz-post-mansory-layout-1 .slz-isotope-grid-2.column-3 .grid-item > .slz-block-item-01 .block-image .slz-gallery-format .wrapper-image:before{
            padding-top: 72.5%;
        }

        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item .featured-carousel-item .wrapper-image:before {
            padding-top: 75%;
        }

        .slz-isotope-grid-2 .grid-item-width-2.grid-item-height-1 .img-full {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
        }

    /*----------  1.4. Post Video  ----------*/
        .slz-block-item-01 .slz-block-video .block-video:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.3);
            z-index: 2;
        }

        .slz-block-item-01 .slz-block-video .btn-play:hover .icons {
            border-color: #d32eb2;
            background-color: #d32eb2;
        }

        .slz-block-item-01 .slz-block-video .btn-play .icons {
            height: 50px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .slz-block-item-01 .slz-block-video .btn-play .icons:before {
            content: "\0025B7";
            font-size: 24px;
            margin-left: -2px;
        }

        .slz-block-item-01 .slz-block-video .btn-play .icons:after {
            content: "\0025B7";
            font-size: 24px;
            position: absolute;
            left: 21px;
        }

    /*----------  1.5. Post Gallery  ----------*/
        .slz-block-item-01 .slz-image-carousel.slz-gallery-format .btn {
            width: 30px;
            height: 30px;
            line-height: 28px;
        }

        .slz-block-item-01 .slz-image-carousel.slz-gallery-format .btn .icons {
            font-size: 15px;
        }

        .slz-block-item-01 .slz-image-carousel.slz-gallery-format .btn-prev {
            bottom: 20px;
            left: 35px;
            top: auto;
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }

        .slz-block-item-01 .slz-image-carousel.slz-gallery-format .btn-next {
            bottom: 20px;
            left: 70px;
            top: auto;
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    /*----------  1.6. Post Audio  ----------*/
        .slz-block-item-01 .audio-wrapper {
            background-color: rgba(29, 46, 67, 0.9);
            padding: 0;
        }

        .slz-block-item-01 .audio-wrapper .mejs-container .mejs-controls {
            height: 60px;
            padding: 0 20px;
        }

        .slz-block-item-01 .audio-wrapper .mejs-container .mejs-controls .mejs-time {
            font-size: 14px;
        }

        .slz-block-item-01 .audio-wrapper .mejs-container .mejs-controls .mejs-button {
            -webkit-transform: scale(0.65);
            -ms-transform: scale(0.65);
            -o-transform: scale(0.65);
            transform: scale(0.65);
        }

        .slz-block-item-01 .audio-wrapper .mejs-container .mejs-controls > div,
        .slz-block-item-01 .audio-wrapper .mejs-container .mejs-controls .mejs-horizontal-volume-slider {
            margin: 13px 0;
        }

        .slz-blog-detail .slz-isotope-grid.column-4 .audio-wrapper .mejs-container .mejs-controls .mejs-button.mejs-mute,
        .slz-blog-detail .slz-isotope-grid.column-4 .audio-wrapper .mejs-container .mejs-controls .mejs-horizontal-volume-slider,
        .slz-blog-detail .slz-isotope-grid.column-4 .audio-wrapper .mejs-container .mejs-controls .mejs-time {
            display: none;
        }
        .slz-blog-detail .slz-isotope-grid.column-4 .mejs-container .mejs-controls .mejs-time-rail {
            width: 82% !important;
            position: relative;
            margin-left: 5px;
            margin-top: 15px;
        }
        .slz-blog-detail .slz-isotope-grid.column-4 .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
            width: calc(100% - 15px) !important;
        }


    /*----------  1.7. Post Blockquote  ----------*/
        .slz-block-item-01 .block-image.has-quote .link:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #d32eb2;
            background: -moz-linear-gradient(left, #d32eb2 0%, #0c72c7 100%);
            background: -webkit-linear-gradient(left, #d32eb2 0%,#0c72c7 100%);
            background: linear-gradient(to right, #d32eb2 0%,#0c72c7 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32eb2', endColorstr='#0c72c7',GradientType=1 );
            opacity: 0.9;
            z-index: 3;
        }

        .slz-block-item-01 .block-image.has-quote .link:after {
            content: none;
        }

        .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote {
            font-style: italic;
            font-size: 20px;
            text-transform: uppercase;
        }

        .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:before,
        .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after {
            font-size: 6rem;
            color: #fff;
            top: 8px;
            left: 0;
            line-height: 23px;
            position: absolute;
            content: ' “ ';
            font-style: normal;
            font-family: 'Georgia', serif;
        }

        .slz-template-03.layout-3 .slz-column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:before {
            left: -15px;
        }

        .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after {
            top: auto;
            left: auto;
            right: 0;
            bottom: 8px;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .slz-list-block.slz-column-1 .slz-block-item-01.style-1 {
            margin-bottom: 0;
        }

        .slz-list-block .slz-block-item-01.style-1 {
            margin-bottom: 10px;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
        }

        .sc_posts_mansory .slz-isotope-grid.column-4  .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote,
        .sc_posts_mansory .slz-isotope-grid.column-3  .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote {
            font-size: 14px;
            padding-top: 10px;
        }
        

 
/*=====  End of 1. Post Block  ======*/
 
 
/*============================================
=            2. Post Block Single            =
============================================*/

    .slz-blog-detail > .block-image:before, 
    .slz-blog-detail .blog-detail-wrapper > .block-image:before, 
    .slz-blog-detail .blog-detail-wrapper .block-image.has-gallery:before, 
    .slz-blog-detail .blog-detail-wrapper .block-content .block-image:before, 
    .slz-blog-detail .blog-detail-wrapper .slz-gallery-format .wrapper-image:before {
        padding-top: 40%;
    }

    .slz-blog-detail.layout-4 > .title {
        font-weight: 700;
        color: #18364a;
        text-transform: uppercase;
        margin: 0;
        display: block;
        font-size: 30px;
        line-height: 1.2;
    }

    .slz-blog-detail > .title + .row {
        margin-top: 30px;
    }

    .slz-blog-detail.layout-4 .blog-detail-wrapper > .block-info {
        margin-top: 0;
    }


    .slz-blog-detail > .block-image + .row, 
    .slz-blog-detail .blog-detail-wrapper .title + .block-image, 
    .slz-blog-detail .blog-detail-wrapper .block-image + .title {
        margin-top: 25px;
    }

    .slz-blog-detail .slz-post-footer {
        margin-top: 40px;
    }

    .slz-blog-author {
        border-left: none;
        border-right: none;
        padding: 40px 0;
        margin-top: 30px;
    }

    .slz-blog-author .media-left {
        width: 150px;
        vertical-align: top;
    }

    .slz-blog-author .media-left .media-image img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 100%;
    }

    .slz-blog-author .media-right {
        padding-left: 30px;
    }

    .slz-blog-author .media-right .author {
        font-size: 16px;
        color: #00234e;
        text-transform: uppercase;
    }

    .slz-blog-author .media-right .author:hover {
        color: #d32eb2;
    }

    .slz-blog-author .media-right .social-icon {
        margin-top: 10px;
    }

    .slz-blog-author .media-right .social-icon a {
        margin-right: 30px;
        color: #868e97;
    }

    .slz-blog-author .media-right .social-icon a:hover {
        color: #d32eb2;
    }

    .slz-blog-author .media-right .social-icon a:last-child {
        margin-right: 0;
    }

    .slz-blog-detail .post-navigation {
        display: none;
    }

    .slz-blog-detail .block-image.has-gallery .slz-image-carousel .btn {
        width: 30px;
        height: 30px;
        line-height: 28px;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        top: auto;
        bottom: 20px;
    }

    .slz-blog-detail .block-image.has-gallery .slz-image-carousel .btn-prev {
        left: 35px;
    }

    .slz-blog-detail .block-image.has-gallery .slz-image-carousel .btn-next {
        left: 70px;
    }

    .slz-blog-detail .slz-post-footer .meta-content .tags-links {
        float: none;
    }

    .slz-blog-detail .slz-social-share .social .link {
        margin-right: 15px;
    }

    .slz-blog-detail .slz-social-share .social .link:last-child {
        margin-right: 0;
    }

    .slz-blog-detail .sc_image_carousel {
        margin-top: 15px;
    }

    .slz-blog-detail .slz-image-carousel {
        margin-left: -5px;
        margin-right: -5px;
    }

    .slz-blog-detail .blog-detail-wrapper .slz-image-carousel .item {
        padding: 0 5px;
    }

    .slz-blog-detail .slz-image-carousel.slz-carousel-syncing .slider-for .item {
        padding: 0;
    }

    .slz-blog-detail .blog-detail-wrapper .slz-image-carousel .block-image:before {
        padding-top: 70%;
    }

    .slz-blog-detail .slz-image-carousel .block-image img {
        width: auto;
        height: 100%;        
    }

    .slz-blog-detail .slz-image-carousel.slz-carousel-syncing {
        margin: 0 auto;
    }

    .slz-blog-detail .audio-wrapper .mejs-container .mejs-controls {
        height: 60px;
        padding: 0 20px;
    }

    .slz-blog-detail .audio-wrapper .mejs-container .mejs-controls .mejs-time {
        font-size: 14px;
    }

    .slz-blog-detail .audio-wrapper .mejs-container .mejs-controls .mejs-button {
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        -o-transform: scale(0.65);
        transform: scale(0.65);
    }

    .slz-blog-detail .audio-wrapper .mejs-container .mejs-controls > div,
    .slz-blog-detail .audio-wrapper .mejs-container .mejs-controls .mejs-horizontal-volume-slider {
        margin: 13px 0;
    }

    
    .slz-template-04 .slz-recent-post .wrapper-image:before {
        padding-top: 100%;
    }

    .slz-template-04 .block-title:hover,
    .slz-template-04 .top-news-wrapper .post-info .title:hover,
    .slz-template-04 .top-news-wrapper .post-number {
        color:#d32eb2;
    }

    .slz-template-04 .block-info li a {
        font-style: italic;
        color: inherit;
    }
    .slz-template-04 .block-info li a:hover {
        color:#d32eb2;
    }
    
    .slz-template-04 .block-info li:after {
        padding: 0 5px;
    }

    .slz-template-04 .slz-recent-post .wrapper-image {
        width: 85px;
    }
    .slz-template-04 .block-info:before {
        content: '\f111';
        font-family: 'FontAwesome';
        font-size: 6px;
        padding-right: 10px;
        position: relative;
        top: -2px;
        color:#868e97;
    }

 
/*=====  End of 2. Post Block Single  ======*/

/*=====================================
=            3. Responsive            =
=====================================*/
    
    @media screen and (max-width: 1024px) {
        .slz-blog-detail .slz-isotope-grid.column-4 .mejs-container .mejs-controls .mejs-time-rail {
            width: 77% !important;
        }
        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item:before {
            padding-top: 148%;
        }
        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item-width-2:before {
            padding-top: calc(72.25% - 11.4px);
        }
        .sc_posts_mansory.slz-posts-mansory.slz-post-mansory-layout-2 .slz-block-item-01 .block-title {
            max-height: 56px;
            overflow: hidden;
        }
        .slz-posts-mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item > .slz-block-item-01 .block-image {
            height: 45.25%;
        }
        .sc_posts_mansory .slz-isotope-grid.column-4 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:before,
        .sc_posts_mansory .slz-isotope-grid.column-4 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after,
        .sc_posts_mansory .slz-isotope-grid.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:before,
        .sc_posts_mansory .slz-isotope-grid.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after {
            content: none;
        }
        .sc_posts_mansory .slz-isotope-grid.column-4 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote,
        .sc_posts_mansory .slz-isotope-grid.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote {
            font-size: 12px;
        }
    }

    @media screen and (max-width: 767px) {
        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item:before {
            content: none;
        }
        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item > div {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }
        .slz-posts-mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item > .slz-block-item-01 .block-image {
            height: auto;
        }
        .slz-posts-mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2 .grid-item > .slz-block-item-01 .block-image:before {
            content: '';
            display: block;
            padding-top: 67%;
        }
        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote {
            font-size: 12px;
        }
        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:before,
        .sc_posts_mansory.slz-post-mansory-layout-2 .slz-isotope-grid-2.column-3 .slz-block-item-01 .block-image.has-quote .block-quote-wrapper .block-quote:after {
            content: none;
        }
        .sc_posts_mansory.slz-posts-mansory.slz-post-mansory-layout-2 .slz-block-item-01 .block-title {
            max-height: none;
        }
    }

    @media screen and (max-width: 600px) {
        .sc_posts_mansory .slz-block-item-01 .audio-wrapper .mejs-container .mejs-controls .mejs-button {
            position: relative;
            top: auto;
            left: auto;
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
        .sc_posts_mansory.slz-posts-mansory.slz-post-mansory-layout-1 .audio-wrapper .mejs-container .mejs-controls .mejs-time {
            display: inline-block;
        }
        .slz-blog-detail .slz-isotope-grid.column-4 .mejs-container .mejs-controls .mejs-time-rail {
            width: calc(100% - 138px) !important;
        }
    }

    @media screen and (max-width: 480px) {
        .slz-blog-author .media-right {
            padding: 15px 30px 0 30px;
        }

        .slz-template-03 .slz-block-item-01.style-1 .block-content {
            padding-top: 15px;
        }

        .slz-list-block.slz-column-1 .block-image:before, 
        .slz-list-block.slz-column-1 .slz-gallery-format .wrapper-image:before {
            padding-top: 67%;
        }

        .col-md-8.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
        .col-md-12.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
        .vc_col-sm-8 .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
        .slz-list-block.slz-column-1 .slz-block-item-01 .block-title,
        .slz-block-item-01 .block-title {
            font-size: 16px;
            line-height: 1.4;
        }

        .col-md-8 .slz-list-block.slz-column-1 > .item, 
        .col-md-12 .slz-list-block.slz-column-1 > .item {
            margin-top: 40px;
        }

        .slz-blog-detail > .block-image:before, 
        .slz-blog-detail .blog-detail-wrapper > .block-image:before, 
        .slz-blog-detail .blog-detail-wrapper .block-image.has-gallery:before, 
        .slz-blog-detail .blog-detail-wrapper .block-content .block-image:before, 
        .slz-blog-detail .blog-detail-wrapper .slz-gallery-format .wrapper-image:before {
            padding-top: 50%;
        }
    }

/*=====  End of 3. Responsive  ======*/