/*****************************/
/*       Media Queries       */
/*****************************/	

/* Max-width width 1199px */
@media (max-width: 1199px){
    
    /**********    Red Blue    *********/
    #red-blue .desktop-bg{
        padding-bottom: 65px;
    }
    
    #red-blue .desktop-bg .content{
        margin-top: 50px;
    }
    
    #red-blue .desktop-bg p{
        line-height: 20px;
        margin-top: 20px;
    }
    
    #red-blue .content .read{
        padding-top: 30px;
    }
    /**********    End of Red Blue    *********/
    
    /**********    Election    *********/
    #election .content h2{
        font-size: 33px;
    }
    /**********    End of Election    *********/
    
	
	/**********    Sample report    *********/
    .lightbox-basic-submit .bill-info .middle .left-part,
    .lightbox-basic-submit .bill-info .middle .middle-part,
    .lightbox-basic-submit .bill-info .middle .right-part{
        padding: 20px 10px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part input{
        margin-right: 10px;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content:nth-child(6) .second{
        margin-top: 18px;
    }
	
    /**********    End of Sample report    *********/
    
}

/* Max-width width 991px */
@media (max-width: 991px){
    
    /**********    Navigation    *********/
    .navbar-custom .navbar-brand.logo-image img {
        margin-bottom: ;
    }
    .navbar-custom .signup-area{
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    .navbar-custom .signup-area .area{
        margin-top: 25px;
        display: block;
    }
    
    .navbar-custom .signup-area .area .united{
        padding: 10px 37px;
    }
    /**********    End of navigation    *********/
    
    /**********     Hero Area    *********/
    #hero-area .left-sight h1{
        font-size: 32px;
    }
    /**********    End of Hero Area    *********/
    
    /**********     Red Blue    *********/
    #red-blue .content h2{
        font-size: 28px;
        line-height: 35px;
    }
    
    #red-blue .desktop-bg .content{
        margin-top: 35px;
        width: 300px;
    }
    
    #red-blue .content p{
        line-height: 18px;
        margin-top: 15px;
    }
    
    #red-blue .desktop-bg{
        width: 800px;
        height: 392px;
        position: relative
    }
    /**********    End of Red Blue    *********/
    
    /**********    Election    *********/
    #election .content h2{
        font-size: 25px;
    }
    /**********    End of Election    *********/
    
    /**********    Report card    *********/
    
    #report-card .text-container p{
        line-height: 20px;
        font-size: 13px;
        margin-top: 20px
    }
    
    #report-card .text-container p span{
        display: inline;
    }
    /**********    End of Report card    *********/
    
    /**********    Information Site    *********/
    #information-site .content h2{
        font-size: 34px;
    }
    
    #information-site .img-thumb .card-body img{
        
        width: 350px;
    }
    /**********    End of Information Site    *********/
    
    /**********    footer    *********/
    #footer .footer-top .links a{
        margin-right: 30px;
    }
    
    #footer .footer-top .icons a{
        margin-left: 25px;
    }
    
    #footer .footer-bottom .left p{
        font-size: 12px;
    }
    
    #footer .footer-bottom .right a{
        font-size: 12px;
        margin-left: 20px;
    }
    
    #footer .footer-bottom .right a:nth-child(1){
        margin-left: 70px;
    }
    
    
    /**********    End of Footer    *********/
	
	
	
	/**********    Sample report    *********/
    
    .lightbox-basic-submit .card{
        height: 100px;
    }
    
    .lightbox-basic-submit .card .card-body{
        padding: 10px;
    }
    
    .lightbox-basic-submit .card .man-info img{
        width: 70px;
        height: 70px;
    }
    
    .lightbox-basic-submit .card .man-info .content{
        margin-left: 15px;
    }
    
    .lightbox-basic-submit .card .man-info .content h5{
        font-size: 13px;
        line-height: normal;
    }
    
    .lightbox-basic-submit .card .man-info .content p{
        font-size: 9px;
        line-height: normal;
    }
    
    .lightbox-basic-submit .card .vote-info h3{
        font-size: 22px;
        line-height: normal;
        margin-top: 6px;
    }
    
    
    .lightbox-basic-submit .bill-info .middle .left-part{
        width: 30%;
    }
    
    .lightbox-basic-submit .bill-info .middle .middle-part{
        left: 30%;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part{
        width: 20%
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part .select{
        display: block;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part input{
        margin-left: 5px;
    }
    
    /**********    End of Sample report    *********/
    
    
}

/* Max-width width 767px */
@media (max-width: 767px){
    
    /**********     Hero Area    *********/
    #hero-area, #hero-area .hero-overlay{
        height: 800px;
    }
    
    #hero-area .left-sight{
        margin-top: 260px;
    }
    
    #hero-area .right-sight{
        margin-top: -570px;
    }
    
    #hero-area .left-sight h1{
     font-size: 20px;
     line-height: 30px;
    }
    /**********    End of Hero Area    *********/
    
    /**********     Red Blue    *********/
    #red-blue .desktop-bg{
        display: none;
    }
    
    #red-blue .mobile-bg{
        background-image: url(../img/Red%20blue%20mobile.png);
        display: block;
        background-size: cover;
        background-position: center;
        position: relative;
        width: 430px;
        height: 950px
    }
    
    #red-blue .politicians .content{
        display: block;
        width: auto;
		padding: 0 20px;
    }
    
    #red-blue .content p{
        line-height: 25px;
        margin-top: 25px;
    }
    /**********    End of Red Blue    *********/
    
    /**********    Democracy    *********/
    #democracy .card{
        width: 380px;
        margin: auto;
        margin-bottom: 30px;
    }
    /**********    End of Democracy    *********/
    
    /**********    Election    *********/
    #election .content h2{
        font-size: 25px;
        line-height: 40px;
    }
    /**********    End of Election    *********/
    
    /**********    Information Site    *********/
    #information-site .img-thumb .card-body img{
        padding-left: 0;
        width: auto;
    }
    
    #information-site .img-thumb .card{
        text-align: center;
    }
    /**********    End of Information Site    *********/
    
    /**********    Membership    *********/
    #membership .visa-img {
        margin-top: -520px;
        text-align: center;
    }
    
    #membership .content {
        margin-top: 240px;
        
    }
    
    #membership .membership-bg{
    background-image: url(../img/card-mobile-bg.png);
    background-size: cover;
}
    
    /**********    End of Membership    *********/
    
    /**********    footer    *********/
    
    #footer .footer-top .links{
        text-align: center;
    }
    
    #footer .footer-top .icons {
        text-align: center;
        margin-top: 30px;
    }
    
    #footer .footer-bottom{
        text-align: center;
    }
    
    #footer .footer-bottom .right a{
        margin-left: 40px;
    }
    
    #footer .footer-bottom .right a:nth-child(1){
        margin-left: 0;
    }
    
    
    /**********    End of Footer    *********/
	
	
	
	/**********    Sample report    *********/
    
    .lightbox-basic-submit h2{
        font-size: 32px;
    }
    
    .lightbox-basic-submit .col-sm-5,
    .lightbox-basic-submit .col-sm-7 {
        padding-right: 0;
        padding-left: 4px;
    }
    
    .lightbox-basic-submit .card .man-info .content{
        margin-top: 0;
        margin-left: 8px;
    }
    
    .lightbox-basic-submit .card .man-info .content h5{
        margin-top: 0;
    }
    
    .lightbox-basic-submit .card .man-info .content p{
        margin-top: 0;
        font-size: 8px;
    }
    
    .lightbox-basic-submit .card .vote-info h3{
        font-size: 18px;
    }
    
    .lightbox-basic-submit .bill-info .header h6{
        font-size: 12px;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content .first p{
        font-size: 7px;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content .second p{
        font-size: 7px;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content:nth-child(6) .second{
        margin-top: 10px;
    }
    
    .lightbox-basic-submit .bill-info .middle .middle-part p {
        font-size: 10px;
        line-height: 15px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part label {
        font-size: 10px;;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part input{
        margin-left: 2px;
        margin-right: 2px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part .select{
        font-size: 10px;
    }
    /**********    End of Sample report    *********/
    
    
}

/* Max-width width 440px */
@media (max-width: 440px){
    
    /**********     Hero Area    *********/
    #hero-area, #hero-area .hero-overlay{
        height: 830px;
    }
    
    #hero-area .right-sight{
        margin-top: -620px;
    }
    /**********    End of Hero Area    *********/
    
    /**********     Red Blue    *********/
    #red-blue .mobile-bg{
        width: 320px;
        height: 950px
    }
    
    #red-blue .politicians .content{
        margin-top: 0px;
    }
    /**********     End of Red Blue    *********/
    
    /**********    Democracy    *********/
    #democracy .card{
        width: 300px;
    }
    /**********    End of Democracy    *********/
    
    /**********    Election    *********/
    #election .content h2{
        font-size: 22px;
        line-height: 30px;
    }
    
    #election .content input{
        width: 330px;
    }
    /**********    End of Election    *********/
    
    /**********    Information Site    *********/
    
    #information-site .content p span{
        display: inline;;
    }
    /**********    End of Information Site    *********/
    
    /**********    Information Site    *********/
    #information-site .img-thumb .card-body img{
        width: 315px;
    }
    /**********    End of Information Site    *********/
    
    /**********    Frequently Asked Questions Section    *********/
    .faq .section-title h2{
        font-size: 25px;
    }
    
    .faq .section-title{
        margin-bottom: 30px;
    }
    
    .faq .faq-list a{
        font-size: 13px;
    }
    /*******    End of Frequently Asked Questions Section   *******/
    
    /**********    Membership    *********/
    #membership .content h2 {
        font-size: 25px;
    }
    
    .access-popup .popup-bg h4 {
        font-size: 22px;
        margin-top: 20px;
    }
    
    #membership .content .play .boxed{
        margin-right: 10px;
    }
    /**********    End of Membership    *********/
    
    
    /**********    footer    *********/
    
    #footer .footer-top .links a{
        margin-right: 10px;
    }
    /**********    End of Footer    *********/
	
	
	/**********    Sample report    *********/

    .lightbox-basic-submit .bill-info .middle .left-part .content .first p{
        font-size: 8px;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content .second p{
        font-size: 8px;
    }

    
    .lightbox-basic-submit .bill-info .middle .left-part .content .first{
        width: 70%;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content .second{
        width: 30%;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content:nth-child(6) .second{
        margin-top: 0;
    }
    
    .lightbox-basic-submit .bill-info .middle .middle-part{
        width: 100%;
		float: none;
        left: 0;
        position: relative;
		border-bottom: 1px solid #00205B;
		border-left:none;
		border-right:none;
    }
    
    .lightbox-basic-submit .bill-info .middle .middle-part p {
        font-size: 8px;
        line-height: 13px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part label {
        font-size: 8px;
        margin-right: 0;
    }
    
	.lightbox-basic-submit .bill-info .middle .left-part {
		width: 100%;
		border-bottom: 1px solid #00205B;
        margin-bottom: 15px;
		}
	
	.lightbox-basic-submit .bill-info .middle .middle-part a { position:relative;}
	
    .lightbox-basic-submit .bill-info .middle .right-part{
        width: 100%;
        left: 0;
		float: none;
        min-height: 100px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part .select{
        font-size: 9px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part input{
        margin-right: 35px;
        margin-left: 6px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part input.no{
        margin-right: 20px;
        margin-left: 8px;
        margin-top: 6px;
    }
    /**********    End of Sample report    *********/
	.redbox {padding: 16px 60px;}
	.carousel-control-prev {left: 42%;}
	.carousel-control-next {right: 22%;}
	.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {width: 50px;
    height: 50px;}
	.carousel-control-next, .carousel-control-prev {top: 90%; opacity: 1;}
}




/* Min-width width 992px */
@media (min-width: 992px) {
	
	/**********    Navigation    *********/
	.navbar-custom {
		box-shadow: none;
        background: #fff;
	}
	
	.navbar-custom .navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-custom.top-nav-collapse {
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
		background-color: #fff;
        text-align: right
	}

	/**********    End of navigation    *********/
    
    /**********    Information    *********/
    #information-site .img-thumb .card img{
        width: 290px;
    }
    /**********    End of Information    *********/
    
}
/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	/**********    Information    *********/
	#information-site .img-thumb .card img{
        width: 352px;
    }
	/**********    End of Information    *********/
    
    
    
}


/* end of min-width width 1200px */

@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    
    /**********    Democracy    *********/
    
    #democracy .card {
        padding-top: 0;
        height: 300px;
    }
    
    #democracy .card .content .cottation{
        width: 35px;
        height: auto;
    }
    
    #democracy .card .content .middle{
        margin-top: 30px;
    }
    
    #democracy .card .content .middle img{
    width: 45px;
    height: 45px;
}
    
    #democracy .card .content .middle-text{
        margin-left: 10px;
        margin-top: 0;
    }
    
    #democracy .card .content .middle-text h5{
        font-size: 13px;
        line-height: 15px;
    }
    
    #democracy .card .content .middle-text p{
        font-size: 11px;
        line-height: 15px;
    }
    
    #democracy .card .content .bottom p{
        font-size: 10px;
        line-height: 15px;
        margin-top: 30px;
    }
    
    .grade .icon-box.blue {margin-top: 20px;}
	.redbox {padding: 16px 30px;}
	.carousel-control-prev {left: 62%;}
    
    /**********    End of Democracy    *********/
}



/* Max-width width 400px */
@media (max-width: 400px){
    .lightbox-basic-submit .bill-info .middle .right-part input{
        margin-right: 20px;
        margin-left: 6px;
    }
}



/* Max-width width 490px */
@media (max-width: 490px){
    
    /**********    Sample report    *********/
    .lightbox-basic-submit .bill-info .middle .left-part,
    .lightbox-basic-submit .bill-info .middle .middle-part,
    .lightbox-basic-submit .bill-info .middle .right-part{
        padding: 10px 3px;
    }
    .lightbox-basic-submit .bill-info .middle .left-part .content:nth-child(6) .second{
        margin-top: 10px;
    }
    
    
    
    .lightbox-basic-submit .bill-info .middle .left-part .content .first p{
        font-size: 7px;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content .second p{
        font-size: 7px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part input{
        margin-right: 20px;
        margin-left: 9px;
    }
    
    .lightbox-basic-submit .bill-info .middle .right-part input.no{
        margin-right: 20px;
        margin-left: 12px;
        margin-top: 6px;
    }
    
    
    
    
    /**********    End of Sample report    *********/
}


/* Max-width width 575px */
@media (max-width: 575px){
    
    /**********    Sample report    *********/
    
    .lightbox-basic-submit h2 {
        font-size: 23px;
    }
    
    .lightbox-basic-submit .card {
        height: 90px;
    }
    
    .lightbox-basic-submit .card .man-info .content{
        margin-top: 5px;
    }
    
    .lightbox-basic-submit .card .man-info .content h5{
        font-size: 15px
    }
    
    .lightbox-basic-submit .card .man-info .content p{
        font-size: 10px;
    }
    
    .lightbox-basic-submit .col-sm-7 .card {
        margin-top: 20px;
    }
    
/*
    
    .lightbox-basic-submit .man-info img {
        width: 70px;
        height: 70px;
    }
    
    .lightbox-basic-submit .man-info{
        padding: 10px;
        margin-top: 50px;
    }
    
    .lightbox-basic-submit .man-info .content{
        margin-left: 10px;
    }
    
    .lightbox-basic-submit .man-info .content h5 {
        font-size: 13px;
        line-height: 0px;
    }
    
    .lightbox-basic-submit .man-info .content p {
        font-size: 10px;
        line-height: 15px;
    }
*/
    
    .lightbox-basic-submit p.para {
        margin-top: 30px;
        font-size: 12px;
        line-height: 20px;
    }
    
    .lightbox-basic-submit .bill-info .header h6{
        font-size: 10px;
    }
    
    .lightbox-basic-submit .bill-info .middle .left-part .content:nth-child(6) .second{
        margin-top: 0;
    }
    /**********    End of Sample report    *********/
}



/* 22-07-2021 Social Profile Start */


/*****************************/
/*       Media Queries       */
/*****************************/	

/* Max-width width 1199px */
@media (max-width: 1199px){
    .social-profile-bg{
        padding: 30px 75px;
    }
	.membership .row { margin:0 0px;}
    
    
}


/* Max-width width 767px */
@media (max-width: 767px){
    
    .social-profile-bg{
        padding: 30px 35px;
    }
    
    .social-profile .card{
        padding: 30px 30px;
    }
	.membership .row { margin:0 0px;}
	.grade .icon-box.red { margin-bottom:20px;}
	.grade .icon-box.blue { margin-bottom:20px;}
	.grade .icon-box.lightred { margin-bottom:20px;}
	.grade-block p {margin-bottom: 15px;}
	.voiceover h3 {font-size: 35px;}
	#voice-area .left-sight, #hero-area .right-sight {margin-top: 55px;}
	.membership .icon-box.red {margin-bottom: 20px;}
	.membership .icon-box.blue {margin-bottom: 20px;}
    
    
}

/* Max-width width 440px */
@media (max-width: 440px){
    
    h2{
        font-size: 30px;
    }
    
    .social-profile .card{
        padding: 10px;
    }
    
    .social-profile .card .text{
        margin-left: 10px;
    }
    
    .social-profile .card .button a.deny{
        margin-right: 5px;
        margin-bottom: 20px;
        position: relative;
        display: inline-block;
    }
	.membership .row { margin:0 0px;}
	.grade .icon-box.red { margin-bottom:20px;}
	.grade .icon-box.blue { margin-bottom:20px;}
	.grade .icon-box.lightred { margin-bottom:20px;}
	.grade-block p {margin-bottom: 15px;}
	.voiceover h3 {font-size: 35px;}
	#voice-area .left-sight, #hero-area .right-sight {margin-top: 55px;}
	.membership .icon-box.red {margin-bottom: 80px;}
	.membership .icon-box.blue {margin-bottom: 20px;}
	.redarea {text-align: center;}
	.membership .icon-box a { padding: 8px 25px;}
	.redbtn {padding: 0 50px 0 0;}
	.carousel-control-prev {left: 25%;}
	.carousel-control-next {right: 25%;}
	.arrowred1 {padding: 13.5px 35px;}
	.arrowred1 img {left: 197px;}
}

/* 22-07-2021 Social Profile End */