.maincontainer {
    width: 100%;
    max-width: 960px;
}
h1.question-main-header, .cnt-tema h3 { margin: 0; padding: 1px 0 2px 0;  line-height: normal; }
h1.question-main-header,
h1.question-main-header a,
.cnt-tema h3,
.cnt-tema h3 a {font-size: 16px;}
/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */


@media only screen and (min-width :1000px) {
	body.ob{padding-top:80px;}
    h1.question-main-header, .cnt-tema h3 { font-size: 18px; line-height: 26px; padding-bottom: 15px;}
    h1.question-main-header, h1.question-main-header a,
	.cnt-tema h3,	.cnt-tema h3 a	{font-size: 21px;line-height: 31px;}
    .tema-block-page.comment-ele {padding-bottom: 10px;}

}

@media only screen and (min-width : 900px){
    .pc-hide {display: none;}
}

@media only screen and (max-width : 992px) {
	body.ob{padding-top:80px;}
    .maincontainer {
        max-width: 760px;
    }
    .ct-ls {width: 15.46%;}
    .ct-cnt-wr {width: 82%;}

    .copyright {line-height:normal;padding-top: 5px;}
    .projects-block{display: none;}
    .sb-small-tabs li {
        margin-left: 2px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 10px;
    }
    input.search-field { width: 370px; }

    .main-tabs li {  padding: 2px 5px; }

    .stick-temas-wr .ct-ls ,
    .temas-wr .ct-ls {width: 12%}
    .stick-temas-wr .ct-cnt-wr,
    .temas-wr .ct-cnt-wr {width: 86%}
    .stick-temas-wr .ct-ava,
    .temas-wr .ct-ava {width: 50px; height: 50px;}
    .mob-hide {display: none!important;}
	h1.question-main-header {
	padding: 4px 0 8px 0;
    font-weight: 600;
    font-size: 16px;
	}
	.comment-ele .ct-cnt-wr {padding-left:10px;}

}

@media only screen and (max-width : 768px) {
	html, body {
   overflow: hidden;
    overflow-y: auto;
}
		body.ob{padding-top:40px!important;}
    .bodyclass8march,
    .bodyclass2408,
    .bodyclass_14feb {
        padding-top:40px;
    }
    .maincol .side-block {font-size: 15px; line-height: 18px;}
    .maincol .sb-list-row {padding: 15px 0 0;}
    .temas-block {border: none;}
    .block-50-float:first-child {padding-right:0;}
    .maincontainer {
		padding:1px;
        max-width: none;
        min-width: 300px;
        /*hack for iphone sidebar*/
        /* -webkit-backface-visibility: hidden;*/
         -webkit-transform-style: preserve-3d;
    }
    .column, .block-50-float {
        width: 100%;
        float: none;
        margin-left:0;
        clear: both;
    }
    .question-textarea {
        height: 84px;
    }

    .block-50-float {margin-bottom: 10px;     padding-right: 0;}

    .footer-lc,.footer-rc{width: 100%;float: none;text-align: center;background: none;padding: 15px;}
    .footer-rc {display: none;}

    .tnp, #sidebar {display: block;}
    .biglogo,.mobile-hide, .header  {display: none!important;}
    input.search-field {width: 280px;  }
    .search-wr p {display: none;}
    .search-profile-wr {background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }
    .search-wr {height: 70px; margin-bottom: 10px;display: none;}
    .profile-wr {height: 80px; display: none;}

    .main-tabs li { margin-bottom:5px;   border-bottom: 1px solid #a3cd2d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px;}
    .category-list {display: none;}
    .category .category-list-view {display: block;}

    .comment-body {min-height: inherit; font-size: 15px; line-height: normal;}


    .stick-temas-wr .ct-ls,
    .temas-wr .ct-ls
    {width: 14%}
    .stick-temas-wr .ct-cnt-wr,
    .temas-wr .ct-cnt-wr
    {width: 84%}
    .stick-temas-wr .ct-ava,
    .temas-wr .ct-ava
    {width: 50px; height: 50px;}


    .comment-ele .ct-ava {
        width: 55px;
        height: 55px;
    }


    .comment-ele .ct-cnt-wr .ct-nick-mob {display: inline-block; font-weight: bold;}


    .comment-ele .ct-ava-wr {padding: 0  0 10px 0;}
    .ct-answer-for {display: block; margin: 5px 0;}

    .ct-f-bar {text-align: left;}
    .cnt-tema .ct-f-bar {text-align: right;}


    #sidecol {display: none;}
    .mob-brnd-insert {display: block!important;max-height: 70px;overflow: hidden;}
    .ct-count {position: absolute; top:0; right: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #f0f0f0;
    }

    .ct-dop-char li {display: inline;}
    .ct-dop-char li:after{display: inline-block;content: "|"; margin: 0 5px;}
    .ct-dop-char li:last-child:after{display: none;}

    .ct-ls {width: 13%;}
    .ct-cnt-wr {width: 85.7%;}

    .f-bar-list a, .f-bar-get-answer a, .f-bar-other a {text-decoration: none;}
    .pc-hide {display:inline-block;}
    .xmob-hide {display: none;}
    textarea {font-size: 14px; color: #000000;}
		.comment-ele {padding-bottom:20px;}
		.comment-ele .ct-cnt-wr {padding-left:0;}
        .ct-category {display: block; float: none; margin-bottom: 5px;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .pc-hide {display:inline-block;}
    .mob-hide {display: none!important;}
	.comment-ele .ct-ava {width: 55px; height: 55px;}
	    .f-bar-list a, .f-bar-get-answer a, .f-bar-other a {text-decoration: none;}


}

@media only screen and (max-width : 480px) {
		body.ob{padding-top:40px!important;}
    .pc-hide {display: inline-block;}
    .otzyv-ocenka-table td {padding: 33px 5px 10px 5px; font-size: 10px; line-height: 12px; }
    .tema-block-page-buttons {
        text-align: center;
    }
    .block-50-float:first-child {padding-right:0;}
    .tema-block-page-buttons .button {margin:15px 0!important; width: 80%;}
    .tema-block-page-buttons .actionpanel-wr {display: inline-block; float: none;}
    .tema-block-page-buttons .actionpanel-wr {display: inline-block; float: none;}
    .ct-ls {width: 18%;}
    .ct-cnt-wr {width: 80.7%;}

    input.search-field {width: 200px;}
    /*small profile*/
    .pp-avatar-wr, .profile-page .ct-ava-wr {
        width: 100%;
        float: none;
        display: block;
    }

    .pp-content-wr {
        padding: 0 5px 20px 5px;
        text-align: center;
    }
    .profile-page .ct-ava ,
	.tema-block-page.comment-ele .ct-ava {
        width: 50px;
        height: 50px;
    }
    .comment-ele .ct-ava {
        width: 40px;
        height: 40px;
    }
    .ppu-ban-info {border: none;}
    .ppu-name {font-size: 16px;}
    /**/
    /*Responsive Tables*/
    table.res-table {
        border: 0;
    }

    table.res-table thead {
        display: none;
    }

    table.res-table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }

    table.res-table td {
        display: block;
        text-align: right;
        border-bottom: 1px dotted #ccc;
    }

    table.res-table td:last-child {
        border-bottom: 0;
    }

    table.res-table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
    .comment-ele .ct-ava {
        width: 40px;
        height: 40px;
    }

    .stick-temas-wr .ct-ls,
    .temas-wr .ct-ls
    {width: 16%}
    .stick-temas-wr .ct-cnt-wr,
    .temas-wr .ct-cnt-wr
    {width: 82%}
    .stick-temas-wr .ct-ava ,
    .temas-wr .ct-ava
    {width: 40px; height: 40px;}

    /*opros*/
    .opros-wr .button {display: block;}
    .chart-row {display: block;}
    .chart-row-title {display: block!important; width: 100%; clear: both;font-weight: bold;}
    /*    .chart-row-data {width: 30%;}*/
    .chart-row-graph {width: 100%;display: block;}
    .chart-green-wr {width: 100%;}
		.comment-ele {padding-bottom:20px;}
		.comment-ele .ct-cnt-wr {padding-left:0;}
    .ct-category {display: block; float: none; margin-bottom: 5px;}
    .brnd_switch{
        display: block!important;
        text-align: center;
    }
}

@media only screen and (max-width : 320px) {
	body.ob{padding-top:40px!important;}
    /*.maincontainer {*/
    /*max-width: none;*/
    /*min-width: 300px;*/
    /*}*/
    input.search-field {width: 130px;}
    .pc-hide {display:inline-block;}
	.comment-ele {padding-bottom:15px;}
	.comment-ele .ct-cnt-wr {padding-left:0;}
    .ct-category {display: block; float: none; margin-bottom: 5px;}
    .brnd_switch{
        display: block!important;
        text-align: center;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    #sidebar-toggle, #search-toggle {
        background-image:  url('https://img.kidstaff.net/sovet2/css/topmenu-icons-sprite-x2.png')!important;
        background-size: 128px 32px!important;
    }
    .icon-sb-menu {
        background-image: url("https://img.kidstaff.net/sovet2/css/sidebar-i-ele-sprite-x2.png");
    }
}

#topnewsss{
position:absolute; 
bottom:0;
width:100%;
height:0px;
}

#topnewsss p{
 display: block;
 text-align:justify;
 text-indent: 50px;
 padding: 0px 50px 0px 50px; 
}

#topnewsss li{
 margin-left: 50px; 
}