@media (min-width: 3001px) {
    html { font-size: 250%; }
}
@media (min-width: 2001px) and (max-width: 3000px){
    html { font-size: 230%; }
}

@media (min-width: 1921px) and (max-width: 2000px){
    html { font-size: 130%; }
}

@media (min-width: 1601px) and (max-width: 1920px){
    html { font-size:120%;}
	#how-we-are .second-bg.col-sm-12{ padding-left:20px; padding-right:20px;}
	
}

@media (min-width: 1361px) and (max-width: 1600px){
    html { font-size:100%;}
	#how-we-are .second-bg.col-sm-12{ padding-left:20px; padding-right:20px;}
	
}

@media (min-width: 1200px) and (max-width: 1366px){
    html { font-size:95%;}
	#how-we-are .second-bg.col-sm-12{ padding-left:20px; padding-right:20px;}
	
}

@media (min-width: 992px) and (max-width: 1199px){
	html { font-size: 80%;}	
}

@media (min-width: 768px) and (max-width: 991px){
    html { font-size:70%;}
}

@media (max-width: 767px) {
    html { font-size:80%; }
}

@media (max-width: 640px) {
    html { font-size:75%; }
}

@media (max-width: 480px) {
    html { font-size:70%; }
}

@media (min-width: 1920px){
.boxes-covid,
.support-programe{max-width: 100%;}
.support-programe li span{ min-height:6.4em;}
.custom-control-label::before{top: 1.3rem; left: 1.1rem;}

}

@media(max-width: 991px){
.content_sec {
    padding: 1.8em 0em 0.85em 0em;
}
/* Inner page*/
	.populatiom-counting-list li h3 {font-size: 2em;     margin-bottom: 0.5em;}
	.populatiom-counting-list li .numbering acronym{font-size: 4.5em;}
	.populatiom-counting-list li .percentage{max-width: 55%;}
	.populatiom-counting-list li .percentage .percentage-sec-row bdo{font-size: 2.5em;}
	.populatiom-counting-list li .percentage .percentage-sec-row span{font-size: 2em;}
	.populatiom-counting-list.percantage-all li .percentage-number {font-size: 4.5em; line-height:0.8em;}
	.populatiom-counting-list.percantage-all li:last-child{padding: 0.8em 1em 0.5em 1em;}
	
	.populatiom-counting-list li .textinfo{width: calc(100% - 6.5em); font-size: 1.8em; position: relative; top: -0.2em;}
	.populatiom-counting-list li .numbering span { right: 2em;  top:0em;}
	.populatiom-counting-list li .numbering.billion span{ right: 1.8em;}
	.populatiom-counting-list.percantage-all li{margin-bottom: 2.4em;}

	#root-problem .content_sec .small-heading-head.smallest h2{font-size: 1.5em;}
	#root-problem .listing-population{width:80%;}
	/*#root-problem .populatiom-counting-list.percantage-all li .percentage-number.largefont > .time {    font-size: 4.5em;}
	#root-problem .populatiom-counting-list.percantage-all li .percentage-number.largefont{width: 8em;}
	#root-problem .populatiom-counting-list.percantage-all li .percentage-number.largefont > .plus{font-size:2.5em; right:0.3em;}*/
	

	#adopt-goverment .education-idea li{margin-bottom: 1em;}
	.approch li .text-info-details{font-size: 1.5em; width: calc(100% - 5.5em);}
	.approch li{max-width: 85%;}
	.approch li:nth-child(2){max-width: 95%;}
	.approch li:nth-child(2)::before { width: 10%;}
	.approch li:nth-child(3)::before { width: 5%;}
	.approch li .text-info-details p{line-height: 1em; font-size:1.1em;}
	
	.support li{margin-bottom: 1em;}
	.support li:last-child{ margin-bottom:0;}
	.support li .action{text-align: left; width: 8em; /*padding: 0.85em; min-height: 6.4em;*/ padding-top: 1.5em;}
	.support li .action .action-icon{width: 2em;}
	.support li .action p{font-size: 1.3em; width: calc(100% - 2em);}
	.support li .heart_text{ width: calc(100% -  7.8em); /*padding:1.55em 1.25em; min-height: 6.4em;*/}
	.support li .heart_text .action-icon{width: 2em;}
	.support li .heart_text p{font-size: 1.3em; width: calc(100% - 2em);}
	
	#learning-enhancement .login-form{padding: 1em;}
	#learning-enhancement .login-form .form-group .form-control{ min-height:inherit;}
	
	
	}

@media (min-width: 1200px) and (max-width: 1365px){
.support-programe li span{    width: 11.1em;}
.boxes-covid li{    width: 15.6em;}

}
@media (min-width: 992px) and (max-width: 1199px){
.navbar-collapse.collapse{margin-right:0;}
.header_sec .navbar .navbar-nav li a{padding: 0.6em 1em;}
.header_sec .navbar.navbar-solid-color .navbar-nav li a{padding: 0.8em 0.6em;}

#adopt-goverment .support li .action p{ font-size: 1.3em; width: calc(100% - 3.5em);}
#adopt-goverment .support li .heart_text p{ font-size: 1.3em; width: calc(100% - 3.5em);}
#what-we-do .minHeight.innerHeight{min-height: 32em;}
#what-we-do .heading-head .story-head{height: 7em;}

.listing-population{width:calc(100% - 10em);}
.populatiom-counting-list li .textinfo{width: calc(100% - 6.6em);font-size: 1.5em;}
.populatiom-counting-list li.line-height-li {   min-height: 8em;}
.advisory-board li,.support-for-school li{ max-width:24.28%;}
.census{width: 29%;}
.adotp-logo img { width: 100%;}
.login-area-top{ padding:7.8% 0% 1.1% 0%;}
.login-form {  padding: 1.8em 1.8em 2em 1.8em;}
.login-form .form-group .btn.default-btn {   margin-right: 3.8em;}
.schools-info .school-list-items li{min-height: 3.1em;}

#how-we-are .india-map img {height: 12em;}
#how-we-are .paragraph p {margin-bottom:0.6em;}
.states-name .names li, .states-name .pop-list li{height: 3em; width: 3em;}

.council-poeples li{width: 3.9em;height: 3.8em;}
.item blockquote .border-frame{padding: 0.5em 1em 2.8em 0.5em;}

#donate-form .container-fluid{ padding: 50px; }
.headings-area{    padding-bottom: 20px;}
.headings-area p{    margin-bottom: 10px;}
.covid-donate-form .row-section-area.paddmar-area{ padding: 30px 0 0px 0; }
}

@media (min-width: 768px) and (max-width: 991px){
	.minHeight{ min-height:22.5em;}
	#the-alig-impact .minHeight {  min-height: 26.7em;}
	#adopt-goverment .minHeight { min-height: 23.5em;}
	#what-people-say .minHeight {min-height: 33em;}
	#connect-with-alig .minHeight {min-height: 18em;}
	
	.header_sec .navbar{min-height:inherit;}
	.header_sec .navbar .navbar-nav li a{/*font-size: 1.3em;*/ padding: 0.7em 0.5em 0.4em 0.5em;}
	.header_sec .navbar .navbar-header .navbar-brand{margin: 0.35em 0;}
	/*.header_sec .navbar.navbar-solid-color .navbar-nav li a{padding:0.7em 0.6em 0.4em 0.6em;}
    .header_sec .navbar .navbar-header .navbar-brand img { width: 5.5em;}*/
	.header_sec .navbar.navbar-solid-color .navbar-header .navbar-brand img{margin: 0.3em 0 0.0em 0;}
	.header_sec .search_bar .search_btn i{font-size: 1.2em;}
	.login-form .form-group .submit-btn{margin-left:0; margin-right: 0;}
	#how-we-are, #what-we-do, #the-alig-impact, #where-we-work, #get-involved, #connect-with-alig, #what-people-say,
	#ground-reality, #root-problem, #adopt-goverment, #learning-enhancement{margin-top: 0.6em;}
	/*.border-r { border-bottom: #FFFFFF solid 5px; border-right:0;}*/
	.owl-carousel{padding-left: 5em; padding-right: 5em;}
	.owl-theme .owl-nav .owl-prev{left: -1%;}
	.owl-theme .owl-nav .owl-next{right: -1%;}
	#footer .content_sec.martop{ margin-left:0em; max-width: 100em;}
	#footer .terms-policy{margin-left: 0; max-width: 100em;}
	#footer .copyrite{ padding:0.4em 0 0 0;}
	#footer .keep-intouch li.social-icons{    margin-left:0;}
	#footer .keep-intouch li a i{width: 45px;}
	
	#where-we-work .listing-population{width: calc(100% - 8em);}
	#where-we-work .photo-img{width: 7.5em;}
	#what-we-do figure{    min-height: 12em;}
	#how-we-are .minHeight{min-height: 24.8em;}
	#how-we-are .india-map img {    height: 14em;}
	.ten-years .experience-info{height: 15.5em;}
/*	.ten-years .experience-info .verticle_align_middle {  left: 2.5em;}*/
	.census{ text-align:left; width:30%;}
	.council-poeples{max-height: 20.5em; overflow-y: auto;}
	.council-poeples li{width: 4.4em;height: 4.4em;}
	.council-poeples li a img { height: 4.4em; width: 4.4em;}
	.item blockquote .border-frame{ padding:1.4em 1em 3.4em 1em;}
	#what-people-say .team-photo img { height: 20.5em;}
	#what-we-do .minHeight.innerHeight{ min-height:35em;}
	
		
	/* Inner page*/
	.login-area-top{padding:8.3% 0% 1.1% 0%;}
	.adotp-logo{max-width: 100%;}
	.adotp-logo img { width: 89%;}
	
	.login-area{max-width: 100%;}
	.login-form{padding:0.5em 1.5em;}
	.login-form .form-group { margin-bottom:0.8em;}
	.login-form .form-group .btn.default-btn {  margin-right:80%;}
	.schools-info .school-list-items{max-width: 100%;}
	.schools-info .school-list-items li{min-height: 3.3em;}
	
	.advisory-board li,.support-for-school li{ max-width:32.48%;}
	.states-name .pop-list li,.states-name .names li{height: 2.8em; width: 2.8em;}
	.heading-head .icons{width: 2.5em;}	
	.census p{width: 80%;}
	/*.populatiom-counting-list.percantage-all li {padding-left:0; padding-right:0;}*/
	.populatiom-counting-list li .textinfo { width: calc(100% - 5.5em);}
	.populatiom-counting-list.martop { margin-top: 0.5em;}
	#root-problem .listing-population { width: 100%; margin-right:0;}
	#root-problem .listing-population li {    height: 7em; width:10.2em;}
	#root-problem .content_sec figure{min-height: 19.3em;}
	.source-yearly{ width:90%;}
	#how-we-are .india-map img {   height: 12em;}
	#how-we-are .paragraph p {margin-bottom:0.6em;}		
	.contact-popup .modal-dialog{padding-left: 15px;padding-right: 15px;}


	#donate-form .container-fluid{ padding: 50px; }
	.headings-area{    padding-bottom: 20px;}
	.headings-area p{    margin-bottom: 10px;}
	.covid-donate-form .row-section-area.paddmar-area{ padding: 30px 0 0px 0; }
	.support-programe li span{margin-right: 0.4em; min-height: 8.8em;  width: 10em;}
	.support-programe li span:last-child{ margin-right: 0; }
	.boxes-covid li{ width: 15em; min-height: 15em;}
	.boxes-covid li h2{ padding: 0.3em 0 0.3em 0; }
	.blank-area{ display: none; }
	.custom-control-label{    padding-left: 3.5rem;}
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width:767px) {
     body{letter-spacing: 0.05em;}
	.header_sec .navbar .navbar-nav li a{font-size: 1.5em; padding:0.3em 1em;}
	.navbar-collapse.collapse{ float:none; padding-bottom: 0.8em;}
	.navbar-collapse .navbar-nav{ display:block;}
	.header_sec .search_bar{ display:block;}
	.header_sec .navbar{padding: 0; min-height:inherit;}
	.header_sec .navbar .navbar-header{ width:100%;}
	.header_sec .navbar .navbar-header .navbar-brand {margin:1em 0em;}
	.header_sec .navbar .navbar-header .navbar-brand img{ width: 8.5em;}
	
	.header_sec .navbar.navbar-solid-color .navbar-header .navbar-brand{}
	.header_sec .navbar.navbar-solid-color .navbar-toggle{margin: 1.3em 0em;}
	.header_sec .navbar.navbar-solid-color .navbar-header .navbar-brand img{ width:7.5em;}
	.header_sec .navbar.navbar-solid-color .icon-bar { width: 2em; height: 0.288em;}
	.header_sec .navbar.navbar-solid-color .navbar-toggle {  padding: 0.5em;}
	
	.login-form .form-group .submit-btn{margin-left:0; margin-right: 0;}
	.login-form .form-group .btn.default-btn {  margin-right:80%;}
	
	.border-r { border-bottom: #FFFFFF solid 5px; border-right:0;}
	#how-we-are, #what-we-do, #the-alig-impact, #where-we-work, #get-involved, #connect-with-alig, #what-people-say,
	#ground-reality, #root-problem, #adopt-goverment, #learning-enhancement{margin-top: 0.6em;}
	#connect-with-alig .content_sec.paddNone{padding-top: 1.5em;padding-bottom: 1.5em;}
	#connect-with-alig .content_sec .small-heading-head h2{margin-bottom: 0.25em;}
	#quote-carousel .carousel-control.left, #quote-carousel .carousel-control.right{line-height: 1.5em;}
	#quote-carousel .carousel-control.left i, #quote-carousel .carousel-control.right i{font-size: 0.8em;}
	#what-we-do .heading-head .story-head{height: 8em;}
	#root-problem .listing-population{width:100%;}
	#quote-carousel .carousel-control.left{left: -5px;}
	#quote-carousel .carousel-control.right{right: -5px;}
	
	.listing-points{ padding-bottom:0.8em; min-height: auto;}
	.blackbg-full {min-height: 16.5em;}
	.partner-details{padding-bottom:0.8em;}
	
	.owl-carousel{padding-left: 2em; padding-right: 2em;}
	.owl-theme .owl-nav .owl-prev{left: 0; bottom: 40%;}
	.owl-theme .owl-nav .owl-next{right: 0; bottom: 40%}
	.owl-theme .owl-nav [class*="owl-"]{line-height: 1.3em;}
	.owl-carousel .item a.thumbnail{width: 9em; height: 9em; padding: 1em;} 
	
	.details .pop-info{width: calc(100% - 6em); font-size: 1.28em; line-height: 1.15em;}
	
	.listing-population{width: 60%;}
	.listing-population li{width: 10em; height: 10em;}
	.photo-img{width:30%;}
	.item blockquote{padding: 10px; max-width: 100%;}
/*    .item blockquote p{ padding:2em 2em 3em 2em;}*/
	.details{right: 1em; width:auto;}
	.details .pop-info{ width:auto; }
	
	.minHeight{min-height:inherit;}
	#where-we-work .minHeight,
	#what-we-do .minHeight,
	#the-alig-impact .minHeight,
	#where-we-work .minHeight,
	#what-people-say .minHeight,
	#get-involved .minHeight,
	#connect-with-alig .minHeight, #what-we-do .minHeight.innerHeight{min-height:inherit;}
	#what-people-say .content_sec{ width:100%; float:left;}
	.ten-years .experience-info{height: 17em;}
	#what-we-do .heading-head .icons-items{width: calc(100% - 12em);}
	.get_paragraph figure img{ height:inherit;}
	#root-problem .content_sec figure .verticle_align_middle{position:relative; top:auto; left:0; right:0;
 -webkit-transform: translate(0%, 0%);
  -moz-transform:    translate(0%, 0%);
  -ms-transform:     translate(0%, %);
  -o-transform:      translate(0%, 0%);
  transform:         translate(0%, 0%);}
  #root-problem .content_sec figure {margin-top: 0em;}
 	
	#footer .keep-intouch li a i{width: 30px;}
	#footer .content_sec.martop{ margin-left:0em; max-width: 100em;}
	#footer .copyrite{ padding:0.4em 0 0 0;}
	#footer .terms-policy{margin-left: 0; max-width: 100em;}
	#footer .keep-intouch li a i{width: 45px;}
	
	
	/* Inner page*/
	#ground-reality .minHeight { /*min-height: 18em;*/ min-height:inherit;}
	#root-problem .minHeight {    min-height: inherit;}
	#adopt-goverment .minHeight { min-height: inherit;}
	#learning-enhancement .minHeight {    min-height: inherit;}
/*	#root-problem .content_sec figure{min-height: inherit;}*/
	#root-problem .listing-population{width:40%;}
	#root-problem .content_sec figure img{position: relative;}
	
	.all_profile_deatils .listing{ margin-top:1em;}
	.all_profile_deatils::before { display:none;}
	.all_profile_deatils{margin-bottom:1em;}
	.all_profile_deatils .minheight{ min-height:inherit;}
	.all_profile_deatils .minheight .verticle_align_middle{ position:relative;  
	-webkit-transform: translate(0%, 0%);
	-moz-transform:    translate(0%, 0%);
	-ms-transform:     translate(0%, 0%);
	-o-transform:      translate(0%, 0%);
	transform:         translate(0%, 0%);}
	#my-profile {margin-bottom:1em;}
	#my-profile .minHeight{ min-height:inherit;}
	#my-profile .fourth-bg-color.minHeight{ min-height:inherit;}
	#my-profile .profile-listing{ margin-top:0em; padding-bottom:1em; text-align: center;}
	.user-profile-photo{padding-top:1em;}
	.user-img img{ margin-top:1em;}
	.user-profile-photo .school-img{ margin:0em auto 0px auto;}	
	.profile-listing.nav-pills li{display:inline-block; text-align:center; width:100%; max-width:20%; vertical-align: bottom; margin-right: -0.3em;}
	.profile-listing li a i{ margin-right:0; margin-bottom:0.1em; font-size:2em;}
	.profile-listing.nav-pills li a{line-height: 1.1em;}
	.profile-listing.nav-pills li span{ display:block;/* min-height: 2.2em;*/ }
	.activity.profile-details{padding:0em 1.3em;}
	.activity.profile-details li{padding: 1em 0;}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, 
	.table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{vertical-align: middle;}
	.form-group.searchber{ margin-bottom:0;}
	
	.login-area{max-width: 60%;}
	.login-form{padding:0.8em 1.5em;}
	.login-form .form-group { margin-bottom: 0.5em;}
	.populatiom-counting-list li .numbering{max-width: 40%;}
	.populatiom-counting-list li .percentage {  max-width: 60%;}
	.populatiom-counting-list li.line-height-li {  min-height: 8em;}
	.per-yearly{position:relative; bottom: -0.2em;}
	.source-yearly{ position:relative; bottom: -0.2em;}
	.council-poeples{max-width: 33em;}
	.council-poeples li{width: 4.8em; height:4.8em;}
	.council-poeples li a img {height: 4.8em; width: 4.8em;}
	
	.inner-banner.largeheight { height:70em;}
	.login-area-top{ padding:20% 0% 1.1% 0%; float:left; position: relative;}
	.schools-info .school-list-items{max-width: 100%;}
	.adotp-logo{max-width: 100%; margin-bottom: 1.2em;}
	.login-area { max-width: 100%;}
	.adotp-logo img {   width: 69%;}
	
	.advisory-board li,.support-for-school li{ max-width:48.6%;}
	.advisory-board li .board-member-pic, .support-for-school li .knowmore{ width:6.6em;}
	.advisory-board li .board-member-info, .support-for-school li .state-name-info{width: calc(100% - 8em);}
	.states-name{width: auto;}
	.census{ width:30%;}

.contact-popup .modal-dialog .modal-content .modal-body{ padding-left:0;}
.contact-popup .modal-dialog{width: 94%; margin: 10px auto;}
.contact-popup .contact-img{padding-right: 0em; padding-bottom: 2em;}
.contact-popup .contact-img::before{height: 0.1em; width:100%; top:auto; bottom:0;}
.contact-info{ margin-top:2em; padding-bottom:0;}

.volunteer_list{margin-top: 15px;}
.multiple_choose_list{margin-bottom:15px;}
.multiple_choose_list .item-list-vol{min-height: inherit;}	

.knowMore .btn.default-btn{ margin-top:0; left:auto;}


.society-logo img{max-width: 150px; margin: 0 auto; padding-left:0px;}
.donate-form-area p{padding-right: 0; padding-top: 0; text-align: center;}
.donate_now p{padding-left: 0;padding-right: 0; text-align: center;}
.form-group.marNone{ text-align:center;}
.form-group.marNone .submit{ margin:10px auto;}

.payment-successful-area{ padding:15px; margin:15px 0;}
.payment-successful-area .col-head{ padding-bottom: 10px; margin-bottom: 10px; }
.payment-successful-area .col-head .icon{ margin-right:10px;}
.payment-successful-area .col-head .success-area{max-width: 75%;}
.payment-successful-area ul{ max-width:100%;}
.payment-successful-area .backTohome{ text-align:left; padding:10px 0 10px 0; max-width: 100%;}
/*.payment-successful-area .backTohome .back-btn{ margin:0;}*/
#footer .footer_aha {margin-top: 15px;}
.images_gallery {margin-right: 5px;}

#covid-19 .minHeight{ min-height: inherit; }
#donate-form .container-fluid{ padding: 20px 10px; }
	.headings-area{    padding-bottom: 20px;}
	.headings-area p{    margin-bottom: 10px;}
	.covid-donate-form .row-section-area.paddmar-area{ padding: 10px 0 0px 0; }
	.support-programe li span{margin-right: 0.4em; min-height: 6.8em; width: 8em;}
	.support-programe li span:last-child{ margin-right: 0; }
	.boxes-covid, .support-programe{    max-width: 335px; margin: 0 0 0 auto;}
	.boxes-covid li{ width: 12.3em; min-height: 16em;}
	.boxes-covid li h2{ padding: 0.3em 0 0.3em 0; }
	.blank-area{ display: none; }
	.custom-control, .covid-donate-form .form-group input{    min-height: 4.5rem;}
	.boxes-covid li .icon img{    height: 5rem;}
	.custom-control-label::before{    width: 25px;   height: 25px;     top: 1.3rem; left: 1.2rem;}

	#footer .aha-tech{ text-align: left; }
}
	
	
@media (max-width:480px) {
.carousel-caption{max-width: 100em;}
.login-form{padding:0.8em 1.5em;}
.login-form .form-group { margin-bottom: 0.5em;}
#root-problem .listing-population{width:55%;}
.owl-theme .owl-nav .owl-prev{left: -6px;}
.owl-theme .owl-nav .owl-next{right: -6px;}
.listing-population{width: 60%;}
.listing-population { width: 55%;}
.listing-population li{width: 50%; height: 6.5em;}
.photo-img{width:9em;}
.profile-listing.nav-pills li{ max-width:33%;}
#ass_login .LoginSignUpPage .or	{display:none;}
#ass_login .LoginSignUpPage .getIntouch a {width:100%;border-radius:6px;}
#ass_login .LoginSignUpPage .creatAccount .creatAbtn{border-radius:6px;}
#ass_login .LoginSignUpPage .form-horizontal .form-group button{border-radius:6px;}
.advisory-board li, .support-for-school li{ margin:0 0 0.6em 0; max-width:100%;}
.council-poeples {   max-width: 26em;}
.council-poeples li{width: 4.3em; height:4.3em;}
.council-poeples li a img {height: 4.3em; width: 4.3em;}
}	

@media (min-width:375px) and (max-width:668px) {
.council-poeples li a img { height: 5.12em; width: 5.12em;}
.council-poeples li {   width: 5.12em;   height: 5.12em;}

.council-poeples {  max-width: 31em;}
.council-poeples li{width: 5.1em; height:5.1em;}
.council-poeples li a img {height: 5.1em; width: 5.1em;}
}

@media (max-width:300px) {
#how-we-are .india-map img { height: 10em;}
.census { width: 25%;}
}
