/* CSS Document */


/* Massive Devices */
@media only screen and (min-width : 1600px) {
	
	.container-fluid .grid-project{height:400px;}
	.container-fluid .grid-project .project-inner{padding-top:80px;}
	
}


/* Largest Devices */
@media only screen and (min-width : 1200px) {
	
	
	
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 992px) and (max-width : 1199px) {
	
	.nav .btn{display:none;}
	.grid-project .project-inner{padding-top:40px;}
	
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 768px) and (max-width : 991px) {
	
	body{padding-top:60px;}
	#header .logo{margin-top:16px;}
	.nav .btn{display:none;}
	.nav ul li{font-size:11px;}
	.nav ul li a{line-height:60px;}
	.nav ul li.current-menu-item a:after, .nav ul li.current-page-ancestor a:after, .nav ul li.current_page_parent a:after{bottom:16px;}
	
	.home-banner-bottom h1{font-size:30px;}
	.grid-project .project-inner h3{font-size:26px;}
	.service-banner{padding:100px 0;}
	.service-icon{width:95px;}
	ul.tab-titles li a{padding:20px;}
	ul.tab-titles li a.active{padding-left:18px; padding-right:18px;}
	.page-overlay{background-size:50% auto;}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	
	body{padding:0;}
	#header{padding:15px 0; position:relative;}
	#header .logo{max-width:180px; margin:0;}
	#header .mobile-nav{display:block; float:right; color:#dfbd7e; font-size:20px;}
	
	.nav{margin-top:15px; display:none;}
	.nav .btn{display:none;}
	.nav ul{float:left; width:100%;}
	.nav ul li{width:100%; margin:0 0 4px;}
	.nav ul li a{line-height:1.4em; padding:8px 15px; background:rgba(0,0,0,0.3); color:#fff;}
	.nav ul li a:hover{color:#fff; background:rgba(0,0,0,0.5);}
	.nav ul li.current-menu-item a, .nav ul li.current-page-ancestor a, .nav ul li.current_page_parent a{background:#dfbd7e; color:#4c2055;}
	.nav ul li a:after{display:none !important;}
	.nav ul li.nav-project{margin-bottom:0;}
	.nav ul li.nav-project > a{display:none;}
	.breadcrumbs{margin-bottom:10px;}
	
	h1{font-size:30px;}
	h2{font-size:26px;}
	h3{font-size:24px;}
	h4{font-size:20px;}
	.page-content h1{margin-bottom:30px;}
	
	.home-slider li{height:300px;}
	.home-slider li img{display:block !important; height:100%;}
	.home-banner-bottom{position:static; padding:25px 0;}
	.home-banner-bottom h1{font-size:24px;}
	.home-banner-bottom .btn{padding:10px 15px; font-size:11px; margin:0 3px 3px;}
	.owl-carousel .owl-controls .owl-nav{margin-top:-25px;}
	.owl-carousel .owl-controls .owl-nav div{width:25px; height:50px; line-height:50px; font-size:30px;}
	.owl-carousel .owl-controls .owl-nav .owl-prev{padding-right:5px;}
	.owl-carousel .owl-controls .owl-nav .owl-next{padding-left:5px;}
	
	.project-banner-bottom{display:none;}
	
	p.lead{font-size:16px;}
	.section{padding:40px 0;}
	.section-about h2{font-size:28px; border-right:none; padding:0;}
	.section-about p{font-size:14px; padding:20px 0 0;}
	.section-recent-work p{margin-bottom:0;}
	.owl-carousel .owl-controls .owl-dots{bottom:-20px;}
	
	.grid-project{height:220px;}
	.grid-project img{display:block;}
	.grid-project .project-inner{opacity:1;  background:rgba(76,32,85, 0.5);}
	.grid-project .project-inner h3{font-size:18px;}
	.grid-project .project-inner p{display:none;}
	.grid-project .project-inner .btn{padding:15px 20px;}
	.grid-project .project-inner h3, .grid-project .project-inner p, .grid-project .project-inner .btn{margin-top:0;}
	.project-tabs .tab-titles{display:none;}
	.project-tabs .tab-content{display:block !important;}
	
	.service-banner{padding:100px 0;}
	
	
	.contact-details p{margin-bottom:20px;}
	.contact-details p span{font-size:16px;}
	.map{max-height:200px;}
	
	.page-overlay{background-size:50% auto;}
	#footer .footer{padding-top:20px;}
	#footer .nav{display:none;}
	#footer .footer-details{text-align:center;}
	#footer .footer-details .sep{display:block;}
	.copyright, .copyright .siteby{text-align:center;}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {

	.home-slider li{height:200px;}
	.projects .col{width:100% !important;}
	.gfield, .gfield.wide{width:100%; margin-right:0 !important;}

}