/*
    Theme Name: HTML5 Blank
    Theme URI: https://html5blank.com
    Description: HTML5 Blank WordPress Theme
    Version: 1.4.3
    Author: Todd Motto (@toddmotto)
    Author URI: https://toddmotto.com
    Tags: Blank, HTML5, CSS3

    License: MIT
    License URI: https://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
.close:hover,
.close:focus {
  box-shadow: 
    inset -4.8em 0 0 0 var(--hover),
    inset 4.8em 0 0 0 var(--hover);  
    transition: 0.5s;
}
.close-two:hover,
.close-two:focus {
  box-shadow: 
    inset -5.6em 0 0 0 var(--hover),
    inset 5.6em 0 0 0 var(--hover); 
    transition: 0.5s; 
}
.close-three:hover,
.close-three:focus {
 box-shadow: 
     inset -9.5em 0 0 0 var(--hover), 
     inset 9.5em 0 0 0 var(--hover);
     transition: 0.5s;
}
.close-four:hover,
.close-four:focus {
 box-shadow: 
     inset -7.6em 0 0 0 var(--hover), 
     inset 7.6em 0 0 0 var(--hover);
     transition: 0.5s;
}
.close-four, .close-five, .close-six  {
    --color: #fff;
    --hover: #D02028;
}
.close-five:hover,
.close-five:focus {
 box-shadow: 
     inset -9em 0 0 0 var(--hover), 
     inset 8.9em 0 0 0 var(--hover);
     transition: 0.5s;
}
.close, .close-two, .close-three, .close-seven {
    --color: #fff;
    --hover: #002984;
}
.close-six:hover,
.close-six:focus {
  box-shadow: 
    inset -7.4em 0 0 0 var(--hover),
    inset 7.4em 0 0 0 var(--hover); 
    transition: 0.5s; 
}
.close-seven:hover,
.close-seven:focus {
 box-shadow: 
     inset -7em 0 0 0 var(--hover), 
     inset 7.5em 0 0 0 var(--hover);
     transition: 0.5s;
}
.close-two:hover, .close-two:focus {
    box-shadow: inset -6.2em 0 0 0 var(--hover), inset 6.2em 0 0 0 var(--hover)!important;
    transition: 0.5s!important;
}
/*preloder css*/
.KvPreloaderDiv {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 1;
 }
 .KvPreloaderImage{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto!important;
    top: 30%;
    background-image: url('https://www.21stcenturydems.org/wp-content/uploads/2020/02/logo-gif-2.gif');
    background-repeat: no-repeat;
    background-position: center;
 }
 /*preloder one end*/
 body, html {
    height: 100%;
    width:100%;
    margin:0;
    padding:0;
    position:relative;
}
img {
  margin: 0 auto;
  display:block;
}
/*PRELOADING------------ */
/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
h2, {
    font-size: 36px!important;
}
p, {
    font-size: 18px!important;
}
.top-20 a.all-cand, a.all-pro, .cand-bk-btn a {
    font-size: 18px!important;
}
body {
    font-family: 'Source Sans Pro', sans-serif!important;

}
.pro-img img {
    margin: 0!important;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    color:#444;
    text-decoration:none;
}
a:hover {
    color:#444;
}
a:focus {
    outline:0;
}
a:hover,
a:active {
    outline:0;
}
input:focus {
    outline:0;
    border:1px solid #04A4CC;
}
nav.nav ul li a:hover, nav.nav ul li a:active{
    color: #d02028!important;
    transition: 0.3s;
    background-color: transparent;
}
nav.nav li a:hover{
    transition: 0.3s;
    border-bottom: 2px solid;
    padding-bottom: 5px;
}
li#menu-item-128 a:hover, /*li#menu-item-515 a:hover*/ {
    background: #002984;
    transition: 0.6s;
}
.btn-us:hover a, .btn-us:hover i, .cand-bk-btn a:hover, .cand-bk-btn a:hover i {
    color: #d02028;
    transition: 0.5s;
}
.top-20 p:hover a, .top-20 p:hover i {
    color: #002984;
    transition: 0.5s;
}
/*.donate-btn a:hover, .candidates-contant .lm-btn a:hover, a.doing-btn:hover, a.donate-btn:hover, .see-support-btn a.what-btn:hover, .see-support-btn a.now-btn:hover { 
    background: #d02028;
    transition: 0.5s;
}*/
/*.listen-btn a:hover {
    background: #d02028;
    transition: 0.5s;
}*/
.all-product p:hover a, .all-product p:hover i {
    color: #d02028;
    transition: 0.5s;
}
.footer-menu a:hover {
    color: #d02028;
    transition: 0.5s;
}
.footer-menu a:active {
    color: #d02028;
}
.footer-menu a:focus {
    color: #d02028;
}
input.wpcf7-form-control.wpcf7-submit.btn:hover, input.wpcf7-form-control.wpcf7-submit.contact-submitt-button:hover {
    color: #d02028!important;
    transition: 0.5s!important;
}
/*input.wpcf7-form-control.wpcf7-submit.contact-submitt-button:hover {
    background: #d02028!important;
    transition: 0.5s!important;
}*/
a.all-cand:hover, a.all-cand:hover i {
    color: #002984!important;
    transition: 0.5s!important;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/*header start*/
header.header.clear {
   /* padding: 30px 0;*/
    box-shadow: 1px 1px 13px 3px #eee;
}
nav.nav  {
    height: 50px; /* set to the height you want your menu to be */
    padding-top:55px;
    margin:0;
    /*margin: 0 0 10px;*/ /* just to give some spacing */
}
nav.nav ul    {
    margin: 0; 
    padding: 0; /* only needed if you have not done a CSS reset */
}
nav.nav li    {
    display: block;
    float: left;
    line-height: 30px; /* this should be the same as your #main-nav height */
    height: 30px; /* this should be the same as your #main-nav height */
    margin: 0;
    padding: 0 26px; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
}
nav.nav li a  {
    text-decoration: none;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1.7px;
    color: #1C1C1C;
    opacity: 1;
    text-transform: uppercase;
}
li#menu-item-515 a {
    letter-spacing: 1.5px!important;
}
nav.nav .current-menu-item a, nav.nav .current_page_item a, nav.nav a:hover {
    color: #d02028;
    background: transparent;
}
nav.nav ul ul.sub-menu li:hover{
     border-left: 4px solid #d02028;
}
nav.nav ul.sub-menu .current-menu-item , nav.nav ul.sub-menu.current_page_item , nav.nav .current_page_item:active {
     border-left: 4px solid #d02028;
}
nav.nav ul li#menu-item-426 ul.sub-menu, nav.nav ul li#menu-item-520 ul.sub-menu { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 30px;
    left: 19%;
    right: 0;
    text-align: left;
    width: 205px;
    background: #fff;
    z-index: 10;
    box-shadow: 1px 1px 7px 1px #00000038;
   /* border-top: 2px solid #d02028;*/
}
nav.nav ul li#menu-item-427 ul.sub-menu, nav.nav ul li#menu-item-521 ul.sub-menu { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 30px;
    left: 19%;
    right: 0;
    text-align: left;
    width: 403px;
    background: #fff;
    z-index: 10;
    box-shadow: 0px 6px 7px 1px #00000038;
    /*border-top: 2px solid #d02028;*/
}
nav.nav ul ul.sub-menu li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    padding: 0;
    border-bottom: 1px solid #dad8d899;
    position: relative;
    height: 45px;
    padding: 0px !important;
}
nav.nav ul ul.sub-menu li a{
    margin-left: 40px;
    margin-right: 20px;
    position: absolute;
    top: 8px;

}
/*nav.nav ul ul.sub-menu li a { 
    padding: 5px 10px;
}*/
nav.nav ul li#menu-item-426:hover > ul.sub-menu, nav.nav ul li#menu-item-520:hover > ul.sub-menu {
    display: block; /* show sub menus when hovering over a parent */
}
nav.nav ul li#menu-item-427:hover > ul.sub-menu, nav.nav ul li#menu-item-521:hover > ul.sub-menu {
    display: block; /* show sub menus when hovering over a parent */
}
nav.nav ul ul li ul {
    /* target all second, third, and deeper level sub menus */
    left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}
li#menu-item-520:after {
    content: '';
    font-family: FontAwesome;
    position: absolute;
    left: 70%;
    height: 10px;
    width: 8px;
    top: 44%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #D02028;
}
li#menu-item-521:after{
    content: '';
    font-family: FontAwesome;
    position: absolute;
    left: 72%;
    height: 10px;
    width: 8px;
    top: 44%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #D02028;
}
li#menu-item-515 a {
    background: #D02028;
    opacity: 1;
    text-align: left;
    font-size:  15px;
    font-weight: 600;
    letter-spacing: 0;
    color: #FFFFFF!important;
    padding: 11px 40px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    top: -2px;
}
li#menu-item-515 {
    padding-right: 0;
}
.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
    border-left: 2px solid #268ac7;
}
li#menu-item-515 a:hover, li#menu-item-520 a:hover, li#menu-item-521 a:hover  {
    border-bottom: none;
}
li#menu-item-520, li#menu-item-521 {
    padding-right: 70px;
}
.menu-btn {    
    float: right;
    height: 100% !important;
    margin: 0 !important;
    width: 100%;
}


.menu-btn .nav{
    padding: 0px !important;
    width: 100%;
    height: 100%;
}

.menu-btn .nav ul{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}


.pro-box.grow:hover .pro-name h2 {
    font-size: 20px;
     transition: 0.5s;
}
.pro-box.grow:hover {
    box-shadow: 1px 1px 2px 3px #eee;
    padding: 10px;
    transition: 0.5s;
}
/*.pro-box:hover {
    box-shadow: 1px 1px 7px 3px #eee;
    transition: 0.5s;
    padding: 10px 40px;
    margin-top: -40px;
}
.pro-box:hover h2{
    font-size: 18px!important;
}*/

/*header end*/
/*footer start end*/
.signup {
    background-color: #D02028;
    padding-bottom: 10px;
}
.signup .row {
    padding: 40px 0;
}
.sigup-contant h3 {
    text-align: left;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    font-size: 42px;
    font-weight: 900;
}
.sigup-contant p{
    text-align: left;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    font-size: 18px;
    font-weight: 400;
    padding-right: 230px;
}
.email-form {
    padding-top: 65px;
}
.email-form .form-group {
    display: flex;
    margin-bottom: 0!important;
}
.email-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
    background: #00000045;
    border: 0;
    border-radius: 0;
    height: 55px;
    width: 100%;
    font-size: 16px;
    padding-left: 20px;
}
.email-form input.wpcf7-form-control.wpcf7-submit.btn{
     background: #002258;
    opacity: 1;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    border: 0;
    border-radius: 0;
    letter-spacing: 3.4px;
    padding: 14px 40px;
    height: 55px!important;
}
.email-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    color: #fff!important;
}
.email-form .form-control:focus{
    border-radius: 0!important;
    border:0!important;
    box-shadow: none!important;
}
.email-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder {
    color: #fff;
    opacity: 0.3;
    padding-left: 20px;
}
.email-form span.wpcf7-not-valid-tip {
    color: #fff!important;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
.page-id-5 div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
    border: 2px solid #002258!important;
    color: #fff!important;
}
.logo-menu{
    background-color: #002984;
    padding: 50px 0;
}
.footer-logo a {
    text-decoration: none;
}
.footer-logo h2 {
    text-align: left;
    letter-spacing: -0.9px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 43px;
    margin-bottom: 0;
    font-family: 'Bebas Neue', cursive;
}
.footer-logo p {
    text-align: left;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    font-size: 14px;
    font-weight: 300;
    margin-top: -10px;
}
.copyright {
    padding-top: 12px;
}
.copyright p {
    text-align: right;
    font-size: 13px!important;
    font-weight: 300!important;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}
.footer-menu {
}
.footer-menu h3 {
    text-align: left;
    font-size:  17px;
    font-weight: 700;
    letter-spacing: 1.7px;
    color: #FFFFFF;
    opacity: 1;
}
.footer-menu ul {
    padding-left: 0;
    list-style: none;
}
.footer-menu ul li {
    padding-top: 10px;
}
.footer-menu ul li a {
    text-align: left;
    font-size:  17px;
    font-weight: 300;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: none;
}
div#nav_menu-2 {
    padding-left: 80px;
}
div#nav_menu-4 {
}
div#nav_menu-4 ul {
}
div#nav_menu-4 ul li {
    width: 50%;
    float:left;
    padding-top: 20px;
}
div#nav_menu-4 ul li a {
    font-weight: 400;
}
ul#menu-other-pages {
    margin-bottom: -18px!important;
}
/*footer  end*/
/*home page css start*/
.banner .vc_column-inner {
    padding: 0!important;
}
.slider.slick-initialized.slick-slider {
    height: 82vh;
}
.content {
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: 100% 100%;*/
    height: 100vh;
}
.slick-prev {
    left: 9%!important;
}
.slick-next{
    right: 9%!important;
}
.slick-prev:before {
  content: url('https://www.21stcenturydems.org/wp-content/uploads/2020/01/pre.png')!important;
}
.slick-next:before {
  content: url('https://www.21stcenturydems.org/wp-content/uploads/2020/01/next.png')!important;
}
.slick-prev, .slick-next{
    bottom: 30px!important;
    top: unset!important;
    background: #d02028!important;
    height: 67px!important;
    width: 67px!important;
}
.slider-text {
    padding: 60px;
    background-color: #0000007d;
}
.content{
    position: relative!important;
}
div#slider_1 .slider-text{
    position: absolute;
    left: 0;
    top: 200px;
}
div#slider_2 .slider-text{
    position: absolute;
    left: 0;
    top: 200px;
}
div#slider_3 .slider-text{
   position: absolute;
    left: 0;
    top: 200px;
}
div#slider_4 .slider-text {
    position: absolute;
    left: 0;
    top: 200px;
}
div#slider_5 .slider-text{
   position: absolute;
    left: 0;
    top: 200px;
}
.slider-text p {
    text-align: left;
    font-size: 26px!important;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    padding-right: 0;
    line-height: initial;
    margin: 0;
}
.btn-us {
    margin-top: 35px;
}
.slider-text a {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 4.4px;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: none;
    text-transform: uppercase;
}
.slider-text i {
    color: #fff;
    margin-left: 15px;
}



.slider-text-b {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    padding: 60px;
    background-color: #0000007d;
    
}

.slider-text-b p {
    text-align: left;
    font-size: 26px!important;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    padding-right: 0;
    line-height: initial;
    margin: 0;
}
.btn-us {
    margin-top: 35px;
}
.slider-text-b a {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 4.4px;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: none;
    text-transform: uppercase;
}
.slider-text-b i {
    color: #fff;
    margin-left: 15px;
}
.work {
    padding: 100px 0;
}
.work h2 {
    font-weight: 900;
    padding-bottom: 16px;
}
.work p {
    font-weight: 400;
    padding: 0 207px;
}
.top-20 {
    background: rgb(208,32,40);
    background: linear-gradient(90deg, rgba(208,32,40,1) 40%, rgba(255,255,255,1) 40%);
    padding-bottom: 20px;
}
.top-20 .wpb_text_column.wpb_content_element {
    margin-bottom: 0!important;
}
.top-20 h3{
    margin-top: 30px;
    font-weight: 900;
    font-size: 40px!important;
}
/*.top-20 p{
    margin-top: 20px;
    
}*/
.top-20 a.all-cand {
    font-size: 18px!important;
    font-weight: 400;
    letter-spacing: 4.4px;
    color: #D02028;
    opacity: 1;
    line-height: 90px;
    text-decoration: none;
}
.top-20 a.all-cand i{
    color: #D02028;
    margin-left: 15px;
}
.top20-para{
    padding: 40px 0 30px 0;
}
.top20-para p{
    font-weight: 400;
    padding-right: 56px;
    padding-right: 247px!important;
}

/*.donate-img img{
    width: 725px;
    height: 453px;
    margin: 0;
}*/
.donate-name h2{
    text-align: left;
    letter-spacing: 0;
    color: #022286;
    opacity: 1;
    font-size: 32px!important;
    font-weight: 900;
    padding-top: 40px;
}
.donate-area h3{
    text-align: left;
    font-size: 18px!important;
    font-weight: 400;
    letter-spacing: 0;
    color: #1C1C1C;
    opacity: 1;
    padding: 8px 0 40px 0;
}
.donate-btn a{
    text-decoration: none;
    background: #0073B1;
    text-align: center;
    font-size: 15px!important;
    font-weight: 400;
    letter-spacing: 2.2px;
    color: #FFFFFF;
    opacity: 1;
    padding: 11px 36px;
    text-transform: uppercase;
    
}
.podcast-e{
    padding: 130px 0 0 0;
}
.podcast-e h2{
    font-weight: 900;
}
.podcast-e h3{
    font-weight: 700;
    padding: 5px 0 27px 0;
    font-size: 40px!important;
}
.podcast-e p{
    font-weight: 400;
    padding-right:152px;
}
.video-row {
    padding-top: 100px;
    position: relative;
    z-index: 10;
}
.video-row .wpb_single_image.wpb_content_element.vc_align_left{
    margin-bottom: 0;
}
.video-row h2{
    font-weight: 600!important;
    padding-top: 15px!important;
    font-size: 28px!important;
}
.video-section {
    padding-top:450px;
    padding-bottom: 60px;
    top: -322px;  
}
.video-para p{
    font-weight: 700!important;
    font-size: 29px!important;
}
.listen-btn {
    text-align: center;
    margin-top: 85px;
}
.listen-btn a {
   background: #002984;
    text-align: center;
    font-size: 22px!important;
    letter-spacing: 2.5px;
    color: #FFFFFF;
    opacity: 1;
    font-weight: 400;
    padding: 19px 52px;
    text-decoration: none;
    text-transform: uppercase;
}
.all-product {
    margin-top: -165px;
}
.all-product h2{
    font-weight: 900;
}
.all-product h3{
    font-weight: 400;
    padding-top: 10px;
    font-size: 20px!important;
}
.all-product .wpb_text_column.wpb_content_element {
    margin: 0!important;
}
.all-product p{
    margin-top: 10px;
}
a.all-pro {
    text-align: left;
    font-size:18px!important;
    font-weight: 400;
    letter-spacing: 4.4px;
    color: #002984;
    opacity: 1;
    text-decoration: none;
}
a.all-pro i{
    margin-left: 15px;
}
.product-box{
    padding-top: 70px;
    padding-bottom: 80px;
}
.pro-box{

}
.pro-img img{

}
.product-box a{
    text-decoration: none;
}
.pro-name h2{
    text-align: left;
    letter-spacing: 0;
    color: #002984;
    opacity: 1;
    font-size: 23px!important;
    font-weight: 900;
    padding-top: 10px;
}
.pro-price h3{
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    color: #D02028;
    opacity: 1;
    padding-top: 8px;
}
/*home page css end*/

/* our mission page css start*/
.mission-banner{
    padding: 100px 0 85px 0;
}
.mission-banner h2{
    font-weight: 900;
}
.mission-banner p{
    font-size: 18px!important;
    font-weight: 400;
    padding-top: 20px;
    padding-right: 93px;
}
.member{
    position: relative;
    z-index: 9;
}
/*.member img{
    width: 446px!important;
    height: 447px!important;
}*/
.mission-para{

}
.mission-para p{
    background-color: #0073B1;
    font-weight:600 ;
    width: 85%;
    margin: 0 auto;
    padding: 120px 174px 60px 174px;
    margin-top: -110px;

}
.detail-para{
    padding: 70px 0;
}
.detail-para p{
    font-weight:400 ;
    padding-right: 74px;
}
.detail-para p:nth-child(2){
    padding-top: 20px;
}
/* our meision page css end*/

/* what we do page css start*/
.detail-para.what-we-do {
    padding: 20px 0 60px 0;
}
/* what we do page css end*/

/* who-we-are page css start*/
.who-we-are-c h2{
    font-weight:900 ;
}
.who-we-are-c p:nth-child(2){
    font-weight:400 ;
    padding: 12px 90px 25px 0px;
}
.who-we-are-c p{
    font-weight:700 ;
    padding: 60px 105px 68px 80px;
    margin-bottom: 0;
}
/*.left-img img{
    width: 642px!important;
    margin-right: 7px!important;
    height: 521px!important;
}*/
.right.wpb_column.vc_column_container.vc_col-sm-6 p:nth-child(3) {
     font-size: 30px!important;
    padding: 90px 105px 102px 80px;
}
.right  .vc_column-inner   {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 34%, rgba(0,115,177,1) 34%);
}
section.vc_section.who-we-are-c.vc_custom_1579781466865 .wpb_single_image.wpb_content_element.vc_align_center.left{
    margin-bottom: 0!important;
}
/* who-we-are page css end*/

/* our advisory page css start*/
.advisory{

}
.advisory-text p{
    text-align: left;
    font-size: 18px!important;
    font-weight: 400;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    font-style: italic;
    padding-right: 44px;
    padding-left: 15px;
    padding-top: 15px;
}
.advisory-name h2{
    text-align: left;
    letter-spacing: 0;
    color: #D02028;
    opacity: 1;
    font-size: 23px!important;
    font-weight: 900;
    padding-left: 15px;
    padding-top: 30px;
}
.advisory-designation h3{
    text-align: left;
    font-size: 21px!important;
    font-weight: 400;
    letter-spacing: 0;
    color: #1C1C1C;
    opacity: 1;
    padding-left: 30px;
    padding-top: 5px;

}
/* our advisory page css end*/

/* contact us page css start*/
.contact-text{
    padding: 100px 0;
}
.text-area{

}
.text-area h2{
    font-weight: 900;
}
.text-area h3{
    font-weight: 700;
    padding-top: 20px;
    padding-right: 107px;
    padding-bottom: 35px;
    font-size:20px!important;
}
.text-area p{
    font-weight: 400;
    padding-right: 86px;
    font-size:18px!important;
    padding-right: 170px;
}
.form-c {
}
.form-c label{
    text-align: left;
    font-size:14px!important;
    font-weight: 700;
    letter-spacing: 0;
    color: #002984;
    opacity: 1;
}
.form-c p {
    text-align: center;
    margin-top: 40px;
}
.form-c input.wpcf7-form-control.wpcf7-submit.contact-submitt-button{
    text-decoration: none;
    background: #002984;
    border: 1px solid #707070;
    text-align: left;
    font-size:17px!important;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    text-transform: uppercase;
    padding: 9px 44px;
    font-weight: 600;
}
.form-c input.form-control {
    height: 48px;
    border: 1px solid #707070;
    font-size: 16px!important;
}
.form-c textarea.form-control.form-control-textarea {
    height: 150px;
    border: 1px solid #707070;
    font-size: 16px!important;
}
.form-c .col-12.form-group {
    margin-top: 15px;
}
.form-c .form-control:focus{
    border-radius: 0!important;
    border:1px solid #D02028!important;
    box-shadow: none!important;
}
.form-c span.wpcf7-not-valid-tip {
    color: #002258!important;
    font-size: 1em!important;
    font-weight: normal;
    display: block;
}
.page-id-15 div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
    border: 2px solid #002258!important;
    color: #002258!important;
}
/* contact us page css end*/

/* 2020-candidates page css start*/
.page-id-261 .page-title h2, .page-id-263 .page-title h2, .page-id-265 .page-title h2, .page-id-267 .page-title h2, .page-id-131 .page-title h2{
    color: #d02028!important;
    font-size: 42px!important;
}
.progressive-leaders{
    padding-top: 100px;
}
.progressive-leaders h2{
    font-weight: 900;
}
.progressive-leaders p{
    font-weight: 400;
    padding-top: 20px;
}
.page-title{
    padding-top: 100px;
}
.page-title h2{
    font-weight: 900;
    font-size: 32px!important;
}
.page-title p{
    font-weight: 400;
    padding-top: 20px;
    padding-right: 102px;
}
.candidates-post{
    padding-top: 20px;
}
.blog_content {
    padding-top: 20px;
}
.candidates-contant h2 {
    text-align: left;
    letter-spacing: 0;
    color: #022286;
    opacity: 1;
    font-size: 33px!important;
    font-weight: 900;
    padding-top: 40px;
}
.candidates-contant p {
    text-align: left;
    font-size: 18px!important;
    padding: 8px 65px 12px 0!important;
    font-weight: 400;
    letter-spacing: 0;
    color: #1C1C1C;
    opacity: 1;
}
/*.candidates-contant p:nth-child(3){
    padding: 0;
    line-height: 50px;
}*/
.candidates-contant .lm-btn a {
    text-decoration: none;
    background: #0073B1;
    text-align: center;
     font-size: 15px!important;
    font-weight: 400;
    letter-spacing: 2.2px;
    color: #FFFFFF;
    opacity: 1;
    padding: 11px 40px;
    text-transform: uppercase;
}
.style {
  $btn-color: random-color($max:200);
  $btn-color-dark: shade($btn-color, 40%);
  color: tint($btn-color);
  
  &:before,
  &:after,
  span:before,
  span:after {
    content: '';
    @include absolute(0,null,null,0);
    @include size(100%, 0);
    background-color: rgba($btn-color-dark, 0.25);
    transition: 0.4s ease-in-out;
  }
  
  &:after,
  span:before {
    top: auto;
    bottom: 0;
  }
  
  span:before,
  span:after {
    transition-delay: 0.4s;
  }
  
  &:hover {
    color: tint($btn-color, 75%);
    
    &:before,
    &:after,
    span:before,
    span:after {
      height: $btn-height;
    }
  }
  
  &:active {
    background-color: $btn-color;
  }
}

.btn-10 {
  $btn-color: random-color($max:200);
  $btn-color-dark: shade($btn-color, 40%);
  color: tint($btn-color);
  
  &:before,
  &:after,
  span:before,
  span:after {
    content: '';
    @include absolute(0,null,null,0);
    @include size(0, $btn-height);
    background-color: rgba($btn-color-dark, 0.25);
    transition: 0.4s;
  }
  
  &:after,
  span:before {
    left: auto;
    right: 0;
  }
  
  span:before,
  span:after {
    transition-delay: 0.4s;
  }
  
  &:hover {
    color: tint($btn-color, 75%);
    
    &:before,
    &:after,
    span:before,
    span:after {
      width: $btn-width;
    }
  }
  
  &:active {
    background-color: $btn-color;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    @include size(20px);
  }
  100% {
    left: 50%;
    @include size($btn-width*1.5);
  }
}

@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    @include size(20px);
  }
  100% {
    right: 50%;
    @include size($btn-width*1.5);
  }
}
.close{
    text-shadow: 0 0px 0 #fff0!important;
}
/* 2020-candidates page css end*/
.page-id-261 .page-title h2, .page-id-263 .page-title h2, .page-id-265 .page-title h2, .page-id-267 .page-title h2, .page-id-131 .page-title h2 {
    font-size: 36px!important;
    color: #d02028!important;
}

/* candidates single page css start*/
.single-post-img {
    float: left;
}
.single-post-data {
    padding: 50px 0 85px 0;
}
.title-btn {
    display: flex;
    justify-content: space-between;
}
.single-tiltle h2{
    font-size: 36px!important;
    color: #D02028;
    text-align: left;
    font-weight: 900;
}
.cand-bk-btn a{
    font-size: 18px!important;
    font-weight: 400;
    letter-spacing: 3.6px;
    color: #1C1C1C;
    opacity: 1;
    line-height: 90px;
    text-decoration: none;
}
.cand-bk-btn {
    margin-top: -10px;
}
.cand-bk-btn a i{
    color: #1C1C1C;
    margin-right: 15px;
}
.link-btn {
    line-height: 51px;
    padding-bottom: 30px;
}
a.doing-btn, a.donate-btn {
    text-decoration: none;
    background: #0073B1;
    text-align: center;
    font-size: 15px!important;
    font-weight: 400;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding: 11px 40px;
}
a.doing-btn i, a.donate-btn i{
    margin-left: 15px;
}
a.donate-btn {
    background: #002984;
    margin-left: 15px;
}
.single-post-text {
    padding-top: 20px;
}
.single-post-text p{
    font-size: 18px!important;
    color: #000000;
    text-align: left;
    font-weight: 400;
    padding-right: 103px;
    padding-bottom: 20px;
}
.single-post-text h2{
    font-size: 28px!important;
    color: #D02028;
    text-align: left;
    font-weight: 900;
}
/* candidates single page css end*/
article.candidates {
    padding-top: 50px;
    padding-bottom: 200px;
}
.candidates-image.yes::before {
    content: "WON";
    position: absolute;
    bottom: 0;
    background-color: #00c75c;
    color: #fff;
    font-weight: 900;
    font-size: 21px!important;
    padding: 7px 25px 7px 45px;
    background-image: url(https://www.21stcenturydems.org/wp-content/uploads/2020/01/Asset-1@4x.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 15%;
}   
.candidates-image.no::before {
   display: none;
}
.single-post-text a {
    text-decoration: none!important;
    color: #d02028!important;
}
/*1998-2011-endorsed-candidates page css start*/
.slide-tabe{

}
.slide-tabe ul.nav.nav-tabs {
    justify-content: center;
    border-bottom: none;
    padding: 60px 0;
}
.slide-tabe .nav-tabs .nav-link{
   border: none;
    text-align: center;
    font-size: 20px!important;
    font-weight: 400;
    letter-spacing: 0;
    color: #1C1C1C!important;
    opacity: 1;
    background-color: #fff;
    padding: 11px 40px;
    border-radius: 0!important;
    border: 1px solid #002984;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #002984!important;
    border: none;
    font-weight: 900;
    padding: 12px 40px;
    color: #fff!important;
}
.slide-tabe .col-md-10, .slide-tabe .col-md-2  {
    padding: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.table-responsive .table td, .table th {
    width: 20%!important;
}
.table-responsive thead {
    background-color: #E3E3E381;
}
.table-responsive thead tr {

}
.table-responsive thead th {
    text-align: left;
    font-size:18px!important;
    font-weight: 700;
    letter-spacing: 0;
    color: #002984;
    opacity: 1;
    border: none!important;

}
.table-responsive tbody tr td{
    text-align: left;
    font-size:16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #1C1C1C;
    opacity: 1;
}
.table-responsive .table td, .table th{
    padding: 20px 0px 20px 40px!important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
div#dtVerticalScrollExample_info, div#dtVerticalScrollExample-t_length ,div#dtVerticalScrollExample_length, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    display: none!important;
}
div.dataTables_wrapper div.dataTables_filter {
    padding-bottom: 30px!important;
}
input.form-control.form-control-sm {
    background-color: #f1f1f1!important;
    color: #1C1C1C!important;
    font-size: 14px!important;
    font-weight: 400!important;
    padding-left: 85px!important;
    height: 45px!important;
    border: none!important;
    background-image: url('https://www.21stcenturydems.org/wp-content/uploads/2020/01/585e4ae1cb11b227491c3393.png')!important;
    background-size: 10%!important;
    background-repeat: no-repeat!important;
    background-position: 20px!important;
    width: 220px!important;
    display: block!important;
}
.form-control:focus {
    box-shadow:none!important;
}
input.form-control.form-control-sm::placeholder {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    color: #848484;
    opacity: 1;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -ms-flex-pack: end;
    justify-content: flex-start;
    -webkit-box-pack: end;
    margin-top: 50px!important;
    margin-left: -75px;
}
.page-item.disabled .page-link, .page-item.active .page-link{
    font-size: 13px!important;
}
.page-item.active .page-link {
    background-color: #002258!important;
    border-color: #002258!important;
    color: #fff!important;
}
.page-link {
    color: #002258!important;
    font-size: 13px!important;
}
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label{
    color: transparent!important;
}
div#dtVerticalScrollExample-t_info {
    display: none!important;
}
/*1998-2011-endorsed-candidates page css end*/

/*Our stars in office page css start*/
.our-office {
    padding-top: 100px;
}
.our-office h2 {
    font-weight: 900;
}
.our-office h3 {
    font-weight: 700;
    padding: 5px 0 15px 0;
    font-size: 32px!important;
}
.our-office p {
    font-weight: 400;
}
.office-stars {
    padding: 50px 0 80px 0;
}
.star-text {
}
.star-text h2{
    text-align: left;
    font-size:22px!important;
    font-weight: 700;
    letter-spacing: 0;
    color: #002984;
    opacity: 1;

}
.star-text table {
    width: 70%;
}
.star-text td{
    text-align: left;
    font-size:17px!important;
    font-weight: 700;
    letter-spacing: 0;
    color: #D02028;
    opacity: 1;
    padding-left:0px!important;
}
.star-text td.ab {
    text-align: left;
    font-size:16px!important;
    font-weight: 300;
    letter-spacing: 0;
    color: #1C1C1C;
    opacity: 1;
    padding-right:15px;
}
.see-support-btn {
    display: flex;
    margin-top: 20px;
    float: left;
}
.see-support-btn a.what-btn{
    text-decoration: none;
    text-align: left;
    font-size:12px!important;
    font-weight: 400;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    background-color: #002984;
    padding: 7px 18px;

}
a.what-btn.sim-button.button6, a.now-btn.sim-button.button6{
    margin-top: 0!important;
    line-height: 22px!important;
    height: 35px!important;
    width: auto!important;
}
.see-support-btn a.now-btn{
    text-decoration: none;
    margin-left: 10px;
    text-align: left;
    font-size:12px!important;
    font-weight: 400;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    background-color: #0073B1;
    padding: 7px 18px;

}
tbody tr:nth-child(2) td:nth-child(2) {
    text-transform: capitalize;
}
tbody tr:nth-child(3) td:nth-child(2) {
    text-transform: uppercase;
}
/*Our stars in office page css end*/
.content-b{
    height: 100vh ;
    background-repeat: no-repeat!important;
    background-size: cover;
    background-position: center center;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (max-width: 2560px) and (min-width: 1920px){
header.header.clear .container{
    max-width: 1500px!important;
}
header.header.clear .col-md-8 {
    text-align: right;
}
.container {
    max-width: 1300px!important;
}
.vc_column-inner {
    padding: 0!important;
}
.table-responsive {
    overflow: hidden;
}
body p.vc_custom_heading {
    font-size: 18px!important;
    margin-bottom: 0!important;
}
body h2, .single-tiltle h2 {
    font-size: 48px!important;
}
h3 .demo_red{
    font-size: 42px !important;
}
.page-id-261 .page-title h2, .page-id-263 .page-title h2, .page-id-265 .page-title h2, .page-id-267 .page-title h2, .page-id-131 .page-title h2 {
    font-size: 32px!important;
    color: #d02028!important;
}
body .video-para p{
    font-size: 29px!important;
}
.page-id-17 .mission-para p {
    font-size: 22px!important;  
}

p.vc_custom_heading, .sigup-contant p {
    font-size: 22px!important;
}
.top20-para {
    padding: 50px 0 50px 0;
}
.page-id-17 .mission-para p {
    font-size: 22px!important;  
}
}
@media only screen and (width:1366px){
 body .content-b .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%!important;
    flex: 0 0 40%!important;
    max-width: 40%!important;
}
}



@media screen and (max-width: 1919px) and (min-width: 1220px){

div#s_5 {
    background-position: 10% 100%;
}
div#s_3 {
    /*background-position: center;*/
}
div#s_1 {
    /*background-position: center right;*/
}

.slider-text-b {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    padding: 60px;
    background-color: #0000007d;
}

.content-b{
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
}

.content-b .col-md-4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40.333333% !important;
    flex: 0 0 40.333333% !important;
    max-width: 40.333333% !important;
}

header.header.clear .container {
    max-width: 1260px!important;
}
nav.nav {
    padding-top: 40px;
}
li#menu-item-520, li#menu-item-521 {
    padding-right: 30px;
}
nav.nav li a{
    font-size: 14px;
}
li#menu-item-520:after{
    left: 82%;
    top: 45%;
}
li#menu-item-521:after{
     left: 84%;
     top: 45%;
}
li#menu-item-515 a{
    font-size: 11px;
    padding: 11px 25px;
}
.slider-text p {
    font-size: 30px!important;
    line-height: initial!important;
    padding-right: 0px!important;
}
.top20-para p{
    padding-right: 165px!important;
}
.slider-text a{
    font-size: 16px!important;
}
.slick-prev, .slick-next{
    height: 55px!important;
    width: 55px!important;
    bottom: 0px!important;
}
h2.vc_custom_heading {
    font-size: 30px!important;
}
p.vc_custom_heading, .sigup-contant p {
    font-size: 17px!important;
}
.top-20 h3 {
    margin-top: 27px!important;
    font-weight: 900!important;
    font-size: 32px!important;
}
.top-20 a.all-cand, a.all-pro, .cand-bk-btn a {
    font-size: 15px!important;
}
.top20-para .vc_column-inner {
    padding-top: 0!important;
}
.donate-name h2 {
    font-size: 22px!important;
}
.donate-area h3{
    font-size: 14px!important;
    padding: 8px 0 25px 0;
}
.donate-btn a{
    font-size: 12px!important;
}
.podcast-e h3 {
    font-size: 28px!important;
    padding: 5px 0 10px 0;
}
.video-row h2{
     font-size: 22px!important;
}
.video-section {
    padding-top: 360px;
    padding-bottom: 30px;
}
.video-para p {
    font-size: 23px!important;
}
.video-row .wpb_column.vc_column_container.vc_col-sm-4{
    padding: 0 0 !important;
}
.video-row .vc_column-inner{
    padding: 0 10px!important;

}
.all-product h3{
    font-size: 18px!important;
}
.pro-name h2 {
    font-size: 22px!important;
}
.sigup-contant h3{
    font-size: 35px!important;
}
.email-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    width: 310px!important;
}
.email-form {
    padding-top: 35px;
}
.copyright {
    padding-top: 5px;
}
.copyright p{
    font-size: 11px!important;
}
.footer-menu h3{
    font-size: 15px;
}
.footer-menu ul li a{
    font-size: 13px;
}
.member .wpb_column.vc_column_container.vc_col-sm-4{
    padding: 0!important;
}
.member .vc_column-inner {
    padding: 0 10px!important;
}
.who-we-are-c .vc_column-inner{
    padding: 0 !important;
}
.right.wpb_column.vc_column_container.vc_col-sm-6 p:nth-child(3) {
    font-size: 25px!important;
    line-height: initial;
}
.page-id-19 .member .vc_column-inner {
    padding: 0 !important;
}
.advisory-text p{
    font-size: 16px!important;
}
.advisory-name h2{
    font-size: 16px!important;
}
.advisory-designation h3{
     font-size: 14px!important;
}
.progressive-leaders p{
    padding-top: 0!important;
}
.page-title p {
    padding-top: 0px;
}
.candidates-contant h2{
     font-size: 24px!important;
}
.candidates-contant p{
    font-size: 15px!important;
}
.candidates-contant .lm-btn a{
    font-size: 13px!important;
    padding: 11px 25px;
}
.candidates-image.yes::before{
    font-size: 16px!important;
}
.single-post-text p{
    font-size: 15px!important;
}
.single-post-text h2{
    font-size: 24px!important;
}
.single-tiltle h2{
    font-size: 30px!important;
}
a.doing-btn, a.donate-btn{
    font-size: 13px!important;
    padding: 11px 34px;
}
.slide-tabe .nav-tabs .nav-link{
    font-size: 15px!important;
}
.table-responsive thead th {
    font-size: 16px!important;
}
.table-responsive tbody tr td{
    font-size: 14px!important;
}
.table-responsive {
    overflow: hidden!important;
}
.our-office h3{
    font-size: 28px!important;
}
.star-text h2{
    font-size: 18px!important;
}
.star-text td.ab{
    font-size: 15px!important;
}
.star-text td{
    font-size: 15px!important;
}
.see-support-btn a.what-btn, .see-support-btn a.now-btn{
    font-size: 10px!important;
    padding: 7px 16px;
}
.text-area h3{
    padding-bottom: 15px;
    font-size: 16px!important;
}
.form-c input.wpcf7-form-control.wpcf7-submit.contact-submitt-button{
    padding: 9px 35px;
    font-size: 14px!important;
}
.work {
    padding: 60px 0!important;
}
.top-20{
    padding-bottom: 0!important;
}
.podcast-e {
    padding: 60px 0 0 0!important;
}
.listen-btn {
    margin-top: 45px!important;
}
.video-row {
    padding-top: 60px;
}
.vc_column-inner {
    padding-top: 0!important;
}
.product-box{
    padding-bottom: 0;
}
section.vc_section.pro-sec {
    margin-top: -240px;
}
body .vc_custom_1579690731129 {
    padding-bottom: 60px !important;
}
.btn-us {
    margin-top: 25px!important;
}
.slider-text {
   padding: 50px 50px 50px 70px!important;
}
input.form-control.form-control-sm{
    background-size: 7%!important;  
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder, input.form-control.form-control-sm::placeholder {
    font-size: 15px!important;
}
.slide-tabe ul.nav.nav-tabs {
    padding: 20px 0 0 0!important;
}
.slider-text p{
    margin: 0!important;
}
.mission-banner {
    padding: 60px 0 60px 0!important;
}
.mission-para p{
    padding: 120px 174px 40px 174px!important;
}
.detail-para {
    padding: 60px 0!important;
}
body .vc_custom_1579781466865 {
    padding-top: 100px !important;
    padding-bottom: 60px !important;
}
.vc_row.wpb_row.vc_row-fluid.detail-para.what-we-do{
    padding: 40px 0 60px 0!important;
}
.progressive-leaders {
    padding-top: 60px!important;
}
.page-title {
    padding-top: 60px!important;
}
.our-office {
    padding-top: 60px!important;
}
article.candidates {
    padding-top: 60px;
    padding-bottom: 60px;
}
.single-post-data {
     padding:0!important; 
}
.contact-text {
    padding: 60px 0;
}
.mission-banner p {
    padding-top: 0!important;
    margin-bottom: 0!important;
}
.page-id-129 .page-title {
    padding-top: 30px!important;
}
.page-id-131 p.vc_custom_heading {
    padding-right:0!important;
}
.content.slick-slide .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.content.slick-slide:nth-child(3) {
    background-position: 0% 100%;
}
.content.slick-slide:nth-child(6) {
    background-position: 50% 100%!important;
}
.content.slick-slide:nth-child(5) {
    background-position: 30% 100%!important;
}
body .content.slick-slide:nth-child(3) .content.slick-slide .col-md-4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%!important;
    flex: 0 0 30%!important;
    max-width: 30%!important;
}
}
@media screen and (max-width: 1025px) and (min-width: 1023px) {
.table-responsive {
    overflow: hidden;
}
.slider.slick-initialized.slick-slider {
    height: 91vh;
}
.menu-btn {
    display: none;
}
.content.slick-slide .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 60.666667%;
    max-width: 60.666667%;
}

div#s_2 {
    background-position: 50% 100%;
}
div#s_3 {
    background-position: 77% center;
}
div#s_1 {
    background-position: center right;
}
div#s_4{
    background-position: 41% center;
}
div#s_5{
    background-position: 36% center;
}

.content-b{
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
    background-position: center right;
}

.content-b .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%!important;
    flex: 0 0 60%!important;
    max-width: 60%!important;
}

.slider-text-b {
    position: relative;
    left: 0;
    right: 0;
    top: 192px;
    padding: 60px;
    background-color: #0000007d;
    
}



.slider-text-b p {
    font-size: 42px!important;
}

.slider-text-b a {
    font-size: 28px;
}


.slider-text {
    padding: 40px 45px 45px 90px!important;
}
.slider-text a{
    font-size: 24px!important;
}

button#responsive-menu-button {
    top: 35px!important;
    right: 6%!important;
}
.video-para p {
    font-size: 28px!important;
}
.donate-img img {
    width: auto;
    height: auto;
}
.video-section {
    padding-top: 380px;
}
.email-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
    max-width: 100%;
    width: 100%;
}
button#responsive-menu-button {
    width: 45px!important;
    height: 45px!important;
    position: absolute!important;
    border-radius: 10%!important;
    top: 28px!important;
    right: 5%;
    background-color: #fff!important;
}
#responsive-menu-container {
    opacity: 0.9!important;
}
#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow {
    color: #d02028!important;
    height: 25px!important;
    width: 25px!important;
}
#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul#responsive-menu {
    padding: 20px!important;
}
.star-text table {
    width: 100%;
}
.see-support-btn a.what-btn{
    font-size: 11px;
    padding: 7px 10px;
}
.star-text td.ab {
    font-weight: 400;
}
.office-stars .col-md-6 {
    padding-bottom: 50px;
}
.office-stars {
    padding: 50px 0 30px 0;
}
.slider-text p {
    font-size: 40px!important;
}
.content .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%!important;
    flex: 0 0 60%!important;
    max-width: 60%!important;
}

#responsive-menu-container li.responsive-menu-item {
    padding: 20px 0!important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
    font-size: 41px!important;
}
#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow{
    font-size: 13px!important;
}
}
@media screen and (max-width: 1022px) and (min-width: 768px) {


div#s_2 {
    background-position: center;
}
div#s_3 {
    background-position: 77% center;
}
div#s_1 {
    background-position: center right;
}
div#s_4{
    background-position: 41% center;
}
div#s_5{
    background-position: 36% center;
}

.content-b{
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
    background-position: center right;
}


.content-b .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%!important;
    flex: 0 0 60%!important;
    max-width: 60%!important;
}

.slider-text-b {
    position: relative;
    left: 0;
    right: 0;
    padding: 60px;
    background-color: #0000007d;
    
}


button#responsive-menu-button {
    width: 45px!important;
    height: 45px!important;
    position: absolute!important;
    border-radius: 10%!important;
    top: 22px!important;
    right: 5%;
    background-color: #fff!important;
}
#responsive-menu-container {
    opacity: 0.9!important;
}
#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow {
    color: #d02028!important;
    height: 25px!important;
    width: 25px!important;
}
#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul#responsive-menu {
    padding: 20px!important;
}
.menu-btn {
    display: none;
}
.content.slick-slide .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.slider-text {
    padding: 80px 70px 80px 70px;
}
header.header.clear .col-md-4{
    max-width: 50%!important;
    flex: 0 0 50%;
}
button#responsive-menu-button {
    top: 35px!important;
    right: 6%!important;
}
.work p {
    padding: 0 0;
}
.work h2{
    font-size: 37px!important;
}
.top-20 h3{
    font-size: 37px!important;
}
.top20-para p{
    padding-right: 0px;
}
.donate-img img {
    width: initial;
    height: inherit;
    margin: 0;
}
.podcast-e h2{
    font-size: 37px!important;
}
.podcast-e h3{
    font-size: 33px!important;
}
.video-section {
    padding-top: 220px;
    padding-bottom: 60px;
    top: -175px;
}
.email-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
    max-width: 100%;
    width: unset;
}
.signup .col-md-5{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}
.signup .col-md-7{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}
.email-form {
    display: flex;
    justify-content: center;
}
div#nav_menu-2 {
    padding-left: 0;
}
.footer-menu ul li a{
    font-size: 15px;
}
.video-para p br {
    display: none;
}
.video-para p{
    font-size: 32px;
}
a.all-pro{
    font-size: 17px;
}
.all-product {
    margin-top: 0;
}
.text-area h3, .text-area p {
    padding-right: 0;
}
.office-stars .col-md-4, .office-stars .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
.star-text table {
    width: 100%;
}
.star-img img {
    width: 100%;
}
.star-text {
    padding-top: 20px;
}
.table-responsive .table td, .table th {
    padding: 20px 0px 20px 15px!important;
}
.text-area h3 {
    padding-right: 0;
    font-size: 16px!important;
}
.text-area p{
    padding-right: 0!important;
}

}

@media screen and (max-height: 720px) and (min-height: 768px){
    
    .slider-text-b p {
        font-size: 22px!important;
    }
    .slider-text-b a {
        font-size: 16px !important;
    }
}

@media screen and (max-height: 768px) and (min-height: 600px){
    .slider.slick-initialized.slick-slider {
        height: 84vh  !important;
    }
    .slider-text-b p {
        font-size: 23px!important;
    }
    .slider-text-b a {
        font-size: 18px;
    }
    .content-b .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%!important;
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
    div#s_5{
        background-position: 0% 100% !important;
    }


}

@media screen and (max-width: 1025px) and (min-width: 300px) {


    

 .logo-img {
    width: 100% !important;
    margin-left: -11px;
  }

span.responsive-menu-inner,
span.responsive-menu-inner::before,
span.responsive-menu-inner::after {
    background-color: #002984 !important;
}

}

@media screen and (max-width: 767px) and (min-width: 300px) {

.pro-img img{
    margin: 0 auto !important;
}
.pro-name h2 {
    text-align: center;
}
.pro-price h3 {
    text-align: center;
}

body h2.vc_custom_heading{
    font-size: 24px!important;
}
body p.vc_custom_heading {
    font-size: 16px!important;
}
button#responsive-menu-button {
    width: 45px!important;
    height: 45px!important;
    position: absolute!important;
    border-radius: 10%!important;
    top: 15px!important;
    right: 5%;
    background-color: #fff!important;
}
#responsive-menu-container {
    opacity: 0.9!important;
}
#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow {
    color: #d02028!important;
    height: 25px!important;
    width: 25px!important;
}
#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul#responsive-menu {
    padding: 20px!important;
}
.logo {
    width: 75%!important;
}
.menu-btn {
    display: none!important;
}
.slider-text-b p{
    font-size: 20px!important;
    padding-right: 0!important;
    line-height: initial!important;
}
.slider-text-b {
    padding: 30px 34px 30px 35px!important;
    background-color: transparent!important;
}
.btn-us {
    margin-top: 10px!important;
}
.content.slick-slide .col-md-5 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
.slider.slick-initialized.slick-slider {
    height: 450px!important;
}
.slider-text-b a{
    font-size: 15px!important;
}
.signup .col-md-5{
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 58.333333%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
.signup .col-md-7{
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 58.333333%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
.email-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
    max-width: 100%!important;
    width: 100%!important;
}
.work {
    padding: 15px 0 30px 0!important;
}
.work p {
    padding: 0;
    text-align: left!important;
}
.work h2 {
    text-align: left!important;

}
.sigup-contant p{
    padding: 0;
    font-size: 14px;
}
.email-form {
    padding-top: 10px;
}
.email-form input.wpcf7-form-control.wpcf7-submit.btn{
    padding: 15px;
    font-size: 14px!important;
}
div#nav_menu-2 {
    padding-left: 0px!important;
}
.all-product p {
    text-align: left!important;
}
.all-product h2{
    font-size: 32px!important;
}
.video-section {
    padding-top: 40px!important;
    padding-bottom: 20px!important;
    top: 0;
}
.video-section .vc_column-inner {
    padding-top: 0!important;
}
.top-20 a.all-cand, a.all-pro, .cand-bk-btn a {
    font-size: 14px!important;
}
.pro-name h2{
    font-size: 18px!important;
}
.pro-price h3{
    font-size: 19px!important;
}
.pro-box {
    padding-top: 20px!important;
    padding-bottom: 40px!important;
}
.all-product h3 {
    font-size: 13px!important;
}
.listen-btn {
    margin-top: 50px;
}
.all-product {
    margin-top: 50px!important;
}
.product-box {
    padding-bottom: 40px!important;
}
.video-row h2{
    color: #002984!important;
}
.video-para p br {
    display: none!important;
}
body .video-para p{
    font-size: 18px!important;
    text-align: left!important;
}
.listen-btn a{
    font-size: 12px!important;
    padding: 11px 30px;
}
.podcast-e {
    padding: 0 0 0 0!important;
}
.podcast-e p{
    padding-right: 0!important;
}
.podcast-e h2 {
    font-size: 33px!important;
}
.podcast-e h3 {
    font-size: 22px!important;
}
.video-row {
    padding-top: 35px;
    padding-bottom:35px;
}
.top20-para {
    padding: 30px 0 30px 0!important;
    margin-top: -20px;
}
.top20-para p {
    padding-right: 0!important;
    font-size: 20px!important;
}
.top-20 {
    background: rgb(208,32,40);
    background: linear-gradient(180deg, rgba(208,32,40,1) 45%, rgba(255,255,255,1) 45%);
    padding-bottom: 0px;
}
body .vc_custom_1579690731129 {
    padding-bottom: 40px !important;
}
.donate-box .col-md-6 {
    padding-top: 40px!important;
}
.top20-para .vc_column-inner {
    padding-top: 0!important;
}
.top-20 h3 {
    margin-top: 15px!important;
    font-size: 22px!important;
}
.top-20 a.all-cand, a.all-pro, .cand-bk-btn a {
    font-size: 13px!important;
}
.top-20 p {
    text-align: left!important;
}
.cand-bk-btn {
    margin-top: 0!important;
    text-align: right!important;
}
.cand-bk-btn a{
    line-height: initial!important;
}
.donate-name h2{
    padding-top: 15px!important;
}
.donate-area h3{
    font-size: 13px!important;
    padding: 8px 0 25px 0;
}
.donate-btn a{
    padding: 11px 25px;
    font-size: 12px!important;
}
.copyright {
    padding-top: 0px!important;
}
.copyright p{
    font-size: 11px!important;
    margin-bottom: 20px!important;
    padding-right: 35px!important;
}
/*ul#menu-about-menu li {
    width: 50%!important;
    float: left!important;
}*/
ul#menu-about-menu li, div#nav_menu-4 ul li {
    width: 100%!important;
    float: unset!important;
}
div#nav_menu-4 ul li{
    padding-top:0!important;
}
.footer-menu {
    margin-top: 10px;
}
.footer-menu .col-md-4:nth-child(1){
    width: 29%!important;
}
.footer-menu .col-md-4:nth-child(2){
    width: 35%!important;
}
.footer-menu .col-md-4:nth-child(3){
    width: 36%!important;
}
.footer-menu h3 {
    font-weight: 700!important;
    color: #fff!important;
    font-size: 14px!important;
}
.footer-menu ul li a{
    font-size: 13px!important;
}
.footer-menu ul li {
    padding-top:0px!important;
}
.footer-menu .col-md-4 {
    padding-bottom: 30px!important;
}
.footer-logo {
    width: 80%!important;
    margin: 0 auto!important
}
.logo-menu{
    padding-bottom: 20px!important;
}
ul#menu-other-pages {
    margin-bottom: -30px!important;
}
.mission-banner p{
     padding-right:0px!important;
     font-size: 20px!important;
}
.mission-para {
    background-color: #0073B1!important;
}
.mission-para p {
    font-weight: 600!important;
    width: 100%!important;
    margin: 0 auto!important;
    padding: 50px 0px 50px 0px!important;
    margin-top: 0!important;
    font-size: 20px!important;
}
.detail-para p {
    padding-right: 0!important;
    font-size: 20px!important;
}
.who-we-are-c p:nth-child(2) {
    font-weight: 400!important;
    padding: 12px 0px 25px 0px!important;
    font-size: 13px!important;
}
.mission-banner {
    padding: 40px 0 20px 0!important;
}
.member .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 0!important;
}
.detail-para {
    padding: 40px 0;
}
.sigup-contant h3{
    font-size: 28px!important;
}
.right.wpb_column.vc_column_container.vc_col-sm-6 p:nth-child(3) {
    font-size: 18px!important;
    padding: 27px 0px 28px 0px!important;
}
.right .vc_column-inner {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 53%, rgba(0,115,177,1) 53%);
}
.page-id-21 .vc_custom_1579781466865 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.detail-para.what-we-do {
    padding: 20px 0 40px 0;
}
.page-id-21 .wpb_single_image.vc_align_center {
    text-align: center;
    margin-bottom: 0;
}
.advisory-text p {
    font-size: 14px!important;
    padding-right: 0!important;
    padding-left: 0!important;
    padding-top: 0!important;
}
.advisory-name h2 {
    font-size: 15px!important;
    padding-left: 0!important;
    padding-top: 0!important;
}
.advisory-designation h3 {
    font-size: 12px!important;
    padding-left: 11px!important;
    padding-top: 5px!important;
}
.progressive-leaders {
    padding-top: 40px!important;
}
.page-title {
    padding-top: 40px;
}
.page-title p{
    padding: 0!important;
}
.candidates-contant h2{
    font-size: 19px!important;
    padding-top: 20px;
}
.candidates-image.yes::before{
    font-size: 16px!important;
}
.candidates-contant p {
    font-size: 1rem!important;
    padding-right: 0!important;
    padding-bottom: 15px!important;
}
.lm-btn {
    padding-bottom: 30px;
}
.candidates-contant .lm-btn a{
    font-size: 12px!important;
    padding: 11px 20px!important;
}
.page-id-261 .page-title h2, .page-id-263 .page-title h2, .page-id-265 .page-title h2, .page-id-267 .page-title h2, .page-id-131 .page-title h2 {
    font-size: 24px!important;
}
.page-id-131 .page-title {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}
.slide-tabe .nav-tabs .nav-link{
    padding: 11px 43px!important;
    font-size: 12px!important;
}
.slide-tabe ul.nav.nav-tabs {
    padding: 0px 0;
}
.our-office {
    padding-top: 40px!important;
}
.office-stars {
    padding: 10px 0 10px 0!important;
}
.email-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email, .email-form input.wpcf7-form-control.wpcf7-submit.btn{
    height: 48px!important;
}
.contact-text {
    padding: 40px 0!important;
}
.single-post-data {
    padding: 0px 0 0px 0!important;
}
article.candidates {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}
.our-office h3 {
    font-size: 18px!important;
}
.star-img img {
    text-align: left!important;
    margin: auto 0!important;
}
.star-text {
    padding-top: unset;
}
.nav-tabs a.nav-link.active.show {
    padding: 11px 37px!important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    padding: 12px 40px!important;
}
.star-text h2{
    font-size: 18px!important;
}
.star-text td.ab, .star-text td{
    font-size: 14px!important;
}
.title-btn {
   display: flex!important;
   flex-direction: column-reverse!important;
}
.single-tiltle h2{
    font-size: 24px!important;
}
.single-tiltle {
    padding-top: 44px!important;
}
a.doing-btn, a.donate-btn{
    font-size: 10px!important;
}
a.doing-btn, a.donate-btn{
    padding: 11px 20px!important;
}
a.donate-btn.close-four {
    padding: 11px 20px;
    margin-left: 0!important;
}
.single-post-text p {
    font-size: 1rem!important;
    padding-right: 0!important;
}
.candidates-contant p {
    padding: unset !important;
}
.single-post-text h2 {
    font-size: 24px!important;
}
.text-area h3 {
    font-weight: 700;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 15px;
    font-size: 16px!important;
}
.text-area p {
    padding-right: 0!important;
}
.KvPreloaderImage{
    background-image: url('https://www.21stcenturydems.org/wp-content/uploads/2020/02/logo-gif-100x-100.gif');
    width: 100px;
    height: 100px;
 }
 .slick-prev, .slick-next {
    height: 50px!important;
    width: 50px!important;
    bottom: 0px!important;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder, input.form-control.form-control-sm::placeholder {
    font-size: 15px!important;
}
input.form-control.form-control-sm{
    background-size: 7%!important;
    padding-left: 53px!important;
}
.content-b {
    background-size: contain!important;
    background-position: 100% 0px!important;
    height: 100vh!important;
    background-color: #002984!important;
    background-repeat: no-repeat;
}

.slick-prev, .slick-next{
    display:none!important;
}
.table {
    width: 240%!important;
    max-width: 240%!important;
}
.table-responsive thead th{
    font-size: 13px!important;
}
.table-responsive tbody tr td{
    font-size: 12px!important;
}
.table-responsive .table td, .table th {
    padding: 13px 0px 13px 20px!important;
}
.vc_row.vc_column-gap-20 {
    margin-left: 0!important;
    margin-right: 0!important;
}
.respo-img {
    /*height: 160px!important;*/
    width: 100%!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 100% 100%!important;
}
.slider{
    display: none!important;
}
.slider-responsive{
    display: block!important;
    background-color: #002984;
}
.slider-text-c {
    padding: 30px 34px 30px 35px!important;
}
.slider-text-c p{
    text-align: left;
    font-size: 20px!important;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    line-height: initial;
    margin: 0;
}
.slider-text-c a{
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 4.4px;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: none;
    text-transform: uppercase;
}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.content-b .row {
    height: 88%;
    display: flex;
    align-items: center;
}

.logo-img{
    width: 75%;
}

.candidates-contant p{
    padding: 8px 65px 5px 0;
}

@media screen and (min-width: 1024px) and (max-width: 1270px){
    
    nav.nav li{
        padding: 0px;
        padding-right: 15px !important;
    }

    .menu-btn .nav ul{
        display: flex;
        justify-content: space-between;
    }

}

@media screen and (min-width: 1366px) and (max-width: 5120px){
    
    .logo-img{
        width: 100% !important;
    }
}