@media all and (device-width: 1920px) and (device-height: 1080px){
  .content-area {padding: 200px 0 100px 0;}
}

@media (min-width: 1920px) {
	.container { max-width: 1600px;}

}

/****************************** 1600 ******************************/
@media (min-width: 1600px) {
    .container {max-width: 1470px;}
}
    
@media (max-width: 1024px) {
    h1 {font-size: 124px;} 
    ul.contributions li {flex: 0 0 33.333%;max-width: 33.333%;}
}

@media (max-width: 768px) {
    .banner-area{background: url(../images/header-img-768.jpg) top center no-repeat; background-size:cover;}
    .banner-area:before {background: url(../images/head-bg-768.png) bottom center no-repeat; height: 210px;}
    .banner-area h1 {font-size: 48px; line-height: 70px;} 
    .banner-area p {font-size: 28px;} 
    h2 {font-size: 40px;} 
    .ceo-quotes{margin-bottom: 40px;}
    .pledge-bg{background-size:40%, 70%, cover;}
    .pledge{height: fit-content; padding:180px 0 100px 0;}
    .form-area{border-right: none; padding-right: 0; margin-bottom: 50px;}
    .intro-v2{background-size: 45%; padding-bottom: 80px;}
    .intro-v2 .white-bg {padding: 0;}
    .content-area {padding: 170px 0 100px 0;}
    .certificate h3{font-size: 28px;}
    .partners{text-align: center;}
    .partners .col-lg-12{justify-content: center;display: block;}
    .partners img {margin: 0;}
    .partners h2{margin: 0 0 40px 0 !important;} 
    .certificate .profile-pic {height: 60px;width: 60px;}
    
    .green-wall .wall-block{padding: 30px 20px 190px 20px; margin-bottom: 30px;}
    .green-wall .wall-block .wall-profile h5{font-size: 20px; line-height: 28px;}
    .green-wall .wall-block .wall-profile .profile-pic {height: 70px;width: 70px; margin-right: 15px;}
    .green-wall .wall-block .wall-txt p{font-size: 20px; line-height: 28px;}
    
    .navbar  .btn-green-filled{margin: 15px 0;}
    ul.contributions li, ul.spl-events li, ul.client-contri li {flex: 0 0 50%;max-width: 50%;}
    ul.forest li {flex: 0 0 25%;max-width: 25%;}
    .contribution-highlights{margin: 0 0 20px 0;}

    .womensday{padding-bottom: 0;}
    .womensday h3{color: #0070AD; font-size: 22px; line-height: 30px;}
    .header{background: url(../images/winner-header-ipad.jpg) left center no-repeat; padding: 300px 0 10px 0px; min-height: 500px;}
    .header h2{font-size: 36px;}
}

@media (max-width: 600px) {
    .home-nav .navbar-toggler svg path{stroke:#2B0A3D;}
    .navbar .navbar-toggler svg path{stroke:#2B0A3D;}
    .navbar{background: #fff !important;box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.11);background: #fff!important;transition: all 0.6s ease 0s;}
    .navbar-collapse { padding: 10px 0 0 0; margin: 0 -15px 0 -15px !important;}
    .nav-item {margin-left: 0px;}
    .navbar .nav-item {border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 10px 15px;}
    .navbar.home-nav .navbar-nav .nav-link {color: #2B0A3D;}
    .navbar.home-nav .navbar-nav .nav-link:hover{color: #2B0A3D;}
    .navbar .btn-green {display: block;}
    .navbar .light{display: none;}
    .navbar .dark{display: block;}
    .navbar .navbar-brand img, .navbar.scrolled .navbar-brand img {height: 56px;}
    .form-inline .btn {padding: 0.80rem 1rem;}
    .btn-submit {padding: 0.80rem 2rem;font-weight: 400;}
    .btn-primary {padding: 0.80rem 2rem;font-weight: 400;}
    h2 {font-size: 32px; margin-bottom: 20px !important;} 
    p.lead{font-size: 20px !important; line-height: 28px;} 
    .banner-area{background: url(../images/header-img-440.jpg) top center no-repeat; background-size:cover;}
    .banner-area:before {background: url(../images/head-bg-440.png) bottom center no-repeat; height: 118px;}
    .mission{padding: 70px 20px;}
    .purple-bg{padding: 40px 20px;}
    .initiatives{padding: 40px 20px;}
    .initiatives-box .init-img img {width: 70px;}
    
    .intro {padding: 70px 0;}
    .intro-v2 {padding: 70px 0;}
    .intro h2{margin: 0 0 40px 0;}
    
    .initiatives {margin: 70px 0;}
    .initiatives p.lead {margin-bottom: 20px;}    
    .ceo-section {padding-top: 70px;}
    .ceo-quotes {padding: 0 0 0 50px;}
    .ceo-quotes p {font-size: 18px;}
    .ceo-quotes .ceo-name {font-size: 26px;}
    .certificate h3{font-size: 18px;}
    .pledge-bg h3 {font-size: 17px;}
    .pledge-bg p.lead {margin: 20px 0 20px 0;}
    .content-area {padding: 120px 0 80px 0;}
    .counter{font-size: 76px; margin-top: 40px;}
    .certificate .profile-pic {height: 40px;width: 40px;}
    
    /*-------------------------- DONATE -------------------------*/
    #donate h2{ font-size: 30px;margin-top: 30px; margin-bottom: 5px!important;}
    #donate .modal-body{padding: 20px;}
    #donate p.lead{font-size: 18px!important;}
    #donate .btn-green-filled{display: block;}
    .quiz-area ul li {width: calc(100% - 15px);}
    .quiz-area ul {margin: 0 0 30px 50px;}
    .quiz-area .submit-qus {padding-left: 42px;}
    .quiz-area .custom-control-label {min-width: 100%;width: 100%;}
    .quiz-area {padding: 15px 15px 35px 15px;}
    .quiz-area .qus span {height: 45px;min-width: 45px;font-size: 16px;padding-top: 10px;margin: 0 12px 0 0;font-weight: 500;}
    .quiz-area .qus p.lead {margin: 7px 0 7px 0; font-size: 20px!important; font-weight: 500;}
    
    ul.contributions li, ul.spl-events li, ul.client-contri li {flex: 0 0 100%;max-width: 100%;}
    ul.forest li {flex: 0 0 50%;max-width: 50%;}
    .forest-head {min-height: 96px;}
    .contribution-highlights:first-child {margin-right: 30px;}
    .contribution-highlights img{width: 50px;}
    .contribution-highlights div:last-child {font-size: 22px; line-height: 24px;padding: 0 0 0 10px;}
    .contribution-highlights div:last-child span {font-size: 16px; line-height: 24px;}

    .womensday{padding-bottom: 0; text-align: center;}
    .womensday img{margin-bottom: 0px;}

    /*-------------------------- WINNERS ------------------------*/
    .winner-box{display: block;}
    .winner-box .winner-txt{width: 100%;padding-right: 0px;}
    .winner-box .winner-img{width: 100%;padding-left: 0px;}
    .header{background: url(../images/winner-header-mobile.jpg) top center no-repeat; padding: 250px 0 10px 0px; min-height: 400px;}
    .content-area.winner{padding: 50px 0 80px 0;}
    
}

@media (max-width: 480px) {
    .head-space{margin-top: 20px}    
}

@media (max-width: 320px) {
    h1 {font-size: 70px; line-height: 80px;}     
}