@media only screen and (min-device-width : 320px) and (max-device-width : 768px){
    body{
        min-width: 100%;
    }
    .header-wrap{
        width: 100%;
    }
    .logo{
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .logo .line{
        display: none;
    }
    .social{
        position: relative;
        margin: 0 auto 0 auto;
        top: auto;
        right: auto;
        float: none;
        display: block;
        width: 80px;
        padding: 0;
    }
    .top-social{
        display: none;
    }
    .header-wrap h1{
        display: block;
        padding: 0 10px;
        text-align: center;
    }
    .header-wrap i{
        line-height: 18px;
    }
    .left-menu{
        width: 100%;
        padding: 0;
        background: #333333;
        margin: 0;
    }
    .open-responsive-menu-nav{
        display: block;
        padding: 0 10px 20px 10px;
        margin: 0;
        background: #d3d3d3;
    }
    .left-menu li a{
        font: bold 16px/20px 'pt sans';
        height: auto;
        padding: 10px 20px;
        color: #ffffff;
    }
    .left-menu li:last-child a{
        padding: 10px 20px;
    }
    .left-menu ul{
        margin: 0 0 20px 20px;
        border-left: 2px solid #515151;
    }
    .last_link_in_top{
        color: #ffffff !important;
    }
    .last_link_in_top:after{
        content: 'спецпроект';
        display: inline-block;
        height: 20px;
        width: 78px;
        font: 10px/19px 'arial';
        color: #eadcbd;
        background: url("../img/spec.png") no-repeat center;
        padding: 0 0 0 15px;
        margin: 0 0 0 10px;
    }
    .guide span{
        color: #b7b7b7;
        font: 14px/20px 'arial';
        padding: 10px 20px;
        display: block;
    }
    .rubricator{
        position: relative;
        width: 100%;
        padding: 0;
        margin: 10px 0 -5px 0;
display: none;
    }
    .rubricator span {
        display: block;
        width: 100%;
        height: 40px;
        margin: 0;
        background: #e0564c url("../img/arrow-down.png") no-repeat 88% center;
        font: bold 14px/40px 'pt sans';
        color: #ffffff;
        padding: 0;
        text-align: center;
    }
    .content-wrap{
        width: 100%;
    }
    .rubricator-sub-menu{
        width: 100%;
    }
    .content{
        min-width: 100%;
        padding: 0 10px 20px 10px;
    }
    .allnews-block li{
        display: block;
        width: 100%;
        padding: 0;
    }
    .box-1x1{
        width: 100%;
        display: block;
        height: 150px;
        overflow: hidden;
    }
    .box-1x1 img{
        display: block;
        width: 100%;
    }
    .allnews-block li .rubric{
        display: none;
    }
    .text-box-1x1{
        width: 100%;
        height: 150px;
    }
    .text-box-1x1 time,
    .text-box-1x2-vertical time,
    .text-box-1x2-horizontal time,
    .text-box-4x1 time{
        padding: 0 0 20px 27px;
        font: 12px 'arial';
        color: #cbcbcb !important;
        background: url("../img/calendar-white-min.png") no-repeat left 2px !important;
    }
    .text-box-1x1 p,
    .text-box-1x2-vertical p,
    .text-box-1x2-horizontal p,
    .text-box-4x1 p{
        display: none;
    }
    .gridster ul{
        width: 100% !important;
        height: auto !important;
    }
    [data-sizex="2"]{
        width: 100% !important;
    }
    [data-sizey="2"]{
        height: auto !important;
    }
    .gridster li{
        position: relative !important;
        padding: 0 !important;
        width: 100% !important;
        height: 150px !important;
        left: 0 !important;
        top: auto !important;
        background: transparent !important;
    }
    .box-2x2{
        width: 100%;
        display: block;
        height: 150px;
        overflow: hidden;
    }
    .box-2x2 img{
        min-width: 100%;
        min-height: 150px;
        width: 100%;
        margin: -140px 0 0 0;
    }
    .field-gridster a{
        height: 150px;
    }
    .text-box-2x2{
        width: 100%;
        height: 150px;
        padding: 20px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.7)));
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
        background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 );
    }
    .text-box-2x2 h2{
        width: 100%;
        font: bold 20px/26px 'pt sans';
        max-height: 260px;
        min-height: 50px;
    }
    .download{
        display: none;
    }
    .header-wrap i{
        display: none;
    }
    .navbar-toggle{
        position: relative;
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 20px 0 20px 0;
        padding: 0;
        background: url("../img/rubric.png") no-repeat center;
        border: none;
        border-radius: 0;
        width: 10px;
        height: 10px;
    }
.tags_host_city {
        display: block;
        vertical-align: top;
        margin: 10px auto 0 auto;
        float: none;
    }
    .tags_host_city a {
        display: block;
        height: 20px;
        vertical-align: top;
        text-align: center;
        padding: 0 25px;
        min-width: 140px;
        margin: -20px auto 30px auto;
        font: 12px/17px 'pt sans';
        color: #e2564c;
        border: 1px solid #e87870;
    }
    .navbar-header{
        padding: 0;
        text-align: center;
        margin: 0 10px;
    }
    .navbar-header.open-responsive-menu{
        background: #e0564c;
    }
    .navbar-header.open-responsive-menu .navbar-brand{
        color: #ffffff;
    }
    .navbar-header.open-responsive-menu .navbar-toggle{
        background: url("../img/close-rubr.png") no-repeat center;
    }
    .navbar-brand{
        float: none;
        display: inline-block;
        vertical-align: top;
        color: #e0564c;
    }
    nav{
        display: block;
        padding: 0 10px 0 10px;
        margin: 0;
        background: #d3d3d3;
        height: 0;
    }
    .gomora {
        float: none;
        margin: 0 auto 10px auto;
        height: 250px;
        width: 100%;
        overflow: hidden;
    }
    ins{
        width: 100% !important;
        height: auto !important;
        min-height: 90px;
        margin: 10px auto;
    }
    iframe{
        width: 100% !important;
        height: 250px !important;
        margin: 0 auto;
    }
    .left-menu li{
        display: block;
    }
    .allnews-block li {
        display: block;
        width: 100%;
        padding: 0;
        height: 150px;
        overflow: hidden;
    }
    .text-box-1x1{
        padding: 20px;
    }
    .text-box-1x1 h2 {
        padding: 5px 0 20px 0;
        font: bold 14px/20px 'pt sans';
    }
    .box-btn {
        display: block;
        height: 40px;
        padding: 0 0 10px 0;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0 20px 0 0;
    }
    .btn {
        display: inline-block !important;
        vertical-align: top !important;
        min-width: 110px;
        padding: 0 20px;
        height: 20px !important;
        font: 10px/17px 'verdana' !important;
        color: #ffffff !important;
        background: rgba(226,86,76,0.4) !important;
        text-align: center !important;
        border-radius: inherit !important;
    }
    .box-1x2-vertical{
        width: 100%;
        display: block;
        height: 150px;
        overflow: hidden;
    }
    .box-1x2-vertical img {
        display: block;
        min-width: 100%;
        min-height: 200px;
        position: relative;
        z-index: 1;
        top: 0;
        margin: -140px 0 0 0;
    }
    .text-box-1x2-vertical {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 150px;
        padding: 20px;
        z-index: 2;
    }
    .text-box-1x2-vertical h2 {
        display: block;
        padding: 0 0 10px 0;
        font: bold 14px/20px 'pt sans';
        color: #ffffff;
    }
    .text-box-1x2-vertical p{
        display: none;
    }
    .box-1x2-horizontal{
        width: 100%;
        display: block;
        height: 150px;
        overflow: hidden;
    }
.box-1x2-horizontal img{
        min-width: 100%;
        min-height: 150px;
        width: 100%;
    }
    .text-box-1x2-horizontal {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 150px;
        padding: 20px;
        z-index: 2;
    }
    .text-box-1x2-horizontal h2 {
        display: block;
        padding: 0 0 10px 0;
        font: bold 14px/20px 'pt sans';
        color: #ffffff;
    }
    .box-4x1 img {
        display: block;
        min-width: 100%;
        width: 100%;
        min-height: 150px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        top: 0;
    }
    .text-box-4x1 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 150px;
        padding: 20px;
        z-index: 2;
    }
    .text-box-4x1 h2{
        width: 100%;
        font: bold 14px/20px 'pt sans';
        max-height: 260px;
        min-height: 50px;
    }
    .big-news {
        display: block;
        height: 150px;
        padding: 0;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .big-news img{
        display: block;
        min-width: 100%;
        width: 100%;
        min-height: 150px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        top: 0;
    }
    .text-big-news {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: 150px;
        padding: 20px 20px;
        z-index: 2;
        background: rgba(0,0,0,0.7);
    }
    .text-big-news small small{
        margin: 0;
        font: bold 20px/26px 'pt sans';
    }
    .text-big-news h2{
        margin: 0;
        font: bold 20px/26px 'pt sans';
    }
    .text-big-news p{
        display: none;
    }
    .btn-big-news {
        display: block;
        position: absolute;
        width: 120px;
        height: 20px;
        top: auto;
        bottom: 0;
        right: 20px;
        font: 12px/18px 'pt sans';
        color: #e2564c;
        text-align: center;
        border: 1px solid #e2564c;
        margin: 0 0 20px 0;
    }
    .btn-newsfeed{
        margin: 10px 0;
    }
    .field-slider{
        display: none;
    }
    .logo-footer img{
        display: none;
    }
    footer{
        text-align: center;
        padding: 0 10px;
        min-width: 100%;
        margin: -100px 0 0 0;
    }
    .footer-wrap{
        width: 100%;
        padding: 5px 0 20px 0;
    }
    .bottom-menu ul{
        width: 100%;
    }
    .bottom-menu ul li{
        display: block;
    }
    .bottom-menu ul li a{
        margin: 0;
    }
    .bottom-menu {
        display: block;
        position: relative;
        min-height: 20px;
        padding: 10px 0 10px 0;
        float: none;
        text-align: center;
    }
    .hFooter {
        display: block;
        height: 100px;
    }
    .article{
        padding: 10px 0 0 0;
    }
    .article-wrap{
        width: 100%;
        margin: 0;
        padding: 20px 0;
        min-height: 100px;
        overflow: hidden;
    }
    .header-article{
        padding: 0 20px;
    }
    .btn-header-article {
        display: inline-block;
        position: relative;
        vertical-align: top;
        text-align: center;
        width: 110px;
        height: 20px;
        font: 12px/17px 'pt sans';
        color: #ffffff;
        background: #e4665d;
        margin: 0 10px 25px 0;
    }
table{
        width: 100% !important;
    }
    .tags {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 25px 0;
    }
    .tags a {
        display: inline-block;
        height: 20px;
        vertical-align: top;
        text-align: center;
        padding: 0 10px;
        min-width: 110px;
        margin: 0;
        font: 12px/17px 'pt sans';
        color: #e2564c;
        border: 1px solid #e87870;
    }
    .header-article time {
        display: inline-block;
        vertical-align: top;
        height: 20px;
        font: 12px/20px 'arial';
        color: #818181;
        background: url("/data/img/calendar-red.png") no-repeat left 4px;
        background-size: 12px 10px;
        padding: 0 0 0 20px;
        margin: 0 30px 5px 0;
    }
    .viewed {
        display: inline-block;
        vertical-align: top;
        height: 20px;
        font: 12px/20px 'arial';
        color: #818181;
        background: url("/data/img/viewed.png") no-repeat left center;
        padding: 0 0 0 27px;
        margin: 0 0 5px 0;
        background-size: 20px 10px;
    }
#action_teaser{
        float: none !important;
    }
    .article h1{
        font: bold 20px/26px 'pt sans';
    }
    .article-wrap img{
        display: none;
    }
    .header-article i{
        font: italic 12px/20px 'verdana';
        margin: 0;
    }
    .article-wrap strong, .article-wrap b{
        font: bold 12px/18px 'arial';
        margin: 0 0 20px 0;
    }
    .text-article {
        display: block;
        padding: 0 20px;
    }
    .article p {
        display: block;
        font: 12px/18px 'arial';
        color: #333333;
        margin: 15px 0 20px 0;
    }
#YMapsID {
        width: 100% !important;
        height: 330px !important;
        padding: 0 20px;
        margin: 20px 0 0 0;
        overflow: hidden;
    }
    .like {
        display: block;
        margin: 0;
    }
.img-one-news img {
        display: block;
        height: 50px;
        width: auto;
        max-width: 100px !important;
    }
    #fixed-block{
        display: none;
    }
    .content-wrap h3{
        padding: 15px 0;
        font: bold 16px/18px 'pt sans';
    }
    .logo-footer {
        display: block;
        width: 100%;
        margin: 0 auto;
        border-bottom: none;
        height: auto;
        padding: 0 0 25px 0;
    }
.text-article-new {
display: block;
padding: 0 20px;
}
    .one-news {
        padding: 0 20px 20px 20px;
    }
    .img-one-news {
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: top;
        margin: 0 20px 0 0;
        background: #d3d3d3;
        overflow: hidden;
    }
    .img-one-news a{
        width: 50px;
        height: 50px;
    }
    .field-one-news-img{
        max-width: 50px !important;
        max-height: 50px !important;
    }
    .text-one-news {
        width: auto;
        max-width: 73%;
    }
    .one-news h4 {
        display: block;
        font: 12px/18px 'arial';
        color: #333333;
        margin: -5px 0 5px 0;
    }
    .one-news p{
        display: none;
    }
    .one-news time{
        display: inline-block;
        vertical-align: top;
        height: 20px;
        font: 10px/20px 'arial';
        color: #818181;
        background: url("/data/img/calendar-red.png") no-repeat left 4px;
        background-size: 12px 10px;
        padding: 0 0 0 20px;
        margin: 0 25px 5px 0;
    }
    .one-news .viewed {
        display: inline-block;
        vertical-align: top;
        height: 20px;
        font: 10px/20px 'arial';
        color: #818181;
        background: url("/data/img/viewed.png") no-repeat left center;
        padding: 0 0 0 27px;
        margin: 0 0 5px 0;
        background-size: 20px 10px;
    }
    .main-pagination {
        display: block;
        position: relative;
        height: auto;
        text-align: center;
        padding: 2px;
        margin: 0 20px;
    }
    .main-pagination ul li a {
        display: block;
        padding: 0 14px;
        font: bold 12px/20px 'arial';
        color: #e2564c;
    }
    .btn-rubric.active {
        display: inline-block;
        position: relative;
        vertical-align: top;
        text-align: center;
        width: 110px;
        min-width: 110px;
        height: 20px;
        font: 12px/17px 'pt sans';
        color: #ffffff;
        background: #e4665d;
        margin: 0 10px 25px 0;
    }
    .btn-rubric {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 110px;
        min-width: 110px;
        height: 20px;
        font: 12px/17px 'pt sans';
        color: #e2564c;
        border: 1px solid #e87870;
        margin: 0 10px 25px 0;
    }
    .one-cafe {
        display: block;
        position: relative;
        padding: 0 20px 10px 20px;
    }
    .img-one-cafe {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        height: auto;
        margin: 0;
    }
    .article-wrap .one-cafe img {
        display: block;
        width: 100%;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
        margin: 20px 0;
    }
    .text-cafe h4{
        font: bold 16px/18px 'pt sans';
    }
    .text-cafe{
        width: 100%;
    }
    .text-cafe p{
        width: 100%;
        padding: 0 0 0 30px;
    }
    .cooking{
        background: url("/data/img/fork.png") no-repeat 2px center;
    }
    .address {
        background: url("/data/img/point-red.png") no-repeat 0 5px;
    }
    .phone {
        background: url("/data/img/phone.png") no-repeat 0 center;
    }
    .check {
        display: inline-block;
        position: relative;
        float: none;
        width: 100%;
        padding: 0 0 0 30px;
        background: url("../img/rouble-red.png") no-repeat 0 center;
    }
    .check span {
        display: block;
        width: auto;
        height: auto;
        padding: 12px 0 0 80px;
        background: none;
        font: 12px/18px 'arial';
        color: #333333;
    }
    .check span:after{
        display: inline-block;
        vertical-align: top;
        padding: 0 0 0 5px;
        content: 'рублей';
    }
    .check span img{
        display: none !important;
    }
    .check p {
        display: inline-block !important;
        position: absolute;
        font: 12px/18px 'arial';
        color: #333;
        margin: 0;
        top: 12px;
    }
    .one-stadium {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        position: relative;
        margin: 0 0 30px 0;
    }
    .one-stadium img {
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
    }
    .article .stadium-download p{
        display: block;
        font: 12px/14px 'arial';
        color: #b3bbc0;
        margin: 0;
        padding: 0 10px;
    }
    .stadium-download {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        width: 105px;
        height: 40px;
        background: url("/data/img/stadium-flag-small.png") no-repeat center;
        text-align: right;
        background-size: 105px 40px;
    }
    .stadium-download b {
        display: block;
        font: bold 14px 'pt sans';
        padding: 4px 10px 0 0;
        text-align: right;
    }
    .stadium-price {
        display: block;
        position: absolute;
        right: 0;
        top: 50px;
        width: 115px;
        height: 45px;
        background: url("/data/img/stadium-flag-big.png") no-repeat center;
        text-align: right;
        background-size: 115px 45px;
    }
    .stadium-price b {
        display: block;
        font: bold 14px 'pt sans';
        padding: 4px 10px 0 0;
        color: #FFFFFF;
        text-align: right;
    }
    .article .stadium-price p{
        display: block;
        font: 12px/14px 'arial';
        color: #b3bbc0;
        margin: 0;
        padding: 0 10px;
    }
    .article .stadium-download-2 p{
        display: block;
        font: 12px/14px 'arial';
        color: #b3bbc0;
        margin: 0;
        padding: 0 10px;
    }
    .stadium-download-2 {
        display: block;
        position: absolute;
        right: 0;
        top: 100px;
        width: 105px;
        height: 40px;
        background: url("/data/img/stadium-flag-small.png") no-repeat center;
        text-align: right;
        background-size: 105px 40px;
    }
    .stadium-download-2 b {
        display: block;
        font: bold 14px 'pt sans';
        padding: 4px 10px 0 0;
        text-align: right;
    }
    .rg-gallery {
        padding: 0 20px 20px 20px;
    }
table img{
        display: block !important;
    }
table td{
        vertical-align: top;
    }
}