/*====================================
	RESPONSIVE CSS
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com / mm@fdev.name
	2014 | Kaliningrad, Russia

=====================================*/



@media all and (min-width: 1368px) {


} /*@media all and (max-width: 1350px)*/

@media all and (max-width:1367px) {

    /**** MAIN PAGE ****/

    nav.navigation ul.navi li > a {
       padding: 0 29px;
    }

    #carousel {
        height: 390px;
    }
    #main .item img {
        max-height: 391px;
    }

    #news .item {
        width: 224px;
    }

    #faq .questions_wrp .question_list .item {
        margin-right: 25px;
    }

    #activity .item {
        margin-right: 70px;
    }

    #stats {
        height: 330px;
    }
    #stats .item {
        margin-right: 90px;
    }

    #stats .more {
        margin-top: 60px;
    }

    /**** /MAIN PAGE ****/

    /**** COMMON STYLES ****/

    main#index #workArea.boxed {
        padding-right: 70px;
    }

    /**** /COMMON STYLES ****/

    /**** APPLICATION PAGE****/

    .app_type_wrp .item {
        margin-right: 10px;
    }

    /**** /APPLICATION PAGE****/


} /*@media all and (min-width:1200px) and (max-width:1349px)*/

@media all and (max-width:1199px) {

    /**** MAIN PAGE ****/

    header#header {
        height: 170px;
    }

    .controls_area_wrp {
        width: 250px;
        background: 0;
    }

    nav.navigation {
        width: calc(100% - 65px);
        padding: 0;
    }
    nav.navigation ul.navi li.has_nd > a,
    nav.navigation .elm.has_rd a {
        width: calc(100% - 55px)!important;
    }
    nav.navigation ul.navi li.has_nd span.trigger_nd,
    nav.navigation .elm.has_rd span.trigger_rd {
        display: inline-block;
    }
    nav.navigation .lvl_nd {
        position: static;
        top: auto;
        left: auto;
        padding: 10px 0 10px 10px;
        background: #fff;
    }
    nav.navigation .lvl_nd .elm {
        float: none;
        width: 100%;
    }
    nav.navigation .elm a {
        padding: 5px 0;
    }
    nav.navigation .elm a::before,
    nav.navigation .elm a::after {
        display: none;
    }
    nav.navigation .elm a:hover {
        color: #005b9b;
        background: transparent;
    }
    nav.navigation .lvl_rd {
        padding-left: 10px;
    }
    nav.navigation .lvl_rd .elm {
        margin: 0;
    }

    nav.sub_navigation ul li a {
        padding: 0 10px;
        font-size: .9rem;
    }

    #navigation .search_wrp {
        position: absolute;
        top: 0;
        right: 25px;
        width: 25px;
    }
    #navigation .search_wrp .search_bar {
        right: -6px;
    }
    #navigation .search_wrp .search_bar.expanded {
        width: 400px;
    }

    #carousel {
        height: 320px;
    }

    #main .item img {
        max-height: 320px;
    }
    #main .item .preview {
        bottom: 30px;
    }

    #news .item {
        width: 230px;
    }
    #news .item:nth-of-type(4n) {
        margin-right: 0;
    }
    #news .item:nth-of-type(5n) {
        display: none;
    }

    #faq .questions_wrp .question_list {
        height: 275px;
    }
    #faq .questions_wrp .question_list .item {
        width: 320px;
    }

    #activity .item {
        width: 300px;
        margin-right: 30px;
        font-size: 1rem;
    }

    #stats .items_wrap {
        text-align: center;
    }
    #stats .item {
        max-width: 270px;
        margin-right: 70px;
        text-align: left;
    }
    #stats .item .head {
        font-size: 2.3rem;
    }
    #stats .item .body {
        font-size: 1.2rem;
    }
    #stats .more a {
        font-size: 1.3rem;
    }

    #state_banners .item {
        width: 295px;
        height: 70px;
        margin-right: 25px;
    }

    footer#footer .data_wrp {
        width: 310px;
    }
    footer#footer .data_wrp .controls_area {
        width: 100%;
    }
    footer#footer .data_wrp .weather_informer_area {
        display: none;
    }

    /**** /MAIN PAGE ****/

    /**** COMMON STYLES ****/

    main#index #workArea.boxed {
        padding-right: 50px;
    }

    .filter_wrp .elm.theme {
        width: 295px;
    }

    /**** /COMMON STYLES ****/

    /**** GALLERY PAGE****/

    .gallery_wrp .unit .item {
        width: 135px;
        height: 90px;
    }
    .gallery_wrp .unit .item img {
        max-width: 135px;
        max-height: 90px;
    }

    /**** /GALLERY PAGE****/

    /**** APPLICATION PAGE****/

    .app_type_wrp .item {
        min-width: 190px;
    }
    .ctrl_wrp label.chk span.inner,
    .ctrl_wrp label.radio span.inner {
        font-size: 1.2rem;
        line-height: 2.7;
    }
    .app_type_wrp .app_type {
        padding-right: 20px;
    }

    /**** /APPLICATION PAGE****/

    /**** SERVICES LIST PAGE****/

    .services_list_wrp .item:nth-of-type(odd) {
        margin-right: 0;
    }

    /**** /SERVICES LIST PAGE****/

    /**** URGENT MESSAGES ****/

    .urgent_messages_wrp .title {
        width: 290px;
    }
    .urgent_messages_wrp .message_wrp {
        width: calc(100% - 295px);
    }
    #message {
        font-size: 1.1rem;
        line-height: 1.3;
    }

    /**** /URGENT MESSAGES ****/

    /**** GALLERY DETAIL ****/

    .photos_list_wrp .item,
    .photos_list_wrp .item:nth-of-type(4n) {
        margin-right: 5px;
    }
    .photos_list_wrp .item:nth-of-type(3n) {
        margin-right: 0;
    }

    /**** /GALLERY DETAIL ****/



} /*@media all and (min-width:992px) and (max-width:1199px)*/

@media all and (max-width:991px) {

    /**** MAIN PAGE ****/

    header#header {
        height:auto;
        padding: 15px 0;
    }
    .i.coa {
        background-position: 0 -144px;
        height: 86px;
        width: 70px;
    }
    .logotype_area_wrp {
        float: none;
        display: block;
        width: 550px;
        margin: 0 auto;
    }
    .controls_area_wrp {
        float: none;
        width: 100%;
        height: auto;
    }
    .logotype_area_wrp .coat_of_arms {
        width: 70px;
        height: 86px;
        margin-top: 5px;
    }
    .logotype_area_wrp .coat_of_arms img {
        max-height: 86px;
    }
    .logotype_area_wrp .controls_wrp {
        height: 30px;
    }
    .logotype_area_wrp .controls_wrp .item a {
        line-height: 25px;
    }
    .logotype_area_wrp .label_wrp {
        font-size: 1.5rem;
        line-height: 1.1;
    }
    .controls_area_wrp .controls_wrp {
        float: left;
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }
    .controls_area_wrp .controls_wrp .item {
        display: inline-block;
        margin-bottom: 0;
        text-align: left;
        vertical-align: middle;
    }
    .logotype_area_wrp .controls_wrp .social_networks {
        height: 27px;
        padding-top: 0;
    }


    #navigation .search_wrp .search_button a {
        text-align: center;
    }

    #carousel {
        height: 246px;
    }
    #main .item img {
        max-height: 246px;
    }
    #main .item .preview {
        padding: 10px 15px;
    }
    #main .item .preview h3 {
        margin-bottom: 5px;
        font-size: 1.4em;
    }
    #main .item .preview h4 {
        font-size: 1.2em;
    }

    #news .item {
        width: calc(50% - 10px);
        margin-bottom: 30px;
    }
    #news .item:nth-of-type(2n) {
        margin-right: 0;
    }
    #news .item figure.image {
       width: 230px;
        margin: 0 auto;
    }
    #news .item .link {
        height:auto;
        text-align: center;
    }

    #faq .appeal_wrp,
    #faq .questions_wrp {
        display: block;
        width:100%;
    }
    #faq .appeal_wrp {
        text-align: center;
    }
    #faq .appeal_wrp .controls_wrp .item {
        display: inline-block;
        margin: 0 40px 0 0;
        vertical-align: middle;
    }
    #faq .appeal_wrp .controls_wrp .item:last-of-type {
        margin-right: 0;
    }

    #faq .questions_wrp .question_list {
        height: 325px;
    }
    #faq .questions_wrp .question_list .item {
        width: 360px;
    }

    #activity .item {
        width: 240px;
        margin-right: 10px;
        font-size: .9rem;
        line-height: 1.2;
    }

    #stats {
        height: 250px;
    }
    #stats .item {
        max-width: 225px;
        margin-right: 35px;
    }
    #stats .more {
        margin-top: 30px;
    }
    #stats .item .head {
        font-size: 2rem;
    }
    #stats .item .body {
        font-size: 1.1rem;
    }

    #state_banners .item {
        width: 100%;
        max-width: 400px;
        margin: 0;
    }
    #state_banners .owl-item {
        padding: 0 10px;
    }
    footer#footer .details_wrp {
        width:415px;
        padding-left: 0;
    }
    footer#footer .details_wrp::before {
        display: none;
    }
    footer#footer .details_wrp .inner_wrp {
        padding-left: 0;
        border-left: 0;
    }

    /**** /MAIN PAGE ****/

    /**** COMMON STYLES ****/

    main#index #workArea.boxed,
    main#index aside#aside {
        float: none;
        width: 100%;
    }
    main#index #workArea.boxed {
        padding-right: 0;
    }
    main#index aside#aside {
        margin-top: 40px;
    }

    aside#aside .banners_wrp .banner {
        display: inline-block;
        vertical-align: middle;
        width: 240px;
        margin: 0 10px 0 0;
        font-size: .9rem;
        line-height: 1.2;
    }
    aside#aside .banners_wrp .banner:last-of-type {
        margin-right: 0;
    }
    nav#nav {
        display: none;
    }

    nav.sub_navigation {
        height:auto;
        padding: 5px 0;
    }
    nav.sub_navigation ul {
        height:auto;
    }
    nav.sub_navigation ul li {
        line-height: normal;
    }
    nav.sub_navigation .jq-selectbox {
        display: block!important;
        background: #fff;
    }

    /**** /COMMON STYLES ****/

    /**** GALLERY PAGE****/

    .gallery_wrp .unit .item {
        width: 180px;
        height: 115px;
        margin-right: 5px;
    }
    .gallery_wrp .unit .item img {
        max-width: 180px;
        max-height: 115px;
    }

    /**** /GALLERY PAGE****/

    /**** APPLICATION PAGE****/

    .app_type_wrp .app_type,
    .app_type_wrp .app_sidebar {
        display: block;
        width: 100%;
    }
    .app_type_wrp .app_type {
        margin-bottom: 35px;
        padding: 0;
    }
    .app_type_wrp .item {
        min-width: 138px;
    }
    .ctrl_wrp label.chk span.inner,
    .ctrl_wrp label.radio span.inner {
        height: 45px;
        padding: 0 15px;
        font-size: 1.1rem;
        line-height: 2.4;
    }

    /**** /APPLICATION PAGE****/

    /**** SERVICES LIST PAGE****/

    .services_list_wrp .item:nth-of-type(odd) {
        margin-right: 60px;
    }

    /**** /SERVICES LIST PAGE****/

    /**** URGENT MESSAGES ****/

    .urgent_messages_wrp {
        height:auto;
        padding: 10px 0;
    }

    .urgent_messages_wrp .title {
        display: block;
        width: 290px;
        margin: 0 auto 10px;
    }
    .urgent_messages_wrp .message_wrp {
        width: 100%;
    }
    #message {
        font-size: 1.2rem;
        line-height: 1.2;
    }

    /**** /URGENT MESSAGES ****/

    /**** GALLERY DETAIL ****/

    .photos_list_wrp .item {
        width: 180px;
        height: 120px;
        margin-bottom: 8px;
    }
    .photos_list_wrp .item img {
        max-width: 180px;
        max-height: 120px;
    }
    .photos_list_wrp .item,
    .photos_list_wrp .item:nth-of-type(3n) {
        margin-right: 5px;
    }
    .photos_list_wrp .item:nth-of-type(4n) {
        margin-right: 0;
    }

    /**** /GALLERY DETAIL ****/


} /*@media all and (min-width:768px) and (max-width:991px)*/


@media all and (max-width:767px) {

    /**** MAIN PAGE ****/

    .controls_area_wrp {
        display: none;
    }

    #carousel {
        height: 190px;
    }
    #main .item img {
        width: 100%;
        max-height: 190px;
    }
    #main .item .preview {
        display: none;
    }

    #faq .questions_wrp .question_list {
        height: 355px;
    }
    #faq .questions_wrp .question_list .item {
        float: none;
        width:100%;
    }

    #activity {
        padding: 10px 0;
    }
    #activity .items_wrap {
        text-align: center;
    }
    #activity .item {
        width: 345px;
        margin: 0 0 20px;
        font-size: 1.1rem;
        line-height: 1.4;
    }
    #activity .item:last-of-type {
        margin: 0;
    }

    #stats {
        height: auto;
        padding: 20px 0;
    }
    #stats .item {
        display: block;
        width:100%;
        max-width: 100%;
        margin: 0 0 20px;
        text-align: center;
    }

    footer#footer .data_wrp,
    footer#footer .details_wrp {
        float: none;
        width:100%;
        text-align: center;
    }
    footer#footer .data_wrp {
        margin-bottom: 25px;
    }
    footer#footer .data_wrp .controls_area .controls_wrp {
        margin-bottom: 15px;
    }
    footer#footer .data_wrp .controls_area .controls_wrp .item {
        display: inline-block;
        margin: 0;
        text-align: left;
        vertical-align: middle;
    }
    footer#footer .data_wrp .copyright .value {
        text-align: left;
    }

    footer#footer .data_wrp .developers {
        margin: 0 auto;
    }


    /**** /MAIN PAGE ****/

    /**** COMMON STYLES ****/

    aside#aside .banners_wrp {
        text-align: center;
    }
    aside#aside .banners_wrp .banner {
        width: 345px;
        margin: 0 0 20px;
        font-size: 1.1rem;
        line-height: 1.4;
    }
    aside#aside .banners_wrp .banner:last-of-type {
        margin-bottom: 0;
    }

    /**** /COMMON STYLES ****/

    /**** GALLERY PAGE****/

    .gallery_wrp .unit .item {
        width: 138px;
        height: 90px;
    }
    .gallery_wrp .unit .item img {
        max-width: 138px;
        max-height: 90px;
    }

    /**** /GALLERY PAGE****/

    /**** APPLICATION PAGE****/

    .app_type_wrp .item {
        width: calc(50% - 10px);
        min-width: initial;
        margin: 0 10px 15px 0;
    }
    .app_type_wrp .item:nth-of-type(even) {
        margin-right: 0;
    }

    .online_form_wrp .unit {
        margin-top: 20px;
    }
    .online_form_wrp .unit.elms_3 .elm,
    .online_form_wrp .unit.elms_2 .elm {
        width:100%;
        margin-bottom: 20px;
    }
    .online_form_wrp .unit.elms_3 .elm:last-of-type,
    .online_form_wrp .unit.elms_2 .elm:last-of-type {
        margin-bottom: 0;
    }
    .input textarea {
        height: 200px;
    }
    .app_type_wrp .phone_list span.value {
        max-width: calc(100% - 50px);
        border: 0;
    }

    /**** /APPLICATION PAGE****/

    /**** URGENT MESSAGES ****/

    .urgent_messages_wrp {
        height:auto;
        padding: 10px 0;
    }

    .urgent_messages_wrp .title {
        display: block;
        width: 290px;
        margin: 0 auto 10px;
    }
    .urgent_messages_wrp .message_wrp {
        width: 100%;
    }
    #message {
        height:auto;
        min-height: 50px;
        font-size: 1.2rem;
        line-height: 1.1;
    }
    #message .owl-stage-outer {
        position: relative;
        z-index: 1;
    }
    #message .owl-controls,
    #message .owl-controls .owl-nav {
        height: 100%;
    }

    #message .owl-controls .owl-nav .owl-prev,
    #message .owl-controls .owl-nav .owl-next {
        top:50%;
        margin-top: -10px;
        z-index:2;
    }

    /**** /URGENT MESSAGES ****/

    /**** GALLERY DETAIL ****/

    .photos_list_wrp .item {
        width: 185px;
        height: 123px;
        margin-bottom: 8px;
    }
    .photos_list_wrp .item img {
        max-width: 185px;
        max-height: 123px;
    }
    .photos_list_wrp .item,
    .photos_list_wrp .item:nth-of-type(4n) {
        margin-right: 5px;
    }
    .photos_list_wrp .item:nth-of-type(3n) {
        margin-right: 0;
    }

    /**** /GALLERY DETAIL ****/



} /*@media all and (min-width:600px) and (max-width:767px)*/

@media all and (max-width:599px) {

    /**** MAIN PAGE ****/

    .logotype_area_wrp .controls_wrp .item {
        margin-right: 30px;
    }
    .logotype_area_wrp {
        width:100%;
    }
    .logotype_area_wrp .label_wrp {
        font-size: 1.1rem;
    }
    .social_networks {
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 45px;
        margin-top: -13px;
        display: inline-block;
    }
    .social_networks .elm {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }
    .social_networks .elm:last-of-type {
        margin-right: 0;
    }

    .i.fb {
        width: 27px;
        height: 27px;
        background-position: -94px -324px;
        vertical-align: middle;
    }
    .i.vk {
        width: 27px;
        height: 27px;
        background-position: -125px -324px;
        vertical-align: middle;
    }
    .i.insta {
        width: 27px;
        height: 27px;
        background-position: -156px -324px;
        vertical-align: middle;
    }

    nav.navigation .lvl_nd .elm {
        margin: 0 0 5px;
    }

    #carousel {
        height: 150px;
    }
    #main .item img {
        max-height: 150px;
    }

    #news .item figure.image {
        width: 220px;
    }

    #faq .show_more {
        font-size: .9rem;
    }

    #stats .more a {
        font-size: 1.2rem;
    }

    /**** /MAIN PAGE ****/

    /**** COMMON STYLES ****/

    main#index > .line {
        padding-top: 20px;
    }
    main#index h1 {
        font-size: 2.3rem;
    }

    #breadcrumbs {
        display: none;
    }

    .filter_wrp .elm.theme {
        width: 240px;
    }
    .filter_wrp .elm.month {
         width: 105px;
    }
    .filter_wrp .elm.year {
        width: 85px;
    }

    /**** /COMMON STYLES ****/

    /**** GALLERY PAGE****/

    .gallery_wrp .unit .item {
        width: calc(50% - 10px);
        height: 120px;
        margin: 0 10px 10px 0;
    }
    .gallery_wrp .unit .item:nth-of-type(even) {
        margin-right: 0;
    }
    .gallery_wrp .unit .item img {
        max-width: 100%;
        max-height: 120px;
    }

    /**** /GALLERY PAGE****/

    /**** APPLICATION PAGE****/

    .app_type_wrp .item {
        margin: 0 5px 10px 0;
        width: calc(50% - 5px);
    }
    .ctrl_wrp label.chk span.inner,
    .ctrl_wrp label.radio span.inner {
        padding: 0 5px;
        font-size: .95rem;
        line-height: 2.8;
    }

    /**** /APPLICATION PAGE****/

    /**** SERVICES LIST PAGE****/

    .services_list_wrp .item:last-of-type {
        margin-bottom: 0;
    }
    .services_list_wrp .item:nth-of-type(odd),
    .services_list_wrp .item:nth-of-type(even) {
        width: 100%;
    }
    .services_list_wrp .item:nth-of-type(odd) {
        margin-right: 0;
    }
    .services_list_wrp .item a:hover span.value {
        border-bottom-color: transparent;
    }

    /**** /SERVICES LIST PAGE****/

    /**** URGENT MESSAGES ****/

    .urgent_messages_wrp {
        height:auto;
        padding: 10px 0;
    }
    .urgent_messages_wrp .table,
    .urgent_messages_wrp .table .td {
        display: block;
        max-width: 100%;
        text-align: center;
    }
    .urgent_messages_wrp .message_wrp {
        width: 100%;
    }
    #message {
        height:auto;
        font-size: 1.2rem;
        line-height: 1.1;
    }

    /**** /URGENT MESSAGES ****/

    /**** EVENTS PAGE ****/

    .events_wrp .item .preview_image,
    .events_wrp .item.has_image .details {
        float: none;
    }
    .events_wrp .item .preview_image {
        margin-bottom: 15px;
    }
    .events_wrp .item.has_image .details {
        width: 100%;
        padding-left: 0;
    }

    /**** /EVENTS PAGE ****/

    /**** GALLERY DETAIL ****/

    .photos_list_wrp .item {
        width: 145px;
        height: 95px;
        margin-bottom: 10px;
    }
    .photos_list_wrp .item img {
        max-width: 145px;
        max-height: 95px;
    }

    /**** /GALLERY DETAIL ****/


} /*@media all and (min-width:480px) and (max-width:599px)*/

@media all and (max-width:480px) {

    /**** MAIN PAGE ****/

    .logotype_area_wrp {
        text-align: center;
    }
    .logotype_area_wrp .coat_of_arms {
        float: none;
        display: inline-block;
        width:58px;
        height:70px;
        vertical-align: middle;
    }
    .logotype_area_wrp .coat_of_arms img {
        max-height: 70px;
    }
    .logotype_area_wrp .controls_wrp {
        float: none;
        display: inline-block;
        height: auto;
        text-align: left;
        vertical-align: middle;
    }
    .logotype_area_wrp .controls_wrp .item {
        display: block;
        margin: 0 0 5px;
    }
    .logotype_area_wrp .controls_wrp .item .i.lock {
        margin: 0 5px!important;
    }

    .logotype_area_wrp .label_wrp {
        float: none;
        width: 100%;
        margin-top: 10px;
        padding: 0;
    }

    nav.navigation ul.navi.collapsed {
        padding: 5px 0;
    }
    nav.navigation ul.navi.collapsed > li a {
        padding: 0 10px;
    }
    nav.navigation .lvl_nd {
        padding: 5px 0 0;
    }
    nav.navigation .lvl_nd .elm a {
        height:auto!important;
        padding: 0;
        line-height: 1.1!important;
    }

    #navigation .search_wrp .search_bar.expanded {
        width: 300px;
    }

    /*#carousel {*/
        /*display: none;*/
    /*}*/
    #carousel .owl-dots {
        bottom: -15px !important;
    }
    #carousel {
        margin: 10px 0;
    }
    #news {
        margin-top: 10px;
    }

    #news .item {
        display: block;
        width: 100%;
        margin: 0;
        padding: 10px;
    }
    #news .item:nth-of-type(5n) {
        display: block;
    }

    #faq .appeal_wrp .controls_wrp .item {
        display: block;
        width:100%;
        margin: 0 0 10px;
        text-align: center;
    }

    #activity .item {
        width: 100%;
        max-width: 345px;
    }

    #stats .more a {
        padding: 10px 15px;
        font-size: 1.1rem;
        line-height: 1.3;
    }

    /**** /MAIN PAGE ****/

    /**** COMMON STYLES ****/

    main#index {
        padding-bottom: 45px;
    }
    aside#aside .banners_wrp .banner {
        width: 100%;
        max-width: 345px;
    }

    .filter_wrp .elm.theme {
        width: 100%;
        margin-bottom: 15px;
    }
    .filter_wrp .elm.month,
    .filter_wrp .elm.year {
        width: calc(50% - 8px);
    }

    /**** /COMMON STYLES ****/

    /**** GALLERY PAGE****/

    .gallery_wrp .unit .item img {
        max-width: 160px;
        max-height: 105px;
    }

    /**** /GALLERY PAGE****/

    /**** APPLICATION PAGE****/

    .app_type_wrp .item {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .ctrl_wrp label.chk span.inner,
    .ctrl_wrp label.radio span.inner {
        padding: 0 15px;
        font-size: 1.1rem;
        line-height: 2.4;
    }

    /**** /APPLICATION PAGE****/

    /*** pagination ***/

    .pagination .ctrls {
        display: block;
        margin: 10px 0 0;
    }
    .pagination .month {
        width: 60%;
    }
    .pagination .year {
        width: calc(40% - 10px);
    }

    .pagination .prev_elm,
    .pagination .next_elm {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 220px;
    }
    .pagination .prev_elm {
        margin: 0 auto 15px;
    }

    /*** /pagination ***/

    /**** GALLERY DETAIL ****/

    .photos_list_wrp .item {
        width: 165px;
        height: 110px;
    }
    .photos_list_wrp .item img {
        max-width: 165px;
        max-height: 110px;
    }
    .photos_list_wrp .item,
    .photos_list_wrp .item:nth-of-type(4n) {
        margin-right: 5px;
    }
    .photos_list_wrp .item:nth-of-type(3n) {
        margin-right: 5px;
    }
    .photos_list_wrp .item:nth-of-type(even) {
        margin-right: 0;
    }

    /**** /GALLERY DETAIL ****/


} /*@media all and (min-width:321px) and (max-width:479px)*/

@media all and (max-width:359px) {

    /**** COMMON ****/

    main#index h1 {
        font-size: 2.2rem;
    }

    /**** COMMON ****/

    /**** MAIN PAGE ****/

    .logotype_area_wrp .label_wrp {
        font-size: 1rem;
        line-height: 1.2;
    }

    #navigation .search_wrp .search_bar.expanded {
        width: 260px;
    }

    #faq .questions_wrp .question_list {
        height: 395px;
    }

    #stats .more a {
        font-size: 1rem;
        padding: 10px;
    }

    /**** /MAIN PAGE ****/

    /**** GALLERY PAGE****/

    .gallery_wrp .unit .item img {
        max-width: 140px;
        max-height: 90px;
    }

    /**** /GALLERY PAGE****/

    /**** SERVICES LIST PAGE****/

    .services_list_wrp .item span.value {
        max-width: calc(100% - 70px);
        margin-left: 5px;
    }

    /**** /SERVICES LIST PAGE****/

    /**** URGENT MESSAGES ****/

    .urgent_messages_wrp .title .value {
        padding-left: 0;
        text-align: left;
    }

    /**** /URGENT MESSAGES ****/

    /**** NEWS PAGE ****/

    .events_wrp .month_wrp.news .select {
        width:100%;
    }

    /**** /NEWS PAGE ****/

    /**** GALLERY DETAIL ****/

    .photos_list_wrp .item {
        width: 145px;
        height: 95px;
    }
    .photos_list_wrp .item img {
        max-width: 145px;
        max-height: 95px;
    }

    /**** /GALLERY DETAIL ****/


} /*@media all and (max-width:320px)*/






/*====================================
	RESPONSIVE CSS
	-------------------
	Developed by Maiorov Maksim
	m.maiorov@gmail.com / mm@fdev.name
	2014 | Kaliningrad, Russia

=====================================*/