@media (min-width:240px) and (max-width:767px)
{
    .modal { right: 25px; }
  .navbar-toggle{border:1px solid #fff; background: #996699;}
  .navbar-toggle .icon-bar{background: #fff;}
  .home-intiatives p { padding: 0px; }
  .intro-heading h1 { font-size: 22px; }
  .home-scroller { min-height: 325px; }
  .home-desc-center { padding-bottom: 70px; }
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
{ 
/*  #intro{padding:100px 0;}*/
  .intro-heading h1{font-size: 22px;}
  .navbar-toggle{border:1px solid #fff; background: #996699;}
  .navbar-toggle .icon-bar{background: #fff;}
  .why-us,.how-participate{padding:40px 0;}
  .why-us-heading h2{font-size: 32px;margin-bottom: 20px;}
  .why-us-content { width: 70%;  }
  .why-us-content p{width:100%;}
  .header h1.navbar-brand{font-size: 20px;}
  .col-xs-6{width:100%;}
  .vision-mission .vm-content{padding:10px 20px;}
  .vision-mission .vm-content{height:auto;}
/*  .custom-nav{background: #fff;}*/
  .custom-nav #main_menu ul li a{color:#996699;}
  .donate-wrapper .d-wrapper-content { width: 100%; }
  .step-counter ul li{width:100%;margin-bottom: 10px;}
  
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: portrait) 
{ 
  p.black-text,.mh-100{min-height: auto}
  .p-box{margin-bottom: 10px;}
  .outer-layer{padding:0;}
/*  .modal-dialog{width:356px;}
  .modal-dialog .modal-body{padding:15px 20px;}*/
  .navbar-brand{padding:5px 10px;}
  .intro-heading ul li{margin-bottom: 20px;width:100%;}
/*  .line{top:100%;}*/
/*  .wide-popup .modal-dialog { width:340px; }*/
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: landscape) 
{ 
  .cp-wrapper-form{padding:20px;}
  .inner-page-heading h2{padding-left:0;}
  .why-us-content{width:100%!important;}
/*  .wide-popup .modal-dialog { width:620px; }*/
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) { 
/*    .wide-popup .modal-dialog { width:380px; }*/
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
{ 
/*  .custom-nav{background: #fff;}*/
  .custom-nav #main_menu ul li a{color:#996699;}
  .navbar-brand{padding: 5px 10px;}
  .intro-heading ul li{margin-bottom: 10px;width:100%;}
/*  .line{top:100%;}*/
  .p-box{margin-bottom: 10px;}
/*  .modal-dialog{width:95%;}*/
  .donate-wrapper .d-wrapper-content{width:100%;}
}

/* iPhone X in landscape */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) 
{

}


/* iPhone X in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) 
{
  .step-counter ul li{width:100%;margin-bottom: 10px;}
/*  .wide-popup .modal-dialog { width:340px; }*/
}


/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
{

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .step-counter ul li a{padding:20px 0}
  .step-counter ul li{width:220px;}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* iPhone 5 Retina regardless of IOS version */
@media (device-height : 568px) 
   and (device-width : 320px) 
{
    .navbar-header a img{width:140px;}
    .navbar-header a{display: block;}
/*    .modal-dialog{width:95%;}*/
    .outer-layer{padding:0;}
/*    .modal-dialog .modal-body{padding:20px 15px;}*/
    .why-us-heading h2{font-size: 28px;margin-bottom: 30px;}
    .step-counter ul li{width:100%;margin-bottom: 10px;}
}

/* Galaxy S5 portrait and landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
{
    .navbar-header a img{width:140px;}
    .p-box{margin-bottom:10px;}
/*    .modal-dialog{width:97%;}*/
    .outer-layer{padding:0;}
    .step-counter ul li{width:100%;margin-bottom: 10px;}
/*    .wide-popup .modal-dialog { width:500px; }*/

}

/* iPhone 2G-4S in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
{
    div#main_menu {
        background-color: rgba(136, 139, 141, 0.5);
    }
    .navbar-header a img{width:140px;}
    .p-box{margin-bottom:10px;}
    .navbar-header a{margin-top: 16px; padding: 0 10px 10px 15px;}
    .intro-heading h1{font-size: 22px;margin-bottom: 20px;}
    .intro-heading ul li{margin-bottom: 10px;width:100%;}
/*        .line{top:100%;}*/
    .why-us-heading h2,.hp-heading h2{font-size: 24px;margin-bottom: 40px;}
    .why-us{padding:20px 0;}
    p.hp-subheading{font-size: 14px;margin-bottom: 25px;}
/*    .modal-dialog{width:94%;}*/
    .why-us-content{width:100%;}
/*    .wide-popup .modal-dialog { width:300px; }*/
    
/*    .header-page-img {
        background-image: url("../images/mobile/home_pic.jpg");
    }*/
/*  .donate-page-img {
    background-image: url("../images/mobile/donate_img.jpg");
}*/
    .home-page-img { background-image: url("../images/mobile/home-bg.jpg"); }
    .home-page-img9 {
        background-image: url(../images/mobile/login-bg-9.jpg);
    }
    .home-page-img5 {
        background-image: url(../images/mobile/login-bg-5.jpg);
    }
    .home-page-img7 {
        background-image: url(../images/mobile/login-bg-7.jpg);
    }
    .first-heading h1 { font-size: 35px; }
    .home-msg-box { padding-top: 10px; }
    .home-msg-box h2 { font-size: 21px; }
    .home-msg-box p { font-size: 12px; }
    .home-info-dabba { margin-bottom: 30%; }
    .footer-links { height: auto; padding-bottom: 20px; }
    .newsletter-signup-box input { width: 170px; }
    .footer-section .navbar-nav { margin: 7.5px -35px; }
    .up-border { display: grid; }
    .c-copyright-2019-2 { text-align: unset; padding-bottom: 15px; font-size: 11px; }
    .footer-mb10 { margin-bottom: 10%; }
    .what-we-do-heading {
        width: 175px;
        height: 52px;
        font-size: 25px;
    }
    .home-page-img-section {
        min-height: 230px;
    }
    .home-imgbox, .home-txt-box, .what-we-do-boxes .about-box {
        height: 230px;
    }
    .about-overlay {
        height: 227px;
    }
    .what-we-do-boxes .about-box h3 {
        font-size: 11px;
        line-height: 8.0;
        padding: 0;
    }
    .what-we-do-boxes .about-box {
        padding: 31px 10px;
    }
    .header-curated-by-africans {
        font-size: 48px;
    }
    
    .aes-donate-section {
        padding: 21px;
    }
    .aes-donate-message h1 {
        font-size: 24px;
    }
    .pd40 {
        padding: 20px;
    }
    .aes-donate-box h3 {
        padding-top: 20px;
    }
    .aes-donation-btn {
        margin: 10px 0;
    }
    .aes-amount-field .aes-donation-final {
        float: none;
    }
    .home-info-box p {
        height: auto;
    }
}


/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
{ 
/*  #intro{padding:100px 0;}*/
div#main_menu {
    float: right;
    background-color: rgba(136, 139, 141, 0.5);
}
.navbar-header a{margin-top: 16px; padding: 0 10px 10px 20px;}
  .intro-heading h1{font-size: 22px;}
  .navbar-toggle{border:1px solid #fff; background: #996699;}
  .navbar-toggle .icon-bar{background: #fff;}
  .why-us{padding:40px 0;}
  .why-us-heading h2{font-size: 32px;margin-bottom: 20px;}
  .why-us-content { width: 100%; }
  .why-us-content p{width:100%;}
  .header h1.navbar-brand{font-size: 20px;}
/*  .modal-dialog{width:100%;}*/
/*  .custom-nav{background: #fff;}*/
  .custom-nav #main_menu ul li a{color:#996699;}
  .p-box{margin-bottom: 10px;}
  .step-counter ul li{width:100%;margin-bottom: 10px;}
  .donate-wrapper .d-wrapper-content { width: 100%; }
  
/*  .donate-page-img {
    background-image: url("../images/mobile/donate_img.jpg");
}*/
  .home-page-img { background-image: url("../images/mobile/home-bg.jpg"); }
    .home-page-img9 {
        background-image: url(../images/mobile/login-bg-9.jpg);
    }
    .home-page-img5 {
        background-image: url(../images/mobile/login-bg-5.jpg);
    }
    .home-page-img7 {
        background-image: url(../images/mobile/login-bg-7.jpg);
    }
    .home-imgbox, .home-txt-box, .what-we-do-boxes .about-box {
        height: 255px;
    }
    .about-overlay {
        height: 252px;
    }
    .home-page-img-section {
        min-height: 255px;
    }
    .home-msg-box { padding-top: 10px; }
    .home-msg-box h2 { font-size: 21px; }
    .home-msg-box p { font-size: 12px; }
    .home-info-dabba { margin-bottom: 20%; }
    .footer-links { height: auto; padding-bottom: 20px; }
    .newsletter-signup-box input { width: 250px; }
    .footer-section .navbar-nav { margin: 7.5px -35px; }
    .up-border { display: grid; }
    .c-copyright-2019-2 { text-align: unset; padding-bottom: 15px; font-size: 11px; }
    .footer-mb10 { margin-bottom: 10%; }
    .header-curated-by-africans {
        font-size: 31px;
    }
    
    .aes-donate-box h3 {
        padding-top: 20px;
    }
    .aes-donation-btn {
        margin: 10px 0;
    }
    .aes-amount-field .aes-donation-final {
        float: none;
    }
    .home-info-box p {
        height: auto;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
{
    #main_menu ul li{padding:0;}
    h1.navbar-brand{font-size: 20px;}
    .navbar-brand{padding: 5px 0;}
    #main_menu ul li a{font-size: 15px;}
    h1.navbar-brand span{margin-top: 0;font-size: 12px;}
    #inner-content{margin-top: 20px;}
    .d-wrapper-heading h2{margin:0;font-size: 28px;}
    .step-counter ul li{margin:0px 3px 10px;}
    .intro-heading ul li{margin-bottom: 10px;width:100%;}
  /*  .line{top:100%;}*/
    .p-box{margin-bottom: 10px;}
    
    .first-heading {
        padding: 0 18px 15px;
    }
    .first-heading h1 {
        font-size: 40px;
    }
    .home-msg-box h2 {
        font-size: 25px;
    }
    .footer-links h6 {
        font-size: 13px;
    }
    .newsletter-signup-box input {
        width: 133px;
    }
    .aes-donate-message h1 {
        font-size: 24px;
    }
    .what-we-do-boxes .about-box { padding: 40px 10px; }
    .about-box h3 { font-size: 11px; }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
{
  #main_menu ul li{padding:10px;}
  #inner-content{margin-top:50px;}
  .step-counter ul li{margin:0px 3px 10px;}
  .step-counter ul li a{padding:20px 10px;}
  p.black-text{min-height: 130px;}
  .mh-121{min-height: 140px;}
  
  .what-we-do-boxes .about-box {
      padding: 40px 20px;
  }
  
  
  
}

/* Pixel 2L Media Quaries Css */
@media only screen
and (min-device-width : 411px)
and (max-device-width : 823px)
and (orientation: landscape) 
{
    
    .home-msg-box { padding-top: 10px; }
    .header-curated-by-africans {
        font-size: 48px;
    }
}

/* Nexus 7 Media Quaries Css */

@media only screen
and (min-device-width:600px)
and (max-device-width:960px)
{
}