@media only screen and (max-width:980px){
.pro-min-height{min-height:auto!important;}

.left-sec-margin{margin-right:0px;}
.reight-sec-margin{margin-left:0px!important;}

.banner-cen-img { position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -105%);
		font-size: 20px;
		}
.ban-img-height{height:480px;}

.ban-t-b-p{padding:20px 0px 20px 0px;}
/* 12-15-22*/
.clients-li {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  }	
   
  
  
}
@media only screen and (max-width:800px){
.banner-cen-img { position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -108%);
		font-size: 20px;
		}
.ban-img-height{height:480px;}
}

@media only screen and (max-width:767px){
/* 12-15-22*/
.clients-li {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
 }	

.banner-cen-img { position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -105%);
		font-size: 20px;
		}
.ban-img-height{height:330px;}

.ba-cen-img{width:70%;}
.banner-content {top: 38%; right: 0; left: 0;}

    .person-namep {
        left: 51% !important;
    }
}

@media only screen and (max-width:580px){
/* 12-15-22*/
.clients-li {
  display: grid;
  grid-template-columns: repeat(1, 1fr); 
 }	

.banner-cen-img { position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -103%);
		font-size: 20px;
		}
.ban-img-height{height:330px;}

.ba-cen-img{width:100%;}
.banner-content {top: 38%; right: 0; left: 0;}
}
@media only screen and (max-width:580px){
.banner-cen-img { position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -102%);
		font-size: 20px;
		}
}

@media only screen and (max-width:380px){
.banner-cen-img { position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-75%, -105%);
		font-size: 20px;
		}
.ba-cen-img{width:150%;}
}











/*  HOME PAGE RESPONSIVE CSS */

@media screen and (max-width:1144px){ 

.container {
	padding-right: 15px;
    padding-left: 15px;
}

	/* common css  */

.wh-xl-init {white-space: initial;}


.drive-sec p {white-space: initial;}

.every-sec {margin-top: 20px;}

.itwork-sec {padding-top: 20px; padding-bottom: 20px;}

}

 @media only screen and (max-width:980px){

.banner-bg, .inner-banner {margin-top: 62px;}

.res-inner {margin-top: 80px;}

.header-sec {
    filter: drop-shadow(0px 5px 4px rgba(0,0,0,0.1));
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.menu {align-items: initial;}

.menu li {margin-left: 0;}

.donate { margin-bottom: 15px;}

.sec_title {font-size: 28px; line-height: 34px;}

.people-theory {margin: 10px;}

/* Trending Petitions section */

.petition-box {margin-bottom: 20px;}

.footer-sec .footer-menus {justify-content: center; padding: 10px 0px !important;}

.footer-sec .footer-menus .nav-item { padding: 0px 5px;}

.footer-sec .footer-menus .nav-item .nav-link {padding: 0; font-size: 12px; line-height: 24px;}

/* ABOUT PAGE CSS STARTS HERE */

.banner-title { font-size: 28px; line-height: 34px;}

.inner-title {font-size: 22px; line-height: 32px;}

.start-petition-block h4 {font-size: 18px; line-height: 38px;}

.start-petition-block p {font-size: 15px; line-height: 24px;}

.drive-sec p {font-size: 16px;}

/* START PETITION-1 PAGE CSS STARTS HERE */

.pstep-heading {font-size: 28px;}

}


@media screen and (max-width:540px) {

.aims-sec {grid-template-columns: repeat(2,2fr);}

/* ABOUT PAGE CSS STARTS HERE */

.inner-banner img {height:26vh; object-fit:cover;}

.inner-content {top: 32%;}
	
.drive ul { margin-bottom: 0px;}

.drive ul li a {font-size: 11px; padding: 4px 15px;}

.drive ul li {margin: 0px 5px 10px 0px;}

.drive-sec p {font-size: 13px; line-height: 24px;}

.premiumright, .premiumleft {display: none;}

.work-box {padding: 10px;}

.itwork-sec .carousel-control-next, .itwork-sec .carousel-control-prev { display: none;}

.every-sec p {font-size: 14px;}

.every-bg {padding-top: 30px; padding-bottom: 45px;}

/* VICTORY DETAILS PAGE CSS STARTS HERE */

.youngistan-box {padding:10px;}

.youngistan-box p {font-size: 13px;}


/*LOGIN PAGE CSS STARTS HERE */

.login-block {padding: 20px;}

}


@media screen and (max-width:375px){ 

/* common css  */

.rsp-sm-ptb-40p{padding-top:40px;padding-bottom:40px;}

.p-sm-20p{padding:20px;}

.pstep1-block h4 {font-size: 17px;}

/* START PETITION-3 PAGE CSS STARTS HERE */

.pstep-summary h4 {font-size: 16px;}

.pstep-summary p {font-size: 12px;}

/* START PETITION-5 PAGE CSS STARTS HERE */

.para-long {font-size:12px !important;}


/*LOGIN PAGE CSS STARTS HERE */

.with-fb, .with-gog { padding: 16px 10px; font-size: 10px;}

.with-fb i, .with-gog i {font-size:10px;}

}

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

/* common css  */

.rsp-m-5p {margin: 5px;}

.rsp-mt-20p {margin-top: 20px;}

.rsp-mtb-20p{margin-top:20px;margin-bottom:20px;}

.rsp-mtb-40p{margin-top:40px;margin-bottom:40px;}

.rsp-ptb-20p{padding-top:20px;padding-bottom:20px;}

.rsp-ptb-25p{padding-top:25px;padding-bottom:25px;}

.wh-md-init {white-space: initial;}

/* step page  */

.rsp-lg-btn-pd {font-size: 11px; padding: 12px 15px;}

/* banner section  */

.banner-content h2 { font-size: 35px;}

.banner-content h4, .banner-content a {font-size: 13px;}

/* victories section  */

.victory-sec {padding-top: 10px; padding-bottom: 0;}

.vc-box { display: block !important;}

.vc-icon img {width: 100% !important;}

.vc-content {padding-left: 0; margin-top: 10px;}

/* happen section */

.hp-content {flex-direction: column-reverse;}

/* .people-bg {padding-top: 25px;} */

.people-bg h2 {margin: 10px;}

.people-theory h5 { font-size: 17px;}

.legal-block {margin-bottom:20px;}

.media-block h3 {font-size: 20px; line-height: 28px;}

/* ABOUT PAGE CSS STARTS HERE */

.drive ul li {margin-right: 10px;}

/* PETITION PAGE CSS STARTS HERE */

.discover-heading {font-size: 35px;}

/* PETITION DETAILS PAGE CSS STARTS HERE */

.pt-details-heading {font-size:20px;}

/* START PETITION-1 PAGE CSS STARTS HERE */

.pstep1-block {padding: 10px;}

.pstep1-block p,.abt-pety-block p {font-size: 14px;}

/* START PETITION-3 PAGE CSS STARTS HERE */

		/* order status  */

.abt-pety-block h2 {font-size:24px;}

.abt-pety-block input,.abt-pety-block textarea {width: 100%;}

.track-status{width: 24.33%;}

}

@media screen and (min-width:540px) and  (max-width:567px){
	
.sec_title {font-size: 23px;}

.aims-sec {grid-template-columns: repeat(2,2fr);}

/* ABOUT PAGE CSS STARTS HERE */

.inner-banner img {height:auto;}

.itwork-sec .carousel-control-next, .itwork-sec .carousel-control-prev { display: block;}
}

@media screen and (min-width:320px) and (max-width:767px) {
    .reg-icon {
        display: none;
    }

    .responsive-reg-icon {
        display: block;
    }
}


    @media screen and (min-width:568px) and (max-width:720px) {

        .aims-sec {
            grid-template-columns: repeat(2,2fr);
        }

        .itwork-sec .carousel-control-next, .itwork-sec .carousel-control-prev {
            top: -60px;
        }
    }


    @media screen and (min-width:768px) and (max-width:1023px) {

        /* common css  */

        .rsp-lg-mtb-40p {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .rsp-lg-mt-20p {
            margin-top: 20px;
        }

        .rsp-lg-mb-40p {
            margin-bottom: 40px;
        }

        .rsp-lg-d-block {
            display: block;
        }
        /* for display inline */

        /* banner css  */

        .banner-content {
            top: 40%;
        }

            .banner-content h2 {
                font-size: 48px;
            }

        .people-theory h5 {
            font-size: 14px;
        }

        .aims-sec {
            grid-template-columns: repeat(4,2fr);
        }

        .media-block h3 {
            font-size: 24px;
        }

        .footer-sec .footer-menus {
            justify-content: space-between;
        }

            .footer-sec .footer-menus .nav-item {
                padding: 0px 3px;
            }

                .footer-sec .footer-menus .nav-item .nav-link {
                    font-size: 10px;
                }

        /* ABOUT PAGE CSS STARTS HERE */

        .work-box {
            padding: 15px;
        }

        .work-reg p {
            font-size: 13px;
        }

        .itwork-sec .carousel-control-next, .itwork-sec .carousel-control-prev {
            top: -45px;
        }

        /* PETITION PAGE CSS STARTS HERE */

        .pety-content {
            display: block !important;
        }

            .pety-content .vc-icon img {
                width: 100% !important;
            }

            .pety-content h4 {
                font-size: 15px;
                white-space: initial;
            }

            .pety-content p {
                font-size: 13px;
            }

        /* PETITION DETAILS PAGE CSS STARTS HERE */

        .pt-details-heading {
            font-size: 24px;
        }

        /* START PETITION-3 PAGE CSS STARTS HERE */

        .pstep-summary h4 {
            font-size: 18px;
        }

        .pstep-summary p {
            font-size: 12px;
        }
    }

    @media screen and (min-width:1024px) and (max-width:1133px) {

        .header-sec .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: .5rem;
        }

        .menu a {
            font-size: 12px;
        }

        .vc-content h4 {
            font-size: 13px;
            line-height: 20px;
        }

        .vc-content p {
            font-size: 12px;
            line-height: 18px;
        }

        .vc-content h6 {
            font-size: 11px;
        }

        .aims-sec {
            grid-template-columns: repeat(4,2fr);
        }

        .pt-topic {
            grid-template-columns: repeat(6,2fr);
        }

        .footer-sec .footer-menus .nav-item {
            padding: 0 5px;
        }

        .footer-text p, .footer-text a {
            font-size: 13px;
        }

        /* ABOUT PAGE CSS STARTS HERE */

        .inner-content {
            top: 30%;
        }

        .itwork-sec .carousel-control-next, .itwork-sec .carousel-control-prev {
            top: -50px;
        }

        /* START PETITION-1 PAGE CSS STARTS HERE */

        .pstep1-block p {
            font-size: 16px;
        }
    }



    @media screen and (min-width:768px) and (max-width:1133px) {

        /* VICTORY DETAILS PAGE CSS STARTS HERE */

        .youngistan-box {
            padding: 10px 5px;
        }

            .youngistan-box img {
                width: 50px;
            }

            .youngistan-box p {
                font-size: 12px;
            }

        .share-fb a {
            font-size: 13px;
        }
    }

    @media screen and (min-width:1600px) {
    }
@media (max-width:640px) {
    .mobile-hide {
        display: none !important;
        visibility: hidden !important;
    }

    .mobile-visible {
        display: inherit !important;
        visibility: visible !important;
    }
}


    .errormsg span {
        background-image: url(images/error-btm-arrw.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: -9px;
        line-height: 9px;
        width: 16px;
        right: 7px;
    }

    .errormsg i {
        background-image: url(images/alert-icon.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: 8px;
        line-height: 19px;
        width: 19px;
        left: 8px;
    }

    .errormsg abbr {
        background-image: url(images/valid-close.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: -1px;
        line-height: 10px;
        width: 12px;
        right: 7px;
        cursor: pointer;
    }