/* ���� � ������������ �� �������� /o_kompanii/ */
.workers_block{
	width: 100%;
	margin: 0 auto;
}


.workers_item{
	position: relative;
	width: 228px;
	height: 389px;
	margin-bottom: 24px;
	margin-right: 12px;
	display: inline-block;
	background: #ffffff center center no-repeat;
}

.workers_item_about{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.8);
	color: #FFFFFF;
	height: 70px;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	padding: 12px 0;
}
.workers_item_about__post{}
.workers_item_about__name{font-weight: bold; text-transform: uppercase;}

.workers_clearfix{clear: both;}
@media (min-width: 978px) and (max-width: 1310px) {
    .inner {
        max-width: 1000px;
    }

    .topmenu ul li {
        min-width: 50px;
    }

    #header-buttons li {
        width: 189px;
    }

    #content {
        width: 970px;
    }

    .art-short {
        width: 700px;
    }

    .afterBeforeList {
        width: 700px;
    }

    .afterBeforeList li {
        width: 300px;
        padding: 0 48px 25px 0;
    }

    .bottom-gallery {
        width: 665px;
    }

    .topmenu ul li ul.submenu.last {
        margin-left: -140px !important;
    }

    .bottom-gallery .jCarouselLite {
        width: 660px !important;
    }

    .bottom-gallery img {
        padding: 0 35px !important;
    }

    .photo_brief_block {
        width: 187px;
        margin: 0px 30px 30px 0px;
    }
    .rate .item .rateHead .top {
		float: none;
		text-align: center;
		line-height: 30px;
	}
	.rate .item div.price {
		text-align: center;
		float: none;
	}
	.rate .item .rateHead p {
		min-height: 75px;
	}
	.rate.smallblock .item .content ul {
		min-height: 320px;
	}
	.rate.smallblock .item .content .desc {
		min-height: 120px;
	}
    /* TODO: Àäàïòèâ ôóòåð */

}

@media (min-width: 768px) and (max-width: 979px) {
    .inner {
        max-width: 100%;
    }

    #content {
        width: 100%;
    }

    .adres {
        display: none;
    }

    .topmenu ul li {
        min-width: 20px;
        padding: 0 17px 0 0;
    }

    .topmenu ul li a {
        font-size: 13px;
    }

    #header-buttons li {
        width: 144px;
        height: 82px;
        margin: 0 20px;
        background-size: 144px 70px;
    }

    #header-buttons li img {
        height: 41px !important;
        margin: -4px 2px 0 -21px !important;
    }

    #header-buttons .button-title {
        margin: 20px 0 0 25px;
        font-size: 16px;
    }

    #header-buttons .button-descr {
        font-size: 12px;
        padding-left: 26px;
    }

    .rate .item .content {
        min-height: 247px;
        height: auto;
    }

    .art-short {
        width: 500px;
        float: left;
    }

    .sert-img {
        float: left !important;
        padding: 0 !important;
    }

    .afterBeforeList li {
        width: 216px;
    }

    .afterBeforeList li img {
        width: 216px;
        height: 100%;
    }

    .bottom-gallery {
        margin-left: 36px;
    }

    .bottom-arrow {
        overflow-x: auto;
    }

    .calc-top-banner-wrapper {
        width: 100% !important;
        padding:0px 30px;
        box-sizing: border-box;
    }

    .calc-top-banner-wrapper > img {
        width: 100%;
    }

    .rate .item {
        width: 47%;
        float: none;
        display: inline-block;
        vertical-align: top;
        min-height: 350px;
    }

    .rate .item:first-child {
        margin-left: 2%;
    }

    .rate .item.three {
        margin-left: 2%;
    }
	
	.rate .item .rateHead .top {
		float: none;
		text-align: center;
		line-height: 30px;
	}
	.rate .item div.price {
		text-align: center;
		float: none;
	}
	.rate .item .rateHead p {
		min-height: 75px;
	}
	.rate.smallblock .item .content ul {
		min-height: 320px;
	}
	.rate.smallblock .item .content .desc {
		min-height: 120px;
	}
    .bx-google-map {
        width: 100% !important;
    }

    .table_uslug_pict {
        width: 100px;
    }

    .table_uslug_pict a img {
        width: 100px !important;
        float: none;
        display: block;
    }

    .table_uslug_1div_div {
        float: none;
        width: auto;
    }

    .photo_brief_block {
        width: 216px;
        margin: 0px 30px 30px 0px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .photo_brief_block img {
        width: 220px;
        height: 154px;
    }

    .photo_brief_block.last {
        margin: 0px 20px 30px 0px;
        float: none;
        display: inline-block;
    }

    .photo_brief .clear {
        display: none;
    }

    .art-short table td img {
        width: 75% !important;
    }

    #header-phone a {
        /* margin-top: 10px; */
    }
    .bottom-gallery .jCarouselLite {
        width: 660px !important;
    }
    #sertificate ul.filter_sert li {
	    border-right: 1px solid #ce8324;
	    margin-right: 5px;
	    margin-bottom: 5px;
    }

    /* TODO: Ôóòåð àäàïòèâ */
    .footer_information .left_information, .center_information, .right_information {
        display: block;
        vertical-align: middle;
        float: none;
        width: 100%;
        text-align: center;
    }
    .email_block_footer{
        padding-left: 0px;
        padding-top: 5px;
    }
    .phone_block_footer{
        padding-left: 0px;
    }
    .right_information .job_time_footer {
        margin-left: 6px;
        display: inline-block;
        float: none;
        margin: 0px auto;
    }
    .feedback_block_modals_footer{
        float: none;
        margin: 0px auto;
    }
    .footer_left_logo {
        float: none;
        margin: 0px auto;
        display: inline-block;
    }
    .right_footer_block_pay {
        float: none;
        margin: 0px auto;
        display: inline-block;
    }
    .footer_left_logo {
        display: block;
        text-align: center;
    }
    .right_footer_block_pay {
        display: block;
        text-align: center;
    }
}

@media (min-width: 736px) and (max-width: 767px) {
    .inner {
        max-width: 100%;
    }

    #content {
        width: 100%;
    }

    .adres {
        display: none;
    }

    .topmenu ul li {
        min-width: 20px;
        padding: 0 17px 0 0;
    }

    .topmenu ul li a {
        font-size: 12px;
    }

    #header-buttons li {
        width: 130px;
        height: 82px;
        margin: 0 20px;
        background-size: 133px 82px;
    }

    #header-buttons li img {
        height: 41px !important;
        margin: -4px 2px 0 -21px !important;
    }

    #header-buttons .button-title {
        margin: 20px 0 0 25px;
        font-size: 16px;
    }

    #header-buttons .button-descr {
        font-size: 12px;
        padding-left: 26px;
    }

    .rate .item .content {
        min-height: 247px;
        height: auto;
    }

    .art-short {
        width: 100%;
        box-sizing: border-box;
    }

    .sert-img {
        float: left !important;
        padding: 0 !important;
    }

    .afterBeforeList li {
        width: 300px;
        padding: 0 24px 24px;
    }

    .afterBeforeList li img {
        width: 300px;
        height: 100%;
    }

    .option .item .message {
        width: 100%;
        box-sizing: border-box;
    }

    .bottom-gallery {
        margin-left: 3px;
        width: 98%;
    }

    .bottom-arrow {
        overflow-x: auto;
    }

    .calc-top-banner-wrapper {
        width: 100% !important;
        padding: 30px;
        box-sizing: border-box;
    }

    .calc-top-banner-wrapper > img {
        width: 100%;
    }
    .rate .item {
        width: 47%;
        float: none;
        display: inline-block;
        vertical-align: top;
        min-height: 350px;
    }

    .rate .item:first-child {
        margin-left: 2%;
    }

    .rate .item.three {
        margin-left: 2%;
    }
	.rate .item .rateHead .top {
		float: none;
		text-align: center;
	}
    .bx-google-map {
        width: 100% !important;
    }

    .table_uslug_pict {
        width: 100px;
    }

    .table_uslug_pict a img {
        width: 100px !important;
        float: none;
        display: block;
    }

    .table_uslug_1div_div {
        float: none;
        width: auto;
    }

    .photo_brief_block {
        width: 206px;
        margin: 0px 30px 30px 0px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .photo_brief_block img {
        width: 220px;
        height: 154px;
    }

    .photo_brief_block.last {
        margin: 0px 20px 30px 0px;
        float: none;
        display: inline-block;
    }

    .photo_brief .clear {
        display: none;
    }

    .art-short table td img {
        width: 75% !important;
    }

    .right-bar {
        display: none;
    }

    #header-phone a {
        margin-top: 10px;
    }
    .bottom-gallery .jCarouselLite {
        width: 660px !important;
    }
    #sertificate ul.filter_sert li {
	    border-right: 1px solid #ce8324;
	    margin-right: 5px;
	    margin-bottom: 5px;
    }
    /* TODO: Ôóòåð àäàïòèâ */
    .footer_information .left_information, .center_information, .right_information {
        display: block;
        vertical-align: middle;
        float: none;
        width: 100%;
        text-align: center;
    }
    .email_block_footer{
        padding-left: 0px;
        padding-top: 5px;
    }
    .phone_block_footer{
        padding-left: 0px;
    }
    .right_information .job_time_footer {
        margin-left: 6px;
        display: inline-block;
        float: none;
        margin: 0px auto;
    }
    .feedback_block_modals_footer{
        float: none;
        margin: 0px auto;
    }
    .footer_left_logo {
        float: none;
        margin: 0px auto;
        display: inline-block;
    }
    .right_footer_block_pay {
        float: none;
        margin: 0px auto;
        display: inline-block;
    }
    .footer_left_logo {
        display: block;
        text-align: center;
    }
    .right_footer_block_pay {
        display: block;
        text-align: center;
    }
}

@media (min-width: 200px) and (max-width: 735px) {
    #header-top {
        /*height: 64px;*/
    }

	#header-top:after {
		content: '';
		display: block;
		clear: both;
	}

    #header-buttons {
        display: none;
    }

    #logo {
        width: 148px;
    }

    #logo img {
        width: 100%;
    }

    #header-phone {
        padding: 5px 15px 5px 5px;
        background: none;
    }

    #header.header-calc {
        height: 170px;
    }

    .special-item > table .desc {
        padding-right: 18% !important;
    }

    .calc-button {
        width: 183px !important;
        margin-bottom: 30px;
    }

    .rate .item .content ul li {
        margin: 10px 0;
        list-style: none;
        font-size: 18px;
        line-height: 24px;
    }

    #full-width {
        background: none !important;
        padding-top: 0px !important;
        margin-bottom: 142px !important;
        height: 42px !important;
    }

    .nad_phone {
        width: 211px;
        height: 75px; 
        /* overflow: hidden;*/
    }

    .all_rates li {
        border-right: none;
    }

    #header-phone span {
        font-size: 22px;
        vertical-align: top;
        display: inline-block;
        margin-top: -9px;
    }

    .nad_nad_phone {
        width: 214px;
    }

    .topmenu {
        width: 100%;
        height: auto;
        margin-bottom: 100px;
    }
	
	.topmenu:after {
		content: '';
		display: block;
		clear: both;
	}
	
    .topmenu ul li {
        height: 40px;
        display: block;
    }

    .main #header {
        height: auto;
        background: none;
        padding-top: 10px;
        background-color: #fff;
    }
    
    .main #header:after {
	    content: '';
	    display: block;
	    clear: both;
    }

    .afterBeforeList {
        width: 100%;
    }

    .inner {
        max-width: 100%;
    }

    #content {
        width: 100%;
    }

    .adres {
        display: none;
    }

    .topmenu ul li {
        min-width: 20px;
        padding: 0 17px 0 0;
    }

    .topmenu ul li a {
        font-size: 14px;
    }

    .topmenu ul li ul.submenu li a {
        font-size: 18px;
    }

    #header-buttons li {
        width: 130px;
        height: 82px;
        margin: 0 20px;
        background-size: 133px 82px;
    }

    #header-buttons li img {
        height: 41px !important;
        margin: -4px 2px 0 -21px !important;
    }

    #header-buttons .button-title {
        margin: 20px 0 0 25px;
        font-size: 16px;
    }

    #header-buttons .button-descr {
        font-size: 12px;
        padding-left: 26px;
    }

    #header-phone {
        padding: 0px 0px 5px 5px;
    }

    .rate .item .content {
        min-height: 247px;
        height: auto;
    }

    .art-short {
        width: 100%;
        box-sizing: border-box;
    }

    .photo_full img {
        width:100% !important;
    }

    .sertImg {
        padding: 0 20px 15px 0;
        display: block;
        float: left;
    }

    .sertImg img {
        width: 160px !important;
        height: 178px !important;
    }

    .art-short iframe {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 !important;
    }

    .art-short {
        font-size: 18px;
        line-height: 24px;
    }

    .art-short table td {
        padding: 4px;
        font-size: 14px;
        text-align: center;
    }

    .art-short table th {
        padding: 14px;
        font-size: 16px;
    }

    .sert-img {
        float: none !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        display: block;
        margin:15px auto 30px;
    }

    .afterBeforeList li {
        width: 300px;
        padding: 0 24px 24px;
        margin: auto;
        display: block;
    }

    .afterBeforeList li img {
        width: 300px;
        height: 100%;
    }

    .option .item .message {
        width: 100%;
        box-sizing: border-box;
    }

    .bottom-gallery {
        margin-left: 3px;
        width: 98%;
    }

    .bottom-arrow {
        overflow-x: auto;
    }

    .calc-top-banner-wrapper {
        width: 100% !important;
        padding: 0px 30px 0;
        box-sizing: border-box;
    }

    .calc-top-banner-wrapper > img {
        width: 100%;
    }

    .rate .item {
        width: 96%;
        float: none;
        display: inline-block;
        vertical-align: top;
        min-height: 328px;
    }

    .rate .item:first-child {
        margin-left: 2%;
    }

    .rate .item.three {
        margin-left: 2%;
    }

    .bx-google-map {
        width: 100% !important;
    }

    .table_uslug_pict {
        width: 100px;
    }

    .table_uslug_pict a img {
        width: 100px !important;
        float: none;
        display: block;
    }

    .table_uslug_1div_div {
        float: none;
        width: auto;
    }

    .photo_brief_block {
        width: 260px;
        margin: 30px auto;
        float: none;
        display: block;
    }

    .photo_brief_block img {
        width: 220px;
        height: 154px;
    }

    .photo_brief_block.last {
        margin: 30px auto;
        float: none;
        display: block;
    }

    .photo_brief .clear {
        display: none;
    }

    .art-short table td img {
        width: 70% !important;
    }

    .right-bar {
        display: none;
    }

    #header-phone a {
        margin-top: 10px;
    }

    .jCarouselLite {
        width: 100% !important;
    }

    .jCarouselLite ul.test1 li {
        width: 156px !important;
        padding:8px 0 0 24px;
    }

   .art-short img {
        box-sizing: border-box;
        padding: 0 !important;
        max-width: 100%;
    }

    .img-400-new {
        float: none !important;
        margin: auto;
        display: block;
        height: 98px !important;
        width: 276px !important;
    }

    ul.breadcrumb-navigation li {
        position: relative;
        display: inline-block;
    }

    ul.breadcrumb-navigation {
        font-size: 18px;
        line-height: 21px;
    }

    .catalog-section {
        overflow-x: auto;
    }

    #footer {
        height: auto;
        padding-bottom: 0px;
    }

    .copyright {
        padding-left: 15px;
        margin-bottom: 0px;
        padding-bottom: 40px;
        text-align: center;
    }

    .footer_tab td ul {
        list-style: none;
    }

    .footer_tab td ul li {
        padding-left: 0;
        padding-bottom: 15px;
    }

    table.footer_tab, table.footer_tab td {
        font-size: 16px;
        line-height: 19px;
    }

    table.footer_tab td ul {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
    }

    div.news-list img.preview_picture {
        width: 180px;
    }

    .container {
        width: 366px;
        height: auto;
    }

    .header-service #service li {
        margin: 0 32px;
    }

    #header.header-service {
        height: auto;
    }

    .topmenu ul li ul.submenu {
        left: 14px !important;
        width: 100% !important;
        border-top: 1px solid #fff;
    }

    .topmenu ul li ul.submenu.last {
        margin-left: -15px !important;
    }

    .topmenu ul li ul.submenu.last li a {
        text-align: left;
    }

    .hideMenu {
        display: none;
    }

    .textarea_middle {
        width: 162px;
    }

    .textarea_middle textarea {
        width: 150px;
    }
    .bottom-gallery .jCarouselLite {
        width: 100% !important;
    }
	.rate .item .rateHead .top {
		font-size: 15pt;
	} 
	#service_order_form {
	    position: relative;
	    width: 100vw;
	    height: 100vw;
	    left: 0;
	    z-index: 9999;
	    top: 0;
	    display: none;
	}
	#service_order_form .feedback_form {
		max-width: 100%;
		    width: 100%;
			margin-left: 0;
			left: 0;
	}
	#service_order_form .feedback_form div.row div.cell {
		width: 100%;
		display: block;
		padding: 0;
	}
	#sertificate ul.filter_sert li {
	    border-right: 1px solid #ce8324;
	    margin-right: 5px;
	    margin-bottom: 5px;
    }
    /* TODO: Ôóòåð àäàïòèâ */
    .footer_information .left_information, .center_information, .right_information {
        display: block;
        vertical-align: middle;
        float: none;
        width: 100%;
        text-align: center;
    }
    .email_block_footer{
        padding-left: 0px;
        padding-top: 5px;
    }
    .phone_block_footer{
        padding-left: 0px;
    }
    .right_information .job_time_footer {
        margin-left: 6px;
        display: inline-block;
        float: none;
        margin: 0px auto;
    }
    .feedback_block_modals_footer{
        float: none;
        margin: 0px auto;
    }
    .footer_left_logo {
        float: none;
        margin: 0px auto;
        display: inline-block;
    }
    .right_footer_block_pay {
        float: none;
        margin: 0px auto;
        display: inline-block;
    }
    .footer_left_logo {
        display: block;
        text-align: center;
    }
    .right_footer_block_pay {
        display: block;
        text-align: center;
    }
}

@media (min-width: 200px) and (max-width: 470px) {
    .footer_menu ul li {
        text-align: center !important;
        display: block;
        width: 100%;
        padding: 3px 0px 5px 0px;
    }
    .footer-content {
        padding-top: 38px;
    }
}