/*-------------------------------------
        Bootstrap Media Queries
-------------------------------------*/

/* Large Devices (Laptop & Desktop) */
@media (min-width: 1200px) {
 
    /* OK */
    #contribute .contribute-box .contribute-right {
	font-family:"RobotoSlab-Regular";
    padding: 100px;
    font-size: 20px;
    color: #687178;
}
    
}

/* Medium Devices (Landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
    
    /* Mobile menu */
    .navbar {
       /* background: rgba(0,0,0,0.7);*/
        padding: 0;
    }
    
    .navbar-nav {
        float: left;
    }
    
    .sasah-nav-wrapper {
        padding: 0;
    }
}

/* Small Devices (Potrait Tablets & Small Desktops) */
@media (min-width: 768px) and (max-width: 991px) {
    
    /* Mobile menu */
    .navbar {
/*        background: rgba(0,0,0,0.7);*/
        padding: 0;
    }
    
    .navbar-nav {
        float: left;
    }
    
    .sasah-nav-wrapper {
        padding: 0;
    }
    
    /* Home Section */
    #home-carousel .carousel-inner .item .carousel-caption h1 {
        font-size: 50px;
        font-weight: 700;
        color: #3493b7;
    }

    #home-carousel .carousel-inner .item .carousel-caption p {
        font-size: 25px;
        font-weight: 500;
        color: #fff;
    }
    
    /* Causes section */
    
    .causes-heading p {
        font-size: 22px;
        font-weight: 500;
    }
    

     /* Center align Copyrights text */
    #footer-copyrights {
        text-align: center;
    }
}

/* Extra Small Devices (Landscape Phones & Potrait Tablets) */
@media (max-width: 767px) {
    
    /* Mobile menu */
    .navbar {
        background: #fff;
		 box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); 
		
        padding: 0;
    }
    
    .navbar-nav {
        float: left;
		background-color: rgba(8, 7, 7, 0.3);
		width:100%;
    }
    
    .sasah-nav-wrapper {
        padding: 0;
    }
    
    /* Home Section */
    #home-carousel .carousel-inner .item .carousel-caption h1 {
        font-size: 50px;
        font-weight: 700;
        color: #3493b7;
    }

    #home-carousel .carousel-inner .item .carousel-caption p {
        font-size: 20px;
        font-weight: 500;
        color: #fff;
    }   
    
    #home-carousel {
        padding: 0;
    }
    
     /* Center align Copyrights text */
    #footer-copyrights {
        text-align: center;
    }
    
    /* Reduce size of image in About section */
    
    .about-content-outer-box img {
        width: 100%;
        height: 100%;
    }
    
    /* Reduce size of image in Causes section */  
    .causes-details img {
        width: 100%;
        height: 100%;
    }
    
    .causes-heading p {
        font-size: 22px;
        font-weight: 500;
    }
    
    /* Contribute Section */
    
    #contribute .contribute-box .contribute-left {
        padding: 0px;
    }
    #contribute .contribute-box .contribute-right input[type="text"] {
        padding: 0px;
    }

    
    /* Reduce Button size */
    .btn-general {
        padding: 6px 22px 6px 22px;
        font-size: 14px;
    }
}

/* Extra Small Devices (Potrait Phones & Small Devices) */
@media (max-width: 480px) {
    
    /* Home Section */
    #home-carousel .carousel-inner .item .carousel-caption h1 {
        font-size: 40px;
        font-weight: 700;
        color: #3493b7;
    }

    #home-carousel .carousel-inner .item .carousel-caption p {
        font-size: 17px;
        font-weight: 500;
        color: #fff;
    }  
    
    #home-carousel {
        padding: 0;
    }
    
     /* Center align Copyrights text */
    #footer-copyrights {
        text-align: center;
    }
    
    /* Reduce Button size */
    .btn-general {
        padding: 6px 22px 6px 22px;
        font-size: 14px;
    }
    
    /* Reduce size of image in About section */
    
    .about-content-outer-box img {
        width: 100%;
        height: 100%;
    }
    
    /* Causes section */  
    .causes-details img {
        width: 100%;
        height: 100%;
    }
        
    #causes .causes-heading p {
        font-size: 18px;
        font-weight: 500;
    }
    
    /* Contribute Section */
    .contribute-right {
        padding: 0;
    }
  
  #contribute .contribute-box .contribute-right {
    font-family: "RobotoSlab-Regular";
    padding: 5px;
    font-size: 20px;
    color: #687178;
}

}

/* Extra Small Devices (Potrait Phones & Small Devices) */
@media (max-width: 320px) {
    
}