@media only screen and (max-width:1230px){
header .navbar-expand-lg .navbar-nav .nav-link{font-size: 14px;}
}
@media only screen and (max-width:1199px){
header .navbar-expand-lg .navbar-nav .nav-item{padding:0 .55rem;}
header .navbar-expand-lg .navbar-nav .nav-link{font-size: 14px;}
.candidateInfoSec h1{font-size:22px;}
.candidateInfoSec h3{font-size:18px;}
.candidateInfoSec .detailDiv p{font-size:17px;}
.august-change h1.blackTxt {font-size: 25px !important;}
.august-change p.subHeading {font-size: 20px !important;line-height: 25px !important;}
}
@media only screen and (max-width:1024px){
.text-contents{padding:29px 0;}
.text-contents h5{font-size:1.08rem;}
.text-contents h6{font-size:1.02rem;}
.marquee1 h4{padding:5px 10px;}
.bottomTxt{margin-top:10px;}
.newsLetterIcon{vertical-align:top;}
}
@media screen and (max-width:990px){
div.bottomTxt{padding:15px;}
.voterToolsWrap .contentWrap .card-title{font-size:25px;}
.voterToolsWrap .contentWrap p a{font-size:16px;}
.voterToolsWrap h2{font-size:40px;}
}
@media only screen and (max-width:960px){
.text-contents{padding:29px 0;}
.text-contents h5{font-size:1.08rem;}
.text-contents h6{font-size:1.02rem;}
.candidatePartyBlock h2{font-size:17px;}
.bannerSection h4,.timeToVoteSec h4,.bottomInfoWrapper h4{font-size:18px;}
header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link, header .navbar-expand-lg .navbar-nav .nav-link:hover{border-bottom:none;}
#navbarNav{position:fixed;min-height:100vh;z-index:999;height:100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;top:0;left:-100%;width:250px;background:#22498e;}
#navbarNav.collapse{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;left:-100%;}
#navbarNav.show{left:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
header .navbar-expand-lg .navbar-nav{padding-top:12px;}
header .navbar-expand-lg .navbar-nav .nav-link{color:#fff;}
header .navbar-expand-lg .navbar-nav .nav-item{padding:.2rem .75rem;}
.candidatePartyBlock .row{padding:0 10px;}
.candidateInfoSec .detailDiv p{font-size:17px;text-align:center;margin-bottom:10px;}
.candidatePartyBlock .compareBtn{font-size:14px;}
.candidateInfoSec .detailDiv{padding-top:0;}
.candidate-card .candidate-name,.candidate-card .candidate-status{font-size:16px;line-height:24px;}
.candidate-card .bottomDiv h4{font-size:12px;}
.candidate-card .incumbent-wrapper span{font-size:14px;}
.candidateInfoSec .videoBox iframe{height:400px;}
.newsletter p{width:100%;}
.august-change h1.blackTxt {font-size: 20px !important;}
.august-change p.subHeading {font-size: 16px !important;line-height: 22px !important;}
}
@media only screen and (max-width:768px){
.bannerSection{min-height:500px;}
.candidateInfoSec h1.mainHeading{font-size:30px;}
.bannerSection h4,.timeToVoteSec h4,.bottomInfoWrapper h4{font-size:16px;text-shadow:1px 1px 0px gray;}
.bannerSection h6,.timeToVoteSec h6{font-size:10px;}
footer p{font-size:11px;}
.candidate-card{height:auto!important;}
body{overflow-x:hidden;}
.candidateInfoSec .videoBox{margin-bottom:10px;}
a.navbar-brand{font-size:19px;}
.sponsorWrapper h3{font-size:14px!important;}
.sponsorWrapper p{font-size:14px;}
.candidatePartyBlock h2.tab-title{height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.newsletter p{width:80%;}
}
@media screen and (max-width:767px){
.marquee{bottom:15%;}
.zipCodeInfo h3{font-size:22px;}
.bannerSection .zipCodeBox .submitBtn, .timeToVoteSec .zipCodeBox .submitBtn{padding:6px 20px 11px;}
.bannerSection .zipCodeBox input, .timeToVoteSec .zipCodeBox input{font-size:16px;}
.social-icons a{padding:0 2px;}
.bannerSection h1, .timeToVoteSec h1{font-size:17px;text-shadow:none;}
.marquee h4{font-size:13px;text-shadow:none;padding:1px 0;}
.marquee .social-icons{font-size:13px;}
.candidateInfoSec h1{font-size:15px;}
.candidateInfoSec h3{font-size:14px;}
.text-contents h5{font-size:1.20rem;font-weight:600;}
.text-contents h6{font-size:1.10rem;font-weight:600;}
.newsletter{margin:20px auto;text-align:left !important;}
.newsletter p{display:inline-block;margin:13px 0px;vertical-align:top;}
#email{margin-top:5px !important;}
.registrationFrame{width:auto;}
.newsletter p{margin-left:10px;}
.mobile{display:block;}
.spclContainer .cardOuter .col-sm-6{border-right:0px;}
.spclContainer .cardOuter .col-sm-6:nth-last-child(2){border-bottom:1px solid #000;}
.spclContainer h2{font-size:18px;}
.spclContainer .cardOuter .col-sm-6{border-right:1px solid #000;}
.spclContainer .cardOuter .col-sm-6:nth-last-child(2){border-bottom:0px;}
.state-select select{font-size:16px;}
.voterToolsWrap .contentWrap{margin-bottom:15px;}
.voterToolsWrap .row{padding:15px 0px;padding-bottom:0px;}
.voterToolsWrap h2{font-size:34px;}
.voterToolsWrap h2.voteText{margin-bottom:20px;}
.bottomInfoWrapper .sepretor-border.mb-5{margin-bottom:20px !important;margin-top:11px!important}
.party-container.mobileContainerChange{padding:0px 0px;}
.voterToolsWrap .row{padding:15px!important;}
.a_newsletterWrap{padding-left:25px;padding-right:25px;}
.bottomInfoWrapper .sepretor-border.mb-5.asep{margin-top:22px!important}
.bottomInfoWrapper{margin-top:0px;}
.bannerSection .zipCodeBox{width:500px;}
.bannerSection .zipCodeBox input{font-size:15px;padding-left:14px;}
.bannerSection .zipCodeBox .submitBtn{font-size:24px;position:static;}
.bannerSection .container{padding-left:0px;padding-right:0px;}
.bannerSection .zipCodeBox{width:100%;}
.bannerSection .zipCodeBox input{font-size:14px;padding-left:8px;padding-top:11px;padding-bottom:11px;}
.bannerSection .zipCodeBox .submitBtn{padding:8px 14px 12px;font-size:18px;}
.footerContainer{padding-left:25px;padding-right:25px;}
footer a{display:none;}
.bannerSection .zipCodeBox input{width:54%;}
.zipCodeInfo h1.voteForDemo{line-height:1.6;}
.zipCodeInfo.blueBC{padding:7px 10px;}
.zipCodeInfo.blueBC{margin-top:25px!important;}
.mb-4, .my-4{margin-bottom:1rem!important;}
.bannerSection .container{max-width:100%;}
.pb-4, .py-4{padding-bottom:1rem!important;}
.pt-4, .py-4{padding-top:1rem!important;}
.candidateInfoSec h1.font-30{font-size:20px;}
.sponsorWrapper{margin-top:100px}
.voterToolsWrap .contentWrap.grid6{background-position:center}
.candidateInfoSec .remindToVoteWrap h1{font-size:18px;}
.remindToVoteWrap label{font-size:16px;}
.remindToVoteWrap .form-control{padding:7px;height:38px !important;}
.remindToVoteWrap .continueBtn{font-size:20px;padding:10px 10px;margin-top:15px;}
.remindToVoteWrap .form-group{margin-bottom:30px;}
.calender{padding-top:20px}
.remindToVoteWrap .continueBtn{font-size:16px;}
h1.firstLine{font-size:20px;}
.beforeElectionMsg ul li h3{font-size:14px;}
.text-black.font-30.candidateMiddleLine1{max-width:310px;margin-left:auto;margin-right:auto;}
.celebrity-head .leftSec, .homepage-head .leftSec{padding-left: 40px;padding-top: 50px;}
.celebrity-head .rightSec, .homepage-head .rightSec{padding-right: 10px;}
.celebrity-head .leftSec h2, .homepage-head .leftSec h2{font-size: 26px;}
.celebrity-head .rightSec .voteToProtect, .homepage-head .rightSec .voteToProtect{font-size:20px;}
.celebrity-head .rightSec .voteToProtect span, .homepage-head .rightSec .voteToProtect span{font-size: 12px;}
.celebrity-head .rightSec .voteToProtect, .homepage-head .rightSec .voteToProtect{width: 164px;margin-top:36px;}
.august-change h1.blackTxt {font-size: 18px !important;}
.august-change p.subHeading {font-size: 15px !important;line-height: 20px !important;}
}
@media only screen and (max-width:640px){
.candidatePartyBlock.d-flex{display:block !important;}
.candidatePartyBlock .left-block .row-wrapper::after,
.candidatePartyBlock .right-block .row-wrapper::before{border:none;}
.candidate-card figure{width:288px;height: 240px;}
.candidate-card{margin:20px auto;max-width:300px;}
.bottomInfoWrapper{margin-top:20px;}
.newsletter p{width:85%;margin:5px 0px;}
}
@media only screen and (max-width:600px){
.zipCodeInfo h1 span, .headline h1 span{word-break:break-all;display:flow-root;}
.redBC p{font-size:14px;}
.social-icons a{padding:0 2px;}
.spclContainer h2{font-size:20px;}
.bannerSection .zipCodeBox input,.timeToVoteSec .zipCodeBox input{font-size:14px;}
.bannerSection .zipCodeBox .submitBtn,.timeToVoteSec .zipCodeBox .submitBtn{font-size:19px;}
/*.bannerSection .zipCodeBox,.timeToVoteSec .zipCodeBox .submitBtn{margin:22px 0 32px;}*/
header .navbar-brand{max-width:200px;}
.main-wrapper{display:block;}
.candidateInfoSec h1{padding:0;}
.candidatePartyBlock h2{font-size:17px;}
.candidateInfoSec h1.mainHeading{font-size:24px;}
.candidateInfoSec h1{font-size:15px;font-weight:600;}
.candidateInfoSec h3{font-size:14px;font-weight:600;}
.candidateInfoSec .detailDiv p{font-size:13px;margin-bottom:5px;}
.candidateInfoSec .videoBox iframe{height:250px;}
.candidatePartyBlock .left-block .row-wrapper::after{right:1px;}
.candidatePartyBlock .right-block .row-wrapper::before{left:1px;}
.candidate-card .bottomDiv h4{font-size:10px;}
.spclContainer .cardOuter .col-sm-6:nth-last-child(2){border-bottom:0px;}
.candidateInfoSec h1.font-30{font-size:16px;}
.bannerSection h1.clrBlue{max-width:222px;margin-left:auto;margin-right:auto;}
.bannerSection h1{max-width:274px;margin-left:auto;margin-right:auto;}
.bannerSection h1.clrBlue.doSomething{max-width:254px;}
.candidateInfoSec h1{font-size:11px!important;max-width:275px;margin-left:auto;margin-right:auto;}
.middleline h3.percentageText{max-width:278px;margin-left:auto;margin-right:auto;}
.middleline h1.clrBlue{font-size:13px !important;max-width:181px;padding:7px 0px;}
.remindToVoteWrap .btmTextPara{font-size:14px;}
.middleline h3.text-black{max-width:310px;margin-left:auto;margin-right:auto;}
.celebrity-head .leftSec, .homepage-head .leftSec{padding-left: 40px;padding-top: 50px;}
.celebrity-head .rightSec, .homepage-head .rightSec{padding-right: 10px;}
.celebrity-head .leftSec h2, .homepage-head .leftSec h2{font-size: 24px;}
.celebrity-head .rightSec .voteToProtect, .homepage-head .rightSec .voteToProtect{font-size:18px;}
.celebrity-head .rightSec .voteToProtect span, .homepage-head .rightSec .voteToProtect span{font-size: 12px;}
.celebrity-head .rightSec .voteToProtect, .homepage-head .rightSec .voteToProtect{width: 150px;margin-top:46px;}
.bannerSection .zipCodeBox input{width:60%}
.zipCodeInfo h3{font-size:18px;}
}
@media only screen and (max-width:576px){.spclContainer .cardOuter .col-sm-6:nth-last-child(2){border-bottom:1px solid #000;}
.spclContainer .cardOuter .col-sm-6{border-right:0px;}
.voterToolsWrap .contentWrap h5{font-size:25px;}
.voterToolsWrap h2{font-size:28px;}
.voterToolsWrap .contentWrap p{font-size:13px;}
}
@media only screen and (max-width:575px){
.a_newsletterWrap{max-width:245px;margin:auto;padding-left:0px;padding-right:0px;}
.zipCodeInfo h1.voteForDemo{max-width:235px!important;}
.remindToVoteWrap .ClickBlueText{font-size:13px;}
.remindToVoteWrap .btmTextPara{max-width:263px;}
}
@media only screen and (max-width:480px){
.zipCodeInfo h1 span, .headline h1 span{word-break:break-all;display:flow-root;}
div.middleline h1{font-size:14px;}
div.middleline h3{font-size:13px!important;}
p.subHeading{font-size:13px;}
.card .card-title{font-size:0.9rem;}
.spclContainer h2{font-size:14px;}
.candidateInfoSec h1{font-size:13px;}
.text-contents h5{font-size:1.06rem;font-weight:500;}
.text-contents h6{font-size:1.00rem;font-weight:500;}
.bottomTxt h4{font-size:14px;padding:5px;}
.newsletter p{width:75%;}
.bannerSection h4, .timeToVoteSec h4, .bottomInfoWrapper h4{text-shadow:none;font-weight:600;}
.bannerSection h4{font-size:12px;}
.spclContainer h2{font-size:16px;padding:0px 5px;}
.candidateInfoSec h1{text-shadow:none;}
.footerContainer{max-width:301px;padding-left:0px;padding-right:0px;}
.candidateInfoSec h1.font-30{font-size:16px;}
.footerContainer p{font-size:13px;padding-left:0px;padding-right:0px;}
.marquee h4{font-size:8px!important;}
.celebrity-head .leftSec, .homepage-head .leftSec{padding-left: 26px;padding-top: 60px;}
.celebrity-head .rightSec, .homepage-head .rightSec{padding-right: 10px;}
.celebrity-head .leftSec h2, .homepage-head .leftSec h2{font-size: 20px;}
.celebrity-head .rightSec .voteToProtect, .homepage-head .rightSec .voteToProtect{font-size:16px;}
.celebrity-head .rightSec .voteToProtect span, .homepage-head .rightSec .voteToProtect span{font-size: 12px;}
.celebrity-head .rightSec .voteToProtect, .homepage-head .rightSec .voteToProtect{width: 150px;margin-top:46px;}
.zipCodeInfo h3{font-size:14px;}
.bannerSection .zipCodeBox .submitBtn, .timeToVoteSec .zipCodeBox .submitBtn{font-size:18px;}
.bannerSection .zipCodeBox input, .timeToVoteSec .zipCodeBox input{font-size:12px;}
.bannerSection .zipCodeBox input{width:70%;}
}
@media only screen and (max-width:400px){
.text-contents h5{font-size:1.0rem;}
.text-contents h6{font-size:0.9rem;}
.candidatePartyBlock h2{font-size:14px;}
.candidate-card{margin:15px auto 10px;}
.candidatePartyBlock .compareBtn{font-size:12px;padding:5px;margin-top:0;}
.social-links a{font-size:11px;}
.newsletter p{width:60%;margin:0px;}
}
@media only screen and (max-width:360px){
.zipCodeInfo h3{font-size:13px;font-weight:normal;}
.marquee h4{font-size:9px;font-weight:normal;text-shadow:none;}
}
.social-icons a{padding:0 1px;}
.bottomTxt h4{font-weight:500;font-size:14px;}
.newsLetterIcon{display:block;}
.newsletter p{width:auto;margin-top:7px;}
}
@media only screen and (max-width:320px){
.marquee1 h4{padding:5px 10px;font-size:14px;}
.bottomTxt h4{font-size:14px;}
.text-contents h6 , .text-contents h5{font-size:.9rem;}
.bannerSection .zipCodeBox input{font-size:11px!important}
}
/** Changes done for 2020 Election **/
@media only screen and (max-width:991px){
    .topSearch .leftSec h2 {font-size: 18px;}
    .topSearch .leftSec .zipCodeBox input {width:70%;}
}
@media only screen and (max-width:767px){ 
    .topSearch {height: auto !important;}
    .topSearch .leftSec {margin: 10px;padding: 10px;}
    .topSearch .leftSec .zipCodeBox input {height:50px;}
    .topSearch .rightSec .voteToProtect .novText {font-size:19px;}
    .topSearch .rightSec .voteToProtect {width: 100%;margin: 10px 5px;float:none;text-align:center;}
    .topSearch .row {flex-flow: column wrap;}
    .topSearch .row .col-9 {width: 100% !important;max-width:inherit;}
    .topSearch .row .col-3 {width: 100% !important;max-width:inherit;}
    h1.republicLine2 {max-width: inherit !important;}
}