/* === HEADER part responsive START === */
/* --- Desctop media */
@media only screen and (min-width: 1200px) {
    header {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    div.header_center {
        display: block;
        width: 1200px;
        margin: 0 auto;
    }
    div.head_divs {
        display: block;
        width: 100%;
    }
    ul.header_menu {
        display: block;
        float: left;
        padding: 0;
        margin: 0px 1px 0px 0px;
        width: 500px;
    }
    ul.header_menu li {
        display: block;
        float: left;
        padding:10px 0px;
    }
    ul.header_menu li a {
        display: block;
        float: left;
        padding:0px 10px;
        border-left: 1px solid #000;
    }
    ul.header_menu li:first-child a {
        border-left:none;
        padding-left: 0px;
    }

    div.head_items {
        display: block;
        float: right;
        padding: 10px 0px;
    }
    span.head_date {
        display: block;
        /* width: 150px; */
        padding: 0px 16px;
        border-right: 1px solid #000;
    }
    a.notification {
        display: block;
        /* width: 116px; */
        padding: 0px 23px;
        margin: 0px 17px;
        border-right: 1px solid #000;
    }
    ul.lang {
        display: block;
        list-style: none;
        border-left:1px solid #000;
        padding: 0px 0px 0px 25px;
        margin: 0px 0px 0px 18px;
    }
    a.head_reklam {
        display: block;
        float: left;
        width: 295px;
        height: 100px;
        margin: 0px 0px 0px 6px;
    }
    a.head_reklam:first-child {
        margin-left: 0px;
    }
    /* ---  Banner part ----  */
    div.banner_center {
        display: block;
        width: 1200px;
        margin: 0 auto;
    }
    a.logo {
        display: block;
        width: 403px;
        height: 64px;
    }
    .prognoz_divs {
        display: block;
        float: left;
        padding: 0px 15px;
        margin: 5px 0px 20px 0px;
        border-right: 1px solid #000;
        height: 70px;
    }
    div.wether_icon {
        display: block;
        float: left;
        width:47px;
        height:43px;
        margin: 10px 15px 0px 0px;
    }
    div.wether_info {
        display: block;
        float: left;
        min-width: 177px;
    }
    div.weat_text {
        display: block;
        width: 100%;
        margin: 0px 0px;
    }
    span.wcity {
        display: block;
    }
    span.wcitytxt {
        display: block;
        float: left;
        padding-left: 15px;
    }
    span.wcityinf {
        display: block;
        float: right;
        width: 65px;
        text-align: left;
        padding-left: 10px;
    }

}
/* === HEADER part responsive FINISH === */

/* === Navigation part responsive START === */
@media only screen and (min-width: 1200px) {
    nav {
        display: block;
        width: 100%;
        background-color: #3f9816;
    }
    div.nav_center {
        display: block;
        width: 1300px;
        margin: 0 auto;
    }
    ul.nav_menu {
display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    list-style: none;
    }
    ul.nav_menu li {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    }
    ul.nav_menu li a {
        display: block;
    }
    ul.nav_menu li:hover ul.dropdown_menu {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    ul.dropdown_menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        width: 190px;
        margin: 0 auto;
    }
    ul.dropdown_menu li {
        display: block;
        width: 100%;
    }
    ul.dropdown_menu li a {
        display: block;
        padding: 18px 10px;
        text-align: left;
        text-decoration: none;
    }
    div.stellarnav  {
        display: none;
    }
}
/* === Navigation part responsive FINISH === */

/* === Main part responsive START === */
@media only screen and (min-width: 1200px) {
    main {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    div.main_center {
        display: block;
        width: 1200px;
        margin: 10px auto;
    }
    div.main_top {
        display: block;
        width: calc(100% - 10px);
        margin: 5px auto;
        padding: 5px;
        background-color: #fff;
        height: 39px;
    }
    div.main_left {
        display: block;
        width: calc(100% - 295px);
        float: left;
    }
    div.main_right {
        display: block;
        width: 285px;
        float: right;
        /* background-color: #fff; */
    }

    div.manshet_left {
        display: block;
        width: 60.5%;
        float: left;
    }
    div.manshetop_right {
        display: block;
        width: 38.3%;
        float: right;
    }

    a.cat_textimg {
        display: block;
        float: left;
        width: 45%;
        padding: 10px;
        background-color: #fff;
        text-decoration: none;
        height: 380px;
    }
    a.cat_textimg img {
        display: block;
        width: 100%;
        height: 300px;
    }
    .cat_otherlink {
        display: block;
        float: right;
        width: 52%;
    }

    a.foto_lnk {
        margin:0px 0px 10px 7px;
    }
    a.foto_lnk:nth-child(3n+1) {
        margin-left: 0px;
    }

    a.ftcall_link:nth-child(2n+1) {
        float: left;
    }
    a.ftcall_link:nth-child(2n) {
        /* float: right; */
    }


    /* === FOOTER part responsive START === */

    div.footer_top {
        display: block;
        width: 100%;
        padding: 30px 0px 15px 0px;
    }
    div.footer_bottom {
        display: block;
        width: 100%;
        padding: 10px 0px 15px 0px;
    }
    div.footer_center {
        display: block;
        width: 1200px;
        margin: 0 auto;
        /* padding: 0; */
    }

    ul.footer_menu {
        display: block;
        float: left;
        padding-right: 25px;
        margin: 0px 25px 25px 0px;
    }
    ul.footer_adress {
        display: block;
        min-width: 300px;
        float: left;
        padding-right: 0px;
        margin: 0px 0px 25px 0px;
    }


    /* === FOOTER part responsive FINISH === */

}
/* === Main part responsive FINISH === */


/* ====>>> HOME PAGE FINISH <<<==== */


/* ====>>> SEARCH AREA PAGE FINISH <<<==== */

@media only screen and (min-width: 1200px) {
    div.main_toptitle {
        display: flex;
        /* width: 100%; */
        float: left;
        align-items: center;
    }

    div.src_linkimg {
        display: block;
        float: left;
        width: 130px;
        height: 98px;
        margin-right: 10px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    div.src_linktxt{
        display: block;
        float: left;
        width: calc(100% - 140px);
    }

}

/* ====>>> SEARCH AREA PAGE FINISH <<<==== */

/* ====>>> STATIC PAGE START <<<==== */
@media only screen and (min-width: 1200px) {


}



/* ====>>> STATIC PAGE FINISH <<<==== */

/* ====>>> NEWS PAGE START <<<==== */
@media only screen and (min-width: 1200px) {
    a.news_links:nth-child(3n+1) {
        margin-left: 0px;
    }
}


/* ====>>> NEWS PAGE FINISH <<<==== */
/* ====>>> NEWS_IN PAGE START <<<==== */
@media only screen and (min-width: 1200px) {
    .demo-gallery > ul > li:nth-child(4n)  {
        margin-right: 0px;
    }


}


/* ====>>> NEWS_IN PAGE FINISH <<<==== */