﻿   .post-list .post-layout:not(.swiper-slide) {
        margin-bottom: 40px;
    }

    .post-layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    * {
        box-sizing: border-box;
    }

    .post-list .post-thumb {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

        .post-list .post-thumb .image {
            display: block;
        }

        .post-list .post-thumb .image {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

    .post-thumb .image {
        position: relative;
    }

    .p-date::before {
        content: '\f133' !important;
        font-family: icomoon !important;
        margin-left: 5px;
    }

    .p-date-image::before {
        display: none;
    }

    .post-list .post-thumb .p-date {
        display: flex;
    }

    .post-thumb .image .p-date {
        z-index: 1;
    }

    .p-date-image {
        color: rgba(255, 255, 255, 1);
        font-weight: 700;
        background: rgba(15, 58, 141, 1);
        margin: 7px;
        border-radius: 3px;
    }

    .p-date-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        padding: 5px 10px;
        pointer-events: none;
        line-height: 1;
        font-size: 16px;
    }

        .p-date-image i {
            font-size: 10px;
        }

    .p-date i {
        padding: 0 4px;
        margin: 0;
        font-style: normal;
    }

    .post-thumb .image a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
    }

        .post-thumb .image a img {
            width: 100%;
            height: auto;
            pointer-events: none;
            -webkit-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
        }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    img {
        align-self: flex-start;
    }

    .main-box {
        padding: 120px 248px 50px 248px;
        border: unset !important;
        box-shadow: unset !important;
    }

    .name a:hover {
        color: darkorange !important;
    }

    @media (max-width: 800px) {
        .main-box {
            padding: 120px 20px 20px 20px !important;
            border: unset !important;
            box-shadow: unset !important;
        }
         .col-sm-3 {
    padding-right:15px !important;
    }

    }

    .main-box .row:hover {
        background-color: rgba(248,248,248,1) !important;
        box-shadow: 0 0 2px grey, 0 0 20px grey !important;
    }

    .main-box .row .col-sm-3 a img:hover {
        transform: scale(1.1) !important;
        transition-duration: 1s;
        /*transition: transform .5s, filter 1.5s ease-in-out !important;
     filter: grayscale(100%) !important;*/
    }

    .main-box .row .col-sm-3 a {
        overflow: hidden !important;
    }

    .main-box .row .col-sm-3 {
        overflow: hidden !important;
    }
    .col-sm-3 {
    padding-right:0px;
    }

      @media (max-width: 1450px) {
        .main-box {
            padding: 120px 40px 20px 40px !important;
            border: unset !important;
            box-shadow: unset !important;
        }
         .col-sm-3 {
    padding-right:15px !important;
    }

    }