body {
    background-image: url(imags/background.png);
    font-family: cairo;
    font-size: 26px;
    color: #ffff
}

p {
    font-size: 24px
}

h2 {
    font-size: 20px
}

.h16 {
    width: 100%
}

.post img {
    width: 100%;
    height: auto
}

.column {
    float: right;
    width: 30%;
    height: auto;
    margin: 20px 16px;
    border: 2px solid #b7b4b4
}

.post:after {
    content: "";
    display: table;
    clear: both
}

h1 {
    font-size: 26px;
    color: #ce0404;
    margin: 0 0 33px 0
}

a {
    color: #666;
    text-decoration: none
}

a:hover {
    color: #d6a10b
}

a h1:hover {
    color: #d6a10b
}

.columner {
    float: right;
    width: 49%
}

.poster img {
    max-width: 500px;
    width: 100%
}

#footer {
    height: auto;
    background-color: #140f0c;
    font-size: 15px;
    text-align: center;
    color: #cacaca;
    padding: 30px
}
#footer1 {
    height: auto;
    background-color: #ff0000;
    font-size: 15px;
    text-align: center;
    color: #cacaca;
    padding: 5px
}

.ab-line {
    height: 1px;
    width: 200px;
    background: #ffffff;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px
}

.line {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 1px solid #0a06fb;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: -2px;
    background: #fff
}

.socialer {
    float: right;
    text-align: center;
    max-width: 620px
}

.socialiermi {
    float: right;
    width: 50%
}

@media(max-width: 1090px) {
    .column {
        float:right;
        width: 45%;
        margin: -6px 6px 33px;
        border: 1px solid #b7b4b4
    }
}

@media(max-width: 480px) {
    .h16 {
        width:100%
    }

    .socialiermi {
        width: 100%
    }

    img {
        max-width: 100%
    }

    .column {
        float: right;
        width: 99%;
        margin: -6px 1px 20px;
        border: 1px solid #b7b4b4
    }
}

html,body {
    overflow-x: hidden
}

.slider {
    width: 96%;
    margin: 0
}

.slick-slide {
    margin: 0 1px
}

.slick-slide img {
    width: 100%
}

.slick-prev:before,.slick-next:before {
    color: #000
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1
}

.slick-active {
    opacity: 1
}

.slick-current {
    opacity: 1
}

.slick-slider {
    margin-top: 20px;
    margin-bottom: 50px
}