/*MEDIA QUERIES*/
@media (min-width: 1600px) {
    .side-menu.header-side-menu.left {left: 150px;}
    .header-side-menu.left + #main-content {padding-left: 34%; padding-right: 15%;}
}
@media (min-width : 1200px) and (max-width: 1599px) {
    .header-side-menu.left + #main-content {padding-left: 25%; padding-right: 12%;}
}

@media (max-width : 1199px) {
    .pie {height: 40vw; width: 40vw;}
    .pie .slice {width: 20vw; height: 40vw; left: 20vw;}
    .pie .slice:before {width: 20vw; height: 40vw; left: -20vw;
                       border-radius: 20vw 0 0 20vw; -moz-border-radius: 20vw 0 0 20vw;}
    .pie .slice h4 {font-size: 1.66667vw; max-width: 12.5vw;}
    .slice.orange3 h4 {top: 14%; left: -5%;}
    .slice.orange4 h4 {top: 16%; left: -5%;}
    .mq-mar {margin-bottom: 15px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-side-menu.left + #main-content {padding-left: 25%;}
}
@media (max-width: 1199px) {
    
}
@media (min-width: 992px) {
    table tr th {white-space: nowrap;}
    th:nth-child(1), td:nth-child(1) {white-space: nowrap;}
}
@media (max-width: 991px) {
    .lang {right: 0px;}
    .lang a {width: 48px; height: 53px; line-height: 53px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .index-block {padding-left: 50px; padding-right: 40px;}
}
@media screen and (max-width: 767px) {
    .con-up {padding-top: 100px;}
    #scroll-top {display: none;}
    table {overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar;}
    .block-white.refimage {padding: 20px 5px 30px;}
    ul.charts {list-style: none; margin-left: 0px; margin-bottom: 0;}
    ul.charts li {margin-bottom: 20px;}
    ul.charts li a, ul.charts  li a:focus {height: 24px; line-height: 24px; display: inline-block; text-decoration: none;
                    padding-left: 40px; color: #000; text-transform: uppercase; background: transparent;}
    
    ul.charts li a span {position: relative; width: 24px; height: 24px; left: -40px;}
    ul.charts li a span:after {
        content: '';
        height: 24px;
        border-left: 2px solid #999;
        position: absolute;
        transform: rotate(0deg);
        left: 12px; top: -1px;
        -webkit-transition: all .3s; transition: all .3s;
    }

    ul.charts li a span:before {
        content: '';
        height: 24px;
        border-left: 2px solid #999;
        position: absolute;
        transform: rotate(90deg);
        left: 12px;
        -webkit-transition: all .3s; transition: all .3s;
    }
    ul.charts li a:hover {background: transparent;}
    ul.charts li a:hover span:after, ul.charts li a:hover span:before {border-left: 2px solid #00a934;}
}
@media (max-width: 650px) {
    .block-white.refimage {padding: 10px 0px;}
}
@media (min-width: 480px) and (max-width: 767px) {
    .index-block {padding-left: 50px; padding-right: 40px;}
}

@media (max-width: 420px) {
    .country .panel-body {padding: 0px 15px;}
}
@media (max-width: 380px) {
    
}