@media screen and (min-width: 320px) and (max-width: 359px) {
    
  .fixwidth,
.fixWidth{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
 }   
    
    
  .menu_block1{
      display:none;
  }  
    
  .mobile_menu_row{
      display:block;
  }  
     
 .middle_module_wrapper{
     width:100%;
 }    
 

    .header{
        display:inline-block;
    }

    header .topbar{
        position: relative;
        display: block;
        margin: 0;
        width: 100%;
        height:110px;
    } 
    
  .container,
  header .topbar > .container{
        display: inline-block !important;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
  }  
    
 .row,
 #beneficiary ul{
     display: inline-block;
    width: 100%;    
 }   
    
 #about .list-container{
         display: inline-block;
    width: 100%;
 }   
    
 .title {
    font-size: 18px!important;
 }
    
#about .list-container .list {
    padding: 10px;
    max-width: 100%;
    width: 100%;
    margin:10px 0;
}    
    
    
.intro-home .row .col-1,
.intro-home .row .col-2{
    width: 100%;
    max-width: 100%;
    display: inline-block;    
}    
    
header {
    display: inline-block;
}
    
    
.menu_row {
        width: 50px;
        text-align: left;
        margin: 0px;
        position: absolute;
        top: 5px;
        left: 10px;
}  

.menu_row i{
        font-size: 35px;
}
    
.intro-home{
    margin:0;
}    
    
 .logoItem{
        height: auto;
        margin: 0 auto;
        width: 80px;
        display: block;
        margin-top: 10px;
 }   
    
 .intro-home .row .col-1 .header-content .intro-image {
    width: 100%;
}   
    
    
.intro-home .row .col-1 .map-container .map-title span {
    padding: 8px 10px;
    font-size: 16px;
    text-align: center;
}    
    
.slide_item{
    height:auto;
}    
    
    
#beneficiary ul li {
    position: relative;
    font-size: 16px;
    color: #414241;
    background: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    margin: 10px 0px;
    padding: 20px;
    max-width: 100%;
    width: 100%;
}    
    
.intro-home .row .col-1 .header-content .button {
     width: 100%;
    text-align: center;   
}
 
 .slide_item h5{
     bottom: 0;
 }
 
.slide_item p {
    line-height: 1.4;
    font-size: 11px;
}
 
 
 header .title, .page-header h1{
        text-align: center;
        font-size: 20px;
 }
 
#team .title .left{
    font-size: 42px;
} 
 
.about_video{
    float: none;
} 
    
video{
        width: 100%;
}    
    
    
#news .news-container{
        display: inline-block;
    width: 100%;
}    
    
 #news .news-container .col-1{
     flex: inherit;
 }   
    
 .news-list{
        display: inline-block !important;
        width: 100%;
        margin: 10px 0 !important;
 }   
    
#news .news-container .news{
        display: inline-block !important;
        width: 100%;
        margin: 10px 0 !important;
}    
    
    
 .contact-info{
       width: 100%;
    display: inline-block;  
 }   
    
 .contact-info li{
     margin: 10px 0px 10px 0px;
 }   
    
    
    
.panel .panel-top {
    padding: 10px 0;
    background-color: #f6f7f8;
    padding-left: 10px;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}    
    
.panel .panel-top .arrow {
    position: absolute;
    right: -24px;
}
    
#bar.sticky{
    top:0;
}    
    
 .calcTitle {
    margin: 20px 0;
}   
    
#root input{
       width:100%;
   } 
    
    
.customBallon{
        width: 98%;
        height:600px;
}    
    
 .ymaps-2-1-79-balloon {
    top: -560px;
 }
    
 .map_title{
      font-size: 16px;
 }   
    
 .popover-content .popover-left {
    top: 130px;
    left: 0;
    width: 100%;
    margin: 0px 0px 0px -50px;
    padding: 0 31px;
 }
    #map {
    min-height: 850px;
    height: 100%;
        position: relative;
        z-index: 9;    
}
    
.popover-content .images-container .image-container{
    margin-bottom:5px;
}    
    
.popover-content > div {
            display: inline-block!important;
    width: 100%!important;
    padding: 10px 0px 10px 22px!important;
}

.popover-content .project-table th {
    padding: 10px;
    font-size: 11px;
}


.popover-content .project-table tr td {
    padding: 5px;
}

.popover-content .project-table tr td:first-of-type {
    font-weight: bold;
    font-size: 11px;
}


.popover-content .savings-info {
    font-size: 9px!important;
        margin-bottom: 150px;
}


.popover-content .popover-left.finished{
    font-size: 9px;
}

.popover-footer{
        display: inline-block;
    width: 100%;
    height: 150px!important;
}

.popover-content .popover-footer .more-images-container .more-images, .popover-content .popover-footer .files .file span{
        font-size: 15px;
}

.files{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.files .file{
    display: inline-block;
    width: 100%;
}
.files .file img{
    float: left;
}

.files .file span{
        font-size: 15px;
    display: block;
}


 #map-container{
    height: 99vh;
    min-height: 100%;
 }   
    
 .toggle-container{
    display:none;   
 }   
    
    
.modal-content {
    width: 98%;
    padding: 40px 18px;
    max-width: 100%;
}    
    
    
.mobile_menu_row nav{
    display:none;
}    

.com-content-article__body{
    min-height:auto;
}    
.right_cols_row,
.right_bs{
        width: 100%;
    float: none;
    padding:0;
}    
    
 footer .nav{
     display:inline-block;
 }   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}



@media screen and (min-width:360px) and (max-width:475px) {
        
  .fixwidth,
.fixWidth{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
 }   
    
    
  .menu_block1{
      display:none;
  }  
    
  .mobile_menu_row{
      display:block;
  }  
     
 .middle_module_wrapper{
     width:100%;
 }    
 

    .header{
        display:inline-block;
    }

    header .topbar{
        position: relative;
        display: block;
        margin: 0;
        width: 100%;
        height:110px;
    } 
    
  .container,
  header .topbar > .container{
        display: inline-block !important;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
  }  
    
 .row,
 #beneficiary ul{
     display: inline-block;
    width: 100%;    
 }   
    
 #about .list-container{
         display: inline-block;
    width: 100%;
 }   
    
 .title {
    font-size: 18px!important;
 }
    
#about .list-container .list {
    padding: 10px;
    max-width: 100%;
    width: 100%;
    margin:10px 0;
}    
    
    
.intro-home .row .col-1,
.intro-home .row .col-2{
    width: 100%;
    max-width: 100%;
    display: inline-block;    
}    
    
header {
    display: inline-block;
}
    
    
.menu_row {
        width: 50px;
        text-align: left;
        margin: 0px;
        position: absolute;
        top: 5px;
        left: 10px;
}  

.menu_row i{
        font-size: 35px;
}
    
.intro-home{
    margin:0;
}    
    
 .logoItem{
        height: auto;
        margin: 0 auto;
        width: 80px;
        display: block;
        margin-top: 10px;
 }   
    
 .intro-home .row .col-1 .header-content .intro-image {
    width: 100%;
}   
    
    
.intro-home .row .col-1 .map-container .map-title span {
    padding: 8px 10px;
    font-size: 16px;
    text-align: center;
}    
    
.slide_item{
    height:auto;
}    
    
    
#beneficiary ul li {
    position: relative;
    font-size: 16px;
    color: #414241;
    background: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    margin: 10px 0px;
    padding: 20px;
    max-width: 100%;
    width: 100%;
}    
    
.intro-home .row .col-1 .header-content .button {
     width: 100%;
    text-align: center;   
}
 
 .slide_item h5{
     bottom: 0;
 }
 
.slide_item p {
    line-height: 1.4;
    font-size: 11px;
}
 
 
 header .title, .page-header h1{
        text-align: center;
        font-size: 20px;
 }
 
#team .title .left{
    font-size: 42px;
} 
 
.about_video{
    float: none;
} 
    
video{
        width: 100%;
}    
    
    
#news .news-container{
        display: inline-block;
    width: 100%;
}    
    
 #news .news-container .col-1{
     flex: inherit;
 }   
    
 .news-list{
        display: inline-block !important;
        width: 100%;
        margin: 10px 0 !important;
 }   
    
#news .news-container .news{
        display: inline-block !important;
        width: 100%;
        margin: 10px 0 !important;
}    
    
    
 .contact-info{
       width: 100%;
    display: inline-block;  
 }   
    
 .contact-info li{
     margin: 10px 0px 10px 0px;
 }   
    
    
    
.panel .panel-top {
    padding: 10px 0;
    background-color: #f6f7f8;
    padding-left: 10px;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}    
    
.panel .panel-top .arrow {
    position: absolute;
    right: -24px;
}
    
#bar.sticky{
    top:0;
}    
    
 .calcTitle {
    margin: 20px 0;
}   
    
#root input{
       width:100%;
   } 
    
    
.customBallon{
        width: 98%;
        height:650px;
}    
    
 .ymaps-2-1-79-balloon {
    top: -710px;
 }
    
 .map_title{
      font-size: 16px;
 }   
    
 .popover-content .popover-left {
    top: 130px;
    left: 0;
    width: 100%;
    margin: 0px 0px 0px -50px;
    padding: 0 31px;
 }
    #map {
    min-height: 850px;
    height: 100%;
            position: relative;
        z-index: 9;
}
    
.popover-content .images-container .image-container{
    margin-bottom:5px;
}    
    
.popover-content > div {
            display: inline-block!important;
    width: 100%!important;
    padding: 10px 0px 10px 22px!important;
}

.popover-content .project-table th {
    padding: 10px;
    font-size: 11px;
}


.popover-content .project-table tr td {
    padding: 5px;
}

.popover-content .project-table tr td:first-of-type {
    font-weight: bold;
    font-size: 11px;
}


.popover-content .savings-info {
    font-size: 9px!important;
        margin-bottom: 150px;
}


.popover-content .popover-left.finished{
    font-size: 9px;
}

.popover-footer{
        display: inline-block;
    width: 100%;
    height: 150px!important;
}

.popover-content .popover-footer .more-images-container .more-images, .popover-content .popover-footer .files .file span{
        font-size: 15px;
}

.files{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.files .file{
    display: inline-block;
    width: 100%;
}
.files .file img{
    float: left;
}

.files .file span{
        font-size: 15px;
    display: block;
}


 #map-container{
    height: 99vh;
    min-height: 100%;
 }  

    
 .toggle-container{
    display:none;   
 }   
 
 .modal-content {
    width: 98%;
    padding: 40px 18px;
    max-width: 100%;
}  
 
 
.mobile_menu_row nav{
    display:none;
}    

.com-content-article__body{
    min-height:auto;
}    
.right_cols_row,
.right_bs{
        width: 100%;
    float: none;
    padding:0;
}    
    
 footer .nav{
     display:inline-block;
 }   
    
     
 
 
 
 




    
    
}
@media screen and (min-width:476px) and (max-width:639px){
        
  .fixwidth,
.fixWidth{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
 }   
    
    
  .menu_block1{
      display:none;
  }  
    
  .mobile_menu_row{
      display:block;
  }  
     
 .middle_module_wrapper{
     width:100%;
 }    
 

    .header{
        display:inline-block;
    }

    header .topbar{
        position: relative;
        display: block;
        margin: 0;
        width: 100%;
        height:110px;
    } 
    
  .container,
  header .topbar > .container{
        display: inline-block !important;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
  }  
    
 .row,
 #beneficiary ul{
     display: inline-block;
    width: 100%;    
 }   
    
 #about .list-container{
         display: inline-block;
    width: 100%;
 }   
    
 .title {
    font-size: 18px!important;
 }
    
#about .list-container .list {
    padding: 10px;
    max-width: 100%;
    width: 100%;
    margin:10px 0;
}    
    
    
.intro-home .row .col-1,
.intro-home .row .col-2{
    width: 100%;
    max-width: 100%;
    display: inline-block;    
}    
    
header {
    display: inline-block;
}
    
    
.menu_row {
        width: 50px;
        text-align: left;
        margin: 0px;
        position: absolute;
        top: 5px;
        left: 10px;
}  

.menu_row i{
        font-size: 35px;
}
    
.intro-home{
    margin:0;
}    
    
 .logoItem{
        height: auto;
        margin: 0 auto;
        width: 80px;
        display: block;
        margin-top: 10px;
 }   
    
 .intro-home .row .col-1 .header-content .intro-image {
    width: 100%;
}   
    
    
.intro-home .row .col-1 .map-container .map-title span {
    padding: 8px 10px;
    font-size: 16px;
    text-align: center;
}    
    
.slide_item{
    height:auto;
}    
    
    
#beneficiary ul li {
    position: relative;
    font-size: 16px;
    color: #414241;
    background: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    margin: 10px 0px;
    padding: 20px;
    max-width: 100%;
    width: 100%;
}    
    
.intro-home .row .col-1 .header-content .button {
     width: 100%;
    text-align: center;   
}
 
 .slide_item h5{
     bottom: 0;
 }
 
.slide_item p {
    line-height: 1.4;
    font-size: 11px;
}
 
 
 header .title, .page-header h1{
        text-align: center;
        font-size: 20px;
 }
 
#team .title .left{
    font-size: 42px;
} 
 
.about_video{
    float: none;
} 
    
video{
        width: 100%;
}    
    
    
#news .news-container{
        display: inline-block;
    width: 100%;
}    
    
 #news .news-container .col-1{
     flex: inherit;
 }   
    
 .news-list{
        display: inline-block !important;
        width: 100%;
        margin: 10px 0 !important;
 }   
    
#news .news-container .news{
        display: inline-block !important;
        width: 100%;
        margin: 10px 0 !important;
}    
    
    
 .contact-info{
       width: 100%;
    display: inline-block;  
 }   
    
 .contact-info li{
     margin: 10px 0px 10px 0px;
 }   
    
    
    
.panel .panel-top {
    padding: 10px 0;
    background-color: #f6f7f8;
    padding-left: 10px;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}    
    
.panel .panel-top .arrow {
    position: absolute;
    right: -24px;
}
    
#bar.sticky{
    top:0;
}    
    
 .calcTitle {
    margin: 20px 0;
}   
    
#root input{
       width:100%;
   } 
    
    
.customBallon{
        width: 98%;
        height:650px;
}    
    
 .ymaps-2-1-79-balloon {
    top: -710px;
 }
    
 .map_title{
      font-size: 16px;
 }   
    
 .popover-content .popover-left {
    top: 130px;
    left: 0;
    width: 100%;
    margin: 0px 0px 0px -50px;
    padding: 0 31px;
 }
    #map {
    min-height: 850px;
    height: 100%;
            position: relative;
        z-index: 9;
}
    
.popover-content .images-container .image-container{
    margin-bottom:5px;
}    
    
.popover-content > div {
            display: inline-block!important;
    width: 100%!important;
    padding: 10px 0px 10px 22px!important;
}

.popover-content .project-table th {
    padding: 10px;
    font-size: 11px;
}


.popover-content .project-table tr td {
    padding: 5px;
}

.popover-content .project-table tr td:first-of-type {
    font-weight: bold;
    font-size: 11px;
}


.popover-content .savings-info {
    font-size: 9px!important;
        margin-bottom: 150px;
}


.popover-content .popover-left.finished{
    font-size: 9px;
}

.popover-footer{
        display: inline-block;
    width: 100%;
    height: 150px!important;
}

.popover-content .popover-footer .more-images-container .more-images, .popover-content .popover-footer .files .file span{
        font-size: 15px;
}

.files{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.files .file{
    display: inline-block;
    width: 100%;
}
.files .file img{
    float: left;
}

.files .file span{
        font-size: 15px;
    display: block;
}
 #map-container{
    height: 99vh;
    min-height: 100%;
 }  
    
 .toggle-container{
    display:none;   
 }   
 
 .modal-content {
    width: 98%;
    padding: 40px 18px;
    max-width: 100%;
}  
 
 
 
 .mobile_menu_row nav{
    display:none;
}    

.com-content-article__body{
    min-height:auto;
}    
.right_cols_row,
.right_bs{
        width: 100%;
    float: none;
    padding:0;
}    
    
 footer .nav{
     display:inline-block;
 }   
    
    
 
 
 
 
    
    
}
@media screen and (min-width:640px) and (max-width:767px){
        
  .fixwidth,
.fixWidth{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
 }   
    
    
  .menu_block1{
      display:none;
  }  
    
  .mobile_menu_row{
      display:block;
  }  
     
 .middle_module_wrapper{
     width:100%;
 }    
 

    .header{
        display:inline-block;
    }

    header .topbar{
        position: relative;
        display: block;
        margin: 0;
        width: 100%;
        height:110px;
    } 
    
  .container,
  header .topbar > .container{
        display: inline-block !important;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
  }  
    
 .row,
 #beneficiary ul{
     display: inline-block;
    width: 100%;    
 }   
    
 #about .list-container{
         display: inline-block;
    width: 100%;
 }   
    
 .title {
    font-size: 18px!important;
 }
    
#about .list-container .list {
    padding: 10px;
    max-width: 100%;
    width: 100%;
    margin:10px 0;
}    
    
    
.intro-home .row .col-1,
.intro-home .row .col-2{
    width: 100%;
    max-width: 100%;
    display: inline-block;    
}    
    
header {
    display: inline-block;
}
    
    
.menu_row {
        width: 50px;
        text-align: left;
        margin: 0px;
        position: absolute;
        top: 5px;
        left: 10px;
}  

.menu_row i{
        font-size: 35px;
}
    
.intro-home{
    margin:0;
}    
    
 .logoItem{
        height: auto;
        margin: 0 auto;
        width: 80px;
        display: block;
        margin-top: 10px;
 }   
    
 .intro-home .row .col-1 .header-content .intro-image {
    width: 100%;
}   
    
    
.intro-home .row .col-1 .map-container .map-title span {
    padding: 8px 10px;
    font-size: 16px;
    text-align: center;
}    
    
.slide_item{
    height:auto;
}    
    
    
#beneficiary ul li {
    position: relative;
    font-size: 16px;
    color: #414241;
    background: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    margin: 10px 0px;
    padding: 20px;
    max-width: 100%;
    width: 100%;
}    
    
.intro-home .row .col-1 .header-content .button {
     width: 100%;
    text-align: center;   
}
 
 .slide_item h5{
     bottom: 0;
 }
 
.slide_item p {
    line-height: 1.4;
    font-size: 11px;
}
 
 
 header .title, .page-header h1{
        text-align: center;
        font-size: 20px;
 }
 
#team .title .left{
    font-size: 42px;
} 
 
.about_video{
    float: none;
} 
    
video{
        width: 100%;
}    
    
    
#news .news-container{
        display: inline-block;
    width: 100%;
}    
    
 #news .news-container .col-1{
     flex: inherit;
 }   
    
 .news-list{
        display: inline-block !important;
        width: 100%;
        margin: 10px 0 !important;
 }   
    
#news .news-container .news{
        display: inline-block !important;
        width: 100%;
        margin: 10px 0 !important;
}    
    
    
 .contact-info{
       width: 100%;
    display: inline-block;  
 }   
    
 .contact-info li{
     margin: 10px 0px 10px 0px;
 }   
    
    
    
.panel .panel-top {
    padding: 10px 0;
    background-color: #f6f7f8;
    padding-left: 10px;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}    
    
.panel .panel-top .arrow {
    position: absolute;
    right: -24px;
}
    
#bar.sticky{
    top:0;
}    
    
 .calcTitle {
    margin: 20px 0;
}   
    
#root input{
       width:100%;
   } 
    
    
.customBallon{
        width: 98%;
        height:650px;
}    
    
 .ymaps-2-1-79-balloon {
    top: -710px;
 }
    
 .map_title{
      font-size: 16px;
 }   
    
 .popover-content .popover-left {
    top: 130px;
    left: 0;
    width: 100%;
    margin: 0px 0px 0px -50px;
    padding: 0 31px;
 }
    #map {
    min-height: 850px;
    height: 100%;
            position: relative;
        z-index: 9;
}
    
.popover-content .images-container .image-container{
    margin-bottom:5px;
}    
    
.popover-content > div {
            display: inline-block!important;
    width: 100%!important;
    padding: 10px 0px 10px 22px!important;
}

.popover-content .project-table th {
    padding: 10px;
    font-size: 11px;
}


.popover-content .project-table tr td {
    padding: 5px;
}

.popover-content .project-table tr td:first-of-type {
    font-weight: bold;
    font-size: 11px;
}


.popover-content .savings-info {
    font-size: 9px!important;
        margin-bottom: 150px;
}


.popover-content .popover-left.finished{
    font-size: 9px;
}

.popover-footer{
        display: inline-block;
    width: 100%;
    height: 150px!important;
}

.popover-content .popover-footer .more-images-container .more-images, .popover-content .popover-footer .files .file span{
        font-size: 15px;
}

.files{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.files .file{
    display: inline-block;
    width: 100%;
}
.files .file img{
    float: left;
}

.files .file span{
        font-size: 15px;
    display: block;
}

 #map-container{
    height: 99vh;
    min-height: 100%;
 }  

    
 .toggle-container{
    display:none;   
 }   
 
 .modal-content {
    width: 98%;
    padding: 40px 18px;
    max-width: 100%;
}  
 
 
 .mobile_menu_row nav{
    display:none;
}    

.com-content-article__body{
    min-height:auto;
}    
.right_cols_row,
.right_bs{
        width: 100%;
    float: none;
    padding:0;
}    
    
 footer .nav{
     display:inline-block;
 }   
    
    
 
 


    
    
}
@media screen and (min-width: 768px) and (max-width: 768px) {}
@media screen and (min-width: 1024px) and (max-width: 1024px) {
    
.ymaps-2-1-79-balloon {
    top: -490px;
    margin: 0 auto;
}

.map_title {
    font-size: 19px;
}

.customBallon {
    height: 590px;
}

.popupCenterData {
    width: 100%;
    padding: 40px 20px 0 20px;
}
      
    
    
}



@media screen and (min-width: 1025px) and (max-width: 1199px) {
.ymaps-2-1-79-balloon {
    top: -490px;
    margin: 0 auto;
}

.map_title {
    font-size: 19px;
}

.customBallon {
    height: 590px;
}

.popupCenterData {
    width: 100%;
    padding: 40px 20px 0 20px;
}






    
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    
.ymaps-2-1-79-balloon {
    top: -490px;
    margin: 0 auto;
}

.map_title {
    font-size: 19px;
}

.customBallon {
    height: 590px;
}


.popupCenterData {
    width: 100%;
    padding: 40px 20px 0 20px;
}


}
@media screen and (min-width: 1201px) and (max-width: 1439px) {
.ymaps-2-1-79-balloon {
    top: -675px;
    margin: 0 auto;
}

.map_title {
    font-size: 19px;
}

.customBallon {
    height: 600px;
}

.popupCenterData {
    width: 100%;
    padding: 40px 20px 0 20px;
}
    
    
}
@media screen and (min-width: 1440px) and (max-width: 1660px) {
    
    
.ymaps-2-1-79-balloon {
    top: -675px;
    margin: 0 auto;
}

.map_title {
    font-size: 19px;
}

.customBallon {
    height: 600px;
}

.popupCenterData {
    width: 100%;
    padding: 40px 20px 0 20px;
}
    
    
    
    
}


@media screen and (min-width: 1661px) and (max-width: 1900px) {
    
    
.ymaps-2-1-79-balloon {
    top: -675px;
    margin: 0 auto;
}

.map_title {
    font-size: 19px;
}

.customBallon {
    height: 600px;
}

.popupCenterData {
    width: 100%;
    padding: 40px 20px 0 20px;
}
    
    
    
    
}



@media  screen and (max-height: 700px) {
    
.ymaps-2-1-79-balloon {
    top: -590px;
    margin: 0 auto;
}

.map_title {
    font-size: 19px;
}

.customBallon {
    height: 470px;
}


.popover-content .popover-left {
    position: sticky;
    top: 76px;
    left: 0;
    width: 40%;
    margin: 0px 0px 0px -54px;
    padding: 8px 40px;
}




}