@media (min-width: 768px) and (max-width: 979px) {
	body {font-size: 13px;}
	h2 {font-size: 2.3em; line-height: 33px;}	
	img {max-width:100% !important;}
	
	.submit-btn{right:-25% !important;}
	.project-navigation .btn-prev{ right:11% !important;}
	.project-navigation .btn-next{ right:3% !important;}
	
	.navbar-brand img{ width:160px; height:69px;}
	
	.navbar-nav{ margin:-50px 0 0 156px !important;}
	.nav > li > a{ padding:6px 1px !important; font-size:13px !important;}	
	
	.post-hold{height:230px !important;}
	#examples{ height:220px !important;}
	.carousel-inner{height:238px !important;}
	.carousel, .item {width:100% !important; margin:0 !important; padding:0 !important; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
	.carousel, .item img{max-width:100% !important; height:auto !important; display:block !important;}
	.carousel-caption {bottom:210px !important; position:relative; margin-left:0px !important; padding:0 !important; right:5% !important; left:0%; }	
	.carousel-caption h1{font-size:24px;}
	.carousel-caption .intro-text{font-size:18px; padding:0; margin:0 0 5px 0;}
	.carousel-caption .contact-text{ font-size:20px; padding:10px 0 0 0; margin:0;}
	.slider-bt-content p{ font-size:13px; margin:0; line-height:54px !important; text-align:center;}
	
	.fill{ height:238px !important;}
	
	.gallery-hold figcaption{ padding:10px 5px 5px 10px;}
	.gallery-hold figure figcaption p span { font-size:19px;}
	.gallery-hold figure:hover figcaption {
    visibility: visible;
    color: #fff;
    background: rgba(21,72,120,0.6);
    height: 190px;
    width: 200px;
    margin: 10px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

	.left-donate-hold .donate-padding .house span, .left-donate-hold .donate-padding .estate span, .left-donate-hold .donate-padding .boat span, .left-donate-hold .donate-padding .dvd span, .left-donate-hold .donate-padding .vacation span, .left-donate-hold .donate-padding .resource span{
		line-height:22px !important;
		}
}

@media (max-width: 767px) {
	/* Base */
	body {font-size: 13px;}
	h2 {font-size: 2.3em; line-height: 33px;}	
	img {max-width:100% !important;}
	.navbar{ padding:0!important; height:60px !important;}
	.navbar-brand{ float:left; padding:0 0 0 15px;}
	.navbar-brand img{ width:160px; height:69px;}
	
	.carousel, .item {width:100% !important; margin:0 !important; padding:0 !important; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
	.carousel, .item img{max-width:100% !important; height:auto !important; display:block !important;}
	.carousel-inner{ height:163px !important;}
	.carousel-caption {bottom:150px !important; position:relative; margin-left:0px !important; padding:0 !important; right:5% !important; left:0%; }
	.carousel-caption h1{font-size:14px !important;}
	.carousel-caption .intro-text{font-size:12px !important; padding:0 !important; margin:0 0 5px 0 !important;}
	.carousel-caption .contact-text{ font-size:14px !important; padding:5px 0 0 0 !important; margin:0 !important;}
	
	.slider-bt-content{ height:100px; padding:15px 0;}
	.slider-bt-content p{ font-size:14px; margin:0; line-height:24px !important; text-align:center;}
	.slider-bt-content .pull-right{ text-align:center; float:none !important;}
	.submit-btn{right:12% !important; float:right !important;}
	.custom-label{ text-align:right;}
	footer .social a{ font-size:13px !important; padding:7px 10px !important;}
	
	.project-navigation .btn-prev{ right:12% !important;}
	.project-navigation .btn-next{ right:3% !important;}
	.fill{ height:163px !important;}
	.gallery-hold figure:hover figcaption{ width:290px; height:277px;}
	
	.navbar-toggle {margin-top:13px; left:10px; z-index:1000 !important; border-radius:3px !important; background-color:#fff !important;}
	.navbar-toggle .icon-bar{display: block;width: 22px;height: 2px; background-color:#154878 !important;}
	.blog_content, .blog_text, .footer, .footer-nav, .post_content {width:100% !important; margin:0 !important;	padding:0 !important;}
	
	.navbar-nav { background-color:#333 !important; margin-top:10px; padding:20px 0;}
	.navbar-nav li {height:30px !important; width:100%;	margin:0 !important; padding:0 20px !important;}
	.navbar-magnet .navbar-nav > li > a{border-right:none !important; color:#fff !important; border-bottom:1px solid #ccc !important; padding:0 !important; line-height:14px !important;}
	.navbar-nav > li > .dropdown-menu{margin:0 0 0 120px !important; padding:0 !important;}
	.nav > li > a{ padding:5px 0 !important;}
	
	/* dropdown style */
	.dropdown-menu, .dropdown-header{ width:100% !important; margin:0 !important;}
	.nav li:hover ul{ margin:-28px 0 0 100px !important; width:100% !important;}
	.nav li ul li a{ width:100% !important; height:25px !important; font-size:12px; line-height:6px; margin:0 !important; padding:9px 0 0 10px !important;}
	.nav li ul li a:hover{ width:100% !important; color:#666 !important; background-color:#fff !important; height:25px !important;}
}

@media (max-width: 480px){
	/* Base */
	body {font-size: 13px;}
	h2 {font-size: 2.3em; line-height: 33px;}	
	img {max-width:100% !important;}
	.navbar{ padding:0!important; height:60px !important;}
	.navbar-brand{ float:left; padding:0 0 0 15px;}
	.navbar-brand img{ width:160px; height:69px;}
	
	.carousel, .item {width:100% !important; margin:0 !important; padding:0 !important; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
	.carousel, .item img{max-width:100% !important; height:auto !important; display:block !important;}
	.carousel-inner{ height:163px !important;}
	.carousel-caption {bottom:150px !important; position:relative; margin-left:0px !important; padding:0 !important; right:5% !important; left:0%; }
	.carousel-caption h1{font-size:14px !important;}
	.carousel-caption .intro-text{font-size:12px !important; padding:0 !important; margin:0 0 5px 0 !important;}
	.carousel-caption .contact-text{ font-size:14px !important; padding:5px 0 0 0 !important; margin:0 !important;}
	
	.slider-bt-content{ height:100px; padding:15px 0;}
	.slider-bt-content p{ font-size:14px; margin:0; line-height:24px !important; text-align:center;}
	.slider-bt-content .pull-right{ text-align:center; float:none !important;}
	.submit-btn{right:15% !important; float:right !important;}
	.custom-label{ text-align:right;}
	footer .social a{ font-size:13px !important; padding:7px 10px !important;}
	
	.project-navigation .btn-prev{ right:22% !important;}
	.project-navigation .btn-next{ right:5% !important;}
	.fill{ height:163px !important;}
	.gallery-hold figure:hover figcaption{ width:290px; height:277px;}
	
	.navbar-toggle {margin-top:13px; left:10px; z-index:1000 !important; border-radius:3px !important; background-color:#fff !important;}
	.navbar-toggle .icon-bar{display: block;width: 22px;height: 2px; background-color:#154878 !important;}
	.blog_content, .blog_text, .footer, .footer-nav, .post_content {width:100% !important; margin:0 !important;	padding:0 !important;}
	
	.navbar-nav { background-color:#333 !important; margin-top:10px; padding:20px 0;}
	.navbar-nav li {height:30px !important; width:100%;	margin:0 !important; padding:0 20px !important;}
	.navbar-magnet .navbar-nav > li > a{border-right:none !important; color:#fff !important; border-bottom:1px solid #ccc !important; padding:0 !important; line-height:14px !important;}
	.navbar-nav > li > .dropdown-menu{margin:0 0 0 120px !important; padding:0 !important;}
	.nav > li > a{ padding:5px 0 !important;}
	
	/* dropdown style */
	.dropdown-menu, .dropdown-header{ width:100% !important; margin:0 !important;}
	.nav li:hover ul{ margin:-28px 0 0 100px !important; width:100% !important;}
	.nav li ul li a{ width:100% !important; height:25px !important; font-size:12px; line-height:6px; margin:0 !important; padding:9px 0 0 10px !important;}
	.nav li ul li a:hover{ width:100% !important; color:#666 !important; background-color:#fff !important; height:25px !important;}
	.left-donate-hold li{height:63px!important;}
	.fill{height: 220px !important;}
	.carousel-caption {bottom:250px !important}
	.recent-project-content{height:490px}
}

@media (max-width: 640px) {
	.left-donate-hold li{height:63px!important;}
	.fill{height: 220px !important;}
	.carousel-caption {bottom:250px !important}
	.right-blog-hold { margin: 13px 0 45px;}
	.img-center{text-align:center;display:inline;}
	.content-section { padding: 35px 0;}
	.mobilePadding{padding:0!important;}
	.listPadding{padding-bottom:90px!important;}
	.mCSB_scrollTools .mCSB_draggerContainer{height:220px!important;}

}

/* Home Concept */
@media (max-width: 1180px) {
	body {font-size: 13px;}
	h2 {font-size: 2.3em; line-height: 33px;}	
	img {max-width:100% !important;}
	
	.submit-btn{right:-39%;font-weight:bold;}
	
	.navbar-brand img{ width:160px; height:69px;}
	
	.navbar-nav{ margin:0px 0 0 40px;}
	.nav > li > a{ padding:6px 10px; font-size:14px;}	
	
	.carousel-inner{height:318px;}
	.carousel, .item {width:100% !important; margin:0 !important; padding:0 !important; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
	.carousel, .item img{max-width:100% !important; height:auto !important; display:block !important;}
	.carousel-caption {bottom:240px; position:relative; margin-left:0px !important; padding:0 !important; right:5% !important; left:0%; }	
	.carousel-caption h1{font-size:24px;}
	.carousel-caption .intro-text{font-size:18px; padding:0; margin:0 0 5px 0;}
	.carousel-caption .contact-text{ font-size:20px; padding:10px 0 0 0; margin:0;}
	.slider-bt-content p{ font-size:13px; margin:0; line-height:54px; text-align:center;}
	
	.fill{ height:318px;}
	.gallery-hold figcaption{ padding:10px 5px 5px 10px;}
	.gallery-hold figure figcaption p span { font-size:19px;}
	.gallery-hold figure:hover figcaption {
    visibility: visible;
    color: #fff;
    background: rgba(21,72,120,0.6);
    height: 190px;
    width: 200px;
    margin: 10px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

	.post-hold{height:290px;}
	#examples{ height:280px;}
	.left-donate-hold .donate-padding .house span, .left-donate-hold .donate-padding .estate span, .left-donate-hold .donate-padding .boat span, .left-donate-hold .donate-padding .dvd span, .left-donate-hold .donate-padding .vacation span, .left-donate-hold .donate-padding .resource span{
		line-height:24px !important;
		}
}