@media only screen and (min-width: 0px) and (max-width: 768px) {

    /*---------------------- index ---------------------*/
    /*---------------------- Header ---------------------*/
    .px-0 {
        padding: 0;
    }

    .container {
        padding: 0;
    }

    .row {
        margin: 0;
    }

    /*---------------------- Header ---------------------*/
    .px-0 {
        padding: 0;
    }

    .container {
        padding: 0;
    }

    .two-list {
        flex-direction: column;
    }

    .pub-title h2 {
        line-height: 30px;
    }

    .header-main .top-header {
        position: absolute;
        left: 0;
        width: auto;
        top: 10px;
        z-index: 99;
    }

    .header-main .main-menu .row {
        height: 55px;
    }

    .header-main .top-header .all-top .top-data {
        display: none;
    }

    .header-main .header-tell {
        display: none;
    }

    .header-main .top-header .all-top {
        border: none;
    }

    .main-menu .main-navbar .navbar .navbar-cross.close {
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        position: absolute;
        left: 18px;
        top: 10px;
        color: var(--white);
        z-index: 999;
        font-size: 44px;
        opacity: 1;
        display: block
    }

    .header-main .main-menu .sait-logo {
        text-align: center;
    }

    .header-main .main-menu .sait-logo img {
        height: 50px;
    }

    .header-main .main-menu .menu-box {
        position: absolute;
    }

    .header-main .main-menu .navbar-default .navbar-toggle {
        border-color: transparent;
        margin: 0;
    }

    .header-main .main-menu .navbar-toggle .icon-bar {
        height: 3px;
    }

    .header-main .top-header .all-top .sait-search i {
        font-size: 20px;
    }

    .header-main .top-header .all-top .sait-search .serch-box {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.95);
        align-items: center;
    }

    .header-main .top-header .all-top .sait-search .serch-box input {
        height: 30px;
    }

    .header-main .top-header .all-top .sait-search .fa-times {
        position: absolute;
        top: 20px;
    }

    .header-main .main-menu .main-navbar .navbar-nav {
        flex-direction: column;
    }

    .header-main .main-menu .main-navbar .navbar-nav>li>a {
        color: var(--white);
        margin-bottom: 5px;
    }

    .header-main .top-header .all-top .close-search {
        display: block;
    }

    .header-main .main-menu .navbar-collapse {
        display: block !important;
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100% !important;
        background-color: rgba(0, 28, 84, 1);
        transition: .5s all;
        z-index: 99;
        margin: 0;
    }

    .header-main .main-menu .navbar-collapse.in {
        right: 0;
    }

    .header-main .main-menu .main-navbar .navbar-nav {
        margin-top: 30px;
        width: 100%;
    }


    /*---------------------- /Header ---------------------*/
    /*---------------------- content-main ---------------------*/
    .content-main .silde-show .camera_caption .camera_Title {
        text-align: center;
    }

    .content-main .silde-show .camera_caption .camera_Description {
        text-align: center;
    }

    .content-main .silde-show .camera_caption {
        top: 100px;
    }

    .content-main .top-news .right-news {
        margin-top: 50px;
    }

    .content-main .top-news .right-news .item-row.item-top {
        margin-top: 0;
    }

    .content-main .esfahan-tab .right-news .slides .slide-groups:first-child .item-row {

        padding-bottom: 0px;
    }

    .content-main .top-news .left-news {
        margin-top: 50px;
    }

    .content-main .top-news .left-news .news-img img {
        width: 100%;
    }

    .content-main .top-news .left-news .item-row {
        flex-direction: column;
    }

    .content-main .top-news .left-news .news-info {
        margin-right: 0;
    }

    .content-main .top-news .left-news .owl-nav {
        top: 40%;
        justify-content: space-between;
        width: 100%;
    }

    .content-main .iran-part::before {
        width: 100%;
        top: auto;
        bottom: -20px;
        background-size: 90%;
        background-position: left bottom;
    }

    .content-main .iran-part .iran-info {
        margin-top: 20px;
    }

    .content-main .iran-part .iran-info .iran-list {
        margin-top: 10px;
        flex-direction: column;
    }

    .content-main .iran-part .iran-img img {
        margin-top: 20px;
    }

    .content-main .esfahan-part {
        padding: 30px 0;
        padding-bottom: 50px;
    }

    .content-main .esfahan-part .esfahan-imgs .part-img .main-img:last-child {
        margin-top: 0;
    }

    .content-main .esfahan-part .esfahan-imgs .part-img {
        margin-bottom: 20px;
    }

    .content-main .esfahan-part .esfahan-imgs .img-info {
        top: 20px;
    }

    .content-main .esfahan-part .esfahan-imgs .part-img {
        justify-content: space-between;
    }

    .content-main .esfahan-part .esfahan-imgs .part-img .main-img {
        width: 47%;
    }

    .content-main .date-esfahan .sum-esfahan .all-sum {
        margin-top: 30px;
        padding: 15px;
        flex-direction: column;
    }

    .content-main .date-esfahan .sum-esfahan .all-sum .right-sum {
        width: auto;
    }

    .content-main .date-esfahan {
        height: auto;
    }

    .content-main .date-esfahan .all-counter {
        overflow: scroll;
        flex-wrap: nowrap;
    }

    .content-main .date-esfahan .all-counter .counter-item {
        width: 55%;
        flex: 1 0 auto;
    }

    .content-main .esfahan-tab .right-news .slides .slide-groups {
        width: 100%;
        margin-bottom: 0;
    }

    .content-main .top-news .right-news .item-row {
        margin-top: 30px;
    }

    .content-main .esfahan-services .iran-info {
        flex-direction: column;
    }

    .content-main .esfahan-services .service-info {
        padding-left: 0;
    }

    .content-main .esfahan-services .serv-imgs {
        flex-wrap: wrap;
    }

    .content-main .esfahan-services .serv-imgs .serv-pic {
        width: 47%;
        margin: 0 5px;
    }

    .content-main .esfahan-services .serv-imgs .serv-pic {
        margin-bottom: 10px;
    }

    .content-main .esfahan-services .serv-imgs .serv-pic a {
        right: 5px;
    }

    .content-main .commission .all-commission .commission-item {
        width: 100%;
        height: 65px;
        flex-direction: row;
        justify-content: flex-start;
    }

    .content-main .commission .all-commission .commission-item img {
        width: 85px;
    }

    .content-main .serv-table .all-table .table-item {
        width: 50%;
        margin-bottom: 10px;
    }

    .content-main .main-media .multimedia-box .owl-nav .owl-prev,
    .content-main .main-media .multimedia-box .owl-nav .owl-next {
        margin: 0;
    }

    .content-main .top-news .right-news .owl-nav .owl-prev {

        top: 9%;
    }

    .content-main .top-news .right-news .owl-nav .owl-next {

        top: 9%;

    }

    .content-main .top-news .left-news .owl-nav .owl-prev {
        left: 12%;

    }

    /*---------------------- /content-main ---------------------*/
    /*---------------------- footer-main ---------------------*/
    .footer-main .top-footer .all-infos .footer-list {
        flex-wrap: wrap;
    }

    .footer-main .top-footer .all-infos .footer-list .list-box {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer-main .top-footer .all-address .footer-list ul {
        justify-content: center;
    }

    .footer-main .top-footer .all-infos .footer-list .list-box ul {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .footer-main .top-footer .all-address .address-box .address-info p {
        margin-top: 10px;
    }

    /*---------------------- /footer-main ---------------------*/
    /*---------------------- /index ---------------------*/
    /*---------------------- Pages ---------------------*/

    .content-main .history-first {
        height: 500px;
    }

    .content-main .video-part .video-main {
        margin: 30px 0;
    }

    .content-main .past-room>.container-fluid {
        flex-direction: column;
    }

    .content-main .past-room .event-box .room-event {
        position: static;
    }

    .content-main .past-room .event-box .room-event::before {
        bottom: 55px;
    }

    .content-main .room-boss .all-boss .boss-box {
        width: 50%;
    }

    .content-main .room-boss .all-boss .boss-box .boos-title {
        white-space: nowrap;
    }

    .content-main .nine-race .nine-box {
        padding: 0 15px 5%;
    }

    .content-main .nine-race .nine-before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .content-main .role-room>.container-fluid {
        flex-direction: column;
    }

    .content-main .member-boss .all-boss {
        flex-wrap: wrap;
    }

    .content-main .member-boss .all-boss .boss-box {
        width: 49%;
        margin-bottom: 10px;
    }

    .content-main .agent-boss .all-agent .agent-box {
        width: 48%;
        height: 165px;
    }

    .content-main .agent-boss .all-agent .agent-box img {
        width: 90px;
    }

    .content-main .agent-boss .all-agent .agent-box h3 {
        font-size: 13px;
    }

    .content-main .executive .executive-list ul li {
        width: 50%;
    }

    .content-main .other-agent .agent-box {
        width: 100% !important;
    }

    .content-main .rahyafat-videos .rahyafat-box {
        flex-direction: column;
        height: auto;
    }

    .content-main .pub-tabpanel .its-module {
        flex-direction: column;
    }

    .content-main .pub-tabpanel .nav-tabs {
        width: 100%;
    }

    .content-main .pub-tabpanel .nav-tabs li {
        height: 50px;
    }

    .content-main .all-drop {
        flex-direction: column;
    }

    .content-main .all-drop .drop-box {
        width: 100%;
        margin-bottom: 10px;
    }

    .content-main .serv-info .sum-serv>p {
        text-align: center;
    }

    .content-main .serv-info .sum-serv .pub-sum {
        flex-direction: column;
    }

    .content-main .serv-info .sum-serv .pub-sum p {
        margin: 15px 0;
    }

    .content-main .serv-info .sum-serv .pub-title {
        margin: 0;
    }

    .content-main .iran-third .pub-title {
        height: auto;
    }

    .content-main .share .all-share {
        flex-direction: column;
    }

    .content-main .share .all-share .share-box {
        margin-bottom: 15px;
    }

    .content-main .side-text .container-fluid {
        flex-direction: column;
    }

    news .content-main .rotate-part .flip-card {
        width: 100%;
        margin-bottom: 10px;
    }

    .content-main .side-text .img-es .pub-title {
        padding: 0 15px;
    }

    .content-main .dl-book .dl-box {
        flex-direction: column;
    }

    .content-main .dl-book .pub-title {
        flex-direction: column;
    }

    .content-main .dl-book .pub-title .alls-pub {
        text-align: center;
    }

    .content-main .executive-ar {
        height: 500px;
    }

    .content-main .imgs-boxall .imgs-box {
        width: 100%;
        margin-bottom: 15px;
    }

    .content-main .imgs-boxall {
        flex-direction: column;
    }

    .content-main .main-media .multimedia-box .owl-stage .owl-item {
        margin-left: 8px !important;
    }

    .opinion-border {
        margin-right: 0;
    }

    .opinion-border img {
        width: 100%;
    }

    .subject-body .News_STitr {
        width: 100%;
        float: right;
        margin-top: 10px;
    }

    .MP .module-header .subject-code {
        float: left;
    }

    .opinion-div-intro {
        width: 100%;
    }

    .content-detailsbox .boxrow>ul {
        flex-direction: column;
    }

    .content-detailsbox .boxrow {
        width: 100%;
    }

    .subject-body .content-comment-box {
        margin-top: 50px;
    }

    .subject-body .content-comment-box .form-groupbox {
        width: 100%;
        margin: 0;
    }

    .subject-body .content-comment-box .comment-div>label {
        right: 0;
        text-align: center;
        left: 0;
    }

    .content-main .tab-section .multimedia-box .multimedia-small>a {
        width: 100%;
    }


    .content-main .tab-section .multimedia-box .multimedia-small .nasim a {
        right: 5%;
        width: 90%;
        border-radius: 15px 15px 0 0;
        height: 118px;
    }

    /*---------------------- /Pages ---------------------*/
}

@media only screen and (min-width:900px) and (max-width: 1195px) {
    .content-main .tab-section .row {
        display: flex;
    }
}