/*--------------------------------------------------------------------------------------------------------- 1500 px*/
@media only screen and (max-width: 1500px) {

    /*-----------------------------------------main page*/
    .main-news .top .item .info {
        padding: 4px 10px 3px 10px;
    }
    .main-news .top .item .info h2 {
        margin-bottom: 1px;
    }
    .main-news .top .item .info p {
        height: 57px;
    }
    .servicies3 .main-item h5 {
        height: 51px;
    }
    .servicies1 p {
        height: 78px;
    }
    .list-news .all-items .main-item .info {
        height: 105px;
    }
    .list-news .all-items .main-item .info h5 {
        height: 55px;
    }
    .sec-2 .featured-news .item .img {
        width: 180px;
    }
    .sec-2 .featured-news .item .info {
        width: calc(100% - 180px);
    }
    .sec-2 .featured-news .item {
        height: 120.8px;
    }
    .sec-2 .featured-news {
        min-height: 1290px;
    }
    .banners-and-news .col-news .shahrvand {
        height: 266px;
    }
    .banners-and-news .col-news .gallery {
        height: 317px;
    }
    .owl-theme .owl-dots {
        top: -44px;
    }
}
/*--------------------------------------------------------------------------------------------------------- 1210 px*/
@media only screen and (max-width: 1210px) {

    /*-----------------------------------------main page*/
    h3 {
        font-size: 14px;
        line-height: 17px;
    }
    .main-news .top .item img {
        margin-top: 0;
    }
    .main-news .top .item .info {
        padding: 4px 10px 3px 10px;
    }
    .my-barish .bottom .join a {
        padding: 25px 5px 3px 5px;
    }
    .my-barish .bottom .join a i {
        right: 13px;
    }
    .banners-and-news .col-news .shahrvand {
        height: 217px;
    }
    .slider h5 {
        font-size: 14px;
        padding: 0;
    }
    .banners-and-news .col-news .gallery {
        height: 283px;
    }
    .banners-and-news .col-news .gallery .bottom-items .item-small:first-child, .banners-and-news .col-news .gallery .bottom-items .item-small:last-child {
        margin-top: 3px;
    }
    .sec-2 .featured-news .item {
        height: 112.5px;
    }
    .sec-2 .featured-news .item .img {
        width: 150px;
    }
    .sec-2 .featured-news .item .info {
        width: calc(100% - 150px);
        line-height: 21px;
    }
    .sec-2 .featured-news {
        min-height: 1210px;
    }
    .sec-3 .in .news-col-3 .in .item h5 {
        font-size: 15px;
    }
    .sec-4 {
        min-height: 283px;
    }
    .servicies3 .news-col-2 .item .img {
        width: 127px;
    }
    .servicies1 h5 {
        font-size: 15px;
    }
    .servicies3 .news-col-2 .item {
        height: 85px;
        overflow: hidden;
    }
    .servicies1 .news-col-3 .item {
        height: 104px;
    }
    .servicies1 .news-col-3 .item .img {
        width: 128px;
    }
    .list-news .all-items .item .in .img {
        width: 130px;
    }
    .list-news .all-items .main-item .info {
        height: 129px;
    }
    .list-news .all-items .item .in {
        height: 87px;
    }
    .servicies2 .news-col-4 .main-item {
        height: 340px;
    }
    .servicies2 .news-col-4 .item {
        height: 340px;
    }
    .servicies2 .news-col-2 .item {
        height: 100px;
    }
    .servicies2 .news-col-2 .item .img {
        width: 148px;
    }
    .map-news li h5 {
        font-size: 14px;
    }
}
/*--------------------------------------------------------------------------------------------------------- 990 px*/
@media only screen and (max-width: 990px) {

    /*-----------------------------------------main page*/
    body {
        font-size: 12px;
    }
    .main-news {
        height: auto;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .main-news .top .item .img {
        height: auto;
    }
    .main-news .top .item .info h2 {
        font-size: 16px;
    }
    .top-center-news {
        width: calc(50% - 5px);
        height: 445px;
        padding: 0;
        margin-left: 10px;
    }
    .top-center-news .in h2 {
        font-size: 14px;
    }
    .top-center-news .in p {
        line-height: 19px;
    }
    .hover-title {
        background: #291739;
        right: -10px;
        top: 5px;
    }
    .my-barish {
        width: calc(50% - 5px);
        height: 445px;
        padding: 0;
        margin-right: 0;
    }
    .my-barish .slider {
        height: 375px;
    }
    .my-barish .bottom {
        padding: 0;
        height: 70px;
    }
    .my-barish .bottom .text {
        top: 8px;
        font-size: 13px;
    }
    .my-barish .bottom .join {
        height: 28px;
        position: absolute;
        right: 0;
        bottom: 3px;
        font-size: 14px
    }
    .my-barish .bottom .join i {
        display: none;
    }
    .my-barish .bottom .join .subjects {
        float: right;
        width: calc(50% - 5px);
        padding: 5px;
        background-color: #03a9f4;
        color: #fff;
        margin: 0 0 0 10px;
        border-radius: 5px 0 0 0;
        position: initial;
    }
    .my-barish .bottom .join .send-new {
        float: left;
        width: calc(50% - 5px);
        padding: 5px;
        background-color: #49b14d;
        color: #fff;
        margin: 0;
        border-radius: 0 5px 0 0;
        position: initial;
    }
    .sec-2 .featured-news {
        width: 100%;
        margin-left: 0;
        height: auto;
        padding: 0;
    }
    .sec-2 .featured-news .item {
        margin-bottom: 10px;
    }
    .sec-2 .featured-news .item .img {
        width: 169px;
    }
    .sec-2 .featured-news .item .info {
        width: calc(100% - 169px);
    }
    .sec-2 {
        margin-top: 10px;
    }
    .news-tab-col-l {
        width: calc(50% - 7.5px);
    }
    .news-tab-col-c {
        width: calc(50% - 7.5px);
    }
    .banners-and-news {
        width: 100%;
        padding: 0 5px;
    }
    .banners-and-news .banners {
        width: calc(50% - 7.5px);
        padding-left: 0;
        margin-left: 15px;
    }
    .banners-and-news .col-news {
        width: calc(50% - 7.5px);
        padding-right: 0;
    }
    .banners-and-news .col-news .shahrvand {
        padding: 0;
        height: 324px;
    }
    .slider h5 {
        font-size: 15px;
    }
    .banners-and-news .col-news .gallery {
        height: 362px;
    }
    .banners-and-news .col-news .gallery .bottom-items .item-small:first-child, .banners-and-news .col-news .gallery .bottom-items .item-small:last-child {
        margin-top: -13px;
    }
    .banner-main {
        margin: 15px 0 7.5px 0;
    }
    .sec-3 .in .news-col-3 {
        width: 33.333%;
    }
    .sec-3 .in .news-col-3 .in .item .img {
        display: none;
    }
    .sec-4 {
        min-height: inherit;
    }
    .servicies3 .news-col-2 .item h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .servicies3 {
        padding: 10px 0;
    }
    .news-col-2 {
        float: right;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .servicies3 .co-1 {
        padding-left: 0;
    }
    .servicies3 .co-3 {
        padding: 0 0 0 0;
    }
    .servicies3 .news-col-2 .item {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 5px;
    }
    .servicies3 .main-item h5 {
        height: auto;
    }
    .servicies1 {
        padding: 0;
    }
    .news-col-3 {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .servicies1 p {
        height: auto;
    }
    .servicies1 .co-1 {
        padding-left: 0;
    }
    .servicies1 .co-2 {
        padding: 0;
    }
    .servicies1 .co-3 {
        padding: 0;
    }
    .servicies1 .co-2 {
        margin: 0;
    }
    .servicies1 .news-col-3 .item {
        height: auto;
        margin-bottom: 10px;
    }
    .servicies1 .news-col-3 .item .img {
        width: 127px;
    }
    .list-news header {
        padding: 0;
    }
    .list-news {
        margin-bottom: 25px;
    }
    .list-news .all-items {
        float: right;
        width: 100%;
        min-height: 335px;
        padding: 10px 0;
    }
    .list-news .all-items .main-item {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .list-news .all-items .main-item .info {
        height: auto;
    }
    .list-news .all-items .main-item .info h5 {
        height: auto;
    }
    .list-news .all-items .item {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .list-news .all-items .item .in .img {
        width: 127px;
    }
    .servicies2 {
        width: 100%;
        padding: 0;
    }
    .news-col-4 {
        float: right;
        width: calc(50% - 5px);
    }
    .servicies2 .co-1 {
        padding-left: 0;
        margin-left: 10px;
    }
    .servicies2 .co-2 {
        padding: 0;
    }
    .servicies2 .co-3 {
        padding-right: 0;
    }
    .servicies2 .news-col-4 .item {
        height: 400px;
        margin-bottom: 10px;
    }
    .servicies2 .news-col-4 .main-item {
        height: 400px;
        margin-bottom: 10px;
    }
    .servicies2 .news-col-2 .item {
        height: auto;
        margin-bottom: 10px;
    }
    .servicies2 .news-col-2 .item h5, .servicies2 h5, .list-news .all-items .main-item .info h5, .servicies3 .main-item h5 {
        font-size: 15px;
    }
    .image-gallery .images-in .main-image {
        float: right;
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px;
    }
    .image-gallery .images-in .thumbs {
        width: calc(100% + 10px);
        margin-right: -5px;
    }
    .image-gallery .images-in .thumbs .item {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .sec-5 .right .header {
        padding: 10px 0;
    }
    .sec-5 .cities-map {
        float: left;
        width: 300px;
        position: relative;
        left: calc(50% - 150px);
        display: none;
    }
    .sec-5 .right select {
        width: 100%;
    }
    .map-news {
        width: 100%;
        height: auto;
        padding: 10px 0 0 0;
    }
    .cities-all-news {
        padding-right: 0;
    }
    .sec-5 .right .img {
        width: 127px;
    }
    .map-news li {
        width: 100%;
    }
    .sec-5 .right h5 {
        line-height: 22px;
        padding: 15px;
        font-weight: bold;
    }
    .map-news li h5::before {
        content: none;
    }
}
/*--------------------------------------------------------------------------------------------------------- 781 px*/
@media only screen and (max-width: 781px) {

    /*-----------------------------------------main page*/
    .main-news {
        margin-bottom: 20px;
    }
    .main-news .top .item .info p {
        height: auto;
        margin-bottom: 10px;
    }
    .top-center-news {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .my-barish {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .my-barish .slider {
        height: auto;
    }
    .my-barish .bottom {
        height: 90px;
    }
    .my-barish .bottom .text {
        font-size: 15px;
    }
    .my-barish .bottom .join {
        height: 40px;
    }
    .my-barish .bottom .join .subjects, .my-barish .bottom .join .send-new {
        padding: 11px;
        border-radius: 30px;
    }
    .banners-and-news .banners {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .banners-and-news .col-news {
        width: 100%;
    }
    .banners-and-news .col-news .shahrvand {
        height: auto;
        background-color: #f1f1f1;
    }
    .slider h5 {
        padding: 0 10px;
    }
    .banners-and-news .col-news .gallery {
        height: auto;
        padding: 10px 0 0 0;
    }
    .banners-and-news .col-news .gallery .bottom-items {
        height: auto;
    }
    .banners-and-news .col-news .gallery .bottom-items .item-small:first-child, .banners-and-news .col-news .gallery .bottom-items .item-small:last-child {
        margin-top: 0;
    }
    .sec-3 .in .news-col-3 {
        width: 100%;
        height: auto;
    }
    /*.sec-3 .in .news-col-3 header {*/
        /*height: 35px;*/
        /*border-bottom: 1px solid #e01516;*/
    /*}*/
    .sec-3 .in .news-col-3 .in {
        height: auto;
        min-height: inherit;
    }
    .sec-3 .in .col-border .in {
        border-right: none;
        border-left: none;
        padding-right: 10px;
    }
    .sec-3 .in .news-col-3 .in .item .img {
        display: block;
        width: 127px;
    }
    .sec-2 .news-tab {
        margin-left: 0;
        padding: 5px 0 5px 0;
    }
    .news-col-4 {
        width: 100%;
    }
    .servicies2 .news-col-4 .main-item {
        height: auto;
        margin-bottom: 20px;
    }
    .servicies2 .news-col-4 .item {
        height: auto;
        margin-bottom: 20px;
    }
    .servicies3 .co-1, .servicies1 .co-1, .list-news .all-items .main-item, .banners-and-news .col-news .shahrvand {
        margin-bottom: 20px;
    }
    .banner-main {
        margin: 20px 0 12.5px 0;
    }
    .ads {
        padding-left: 0;
    }
    .banners-and-news {
        padding: 0 5px 0 0;
    }
    .vedeo_news .videos .m-container {
        padding: 0 5px;
    }
    .sec-3 .in .col-border .in,.sec-3 .in .news-col-3 .in, .sec-3 .in .news-col-3 .in, .sec-3 .in .news-col-3 {
        padding: 5px 0;
    }
    .servicies2 .news-col-2 .item .img {
        width: 127px;
    }
    .sec-4, .list-news {
        margin-bottom: 0;
    }
    .sec-8, .sec-7, .sec-6 {
        display: none;
    }
}
/*--------------------------------------------------------------------------------------------------------- 600 px*/
@media only screen and (max-width: 600px) {

    /*-----------------------------------------main page*/
    .sec-2 .featured-news .item .img {
        width: 127px;
    }
    .sec-2 .featured-news .item .info {
        width: calc(100% - 127px);
    }
    .sec-2 .featured-news .item .info p {
        height: auto;
    }
    .sec-2 .featured-news .item {
        height: auto;
        margin-bottom: 20px;
    }
    .sec-2 .news-tab {
        padding-top: 0;
    }
    .news-tab-col-c {
        width: 100%;
        margin: 0;
    }
    .tab-content {
        padding: 5px 10px;
        height: auto;
        background-color: #f1f1f1;
        margin-top: 4px;
    }
    .nav-tabs .nav-item {
        border-radius: 20px;
        border: none;
        padding: 0 2px;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: #ff1b1d;
        color: #fff;
        border-bottom-color: #ff1b1d;
        border-radius: 20px;
    }
    .nav-tabs .nav-link {
        font-weight: normal;
        border-bottom: none;
        color: #fff;
        background-color: #03a9f4;
        border-radius: 20px;
    }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        color: #fff;
    }
    .banners-and-news .banners .banner, .servicies3 .news-col-2 .item, .servicies1 .news-col-3 .item, .list-news .all-items .item, .servicies2 .news-col-2 .item, .map-news li {
        margin-bottom: 20px;
    }
    .banners-and-news {
        padding: 0;
    }
    .banner-main a {
        padding-right: 0;
    }
    .ads-pc {
        display: none;
    }
    .ads-mobile {
        display: block;
        padding: 0 15px 0 15px;
        width: 100%;
    }
    .ads {
        padding: 0;
        height: auto;
    }
    .radio .icons {
        width: 100%;
        line-height: 40px;
        font-size: 15px;
        text-align: center;
        margin-bottom: 20px;
    }
    .radio .play {
        float: right;
        width: 100%;
    }
    .radio .title {
        width: 100%;
        padding: 15px 0 5px 0;
        text-align: center;
    }
}