@font-face {
    font-family: englishfont;
    src: url('../../fonts/glyphicons-halflings-regular.woff') format('woff');
    font-weight: bold;
}



@font-face {
    font-family: 'farsifont';
    src: url('../../fonts/BRoya.eot') format('embedded-opentype');
    src: url('../../fonts/BRoya.ttf') format('truetype');
    src: url('../../fonts/BRoya.woff') format('woff');
}

.empty {
    height: 5.2vh;
    background: #1b1b1b;
}

@media only screen and (min-width:1200px) {
    .pagination {
        position: relative;
        right: -21%;
    }

        .pagination a {
            color: black;
            float: left;
            padding: 6px 12px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination a.active {
                background-color: #d3ba6b;
                color: white;
                border: 1px solid #d3ba6b;
            }

            .pagination a:hover:not(.active) {
                background-color: #ddd;
            }
    .pagination2 {
        position: relative;
        right: -21%;
    }

        .pagination2 a {
            color: black;
            float: left;
            padding: 6px 12px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination2 a.active {
                background-color: #3b65ba;
                color: white;
                border: 1px solid #3b65ba;
            }

            .pagination2 a:hover:not(.active) {
                background-color: #ddd;
            }
    .hnews {
        text-align: center;
        position: relative;
        margin: auto;
        font-family: 'farsifont';
        border: 4px solid #d3ba6b;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 90%;
        color: #d3ba6b;
        background: #1b1b1b;
    }

    #mainnews {
        width: 100%;
    }

    .samplenews {
        width: 40%;
        overflow: hidden;
        margin-right: 7%;
        margin-top: 70px;
        height: 580px;
        float: right;
    }

    #headernews {
        height: 100px;
        width: 100%;
        background: #d3ba6b;
    }

    #imgnews {
        width: 100%;
        margin-top: 13px;
        height: 211px;
        background: black;
    }

        #imgnews img {
            height: 211px;
            width: 100%;
        }

    #contentnews {
        margin-bottom: 100px;
        margin-top: 10px;
        height: 180px;
        background: white;
        overflow-x: hidden;
        overflow-y: auto;
        direction: rtl;
        float: right;
        width: 97%;
        position: relative;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
    }

    #word {
        margin-bottom: 20px;
        margin-top: 10px;
        height: auto;
        direction: rtl;
        float: right;
        width: 95%;
        word-wrap: break-word;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
        border-top: 2px dashed #d3ba6b;
    }

    #abs {
        width: 100%;
        height: auto;
        border: 1px solid #d3ba6b;
    }

    #dtnews {
        left: 1%;
        position: relative;
        top: 5px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        float: left;
    }

    #titlenews {
        right: 4%;
        position: relative;
        float: right;
        text-align: right;
        top: 14px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        width: 95%;
        word-wrap: break-word;
    }

    #newsidnews {
        left: 15%;
        position: relative;
        font-family: farsifont;
        top: 5px;
        font-size: 17px;
        font-weight: bold;
        float: none;
    }

    .content {
        height: auto;
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 993px) and (max-width:1201px) {
    .pagination2 {
        position: relative;
        right: -20%;
    }

        .pagination2 a {
            color: black;
            float: left;
            padding: 6px 12px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination2 a.active {
                background-color: #3b65ba;
                color: white;
                border: 1px solid #3b65ba;
            }

            .pagination2 a:hover:not(.active) {
                background-color: #ddd;
            }
    .pagination {
        position: relative;
        right: -20%;
    }

        .pagination a {
            color: black;
            float: left;
            padding: 6px 12px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 4px;
        }

            .pagination a.active {
                background-color: #d3ba6b;
                color: white;
                border: 1px solid #d3ba6b;
            }

            .pagination a:hover:not(.active) {
                background-color: #ddd;
            }

    .hnews {
        text-align: center;
        position: relative;
        margin: auto;
        font-family: 'farsifont';
        border: 4px solid #d3ba6b;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 90%;
        color: #d3ba6b;
        background: #1b1b1b;
    }

    #mainnews {
        width: 100%;
    }

    .samplenews {
        width: 40%;
        overflow: hidden;
        margin-right: 7%;
        margin-top: 70px;
        height: 580px;
        float: right;
    }

    #headernews {
        height: 100px;
        width: 100%;
        background: #d3ba6b;
    }

    #imgnews {
        width: 100%;
        margin-top: 13px;
        height: 211px;
        background: black;
    }

        #imgnews img {
            height: 211px;
            width: 100%;
        }

    #contentnews {
        margin-bottom: 100px;
        margin-top: 10px;
        height: 180px;
        background: white;
        overflow-x: hidden;
        overflow-y: auto;
        direction: rtl;
        float: right;
        width: 97%;
        position: relative;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
    }

    #word {
        margin-bottom: 20px;
        margin-top: 10px;
        height: auto;
        direction: rtl;
        float: right;
        width: 95%;
        word-wrap: break-word;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
        border-top: 2px dashed #d3ba6b;
    }

    #abs {
        width: 100%;
        height: auto;
        border: 1px solid #d3ba6b;
    }

    #dtnews {
        left: 1%;
        position: relative;
        top: 5px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        float: left;
    }

    #titlenews {
        right: 4%;
        position: relative;
        float: right;
        text-align: right;
        top: 14px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        width: 95%;
        word-wrap: break-word;
    }

    #newsidnews {
        left: 15%;
        position: relative;
        font-family: farsifont;
        top: 5px;
        font-size: 17px;
        font-weight: bold;
        float: none;
    }

    .content {
        height: auto;
        margin-bottom: 50px;
    }
}








@media only screen and (min-width: 768px) and (max-width:992px) {
    .pagination2 {
        position: relative;
        right: -20%;
    }

        .pagination2 a {
            color: black;
            float: left;
            padding: 6px 12px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination2 a.active {
                background-color: #3b65ba;
                color: white;
                border: 1px solid #3b65ba;
            }

            .pagination2 a:hover:not(.active) {
                background-color: #ddd;
            }
    .pagination {
        position: relative;
        right: -20%;
    }

        .pagination a {
            color: black;
            float: left;
            padding: 4px 8px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination a.active {
                background-color: #d3ba6b;
                color: white;
                border: 1px solid #d3ba6b;
            }

            .pagination a:hover:not(.active) {
                background-color: #ddd;
            }

    .hnews {
        text-align: center;
        position: relative;
        margin: auto;
        font-family: 'farsifont';
        border: 4px solid #d3ba6b;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 90%;
        color: #d3ba6b;
        background: #1b1b1b;
    }

    #mainnews {
        width: 100%;
        overflow: hidden;
    }

    .samplenews {
        width: 40%;
        margin-right: 7%;
        margin-top: 70px;
        height: 580px;
        float: right;
    }

    #headernews {
        height: 100px;
        width: 100%;
        background: #d3ba6b;
    }

    #imgnews {
        width: 100%;
        margin-top: 13px;
        height: 211px;
        background: black;
    }

        #imgnews img {
            height: 211px;
            width: 100%;
        }

    #contentnews {
        margin-bottom: 100px;
        margin-top: 10px;
        height: 180px;
        background: white;
        overflow-x: hidden;
        overflow-y: auto;
        direction: rtl;
        float: right;
        width: 97%;
        position: relative;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
    }

    #word {
        margin-bottom: 20px;
        margin-top: 10px;
        height: auto;
        direction: rtl;
        float: right;
        width: 95%;
        word-wrap: break-word;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
        border-top: 2px dashed #d3ba6b;
    }

    #abs {
        width: 100%;
        height: auto;
        border: 1px solid #d3ba6b;
    }

    #dtnews {
        left: 1%;
        position: relative;
        top: 5px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        float: left;
    }

    #titlenews {
        right: 4%;
        position: relative;
        float: right;
        text-align: right;
        top: 14px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        width: 95%;
        word-wrap: break-word;
    }

    #newsidnews {
        left: 15%;
        position: relative;
        font-family: farsifont;
        top: 5px;
        font-size: 17px;
        font-weight: bold;
        float: none;
    }

    .content {
        height: auto;
        margin-bottom: 50px;
    }
}



@media only screen and (min-width: 480px) and (max-width:768px) {
    .pagination {
        position: relative;
        right: -10%;
    }

        .pagination a {
            color: black;
            float: left;
            padding: 4px 8px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination a.active {
                background-color: #d3ba6b;
                color: white;
                border: 1px solid #d3ba6b;
            }

            .pagination a:hover:not(.active) {
                background-color: #ddd;
            }
 .pagination2 {
        position: relative;
        right: -10%;
    }

        .pagination2 a {
            color: black;
            float: left;
            padding: 4px 8px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination2 a.active {
                background-color: #3b65ba;
                color: white;
                border: 1px solid #3b65ba;
            }

            .pagination2 a:hover:not(.active) {
                background-color: #ddd;
            }
    .hnews {
        text-align: center;
        position: relative;
        margin: auto;
        font-family: 'farsifont';
        border: 4px solid #d3ba6b;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 90%;
        color: #d3ba6b;
        background: #1b1b1b;
    }

    #mainnews {
        width: 100%;
        overflow: hidden;
    }

    .samplenews {
        width: 86%;
        margin-right: 7%;
        margin-top: 70px;
        height: 460px;
        float: right;
    }

    #headernews {
        height: 100px;
        width: 100%;
        background: #d3ba6b;
    }

    #imgnews {
        width: 100%;
        margin-top: 13px;
        height: 211px;
        background: black;
    }

        #imgnews img {
            height: 211px;
            width: 100%;
        }

    #contentnews {
        margin-bottom: 100px;
        margin-top: 10px;
        height: 180px;
        background: white;
        overflow-x: hidden;
        overflow-y: auto;
        direction: rtl;
        float: right;
        width: 97%;
        position: relative;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
    }

    #word {
        margin-bottom: 20px;
        margin-top: 10px;
        height: auto;
        direction: rtl;
        float: right;
        width: 95%;
        word-wrap: break-word;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
        border-top: 2px dashed #d3ba6b;
    }

    #abs {
        width: 100%;
        height: auto;
        border: 1px solid #d3ba6b;
    }

    #dtnews {
        left: 1%;
        position: relative;
        top: 5px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        float: left;
    }

    #titlenews {
        right: 4%;
        position: relative;
        float: right;
        text-align: right;
        top: 14px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        width: 95%;
        word-wrap: break-word;
    }

    #newsidnews {
        left: 15%;
        position: relative;
        font-family: farsifont;
        top: 5px;
        font-size: 17px;
        font-weight: bold;
        float: none;
    }

    .content {
        height: auto;
        margin-bottom: 50px;
    }
}




@media only screen and (min-width:320px) and (max-width: 480px) {
    .pagination {
        position: relative;
        right: -5%;
    }

        .pagination a {
            color: black;
            float: left;
            padding: 2px 2px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination a.active {
                background-color: #d3ba6b;
                color: white;
                border: 1px solid #d3ba6b;
            }

            .pagination a:hover:not(.active) {
                background-color: #ddd;
            }
 .pagination2 {
        position: relative;
        right: -5%;
    }

        .pagination2 a {
            color: black;
            float: left;
            padding: 2px 2px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination2 a.active {
                background-color: #3b65ba;
                color: white;
                border: 1px solid #3b65ba;
            }

            .pagination2 a:hover:not(.active) {
                background-color: #ddd;
            }
    .hnews {
        text-align: center;
        position: relative;
        margin: auto;
        font-family: 'farsifont';
        border: 4px solid #d3ba6b;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 90%;
        color: #d3ba6b;
        background: #1b1b1b;
    }

    #mainnews {
        width: 100%;
        overflow: hidden;
    }

    .samplenews {
        width: 86%;
        margin-right: 7%;
        margin-top: 70px;
        height: 460px;
        float: right;
    }

    #headernews {
        height: 100px;
        width: 100%;
        background: #d3ba6b;
    }

    #imgnews {
        width: 100%;
        margin-top: 13px;
        height: 211px;
        background: black;
    }

        #imgnews img {
            height: 211px;
            width: 100%;
        }

    #contentnews {
        margin-bottom: 100px;
        margin-top: 10px;
        height: 180px;
        background: white;
        overflow-x: hidden;
        overflow-y: auto;
        direction: rtl;
        float: right;
        width: 97%;
        position: relative;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
    }

    #word {
        margin-bottom: 20px;
        margin-top: 10px;
        height: auto;
        direction: rtl;
        float: right;
        width: 95%;
        word-wrap: break-word;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
        border-top: 2px dashed #d3ba6b;
    }

    #abs {
        width: 100%;
        height: auto;
        border: 1px solid #d3ba6b;
    }

    #dtnews {
        left: 1%;
        position: relative;
        top: 5px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        float: left;
    }

    #titlenews {
        right: 4%;
        position: relative;
        float: right;
        text-align: right;
        top: 14px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        width: 95%;
        word-wrap: break-word;
    }

    #newsidnews {
        left: 15%;
        position: relative;
        font-family: farsifont;
        top: 5px;
        font-size: 17px;
        font-weight: bold;
        float: none;
    }

    .content {
        height: auto;
        margin-bottom: 50px;
    }
}



@media only screen and (min-width:1px) and (max-width: 320px) {
    .pagination {
        position: relative;
        right: -20%;
    }

        .pagination a {
            color: black;
            float: left;
            padding: 2px 2px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination a.active {
                background-color: #d3ba6b;
                color: white;
                border: 1px solid #d3ba6b;
            }

            .pagination a:hover:not(.active) {
                background-color: #ddd;
            }
 .pagination2 {
        position: relative;
        right: -20%;
    }

        .pagination2 a {
            color: black;
            float: left;
            padding: 2px 2px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 2px;
        }

            .pagination2 a.active {
                background-color: #3b65ba;
                color: white;
                border: 1px solid #3b65ba;
            }

            .pagination2 a:hover:not(.active) {
                background-color: #ddd;
            }
    .hnews {
        text-align: center;
        position: relative;
        margin: auto;
        font-family: 'farsifont';
        border: 4px solid #d3ba6b;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 90%;
        color: #d3ba6b;
        background: #1b1b1b;
    }

    #mainnews {
        width: 100%;
        overflow: hidden;
    }

    .samplenews {
        width: 86%;
        margin-right: 7%;
        margin-top: 70px;
        height: 460px;
        float: right;
    }

    #headernews {
        height: 100px;
        width: 100%;
        background: #d3ba6b;
    }

    #imgnews {
        width: 100%;
        margin-top: 13px;
        height: 211px;
        background: black;
    }

        #imgnews img {
            height: 211px;
            width: 100%;
        }

    #contentnews {
        margin-bottom: 100px;
        margin-top: 10px;
        height: 180px;
        background: white;
        overflow-x: hidden;
        overflow-y: auto;
        direction: rtl;
        float: right;
        width: 97%;
        position: relative;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
    }

    #word {
        margin-bottom: 20px;
        margin-top: 10px;
        height: auto;
        direction: rtl;
        float: right;
        width: 95%;
        word-wrap: break-word;
        right: 1.5%;
        font-size: 15px;
        font-weight: bold;
        border-top: 2px dashed #d3ba6b;
    }

    #abs {
        width: 100%;
        height: auto;
        border: 1px solid #d3ba6b;
    }

    #dtnews {
        left: 1%;
        position: relative;
        top: 5px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        float: left;
    }

    #titlenews {
        right: 4%;
        position: relative;
        float: right;
        text-align: right;
        top: 14px;
        font-family: farsifont;
        font-size: 17px;
        font-weight: bold;
        width: 95%;
        word-wrap: break-word;
    }

    #newsidnews {
        left: 15%;
        position: relative;
        font-family: farsifont;
        top: 5px;
        font-size: 17px;
        font-weight: bold;
        float: none;
    }

    .content {
        height: auto;
        margin-bottom: 50px;
    }
}