

#submit-proposal-popup .closeButton {
    display: block;
    position: absolute;
    
    top: 10px;
    right: 10px;
    
    margin: 0px;
    padding: 0px;
    
    width: 30px;
    height: 30px;
    
    cursor: pointer;
    
    background-image: url('../img/close_icon_2.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px auto;
    
    border: solid 0px white;
}

#header-wrapper header #menu-dropdowns {
    /*height: 900px;*/
}


.mob320loginRegisterOptionsPanel {
    display: none;
}

.mob320SocialLinksWrapper {
    display: none;
}

.mob320TinyShareLoginIconsPanel {
        display: block;
        /*position: absolute;*/
        
        /*top: 0px;
        right: 0px;*/
        
        margin: 0px;
        padding: 0px;
        
        height: 55px;
        
        float: right;
        
        border: solid 0px black;
    }
    
        .mob320TinyShareLoginIconsPanel .singleIcon {
            display: inline-block;
            position: relative;
            
            margin: 0px;
            padding: 0px;
            
            width: 45px;
            height: 55px;
            
            cursor: pointer;
            
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 32px auto;
            
            border: solid 0px grey;
        }
        .mob320TinyShareLoginIconsPanel .singleIcon_share {
            background-image: url('../img/tiny_share_icon.png');
        }
        .mob320TinyShareLoginIconsPanel .singleIcon_login {
            display: none;
            background-image: url('../img/tiny_login_icon.png');
        }
        
            .mob320TinyShareLoginIconsPanel .singleIcon_share .socIconsPanel {
                display: none;
                position: absolute;
                
                top: 55px;
                left: 0px;
                right: 0px;
                
                margin: 0px;
                padding: 0px;
                padding-bottom: 2px;
                
                text-align: center;
                
                box-shadow: 0px 10px 8px rgba(0,0,0,0.3);
                
                background-color: white;
            }
            .mob320TinyShareLoginIconsPanel .singleIcon_share .socIconsPanel.visible {
                display: block;
            }
            
                .mob320TinyShareLoginIconsPanel .singleIcon_share .socIconsPanel a {
                    display: block;
                    
                    margin: 0px;
                    padding: 0px;
                    
                    width: 45px;
                    height: 45px;
                    
                    text-align: center;
                    
                    line-height: 45px;
                    
                    vertical-align: middle;
                    
                    border: solid 0px grey;
                }
                
                    .mob320TinyShareLoginIconsPanel .singleIcon_share .socIconsPanel a img {
                        display: inline !important;
                        
                        margin: 0px !important;
                        padding: 0px !important;
                        
                        vertical-align: middle !important;
                        
                        float: none !important;
                        
                        border: solid 0px red;
                    }

#polls-page #middle-side #question-options .answer-box {
    font-weight: normal;
    
    /*-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);*/
}

#polls-page #middle-side #question-options .answer-box .answer {
    /*color: rgba(255,255,255,0.5) !important;
    
    z-index: 20 !important;*/
    
    font-weight: normal;
    transform: translate3d(0,0,1px);

}
#polls-page #middle-side #question-options .answer-box:nth-child(2) .answer {
    color: rgba(255,255,255,0.6) !important;
}
#polls-page #middle-side #question-options .answer-box:nth-child(3) .answer {
    color: rgba(255,255,255,0.8) !important;
}
#polls-page #middle-side #question-options .answer-box:nth-child(4) .answer {
    color: rgba(255,255,255,0.9) !important;
}
#polls-page #middle-side #question-options .answer-box:nth-child(5) .answer {
    color: rgba(255,255,255,1) !important;
}

/* ===================== homePage stuff START =============================== */

#content-wrapper #content {
    width: 100%;
}

@media (max-width: 1450px) {
    
    #header-wrapper {
        width: 100%;
        min-width: 100px;
    }
    
    #header-wrapper header {
        width: 100%;
    }
    
    #content-wrapper #content {
        width: 100%;
    }
    
    .popup-wrapper {
        width: 100%;
    }
    
    footer {
        width: auto;
    }
    
} /* media 1450px - 0px */



@media (max-width: 1199px) {
    
    #header-wrapper {
        width: 100%;
        min-width: 100px;
    }
    
    #header-wrapper header {
        width: 100%;
    }

    #header-wrapper header #your-opinion {
        /*margin-left: 55px;*/
        font-size: 20px;
        margin-top: 17px;
        width: 20vw;
    }
    
    #header-wrapper header #twitter {
        margin-right: 15px;
    }
    
    /* ==================== #menu-dropdowns stuff START ===================== */
    
    #header-wrapper header #menu-dropdowns {
        width: 380px;
        /*height: 500px;*/
        height: 550px;
        /*border: solid 2px black;*/
    }
    
    #header-wrapper header #menu-dropdowns .dropdown-menus {
        padding: 10px 20px 10px 0;
    }
    
    #header-wrapper header #menu-dropdowns #menu-pes {
        bottom: 10px;
        width: 55px;
    }
    
    #header-wrapper header #menu-dropdowns .dropdown-menus h3 {
        font-size: 16px;
    }
    
    #header-wrapper header #menu-dropdowns .dropdown-menus .menu-copy-wrapper {
        width: 280px;
    }
    
    /* ==================== #menu-dropdowns stuff END ======================= */

    #content-wrapper #content {
        width: 100%;
    }
    
    .boxes {
        min-height: 500px;
    }
    
    .boxes h2 {
        font-size: 26px;
    }

    .boxes-links h2 {
        margin: 0;
        height: 50%;
        padding-top: 50%;
        padding-bottom: 35%;
    }

    .boxes-links .you-icons {
        top: 450px;
        /*width: 60px;*/
    }
    .boxes-links .you-icons span {
        padding: 9px;
        font-size: 16px;
        border-width: 2px;
    }

    .boxes-links .topic-icon {
        top: 380px;
        width: 40px;
        height: auto;
    }

    .boxes-links:hover .topic-icon {
        top: 320px;
        width: 80px;
    }
    
    .popup-wrapper {
        width: 100%;
    }
    
    footer {
        width: auto;
    }
    
} /* media 1199px - 0px */



@media (max-width: 1050px) {

    #header-wrapper header #your-opinion {
        display: none;
    }
}

@media (max-width: 991px) {

    #header-wrapper {
        width: 100%;
        min-width: 100px;
    }
    
    #header-wrapper header {
        width: 100%;
    }

    #header-wrapper header #your-opinion {
        display: none;
    }
    
    #header-wrapper header #twitter {
        margin-right: 15px;
    }

    /* ==================== #menu-dropdowns stuff START ===================== */
    
    #header-wrapper header #menu-dropdowns {
        width: 340px;
        height: 500px;
    }
    
    #header-wrapper header #menu-dropdowns #menu-pes {
        width: 30px;
    }
    
    #header-wrapper header #menu-dropdowns .dropdown-menus h3 {
        font-size: 14px;
    }
    
    #header-wrapper header #menu-dropdowns .dropdown-menus .menu-icon {
        /*width: 26px;
        height: 26px;
        background-size: 100% auto;*/
        -webkit-transform: scale(0.8);
    }
    
    #header-wrapper header #menu-dropdowns .dropdown-menus .menu-copy-wrapper {
        width: 240px;
    }
    
    /* ==================== #menu-dropdowns stuff END ======================= */

    #content-wrapper #content {
        width: 100%;
    }
	
	.tagPanel{
		display: none!important;
	}
    
    .boxes {
        min-height: 450px;
    }
    
    .boxes h2 {
        font-size: 20px;
    }

    .boxes-links h2 {
        height: 40%;
        padding-top: 60%;
        padding-bottom: 30%;
    }

    .boxes-links .you-icons {
        top: 370px;
    }

    .boxes-links .topic-icon {
        top: 310px;
    }

    .boxes-links:hover .topic-icon {
        top: 290px;
        width: 60px;
    }
    
    #pes-box p {
        font-size: 14px;
    }
    
    .popup-wrapper {
        width: 100%;
    }
    
    footer {
        width: auto;
    }

    /*#debate-popup .debate-img{
		height: 300px;
	}*/
} /* media 991px - 0px */


@media (max-width: 767px) {
    
    body {
        overflow-x: hidden;
    }
    
    #header-wrapper {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
    }
    
    #header-wrapper header h1 {
        font-size: 16px;
    }
    
    #header-wrapper header h1 .hiddenOnMob320 {
        display: none;
    }
    
    #header-wrapper header .socialLinksWrapper {
        display: none;
    }
    
    #header-wrapper header #twitter {
        margin-right: 0px;
    }
    
    #header-wrapper header .regularLoginRegisterPanel {
        display: none;
    }
    
    .mob320TinyShareLoginIconsPanel {
        display: block;
    }
    
    .mob320TinyShareLoginIconsPanel .singleIcon_login {
        display: inline-block;
    }
    
    /* ==================== #menu-dropdowns stuff START ===================== */
    
    #header-wrapper header #menu-dropdowns {
        width: 100%;
        height: 530px;
    }
    
    #header-wrapper header #menu-dropdowns .dropdown-menus {
        padding: 8px 10px 8px 0;
    }    
    #header-wrapper header #menu-dropdowns .dropdown-menus:first-child {
        margin-top: 10px;
    }
    
    #header-wrapper header #menu-dropdowns #menu-pes {
        left: 20px;
        width: 45px;
    }
    
    #header-wrapper header #menu-dropdowns .dropdown-menus .menu-copy-wrapper {
        width: 70%;
    }
    
    .mob320loginRegisterOptionsPanel {
        position: absolute;
        bottom: 15px;
        left: 100px;
        margin: 0px;
        padding: 0px;
        height: 50px;
        border: solid 0px black;
    }
    
    .mob320SocialLinksWrapper {
        display: block;
        position: absolute;
        bottom: 30px;
        right: 20px;
        margin: 0px;
        padding: 0px;
        border: solid 0px black;
    }
    
    /* ==================== #menu-dropdowns stuff END ======================= */
    
    .boxes {
        min-height: 10px;
        float: none;
    }
    
    #pes-box {
        width: 100%;
        padding-top: 100px;
        padding-bottom: 50px;
        text-align: center;
    }

    #pes-box img.slogan {
        margin: 0 auto;
        width: 150px;
    }

    #pes-box .pes-links {
        margin: 50px auto 0;
    }

    .boxes .topic-icon {
        display: block;
        position: relative;
        top: initial;
        bottom: initial;
        left: initial;
        right: initial;
        margin: 30px auto 0px;
    }

    .boxes-links {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .boxes-links h2 {
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .boxes-links .you-icons {
        position: relative;
        top: initial;
        margin: 0px auto;
        margin-top: 30px;
    }

    .boxes-links:hover .topic-icon {
        top: initial;
        width: 60px;
    }

    /*#debate-popup .debate-img{
		height: 270px;
	}*/
} /* media 767px - 0px */

/* ===================== homePage stuff END ================================= */




/* ===================== pollsPage stuff START ============================== */

#polls-page #middle-side #question-options .percentage-text {
    color: white;
    
    text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

@media (max-width: 1450px) {
    
    #polls-page .left-side {
        width: 33%;
    }
    
    #polls-page #middle-side {
        width: 33%;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer-box:first-child {
        width: 50%;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer-box:nth-child(2) {
        width: 50%;
    }
    
    #polls-page #middle-side #question-options {
        width: 100%;
    }
    
    #polls-page #right-side {                
        padding-left: 30px;
        
        width: 33%;
        
        box-sizing: border-box;
    }
    
} /* media 1450px - 0px */


@media (max-width: 1199px) {
    
    #polls-page .left-side {
        width: 33%;
    }
    
    #polls-page #middle-side {
        width: 33%;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer-box:first-child {
        width: 50%;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer-box:nth-child(2) {
        width: 50%;
    }
    
    #polls-page #middle-side #question-options {
        width: 100%;
    }
    
    #polls-page #right-side {                
        padding-left: 30px;
        
        width: 33%;
        
        box-sizing: border-box;
    }
    
    #polls-page #right-side .poll-entry .poll-info {
        width: 200px;
    }
    
} /* media 1199px - 0px */


@media (max-width: 991px) {
    
    #polls-page .left-side {
        width: 33%;
        min-height: 500px;
    }
    
    #polls-page .left-side #left-side-content {
        padding-left: 20px;
    }
    
    #polls-page .left-side #left-side-content #current-poll {
        font-size: 26px;
    }
    
    #polls-page .left-side #left-side-content #polls-you-say {
        top: 400px;
        
        left: 50%;
        
        margin-left: -90px;
    }
    
    #polls-page .left-side #left-side-content #submit-topic-link {
        top: 400px;
        
        left: 50%;
        
        margin-left: 20px;
    }
    
    #polls-page #middle-side {
        width: 33%;
    }
    
    #polls-page #middle-side #question-options {
        width: 100%;
        min-height: 500px;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer {
        padding: 0px 10px;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer-box:first-child {
        width: 50%;
        height: 500px;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer-box:nth-child(2) {
        width: 50%;
        height: 500px;
    }
    
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(1),
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(2),
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(3),
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(4),
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(5) {
        height: 100px;
    }
    
    #polls-page #middle-side #question-options.three-answers .answer-box:first-child,
    #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(2),
    #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(3) {
        height: 166px;
    }
    
    #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(1),
    #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(2),
    #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(3),
    #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(4) {
        height: 125px;
    }
    
    #polls-page #middle-side #question-options .percentage-text {        
        font-size: 32px;
    }
    
    #polls-page #middle-side #question-options.three-answers .answer-box .percentage-text,
    #polls-page #middle-side #question-options.four-answers .answer-box .percentage-text,
    #polls-page #middle-side #question-options.five-answers .answer-box .percentage-text {
        right: 15px;
    }
    
    #polls-page #right-side {                
        padding-left: 30px;
        
        width: 33%;
        
        box-sizing: border-box;
    }
    
    #polls-page #right-side .poll-entry {
        min-height: 70px;
    }
    
    #polls-page #right-side .poll-entry .poll-info {
        width: 120px;
    }
    
    #polls-page #right-side .poll-entry .poll-info h4 {
        font-size: 10px;
    }
    
    #polls-pagination {
        top: initial;
        bottom: 30px;
    }
    
    #polls-pagination .hit-page {
        display: inline-block;
        
        margin-right: 20px;
        
        float: none;
    }
    
} /* media 991px - 0px */


@media (max-width: 767px) {
    
    #polls-page .left-side {
        padding-top: 30px;
        padding-bottom: 20px;
        
        width: 100%;
        min-height: 10px;
        
        float: none;
    }
    
    #polls-page .left-side #left-side-content {
        padding-left: 20px;
    }
    
    #polls-page .left-side #left-side-content #current-poll {
        font-size: 26px;
    }
    
    #polls-page .left-side #current-poll-creator {
        margin-bottom: 20px;
    }
    
    #polls-page .left-side #left-side-content #polls-you-say {
        display: inline-block;
        position: relative;
        
        top: initial;
        left: 50%;
        
        margin-left: -90px;
        
        width: 70px;
    }
    
    #polls-page .left-side #left-side-content #submit-topic-link {
        display: inline-block;
        position: relative;
        
        top: initial;
        left: 50%;
        
        margin-left: 20px;
    }
    
    #polls-page #middle-side {
        width: 100%;
        
        float: none;
    }
    
    #polls-page #middle-side #question-options {
        width: 100%;
        min-height: 300px;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer-box:first-child {
        width: 50%;
        height: 300px;
    }
    
    #polls-page #middle-side #question-options.two-answers .answer-box:nth-child(2) {
        width: 50%;
        height: 300px;
    }
    
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(1),
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(2),
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(3),
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(4),
    #polls-page #middle-side #question-options.five-answers .answer-box:nth-child(5) {
        height: 60px;
    }
    
    #polls-page #middle-side #question-options.three-answers .answer-box:first-child,
    #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(2),
    #polls-page #middle-side #question-options.three-answers .answer-box:nth-child(3) {
        height: 100px;
    }
    
    #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(1),
    #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(2),
    #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(3),
    #polls-page #middle-side #question-options.four-answers .answer-box:nth-child(4) {
        height: 75px;
    }
    
    #polls-page #middle-side #question-options .percentage-text {
        /*font-size: 42px;*/
        font-size: 20px;
    }
    
    #polls-page #middle-side #question-options.three-answers .answer-box .percentage-text {
        /*margin-top: 25px;*/
        margin-top: 35px;
    }
    
    #polls-page #middle-side #question-options.four-answers .answer-box .percentage-text {
        top: 25px;
    }
    
    #polls-page #middle-side #question-options.five-answers .answer-box .percentage-text {
        /*top: 5px;*/
        top: 17px;
    }
    
    #polls-page #right-side {                
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        
        width: 100%;
        
        float: none;
        
        box-sizing: border-box;
    }
    
    #polls-page #right-side .poll-entry .poll-info {
        width: 180px;
    }
    
    #polls-page #right-side .poll-entry .poll-info h4 {
        font-size: 11px;
    }
    
    #polls-pagination {
        position: relative;
        
        top: 0px;
        
        margin-top: 20px;
        
        text-align: center;
    }
    
    #polls-pagination .hit-page {
        display: inline-block;
        
        margin-right: 20px;
        
        float: none;
    }
    
} /* media 767px - 0px */

/* ===================== pollsPage stuff END ================================ */




/* ===================== proposalPage stuff START =========================== */

@media (max-width: 1450px) {
    
    #submit-topic-page .left-side {
        width: 30%;
    }
    
    #submit-topic-page .right-side {
        width: 70%;
        
        background-size: cover;
    }
    
} /* media 1450px - 0px */


@media (max-width: 1199px) {
    
    #submit-topic-page .left-side {
        width: 30%;
    }
    
    #submit-topic-page .right-side {
        width: 70%;
        
        background-size: cover;
    }
    
    #submit-topic-page .left-side #left-side-content {
        /*padding-left: 50px;*/
        padding-left: 20%;
    }
    
    #submit-topic-page .left-side #left-side-content #activists-link {
        /*left: 180px;*/
        left: 18%;
    }
    
} /* media 1199px - 0px */


@media (max-width: 991px) {
    
    #submit-topic-page .left-side {
        width: 30%;
    }
    
    #submit-topic-page .right-side {
        width: 70%;
        
        background-size: cover;
    }
    
    #submit-topic-page .left-side #left-side-content {
        /*padding-left: 50px;*/
        padding-left: 20%;
    }
    
    #submit-topic-page .left-side #left-side-content #page-title {
        font-size: 32px;
    }
    
    #submit-topic-page .left-side #left-side-content #topic-you-say {
        width: 70px;
    }
    
    #submit-topic-page .left-side #left-side-content #activists-link {
        top: 590px;
        /*left: 180px;*/
        left: 18%;
        
        width: 60px;
    }
    
} /* media 991px - 0px */


@media (max-width: 767px) {
    
    #submit-topic-page .left-side {
        padding-top: 30px;
        padding-bottom: 20px;
        
        width: 100%;
        height: auto;
        min-height: 10px;
        float: none;
        
        text-align: left;
    }
    
    #submit-topic-page .right-side {
        position: relative;
        
        width: 100%;
        height: auto;
        
        float: none;
        
        background-size: cover;
    }
    
    #submit-topic-page .left-side #back-arrow {
        margin-left: 20px;
        
        float: none;
    }
    
    #submit-topic-page .left-side #topic-icon {
        margin-left: 0px;
        
        float: none;
    }
    
    #submit-topic-page .left-side #left-side-content {
        /*padding-left: 50px;*/
        padding-left: 10%;
        padding-right: 10%;
        
        text-align: center;
    }
    
    #submit-topic-page .left-side #left-side-content #page-title {
        font-size: 32px;
    }
    
    #submit-topic-page .left-side #left-side-content #topic-you-say {
        position: relative;
        
        top: 0px;
        
        width: 70px;
    }
    
    #submit-topic-page .left-side #left-side-content #activists-link {
        position: relative;
        
        top: 0px;
        left: 30px;
        
        width: 60px;
    }
    
    #submit-topic-page .right-side .recent-topics-panel {
        position: relative;
        
        padding-bottom: 50px;
        
        left: 0px;
        width: auto;
    }
    
    #submit-topic-page .right-side .recent-topics-panel .panel-title {
        margin-left: 20px;
    }
    
    #submit-topic-page .right-side .recent-topics-panel .single-topic-panel {
        margin-left: 20px;
    }
    
    #submit-topic-page .right-side .recent-topics-panel .single-topic-panel .topic-title {
        font-size: 14px;
    }
    
    #submit-topic-page .right-side .recent-topics-panel .page-buttons-panel {
        left: 0px;
    }
    
} /* media 767px - 0px */

/* ===================== proposalPage stuff END ============================= */




/* ===================== activistsPage stuff START ========================== */

@media (max-width: 1450px) {
    
    body {
        position: relative;
        
        height: auto;
        
        overflow-x: hidden;
    }
    
    #activists-page #activists-left {
        position: relative;
        width: 30%;
    }
    
    #activists-page #activists-left .left-content {
        padding-left: 20%;
        padding-right: 30px;
    }
    
    #activists-page #activists-right {
        left: 30%;
        width: 70%;
    }
    
    #activists-page #activists-right #activist-box-wrapper {
        width: 100%;
    }
    
    #activists-page #activists-right .activist {
        width: 50%;
    }
    
    #activists-page #activists-right .activist:hover .activist-hover {
        transform: scale(1.2);
    }
    
    #activists-page #activists-right .activist:nth-child(2) {
        left: 50%;
    }
    
    #activists-page #activists-right .activist:nth-child(4) {
        left: 50%;
    }
    
    #activists-page #activists-right .activist .activist-image {
        display: none;
        width: 100%;
    }
    
    #activists-page #activists-right .activist .picPanel {
        display: block;
        position: absolute;
        
        margin: 0px;
        padding: 0px;
        
        width: 100%;
        height: 357px;
        
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover; 
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-speech-bubble {
        left: 240px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-name {
        right: 55%;
    }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-name {
        right: 65%;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-country {
        right: 55%;
    }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-country {
        right: 65%;
    }
    
    #activists-pagination {
        left: 50%;
        
        margin-top: 10px;
        margin-bottom: 20px;
        
        z-index: 2;
    }
    
    footer {
        bottom: -35px;
    }
    
} /* media 1450px - 0px */


@media (max-width: 1199px) {
    
    #activists-page #activists-left .page-bottom-icon {
        left: 50%;
        margin-left: -90px;
    }
    
    #activists-page #activists-left .forum-link {
        left: 50%;
        margin-left: 30px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-speech-bubble {
        left: 20px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-speech-bubble {
        /*left: 165px;*/
        left: 50%;
    }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-speech-bubble {
        /*left: 150px;*/
        left: 55%;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-name {
        left: 200px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-name {
        right: 210px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-country {
        left: 200px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-country {
        right: 210px;
    }
    
} /* media 1199px - 0px */


@media (max-width: 991px) {
    
    #activists-page #activists-left .left-content {
        padding-left: 20%;
        padding-right: 35px;
    }
    
    #activists-page #activists-left .left-content h1 {
        font-size: 32px;
    }
    
    #activists-page #activists-left .page-bottom-icon {
        left: 50%;
        
        margin-left: -70px;
        
        width: 70px;
    }
    
    #activists-page #activists-left .forum-link {
        left: 50%;
        
        margin-left: 20px;
        
        width: 60px;
    }
    
    #activists-page #activists-right .activist:hover .activist-hover {
        transform: scale(1);
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-speech-bubble {
        bottom: 120px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-speech-bubble {
        bottom: 120px;
        left: 80px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-speech-bubble {
        left: 0px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-name {
        left: 90px;
    }
    #activists-page #activists-right .activist:nth-child(4n + 1):hover .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 4):hover .activist-name {
        left: 120px !important;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-name {
        right: 40%;
    }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-name {
        right: 10%;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-country {
        top: 280px;
        left: 90px;
    }
    #activists-page #activists-right .activist:nth-child(4n + 1):hover .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 4):hover .activist-country {
        left: 120px !important;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-country {
        top: 280px;
        right: 40%;
    }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-country {
        right: 10%;
    }
    
    #activists-page #activists-right .activist .activist-discussion-link {
        display: block;
        
        bottom: 14px;
        left: 10px;
        /*right: 105px;*/
        
        font-size: 15px;
    }
    
    #activists-page #activists-right .activist .activist-forum-link {
        display: block;
        
        bottom: 10px;
        
        width: 46px;
        height: 38px;
        
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
} /* media 991px - 0px */


@media (max-width: 767px) {
    
    #activists-page #activists-left {        
        margin: 0px;
        padding: 0px;
        padding-top: 30px;
        padding-bottom: 20px;
        
        width: 100%;
        
        height: auto;
        min-height: 10px;
        
        text-align: center;
        
        float: none;
    }
    
    #activists-page #activists-left .left-content {
        padding-left: 10px;
        padding-right: 10px;
        
        text-align: center;
    }
    
    #activists-page #activists-left .page-bottom-icon {
        position: relative;
        
        top: initial;
        bottom: initial;
        left: initial;
        right: initial;
        
        margin-left: 0px;
        
        width: 70px;
    }
    
    #activists-page #activists-left .forum-link {
        position: relative;
        
        margin-left: 20px;
        
        top: initial;
        bottom: initial;
        left: initial;
        right: initial;
        
        width: 60px;
    }
    
    #activists-page #activists-right {
        position: relative;
        
        margin: 0px;
        padding: 0px;
        
        left: initial;
        right: initial;
        
        width: 100%;
        height: auto;
        min-height: 10px;
        
        /*border: solid 2px green;*/
    }
    
    #activists-page #activists-right #activist-box-wrapper {
        position: relative;
        
        margin: 0px;
        padding: 0px;
    }
    
    #activists-page #activists-right .activist {
        position: relative;
        
        top: initial !important;
        bottom: initial !important;
        left: initial !important;
        right: initial !important;
        
        width: 100% !important;
        height: 300px !important;
    }
    
    #activists-page #activists-right .activist .activist-image {
        height: 300px;
    }
    
    #activists-page #activists-right .activist .picPanel {
        height: 300px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-speech-bubble {
        /*bottom: 50px;*/
        bottom: 65px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-speech-bubble {
        /*bottom: 50px;*/
        bottom: 65px;
        left: initial;
        right: 20px;
    }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-speech-bubble,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-speech-bubble {
        left: initial;
        right: 0px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-name {
        top: 120px;
        left: 200px;
        
        font-size: 20px;
    }
    #activists-page #activists-right .activist:nth-child(4n + 1):hover .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 4):hover .activist-name {
        left: 210px !important;
    }    
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-name {
        top: 120px;
        right: 200px;
        
        font-size: 20px;
    }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-name,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-name {
        right: 205px;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 1) .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 4) .activist-country {
        top: 150px;
        left: 200px;
        
        font-size: 17px;
    }
    #activists-page #activists-right .activist:nth-child(4n + 1):hover .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 4):hover .activist-country {
        left: 210px !important;
    }
    
    #activists-page #activists-right .activist:nth-child(4n + 2) .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3) .activist-country {
        top: 150px;
        right: 210px;
        
        font-size: 17px;
    }
    #activists-page #activists-right .activist:nth-child(4n + 2):hover .activist-country,
    #activists-page #activists-right .activist:nth-child(4n + 3):hover .activist-country {
        right: 220px;
    }
    
    #activists-page #activists-right .activist .activist-discussion-link {
        left: 60px;
    }
    
    #activists-page #activists-right .activist .activist-forum-link {
        right: 60px;
    }
    
    #activists-pagination {
        position: relative;
        
        top: 20px;
        
        height: 20px;
    }
    
    #activists-pagination div {
        margin-right: 15px;
    }
    
    footer {
        bottom: -35px;
        
        text-align: center;
    }
    
} /* media 767px - 0px */

/* ===================== activistsPage stuff END ============================ */




/* ===================== aboutPage stuff START ============================== */

@media (max-width: 1450px) {
    
    #about-us-page .left-side {
        position: relative;
        
        width: 26%;
    }
    
    #about-us-page .left-side #left-side-content {
        padding-left: 10px;
        padding-right: 10px;
        
        text-align: center;
    }
    
    #about-us-page .left-side #left-side-content #topic-you-say {
        left: 50%;
        
        margin-left: -80px;
    }
    
    #about-us-page .left-side #left-side-content #activists-link {
        left: 50%;
        
        margin-left: 40px;
    }
    
    #about-us-page .right-side {
        width: 74%;
        
        background-size: cover;
    }
    
} /* media 1450px - 0px */


@media (max-width: 1199px) {
    
    #about-us-page .left-side {
        position: relative;
        
        width: 30%;
    }
    
    #about-us-page .left-side #left-side-content {
        padding-left: 10px;
        padding-right: 10px;
        
        text-align: center;
    }
    
    #about-us-page .left-side #left-side-content #topic-you-say {
        left: 50%;
        
        margin-left: -80px;
    }
    
    #about-us-page .left-side #left-side-content #activists-link {
        left: 50%;
        
        margin-left: 40px;
    }
    
    #about-us-page .right-side {
        width: 70%;
        
        background-size: cover;
    }
    
} /* media 1199px - 0px */


@media (max-width: 991px) {
    
    #about-us-page .left-side {
        position: relative;
        
        width: 30%;
    }
    
    #about-us-page .left-side #left-side-content {
        padding-left: 10px;
        padding-right: 10px;
        
        text-align: center;
    }
    
    #about-us-page .left-side #left-side-content #page-title {
        font-size: 32px;
    }
    
    #about-us-page .left-side #left-side-content #topic-you-say {
        left: 50%;
        
        margin-left: -70px;
        
        width: 70px;
    }
    
    #about-us-page .left-side #left-side-content #activists-link {
        top: 590px;
        left: 50%;
        
        margin-left: 30px;
        
        width: 60px;
    }
    
    #about-us-page .right-side {
        width: 70%;
        
        background-size: cover;
    }
    
} /* media 991px - 0px */


@media (max-width: 767px) {
    
    #about-us-page .left-side {
        position: relative;
        
        padding-top: 50px;
        padding-bottom: 30px;
        
        width: 100%;
        height: auto;
        min-height: 10px;
        
        text-align: center;
        
        float: none;
    }
    
    #about-us-page .left-side #left-side-content {
        padding-left: 10px;
        padding-right: 10px;
        
        text-align: center;
    }
    
    #about-us-page .left-side #left-side-content #page-title {
        font-size: 32px;
    }
    
    #about-us-page .left-side #left-side-content #topic-you-say {
        display: inline-block;
        position: relative;
        
        top: initial;
        left: initial;
        
        margin-left: 0px;
        
        width: 70px;
    }
    
    #about-us-page .left-side #left-side-content #activists-link {
        display: inline-block;
        position: relative;
        
        top: initial;
        left: initial;
        
        margin-left: 20px;
        
        width: 60px;
    }
    
    #about-us-page .right-side {        
        width: 100%;
        height: 400px;
        
        float: none;
        
        background-size: cover;
    }
    
} /* media 767px - 0px */

/* ===================== aboutPage stuff END ================================ */




/* ===================== forumPage stuff START ============================== */

@media (max-width: 1450px) {
    
    .popup-wrapper {
        width: 100% !important;
    }
    
    #secondary-header .secondary-header-inner {
        padding-top: 80px;
        
        width: 100% !important;
    }
    
} /* media 1450px - 0px */


@media (max-width: 1199px) {
    
    #forum-not-logged-popup {
        top: 150px !important;
    }
    
    #secondary-header .secondary-header-inner .right-side #polls-link {
        width: 40px !important;
    }
    
    #secondary-header .secondary-header-inner .right-side #proposal-link {
        margin-left: 50px !important;
        
        width: 40px !important;
    }
    
    #secondary-header .secondary-header-inner .right-side #activists-link {
        margin-left: 40px !important;
        
        width: 80px !important;
    }
    
    #secondary-header .secondary-header-inner .right-side #forum-link {
        margin-left: 35px !important;
        
        width: 70px !important;
    }
    
} /* media 1199px - 0px */


@media (max-width: 767px) {
    
    .popup-wrapper .popup {
        width: 80% !important;
    }

    .popup-wrapper .popup:not(.council-popup) {
        padding: 40px 30px !important;
    }
    
    #secondary-header .secondary-header-inner {
        padding-right: 25px;
    }
    
    #secondary-header .secondary-header-inner .right-side #proposal-link {
        margin-left: 10px !important;
    }
    
    #secondary-header .secondary-header-inner .right-side #activists-link {
        margin-left: 0px !important;
    }
    
    #secondary-header .secondary-header-inner .right-side #forum-link {
        margin-left: 10px !important;
    }
    
} /* media 767px - 0px */

/* ===================== forumPage stuff END ================================ */




/* ===================== accountPage stuff START ============================ */

.mob320UserInfoFromRightColPanel {
    display: none;
}

@media (max-width: 1450px) {
    
    #account-page #account-wrapper {
        overflow: hidden;
    }
    
    #account-page #account-wrapper #account-left {
        position: relative;
        width: 20%;
    }
    
    #account-page #account-wrapper #account-left #account-user-name {
        margin-left: 15%;
        margin-right: 10%;
    }
    
    #account-page #account-wrapper #account-left #account-extra-info {
        margin-left: 15%;
    }
    
    #account-page #account-wrapper #account-left #account-left-content #account-bottom-icon {
        left: 50%;
        
        margin-left: -45px;
    }
    
    #account-page #account-wrapper #account-middle {
        width: 60%;
    }
    
    #account-page #account-wrapper #account-right {
        position: relative;
        width: 20%;
    }
    
    #account-page #account-wrapper #account-right #account-right-content {
        padding-left: 15%;
        padding-right: 10%;
    }
    
    #account-page #account-wrapper #account-right #account-right-content #account-bio {
        width: 100%;
    }
    
    #account-page #account-wrapper #account-right #account-edit-link {
        left: initial;
        right: 10%;
    }
    
} /* media 1450px - 0px */


@media (max-width: 1199px) {
    
    #account-page #account-wrapper #account-left #account-user-name {
        font-size: 28px;
    }
    
    #account-page #account-wrapper #account-left #account-extra-info #user-country {
        font-size: 20px;
    }
    
    #account-page #account-wrapper #account-left #account-extra-info #user-gender,
    #account-page #account-wrapper #account-left #account-extra-info #user-age {
        font-size: 14px;
    }
    
    #account-page #account-wrapper #account-right #account-edit-link {
        font-size: 20px;
    }
    
} /* media 1199px - 0px */


@media (max-width: 991px) {
    
    #account-page #account-wrapper #account-left #account-user-name {
        font-size: 24px;
    } 
    
    #account-page #account-wrapper #account-left #account-extra-info #user-country {
        font-size: 18px;
    }
    
    #account-page #account-wrapper #account-middle #account-middle-content-wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }
    
    #account-page #account-wrapper #account-middle #account-middle-content-wrapper #account-stats > div {
        width: 33%;
    }
    
    #account-page #account-wrapper #account-middle #account-middle-content-wrapper #account-stats .stat-result {
        font-size: 28px;
    }
    
    #account-page #account-wrapper #account-right #account-edit-link {
        font-size: 18px;
    }
    
} /* media 991px - 0px */


@media (max-width: 767px) {
    
    #account-page #account-wrapper #account-left {
        padding-top: 90px;
        padding-bottom: 30px;
        
        width: 100%;
        height: auto;
        min-height: 10px;
        
        float: none;
        
        box-shadow: none;
    }
    
    #account-page #account-wrapper #account-left #account-user-name {
        margin-left: 10%;
        margin-right: 10%;
    }
    
    #account-page #account-wrapper #account-left #account-extra-info {
        margin-left: 10%;
    }
    
    .mob320UserInfoFromRightColPanel {
        display: block;
        
        margin-top: 20px;
    }
    
    #account-page #account-wrapper #account-left #account-left-content #account-bottom-icon {
        /*display: inline-block;*/
        display: none;
        position: relative;
        
        top: initial;
        
        margin-top: 30px;
        margin-left: -35px;
        
        width: 70px;
    }
    
    #account-page #account-wrapper #account-middle {
        padding-bottom: 50px;
        
        width: 100%;
        height: auto;
        min-height: 10px;
        
        float: none;
    }
    
    #account-page #account-wrapper #account-right {
        /*display: none;*/
        
        width: 100%;
        height: auto;
        min-height: 10px;
        
        text-align: center;
        
        float: none;
        
        box-shadow: 0px 20px 30px rgba(0,0,0,0.5);
    }
    
    #account-page #account-wrapper #account-right #account-right-content {
        padding-left: 10%;
        padding-right: 10%;
    } 
    
    #account-page #account-wrapper #account-right #account-right-content #account-bio {
        min-height: 150px;
    }
    
    #account-page #account-wrapper #account-right #account-edit-link {
        display: inline-block;
        position: relative;
        
        top: initial;
        left: initial;
        right: initial;
        
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
} /* media 767px - 0px */

/* ===================== accountPage stuff END ============================== */




/* ===================== popupForms stuff START ============================= */

@media (max-width: 1199px) {
    
    #login-popup {
        top: 100px;
    }
    
    #forgot-password-popup {
        top: 100px;
    }
    
    #submit-proposal-popup {
        top: 100px;
    }
    
    #registration-success-popup {
        top: 100px;
    }
    
    #about-popup {
        top: 100px;
    }
    
} /* media 1199px - 0px */


@media (max-width: 991px) {
	/*#debate-popup{
		padding-left: 0px!important;
		padding-right: 0px!important;
		padding-top: 10px!important;
		height: auto;
	}
	#debate-popup .go-to-resolutions{
		margin-top: 10px!important;
		width: 45%;
	}*/
} /* media 991px - 0px */


@media (max-width: 767px) {
	/*#debate-popup .go-to-resolutions{
		width: 60%;
	}*/
    #login-popup {
        width: 60%;
        height: 200px;
    }
    
    #login-popup h2 {
        font-size: 21px;
    }
    
    input[type=email],
    input[type=password],
    input[type=text],
    select,
    textarea {
        font-size: 14px;
    }
    
    #login-popup #login-buttons #login-form-button,
    #login-popup #login-buttons #login-form-register-button {
        font-size: 14px;
    }
    
    #register-popup, #edit-profile-popup {
        padding: 10px 10px;
        width: 96%;
    }
    
    #register-popup h2,
    #edit-profile-popup h2 {
        font-size: 21px;
    }
    
    #register-popup .subtitle-wrapper .subtitle,
    #edit-profile-popup .subtitle-wrapper .subtitle {
        font-size: 14px;
    }
    
    #register-popup .column-wrapper,
    #edit-profile-popup .column-wrapper {
        width: 100%;
        
        float: none;
    }
    
    #register-popup .select-pic-panel,
    #edit-profile-popup .select-pic-panel {
        margin-left: auto;
        margin-right: auto;
        
        float: none;
    }
    
    .tooltip-right .tooltiptext {
        padding: 10px 10px;
        
        right: calc(100% + 15px);
        left: initial;
        
        width: 110px;
        
        font-size: 12px;
    }
    .tooltip-right .tooltiptext::after {
        right: -20px;
        
        border-color: transparent transparent transparent white;
    }
    
    .chosen-container-single .chosen-single {
        font-size: 14px !important;
    }
    
    #register-popup .column-wrapper label,
    #edit-profile-popup .column-wrapper label {
        font-size: 14px;
    }
    
    input[type=submit],
    button[type=submit] {
        font-size: 14px;
    }
    
    #register-popup #register-buttons div,
    #edit-profile-popup #register-buttons div {
        font-size: 14px;
    }
    
    
    /* ============ forgotPassword popup stuff START ======================== */
    .popup-wrapper .popup {
        width: 60%;
    }
    
    #forgot-password-popup h2 {
        font-size: 21px;
    }
    
    #forgot-password-popup #password-reset-explanation {
        font-size: 14px;
    }
    
    #forgot-password-popup #forgot-password-button {
        font-size: 14px;
    }
    /* ============ forgotPassword popup stuff END ========================== */
    
    
    /* ============ submitProposal popul stuff START ======================== */
    #submit-proposal-popup {
        width: 70%;
    }
    
    #submit-proposal-popup #submit-proposal {
        font-size: 14px;
    }
    /* ============ submitProposal popul stuff END ========================== */
    
    
    /* ============ regSuccess popup stuff START ============================ */
    #registration-success-popup {
        width: 70%;
    } 
    
    #registration-success-popup h2 {
        font-size: 21px;
    }
    
    #registration-success-popup #success-copy {
        font-size: 14px;
    }
    
    #registration-success-popup #registration-success-bottom {
        font-size: 14px;
    }
    /* ============ regSuccess popup stuff END ============================== */
    
    
    /* ============ about popup stuff START ================================= */
    #about-popup {
        width: 70%;
    }
    
    #about-popup h2 {
        font-size: 21px;
    }
    
    #about-popup .subtitle {
        font-size: 14px;
    }
    
    #about-popup address {
        font-size: 14px;
    }
    
    #about-popup .email {
        font-size: 14px;
    }
    /* ============ about popup stuff END =================================== */
    
} /* media 767px - 0px */

/* ===================== popupForms stuff END =============================== */