/*_____________BLOG _____________*/







.blogs-row {
    margin: 20px 0;
}

    .blogs-row .blog-item {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 10px;
        overflow: hidden;
        transition: all 0.2s;
    }

        .blogs-row .blog-item:hover {
            border: 1px solid #aaa;
        }

        .blogs-row .blog-item .img {
            width: 100%;
            
            background-position: center;
            background-size: cover;
            border-bottom: 1px solid #ddd;
        }

        .blogs-row .blog-item .head {
            color: #333;
            padding: 10px;
            margin: 0;
            font-size: 16px;
            font-family: 'XeroSansRegular';
        }


        .blogs-row .blog-item .date {
            color: #999;
            padding: 0 10px;
            margin: 0;
            font-size: 10px;
            font-family: 'Yekan'
        }



        .blogs-row .blog-item .desc {
            color: #666;
            padding: 10px;
            margin: 0;
            font-size: 12px;
            font-weight: normal;
        }



.post-row {
    margin: 10px 0 20px 0;
}


    .post-row .bread {
        display: inline-block;
        width: 100%;
        list-style: none;
        padding: 10px 0;
        margin: 0;
        float: right;
    }

        .post-row .bread li {
            display: inline-block;
            float: right;
            margin-left: 20px;
            position: relative
        }


            .post-row .bread li:not(:last-child):after {
                content: '/';
                position: absolute;
                left: -10px;
                top: 0;
                color: #ddd
            }

            .post-row .bread li a {
                color: #aaa;
                font-size: 14px;
            }

                .post-row .bread li a:hover {
                    color: #000;
                }


    .post-row .post-body-row {
        border: 1px solid #ddd;
        border-radius: 10px;
        overflow: hidden;
    }

        .post-row .post-body-row .post-head-row {
            border-bottom: 1px solid #eee;
            margin-bottom: 20px;
        }


        .post-row .post-body-row .img {
            width: 100%;
            height: 450px;
        
        }
        .post-row .post-body-row .img img {
            width: 100%;
            
            object-fit: cover;
        }

        .post-row .post-body-row .post-head {
            padding: 15px;
            min-height: 450px;
            display: flex;
            align-items: center;
        }

            .post-row .post-body-row .post-head > .row {
                width: 100%;
            }


            .post-row .post-body-row .post-head .head1 {
                color: #333;
                font-size: 24px;
                padding: 0;
                margin: 0;
                margin-bottom: 20px;
                font-family: 'XeroSansRegular';
            }

            .post-row .post-body-row .post-head .head2 {
                color: #666;
                font-size: 16px;
                padding: 0;
                margin: 0;
                margin-bottom: 15px;
                font-weight: normal;
            }

            .post-row .post-body-row .post-head .date {
                color: #999;
                margin: 0;
                font-size: 12px;
            }


            .post-row .post-body-row .post-head .share {
                margin-top: 15px;
                border: 0.5px solid #ddd;
                background-color: rgba(0, 0, 0, 0.0);
            }

                .post-row .post-body-row .post-head .share .ttl {
                    color: #aaa;
                }

            .post-row .post-body-row .post-head .jssocials-share-link {
                color: #999
            }

                .post-row .post-body-row .post-head .jssocials-share-link:hover {
                    color: #333
                }



    .post-row .post-body {
        padding: 0 15px;
        margin-bottom: 40px;
        text-align:justify;line-height:1.8;
        font-size:16px;
    }


.blog-item .img img {
    width: 100%
}

<style > .blog-item {
    margin-bottom: 20px;
}






.blog-slider-row {
    margin: 120px 0;
    padding: 0;
}

    .blog-slider-row .similar-row {
        margin-bottom: 30px;
    }

.blog-slider {
    direction: ltr
}


    .blog-slider .blog-item {
        text-align: right;
        direction: rtl;
        border: 1px solid #eee;
        border-radius: 10px;
        overflow: hidden;
    }

        .blog-slider .blog-item:hover {
            border: 1px solid #bbb;
        }

        .blog-slider .blog-item .img {
            border-bottom: 1px solid #eee;
            height: 176px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            transition: all 0.2s;
        }


        .blog-slider .blog-item .head {
            color: #333;
            font-size: 16px;
            padding: 10px;
            margin: 0;
            font-family: 'XeroSansRegular';
        }

        .blog-slider .blog-item .date {
            color: #bbb;
            font-size: 10px;
            padding: 0 10px;
            margin: 0;
        }

        .blog-slider .blog-item .desc {
            color: #999;
            font-size: 12px;
            padding: 10px;
            margin: 0;
        }




    .blog-slider .owl-nav {
        position: absolute;
        width: calc(100%);
        top: 160px;
        left: 0px;
        z-index: -1
    }


        .blog-slider .owl-nav button.owl-next {
            float: right;
            outline: 0;
            margin-right: -40px;
            display: inline-block;
        }

        .blog-slider .owl-nav button.owl-prev {
            float: left;
            outline: 0;
            margin-left: -40px;
            display: inline-block;
        }

            .blog-slider .owl-nav button.owl-next span,
            .blog-slider .owl-nav button.owl-prev span {
                font-size: 28px;
                color: #666;
                display: block
            }

            .blog-slider .owl-nav button.owl-next:hover span,
            .blog-slider .owl-nav button.owl-prev:hover span {
                color: #000;
            }

            .blog-slider .owl-nav button.owl-next.disabled span,
            .blog-slider .owl-nav button.owl-prev.disabled span,
            .blog-slider .owl-nav button.owl-next.disabled:hover span,
            .blog-slider .owl-nav button.owl-prev.disabled:hover span {
                color: #ddd;
            }

.owl-carousel.blog-slider .owl-nav.disabled {
    display: block;
}





@media(max-width:1399px) {


    .blogs-row .blog-item .img {
        height: 145px;
    }


    .post-row .post-body-row .img {
        height: 375px;
    }


    .post-row .post-body-row .post-head {
        min-height: 375px;
    }

    .blog-slider .blog-item .img {
        height: 198px;
    }

    .blog-slider .owl-nav {
        top: 184px;
    }
}

@media(max-width:1199px) {


    .blogs-row .blog-item .img {
        height: 154px;
    }

    .post-row .post-body-row .img {
        height: 442px;
    }


    .post-row .post-body-row .post-head {
        min-height: initial;
    }

    .blog-slider .blog-item .img {
        height: 238px;
    }

    .blog-slider .owl-nav {
        top: 224px;
    }
}



@media(max-width:991px) {


    .contact-txt-col {
        padding-left: 0;
    }

    .blogs-row .blog-item .img {
        height: 232px;
    }

    .post-row .post-body-row .img {
        height: 430px;
    }

    .blog-slider {
        padding: 0 60px
    }

        .blog-slider .owl-nav button.owl-next {
            margin-right: 0;
        }

        .blog-slider .owl-nav button.owl-prev {
            margin-left: 0;
        }


        .blog-slider .blog-item .img {
            height: 192px;
        }

        .blog-slider .owl-nav {
            top: 178px;
        }
}

@media(max-width:767px) {



    .blogs-row .blog-item .img {
        height: 60vw;
    }


    .post-row .bread li a {
        font-size: 12px;
    }

    .post-row .post-body-row .img {
        height: 55vw;
    }

    .post-row .post-body-row .post-head .head1 {
        font-size: 20px;
    }

    .post-row .post-body-row .post-head .head2 {
        font-size: 14px;
    }



    .blog-slider {
        padding: 0 40px
    }



        .blog-slider .blog-item .img {
            height: calc(66vw - 73px);
        }

        .blog-slider .owl-nav {
            top: 178px;
        }
}