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

    body {
        font-size: 18pt;
        line-height: 1.3em;
    }

    .layout {
        padding: 2% 2% 20%;
    }


    .c_wrapper {
        width: 100%;
    }

    .fulltextnormal, nav ul li {
        font-size: 18pt;
    }

    header {
        display: block;
        position: relative;
		min-height: 16vw;
    }

    header section {
        padding: 4% 0;
    }

    header .afisha,
    header .social {
        display: none;
    }

    header .logo {
        display: block;
        margin: 0 auto;
        width: 50% !important;
        text-align: center;
		position: absolute;
		z-index: 99;
		left: 25%;
		top: 0;
    }

    header .logo a {
        width: 100%;
        font-size: 3vw;
        padding-top: 5vw;
    }


    .menu ul {
        padding: 2%;
    }

    .left_col {
        display: none;
    }
	
	 .displaynone {
        display: none;
    }
	.centr {
	margin: 0 auto;
    }
    .c_col,
    .c_col .col,
    .right_col {
        float: left;
        width: 100% !important;
        margin-left: 0 !important;
    }

    .news .item time, .block time,
    .c_col .block time {
        font-size: .8em;
        margin-top: 1%;
        padding: 1%;
    }

    .news .item time span, .block time span,
    .news .item.today time strong::before,
    .c_col .block time strong {
        position: relative;
        top: 0;
        display: inline;
    }

    .news .item time::after, .block time::after {
        display: none;
    }

    .news .item.today time strong {
        top: 0;
    }

    .news .item article {
        padding: 4% !important;
    }

    .news .item h5,
    .c_col .block h5 {
        font-size: 1.1em;
        line-height: 1.3em;
    }

    .news .item .tags {
        font-size: .7em;
    }

    .c_col .block .title,
    .block .title {
        font-size: 18pt;
        line-height: 1.2em;
    }

    .c_col .col:last-of-type .block:first-child {
        margin-top: 15px;
    }

    .c_col .col:last-of-type .block:first-child::before,
    .c_col .col:last-of-type .block:first-child::after {
        content: '';
        display: block;
        width: 3px;
        height: 16px;
        background: url("../m_i/hook.png") no-repeat;
        position: absolute;
        top: -13px;
        z-index: 1;
    }

    .c_col .col:last-of-type .block:first-child::before {
        left: 17px;
    }

    .c_col .col:last-of-type .block:first-child::after {
        right: 17px;
    }

    .link_all {
        font-size: .8em;
    }

    .btn {
        font-size: 18pt;
    }

    .top li {
        padding: 2% 0;
    }

    .top ul {
        padding: 2%;
    }

    .top li figure {
        width: 10vw;
        height: 10vw;
    }

    .top li a {
        margin-left: 12vw
    }

    .quiz ol {
        margin: 0.8em 0 0 4%;
    }

    .quiz .total {
        font-size: 1.1em;
    }

    .block .button_block {
        margin: 4% 0;
    }

    footer {
        position: relative;
    }

    footer .c_wrapper::before {
        display: none;
    }

    footer .c_wrapper {
        padding-bottom: 6%;
        padding-top: 6%;
    }

    footer .more {
        color: #fff;
        text-decoration: none !important;
        font-size: 18pt;
        text-transform: uppercase;
        line-height: 1.2em;
        white-space: nowrap;
        box-sizing: border-box;
        display: inline-block;
        z-index: 9;
        padding: .7em 2em;
        text-align: center;
        font-family: 'pt_serifregular';
        -webkit-border-radius: 1.3em;
        border-radius: 1.3em;
        background-color: #5c8ba0;
        box-shadow: 0 3px 0 rgba(0,0,0,.2);
        font-weight: bold;
        top: -60% !important;
        left: 5%;
        width: 90%;
    }


    footer .logo a {
        width: 40%;
        height: auto;
    }

    footer .copy {
        font-size: .8em;
        margin-top: 4%;
    }

    .nodesctop {
        display: block !important;
    }
	
	
	.breadcrumbs ul li {
		font-size: 16pt;
		margin: 0;
	}
	
	.breadcrumbs ul li a:after {
	font-size: 14pt;
	}
	
	.col_main_frame {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	.rubrics li {
		font-size: 16pt;
		margin: 0 16pt;
	}	
	
	
	.rubrics .selected a {
		font-size: 18pt;
	}
	
	
	.afisha .day .item .info .col {		
		float: none;
		font-size: 14pt;
		width: 100%;
		margin-top: 20px;
	}
	
	
	.afisha .day .item .info {
		margin-top: 10px;
	}
	
	
	.afisha .day .item article {
		margin-top: 30px;
	}
	
	
	.afisha .day .item figure {
		float: none;
		text-align: center;
		width: 100%;
	}
	
	
	.afisha .day .item .text {
		font-size: 18pt;
		margin-left: 0;
		margin-top: 20px;
	}
	
	.tags {
    font-size: 14pt;
	}
	
}