@media screen and (min-width : 576px) and (max-width :  749px){

    body {
        line-height:1!important;
    }

    .container-fluid {
        padding-right: 30px!important;
        padding-left: 30px!important;
    }


    /* _____________header___________ */
    ul > li.js-btn-show-menu > a > svg{

        width: 20px!important;
        height: 16px!important;
    }
    .col-xl-2.col-sm-2.dFlexCenter > a > svg{
        width: 85px;
        height: 22px;

    }

    .col-xl-5.col-sm-5.dFlexEnd > div > svg{
        width: 20px;
        height: 20px;
        margin-top: 3px;


    }

    .header-shadow {
        height: 60px;


    }

    .col-xl-6.nomob > div > a > svg{

        width: 16px;
        height: 16px;

    }

    .topLinks{

        font-size: 10px;
        margin-right: 3px;

    }

    .mobHeaderPadding{

        padding-right: 5px!important;

    }


    .topbarRedesign{

        height: 50px;

    }

    .hashtagbarRedesign a {

        font-size:14px;
    }

    /* __________________________________4 нові блоки_____________________________
     */



    .main-new .title {
        line-height: 27px!important;
        font-size: 22px!important;
    }
    .main-new .text {
        padding-top: 10px;
        padding-right: 0px;
        padding-left:0px;
    }

    div.main-new.io-block > div.col-12.mainArticleText > div.text.col-12 > p{

        font-size: 16px!important;
        line-height: 25px!important;
        margin-top: 10px;

    }

    .switchTab input:empty ~ label {
        line-height: 30px;
        font-size: 19px;
    }


    .sidebarHomeDiv div a {

        font-size: 14px;
        line-height: 19px;
    }

    .news-list ul div.important a {
        font-size: 14px;
        line-height: 19px;
    }

    .news-list ul .time {

        font-size: 10px;
    }

    .sidebarHomeDiv {
        margin-bottom: 15px;
    }

    .mainArticleZagolTop a {

        font-size: 15px!important;
        line-height: 20px;
    }
    .news-list .title {

        font-size: 22px!important;
    }

    .mainArticleZagolTop {
        padding-top: 15px;
        padding-left:0px;
        padding-right:0px;
    }

    div.col-12.topArticleText > div.text.col-12.mainArticleZagolTop{

        padding-left:5px;
    }

    .topArticleText {
        height: 155px;
    }

    .articleRedesign {
        height: 301px;
    }

    .last-news-list {
        max-height: 575px;
    }


    .listRazdel{

        max-height: 625px;
    }

    .col-6>img{

        height: 300px!important;
    }


    /* _____________тему___________ */


    .redLineItemsInvest{

        width:540px!important;

        padding-right: 0px!important;
        padding-left: 0px!important;

    }
    .redLineItems {
        width: 100%;
        padding-right: 30px!important;
        padding-left: 30px!important;
    }


    .firstRedLineItemInvest{

        font-size: 12px!important;
        margin-right: 15px!important;
        line-height: 17px;
    }

    .emailSubmit {


        width: 130px;
        height: 32px;
        font-size: 11px;
    }

    .rowFull {

        height: 100px!important;
    }


    .popular,.rowFull,.top8Row{


        margin-bottom: 40px!important;

    }




    .readerChoice {

        font-size: 14px;

    }


    .titleChoice {

        margin-bottom: 5px;
    }


    .choiceBlockLineOne,.choiceBlockLineTwo {

        padding-right: 15px!important;
        padding-left: 15px!important;
        padding-top: 10px!important;
        height: 90px;
    }

    .choiceBlockLineOne>div.borderChoice>div.row>div.col-12 .lastRowMain,.choiceBlockLineTwo {


        padding-left: 15px;



    }
    div.row > div > span{


        padding-left: 10px;
    }

    .choiceTitle {

        font-size: 13px;
        line-height: 15px;
    }
    /* div > div.row > div > svg, */.lastRowMain svg,div.col-12.topArticleTextTop8 > div.col-12.lastRowMain > svg{


                                        width: 30px!important;
                                        height: 9px!important;


                                    }

    div.interaktivContent.col-12 > div.col-12.lastRowMain > svg{

        width: 30px!important;
        height: 9px!important;


    }






    .metaText {

        font-size: 9px;
    }

    .new-meta {
        position: absolute;
        left: 10px;
        height: 23px;
        bottom: 10px;
        padding-left:12px;
        padding-right: 12px;
    }



    .imageArticleRedesignTop img,.imageArticleRedesignTop {

        height: 145px;
    }


    .topArticleTextTop8 {

        height: 153px;

    }

    .top8item {
        height: 298px;

    }

    div:nth-child(8) > div.row.top8Row{

        height: 1282px;

    }

    .mainArticlePodzag {

        font-size: 12px!important;
        line-height: 14px!important;
        margin-top: 5px;
    }

    .mainArticleZagolTop8 {
        padding-right: 5px!important;
        padding-left: 5px!important;
        padding-top: 5px!important;

    }



    .mainArticleZagolTop8 a {

        font-size:13px!important;
        line-height:13px!important;


    }

    .imageArticleRedesignTopInteraktiv, .imageArticleRedesignTopInteraktiv img {

        height: 208px;
    }

    .interaktivContent {
        height: 142px;
    }
    .top8itemInteraktiv {
        height: 350px;


    }




    .mainArticleZagolTop8Inter a {
        line-height: 15px!important;
        font-size: 13px!important;

    }

    .timeMain {

        font-size: 9px;

    }
    .lastRowMain span {
        margin-right: 4px;
    }

    .lastRowMain {


        padding-left:5px!important;
    }





    .mainArticleZagolTop8Inter {
        padding-top: 10px;
        padding-right: 5px!important;
        padding-left: 5px!important;



    }

    /* div:nth-child(10) > div:nth-child(2), div:nth-child(10) > div:nth-child(4){
    height: 932px;

    } */

    .for-desc, .for-tab, .place-center, .place-top{

        margin-bottom: 40px!important;

    }
    .interaktivSticker {
        padding-bottom: 10px;
        font-size: 12px;



    }

    .lineChoice :after {
        height: 60px;
        bottom: 15px;
    }

    .interaktivContent.col-12 > div.interaktivFirstRow > svg{


        width: 25px!important;
        height: 25px!important;
    }

    .rowFullSecond {

        height: 179px;

        margin-bottom: 40px;

    }
    .firstRedLineItem {
        line-height: 19px;
        font-size: 12px;
    }

    .input_1 {
        height: 32px;
        width: 190px;
    }
    qq {
        font-size: 18px;
    }
    .input_1::placeholder {

        font-size: 14px;

        vertical-align: center;
        align-items: center;
    }



    /* ________________________footer________________ */

    /*
    div.footerBottomText,.footerBottomTextTwo{

    width:254px;
    height: 160px;


    }  */

    .footerTextFirstBlock {

        max-width:689px;
        min-width: 518px;

    }

    .footerBottomText{
        padding-right:20px;
    }


    .linkBlockFooter a {

        margin-bottom: 5px;

    }



    .footerBottomTextTwo > div:nth-child(1){
        margin-top: 20px;


    }


    .linksFooter {
        width: 234px;
        height: 60px;
    }

    .linkBlockFooter a {


        font-size: 10px;
    }


    .socRedesign a svg {

        width: 25px!important;
        height: 25px!important;

    }

    .iconsRedesign2 {
        padding-right: 10px;
    }


    body > footer > div > div.row.rowFooter > div.logoFooter > svg{

        width:108px!important;
        height: 50px!important;
        margin-right: 10px;


    }

    body > footer > div > div.row.rowFooter > div.socRedesign.nomob{

        width:140px;
        margin-left: 9px;
    }

    div.row.rowFooter{

        height: 120px!important;

    }

    .footerBottomText div,.footerBottomTextTwo div  {


        font-size: 10px;
    }


    footer{

        height: 265px;
    }


    .linkBlockFooter{

        margin-left: 10px;
        padding-right: 10px;

    }

}


/* ________________________________________________________________________________800______________________________________________________________________________________________________________________________ */


@media screen and (min-width : 750px) and (max-width : 889px){

    body {
        line-height:1!important;
    }


    .container-fluid {
        padding-right: 30px!important;
        padding-left: 30px!important;
    }
    /* _____________header___________ */
    ul > li.js-btn-show-menu > a > svg{

        width: 20px!important;
        height: 16px!important;
    }
    .col-xl-2.col-sm-2.dFlexCenter > a > svg{
        width: 85px;
        height: 22px;

    }

    .col-xl-5.col-sm-5.dFlexEnd > div > svg{
        width: 20px;
        height: 20px;
        margin-top: 3px;


    }

    .header-shadow {
        height: 60px;


    }

    .col-xl-6.nomob > div > a > svg{

        width: 20px;
        height: 20px;

    }

    .topLinks{

        font-size: 11px;

    }

    .topbarRedesign{

        height: 50px;

    }

    .hashtagbarRedesign a {

        font-size:14px;
    }
    /* __________________________________4 нові блоки_____________________________
     */



    .main-new .title {
        line-height: 27px!important;
        font-size: 22px!important;
    }
    .main-new .text {
        padding-top: 10px;
        padding-right: 10px;
        padding-left:10px;
    }

    div.main-new.io-block > div.col-12.mainArticleText > div.text.col-12 > p{

        font-size: 16px!important;
        line-height: 25px!important;
        margin-top: 10px;

    }

    .switchTab input:empty ~ label {
        line-height: 30px;
        font-size: 19px;
    }


    .sidebarHomeDiv div a {

        font-size: 14px;
        line-height: 19px;
    }

    .news-list ul div.important a {
        font-size: 14px;
        line-height: 19px;
    }

    .news-list ul .time {

        font-size: 10px;
    }

    .news-list .title {

        font-size: 22px!important;
    }

    .mainArticleZagolTop a {

        font-size: 17px!important;
        line-height: 23px;
    }


    .mainArticleZagolTop {
        padding-top: 15px;
        padding-left:0px;
        padding-right:0px;
    }

    .topArticleText {
        height: 140px;
    }

    .articleRedesign {
        height: 324px;
    }

    .last-news-list {
        max-height: 625px;
    }

    .listRazdel{

        max-height: 675px;
    }

    .col-6>img{

        height: 323px!important;
    }


    /* _____________тему___________ */

    .firstRedLineItemInvest{

        font-size: 13px!important;
        margin-right: 15px!important;
        line-height: 17px;
    }

    .emailSubmit {


        width: 142px;
        height: 38px;
        font-size: 13px;
    }

    .rowFull {

        height: 133px!important;
    }


    .popular,.rowFull,.top8Row{


        margin-bottom: 40px!important;

    }




    .readerChoice {

        font-size: 18px;

    }


    .titleChoice {

        margin-bottom: 10px;
    }


    .choiceBlockLineOne,.choiceBlockLineTwo {

        padding-top: 20px!important;
        height: 110px;
    }

    .choiceTitle {

        font-size: 14px;
        line-height: 20px;
    }


    .imageArticleRedesignTop img,.imageArticleRedesignTop {

        height: 183px;
    }


    .topArticleTextTop8 {

        height: 207px;

    }

    .top8item {
        height: 390px;

    }

    div:nth-child(8) > div.row.top8Row{

        height: 1650px;

    }

    .mainArticlePodzag {

        font-size: 15px!important;
        line-height: 20px!important;
        margin-top: 10px;
    }

    .mainArticleZagolTop8 {

        padding-top: 15px;

    }



    .mainArticleZagolTop8 a {

        font-size:16px!important;
        line-height:19px!important;


    }

    .imageArticleRedesignTopInteraktiv, .imageArticleRedesignTopInteraktiv img {

        height: 282px;
    }

    .interaktivContent {
        height: 169px;
    }
    .top8itemInteraktiv {
        height: 451px;


    }

    .mainArticleZagolTop8Inter a {
        line-height: 21px!important;
        font-size: 16px!important;

    }

    .timeMain {

        font-size: 10px;

    }

    .mainArticleZagolTop8Inter {
        padding-top: 10px;
    }

    /* div:nth-child(10) > div:nth-child(2), div:nth-child(10) > div:nth-child(4){
    height: 932px;

    } */

    .for-desc, .for-tab, .place-center, .place-top{

        margin-bottom: 40px!important;

    }
    .interaktivSticker {
        padding-bottom: 10px;
        font-size: 12px;



    }

    .lineChoice :after {
        height: 65px;
        bottom: 25px;
    }

    .interaktivContent.col-12 > div.interaktivFirstRow > svg{


        width: 25px!important;
        height: 25px!important;
    }

    .rowFullSecond {

        height: 268px;

        margin-bottom: 40px;

    }
    .firstRedLineItem {
        line-height: 21px;
        font-size: 14px;
    }

    .input_1 {
        height: 38px;
        width: 195px;
    }
    qq {
        font-size: 20px;
    }
    .input_1::placeholder {

        font-size: 14px;

        vertical-align: center;
        align-items: center;
    }


    .linksFooter {

        width: 305px;

    }
    div.linkBlockFooter.formobLinksFooter1>a,div.linkBlockFooter.formobLinksFooter2>a{

        margin-bottom: 5px;

    }

    .linkBlockFooter a {
        font-size: 12px;

    }

    div.linkBlockFooter.formobLinksFooter1{

        padding-right:10px;

        margin-left:15px;
    }

    .logoFooter svg {
        height: 45px;
        width: 155px;
        margin-right: 15px;
    }



    .rowFooter{

        min-width:705px;
        max-width:828;

        height: 111px;

    }

    .footerBottomText div,.footerBottomTextTwo div {

        font-size: 10px;

    }

    .footerTextFirstBlock{
        min-width: 705px;
        max-width:828px;

    }
    header .nav ul {
        margin-left: 0px;
    }

}




/* _____________________________900_____________________________________________________________________________________________________________________________________________________ */


@media screen and (min-width : 890px) and (max-width : 970px){

    body {
        line-height:1!important;
    }



    /* ______________HEADER___________ */


    ul > li.js-btn-show-menu > a > svg{

        width: 20px!important;
        height: 16px!important;
    }
    .col-xl-2.col-sm-2.dFlexCenter > a > svg{
        width: 85px;
        height: 22px;

    }

    .col-xl-5.col-sm-5.dFlexEnd > div > svg{
        width: 20px;
        height: 20px;
        margin-top: 3px;


    }

    .header-shadow {
        height: 60px;


    }

    .col-xl-6.nomob > div > a > svg{

        width: 20px;
        height: 20px;

    }

    .topLinks{

        font-size: 11px;

    }

    .topbarRedesign{

        height: 50px;

    }

    .hashtagbarRedesign a {

        font-size:14px;
    }

    /* __________________________________4 нові блоки_____________________________
     */



    .main-new .title {
        line-height: 27px!important;
        font-size: 22px!important;
    }
    .main-new .text {
        padding-top: 10px;
        padding-right: 10px;
        padding-left:10px;
    }

    div.main-new.io-block > div.col-12.mainArticleText > div.text.col-12 > p{

        font-size: 16px!important;
        line-height: 25px!important;
        margin-top: 10px;

    }

    .switchTab input:empty ~ label {
        line-height: 30px;
        font-size: 19px;
    }


    .sidebarHomeDiv div a {

        font-size: 14px;
        line-height: 19px;
    }

    .news-list ul div.important a {
        font-size: 14px;
        line-height: 19px;
    }

    .news-list ul .time {

        font-size: 10px;
    }



    .mainArticleZagolTop a {

        font-size: 17px!important;
        line-height: 23px;
    }


    .mainArticleZagolTop {
        padding-top: 15px;
        padding-left:0px;
        padding-right:0px;
    }

    .topArticleText {
        height: 140px;
    }

    .articleRedesign {
        height: 324px;
    }

    .last-news-list {
        max-height: 625px;
    }
    .listRazdel{

        max-height: 675px;
    }

    .col-6>img{

        height: 323px!important;
    }

    /* _____________тему___________ */

    .firstRedLineItemInvest{

        font-size: 14px!important;
        margin-right: 15px!important;
    }

    .emailSubmit {


        width: 142px;
        height: 38px;
        font-size: 13px;
    }

    .rowFull {

        height: 150px!important;
    }


    .popular,.rowFull,.top8Row{


        margin-bottom: 40px!important;

    }

    .timeMain {

        font-size: 10px;

    }


    .readerChoice {

        font-size: 18px;

    }


    .titleChoice {

        margin-bottom: 10px;
    }


    .choiceBlockLineOne,.choiceBlockLineTwo {

        padding-top: 15px!important;
        height: 127px;
    }

    .choiceTitle {

        font-size: 14px;

    }


    .imageArticleRedesignTop img,.imageArticleRedesignTop {

        height: 183px;
    }


    .topArticleTextTop8 {

        height: 207px;

    }

    .top8item {
        height: 390px;

    }
    div:nth-child(8) > div.row.top8Row{

        height: 1650px;

    }






    .mainArticleZagolTop8 a {

        font-size:16px!important;
        line-height:19px!important;


    }

    .imageArticleRedesignTopInteraktiv, .imageArticleRedesignTopInteraktiv img {

        height: 282px;
    }

    .interaktivContent {
        height: 169px;
    }
    .top8itemInteraktiv {
        height: 451px;


    }

    .mainArticleZagolTop8Inter a {
        line-height: 21px!important;
        font-size: 17px!important;

    }

    .mainArticleZagolTop8Inter {
        padding-top: 10px;
    }

    /* div:nth-child(10) > div:nth-child(2), div:nth-child(10) > div:nth-child(4){
    height: 933px;

    } */


    .for-desc, .for-tab, .place-center, .place-top{

        margin-bottom: 40px!important;

    }
    .interaktivSticker {
        padding-bottom: 10px;
        font-size: 12px;



    }

    .lineChoice :after {

        bottom: 25px;
    }


    .interaktivContent.col-12 > div.interaktivFirstRow > svg{


        width: 25px!important;
        height: 25px!important;
    }

    .rowFullSecond {

        height: 268px;

        margin-bottom: 40px;

    }
    .firstRedLineItem {
        line-height: 21px;
        font-size: 14px;
    }

    .input_1 {
        height: 38px;
        width: 265px;
    }
    qq {
        font-size: 20px;
    }
    .input_1::placeholder {

        font-size: 14px;

        vertical-align: center;
        align-items: center;
    }


    .linksFooter {
        width: 303px;
    }

    .linkBlockFooter a {

        font-size: 12px;

        margin-bottom: 14px;

    }
    .footerTextFirstBlock{

        min-width: 710px;
        max-width:790px;
    }

    div.footerBottomText{

        padding-right:20px;
    }
    .rowFooter{

        height: 125px;
    }

    .footerBottomTextTwo div,.footerBottomText div {

        font-size: 11px;
    }

    div.linkBlockFooter.formobLinksFooter1{

        padding-right:10px;

        margin-left:15px;
    }

    body > footer > div > div.row.rowFooter > div.logoFooter > svg{


        margin-right: 10px;

    }


}


/* _____________________________1199____________________________________________________________________________________________________________________________________________________ */



@media screen and (min-width : 1100px) and (max-width : 1199px){

    .mainArticleText {
        height: 280px;
    }

    .mainImage {
        height: 320px;
    }

    .mainArticlePodzag {

        line-height: 24px;
        font-size: 19px!important;
    }
    .listRazdel{

        max-height: 808px;
    }



}



@media screen and (min-width : 576px) and (max-width : 1199px){

    .firstRedLineItemInvest,.firstRedLineItem{

        margin-right: 15px!important;
    }

}

/* _______________Рубрикатор_______________________________________ */

@media screen and (min-width : 890px) and (max-width : 1199px){
    #js-popup-menu.active .desc-menu-container {

        padding-left: 90px;
    }


    .menuBottomText {
        padding-left: 90px;

    }

}


@media screen and (min-width : 576px) and (max-width : 889px){
    #js-popup-menu.active .desc-menu-container {

        padding-left: 30px;
    }


    .menuBottomText {
        padding-left: 30px;

    }

}




@media screen and (min-width : 890px) and (max-width : 905px){

    #js-popup-menu.active {

        width: 846px;
    }

}




@media screen and (min-width : 776px) and (max-width :889px){

    #js-popup-menu.active {

        width: 776px;

    }

    .menuBottomBlock span {
        line-height: 17px;
        font-size: 11px;

    }
}





@media screen and (min-width : 576px) and (max-width :775px){

    #js-popup-menu.active {

        width: 576px;

    }

    .menuBottomBlock span {
        line-height: 17px;
        font-size: 11px;

    }

    .input_2 {
        height: 32px;
        width: 197px;
        margin-left: 7px;
        margin-right: 7px;

    }

    .menuRedesignCat {

        width: 190px;
    }

    .menuRedesign a {

        line-height: 21px;
        font-size: 12px;
    }

}

@media screen and (max-width: 650px){
    .content.news-page .sidebar {
        width: 245px;
    }
}





/* _________________________404______________________________
 */

@media screen and (min-width : 576px) and (max-width :  1199px){



    .er-title span {

        line-height: 1!important;
        font-size: 125px!important;

    }

    .error-page p {

        line-height: 26px!important;
        font-size: 16px!important;
    }

    .error-page a {

        width: 197px!important;
        height: 44px!important;
        font-size: 15px!important;
    }

    .error-page {

        padding-bottom: 30px!important;
    }


}





@media screen and (min-width : 576px) and (max-width :  749px){



    .footerTextFirstBlock {

        max-width:689px;
        min-width: 518px;

    }

    .footerBottomText{
        padding-right:20px;
    }


    .linkBlockFooter a {

        margin-bottom: 5px;

    }



    .footerBottomTextTwo > div:nth-child(1){
        margin-top: 20px;


    }


    .linksFooter {
        width: 234px;
        height: 60px;
    }

    .linkBlockFooter a {


        font-size: 10px;
    }


    .socRedesign a svg {

        width: 25px!important;
        height: 25px!important;

    }

    .iconsRedesign2 {
        padding-right: 10px;
    }


    body > footer > div > div.row.rowFooter > div.logoFooter > svg{

        width:108px!important;
        height: 50px!important;
        margin-right: 10px;


    }

    body > footer > div > div.row.rowFooter > div.socRedesign.nomob{

        width:140px;
        margin-left: 9px;
    }

    div.row.rowFooter{

        height: 120px!important;

    }

    .footerBottomText div,.footerBottomTextTwo div  {


        font-size: 10px;
    }


    footer{

        height: 265px;
    }


    .linkBlockFooter{

        margin-left: 10px;
        padding-right: 10px;

    }


    .socRedesign {
        width: 172px;
    }


    .logoFooter svg {
        height: 45px;
        width: 100px;
    }


}

@media screen and (min-width : 576px) and (max-width :  1199px){

    .articleRedesignOldItems .topArticleText {
        height: 130px!important;
    }

    .articleRedesignOldItems {
        height: 276px;

    }



}


@media screen and (min-width : 750px) and (max-width :  1199px){


    .articleRedesignOldItems {
        height: 315px;

    }
}

@media screen and (min-width : 970px) and (max-width :  1199px){
    .articleRedesignOldItems {
        height: 367px;
    }


    .articleRedesignOldItems .topArticleText {
        height: 150px!important;
    }

}








@media screen and (min-width : 576px) and (max-width :  1000px){

    .h1RedesignArticle {

        line-height: 38px!important;
        font-size: 21px!important;
    }



    .article-content p, li {

        line-height: 30px;
        font-size: 18px;

    }

    .article-content a {

        line-height: 30px;
        font-size: 18px;

    }



}




@media screen and (min-width : 576px) and (max-width :  680px){

    .article-page .article {
        margin-right: 25px;
    }


}

@media screen and (min-width : 1200px) and (max-width :  1680px){

    .menuRedesign:hover ul li {
       /* margin-bottom: 23px;*/
    }
}



@media screen and (min-width : 1000px) and (max-width :  1199px){

    .switchTab input:empty ~ label:before, .switchTab input:empty ~ label:after  {


        right: 110px;
    }

    .switchTab input:empty ~ label:after {

        right: 125px;
    }

    .switchTab input:checked ~ label:after {
        right: 110px;
    }

}


@media screen and (min-width: 576px) and (max-width: 970px)  {
    .hashtagbarRedesignSvgcont > svg{
        margin-bottom: 2px;
        margin-left: 5px!important;
    }

    .hashtagbarRedesignSvgcont{

        height: 29px;
        border-bottom: solid 0.5px #d7d7d7;
    }

}





@media screen and (min-width: 971px) and (max-width: 1199px)  {


    .hashtagbarRedesignSvgcont > svg{
        margin-bottom: 10px;
        margin-left: 5px!important;
    }

    .hashtagbarRedesignSvgcont{

        height: 29px;
        border-bottom: solid 0.5px #d7d7d7;
    }


}