@media screen and (min-width:700px) {
    #modal_politics {
        width: 700px!important;
        margin: 0 auto;
        background: #fff;
        padding: 30px;
    }
    .politics {
        width: 100%!important;
    }
    .politics li {
        margin-top: 10px;
        font-size: 14px;
    }
    .politics h5 {
        font-size: 20px;
        line-height: 140%;
        font-weight: 700;
    }
    form small {
        display: block;
        text-align: center;
        margin-top: 13px;
        line-height: 130%;
        font-size: 12px;
        font-weight: 300;  
        color: #fff;
        position: relative;
        z-index: 5;
    }
    form small > span {
        font-size: inherit;
        font-weight: inherit;
        cursor: pointer;
        display: inline-block;
        color: #fff;
        border-bottom: 1px solid #e5e5e5;
    }
}


@media screen and (max-width:1200px) and (min-width:993px) {
    #modal_politics {
        width: 700px!important;
        margin: 0 auto;
        background: #fff;
        padding: 30px;
    }
    .politics {
        width: 100%!important;
    }
    .politics li {
        margin-top: 10px;
        font-size: 14px;
    }
    .politics h5 {
        font-size: 20px;
        line-height: 140%;
        font-weight: 700;
    }
    form small {
        display: block;
        text-align: center;
        margin-top: 13px;
        line-height: 130%;
        font-size: 12px;
        font-weight: 300;  
        color: #fff;
        position: relative;
        z-index: 5;
    }
    form small > span {
        font-size: inherit;
        font-weight: inherit;
        cursor: pointer;
        display: inline-block;
        color: #fff;
        border-bottom: 1px solid #e5e5e5;
    }
}


@media screen and (max-width:992px) and (min-width:700px) {
    #modal_politics {
        width: 650px!important;
        margin: 0 auto;
        background: #fff;
        padding: 30px;
    }
    .politics {
        width: 100%!important;
    }
    .politics li {
        margin-top: 10px;
        font-size: 14px;
    }
    .politics h5 {
        font-size: 20px;
        line-height: 140%;
        font-weight: 700;
    }
    form small {
        display: block;
        text-align: center;
        margin-top: 13px;
        line-height: 130%;
        font-size: 12px;
        font-weight: 300;  
        color: #fff;
        position: relative;
        z-index: 5;
    }
    form small > span {
        font-size: inherit;
        font-weight: inherit;
        cursor: pointer;
        display: inline-block;
        color: #fff;
        border-bottom: 1px solid #e5e5e5;
    }
}


@media screen and (max-width:699px) { 
    #modal_politics {
        width: 95%!important;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
    }
    .politics {
        width: 100%!important;
    }
    .politics li {
        margin-top: 10px;
        font-size: 12px;
        line-height: 160%;
    }
    .politics h5 {
        font-size: 14px;
        line-height: 160%;
        font-weight: 700;
    }
    form small {
        display: block;
        text-align: center;
        margin-top: 13px;
        line-height: 130%;
        font-size: 10px;
        font-weight: 300;  
        color: #fff;
        position: relative;
        z-index: 5;
    }
    form small > span {
        font-size: inherit;
        font-weight: inherit;
        cursor: pointer;
        display: initial;
        color: #fff;
        border-bottom: 1px solid #e5e5e5;
    }
}
