@media (max-width: 1260px) {
    .steps-nav li,
    .step-sep {
        padding-left: 3rem;
    }
}
@media (max-width: 991px) {
    html {
        font-size: 8px;
    }

    .main-table .th,
    .main-table .td {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .newsletter-btn {
        width: auto;
        background: none;
        font-size: 18px;
        float: none;
    }
    .foot-info-btn {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .logo {
        display: inline-block;
    }
    /*menu hamburger*/
    .navbar-toggle {
        display: inline-block;
        outline: none;
        cursor: pointer;
        background: none;
        border: 0;
        z-index: 10;
        position: absolute;
        right: 15px;
        top: 47px;
        color: #506a85;
        font-size: 25px;
    }
    .head-nav .navbar-toggle {
        top: 15px;
        right: 20px;
        font-size: 15px;
        color: #fff;
    }
    /*end burger menu*/
    /*menu*/
    /*menu overlay*/
    #site-overlay {
        display: none;
    }
    .menu-opened #site-overlay {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9997;
        background-color: rgba(0, 0, 0, .15);
        -webkit-animation: fade .5s;
        animation: fade .5s;
    }
    .menu-opened {
        overflow: hidden;
    }
    .menu-opened .head-nav {
        right: 0;
    }
    /*main menu*/
    .head-nav {
        z-index: 9999;
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        width: 220px;
        height: 100%;
        padding: 40px 0 20px;
        background: #506a85;
        overflow: auto;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }
    .main-menu >li {
        width: 100%;
        padding: 8px 20px;
        color: #fff;
    }
    .main-menu a {
        font-size: 14px;
    }
    .main-menu li:hover {
        background: #373545;
    }
    .sub-toggler {
        float: right;
        padding: 3px;
        cursor: pointer;
    }
    .sub-menu {
        display: none;
        margin-top: 10px;
    }
    .has-sub.active .sub-menu {
        display: block;
    }
    .sub-menu >li {
        padding: 5px 15px;
    }
    .sub-menu a {
        font-size: 12px;
    }
    /*end menu*/
    .monitoring-list {
        text-align: center;
    }
    .monitoring-item {
        text-align: left;
    }
    .col,
    .intersection-diagram,
    .area-chart,
    .vote-info-list {
        margin-bottom: 5rem;
    }
    .compare-main .compare-links {
        padding-top: 5rem;
    }

    .step-sep {
        display: none;
    }
    .deputy-link .deputy-sidetitle{
        font-size: 14px;
    }
	.foot-info-btn{
		margin-right: 0;
	}
	.home .slick-slider #container-laws-by-categories,
	.home .slick-slider #container-laws-by-authors,
	.home .slick-slider .highcharts-container {
		width: 100% !important;
	}
	
}

@media (max-width: 479px) {
    html {
        font-size: 6px;
    }

    .monitoring-list {
        text-align: center;
    }
    .monitoring-caption {
        text-align: left;
    }
    .form-label {
        display: block;
        margin-bottom: 5px;
    }
    .sr-close-btn{
        top: -25px;
        right: 0;
    }
    .sr-nav a {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .type-list strong {
        display: inline-block;
        vertical-align: middle;
    }
    .secondary-title {
        font-size: 12px;
    }
    .sidebar .secondary-title{
        font-size: 15px;
    }
    .vote-result-list li,
    .vote-table {
        font-size: 12px;
    }
    .featured-simple .featured-block{
        font-size: 12px;
    }
	.session-filter .custom-select.customSelect{
		width: 300px;
		font-size: 11px;
		padding-top: 11px;
	}
}