.projList span {
margin-bottom:15px;
}	
.projList span.filSpan{
display:block;	
}

@media (min-width: 768px) {
	.featured-slider .project-wrapper .content-block {
		visibility: hidden;
	}
	.project-grid {
	    margin-bottom: 50px;
	}
}

@media (min-width: 992px){
	/* NAVIGATION MENU */
	.main-nav .navbar {
		padding: 0 50px;
	}
	.main-nav .navbar-expand-lg .navbar-nav .nav-link {
	    padding: 0 12px;
    	line-height: 115px;
	}
	.main-nav .is-sticky .navbar-expand-lg .navbar-nav .nav-link {
		line-height: 80px;
	}
	.main-nav .is-sticky .navbar-brand > img {
		max-width: 250px;
	}
	.main-nav .dropdown .dropdown-menu {
		background-color: #09192b;
		display: block;
		opacity: 0;
		padding: 10px 0;
		transition: 0.3s all ease-in-out;
		visibility: hidden;
		transform: translateY(30px);
	}
	.main-nav .dropdown:hover .dropdown-menu {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}
	.main-nav .dropdown-item { 
		color: #fff; 
	}
	.main-nav .is-sticky .navbar-expand-lg .navbar-nav .nav-link {
		line-height: 70px;
	}

}
@media (min-width: 1367px) {
	.container {
		max-width: 1330px;
	}
	.main-nav .navbar-expand-lg .navbar-nav .nav-link {
	    padding: 0 15px;
	}    
	/* NAVIGATION MENU */
	.services-box .content-wrapper p {
		line-height: 26px;
	}
}
@media (min-width: 1201px) {
	/* ABOUT SECTION */
	.about-section .section-title {
	    min-width: 750px;
	}
}
@media (max-width: 1366px) {
	body {
	    font-size: 17px;
	    line-height: 29px;
	}
	h1, .h1 {
	    font-size: 71px;
	    line-height: 74px;
	    letter-spacing:7px;
	}
	h2, .h2 {
		font-size: 55px;
		line-height: 73px;
	}
	h3, .h3 {
	    font-size: 43px;
	    line-height: 49px;
	    letter-spacing: 4px;
	}
	h4, .h4 {
	    font-size: 30px;
	    line-height: 40px;
	}
	h5, .h5 {
	    font-size: 19px;
	    line-height: 25px;
	}
	h6, .h6 {
	    font-size: 15px;
	    line-height: 20px;
	}
	.btn {
	    font-size: 19px;
	    line-height: 45px;
	}
	.btn.btn-lg {
	    font-size: 25px;
	    line-height: 50px;
	}
	section, .section {
	    padding-bottom: 100px;
	    padding-top: 100px;
	}
	.main-nav .navbar-brand > img,.main-nav .is-sticky .navbar-brand > img {
	    max-width: 215px
	}
	.main-nav .navbar-nav .nav-link {
	    font-size: 17px;
	}
	.featured-slider .project-wrapper .content-block {
	    padding-top: 120px;
	    padding-bottom: 120px;
	}
	.featured-slider p > br {
	    display: none;
	}
}	
@media (max-width: 1200px) {
	.footer .widget .footer-logo {
		margin-bottom: 30px;
	}
	.footer .widget .footer-logo > img {
		max-width: 200px;
	}
}	
@media (max-width: 991px) {
	.main-nav .navbar-brand > img, .main-nav .is-sticky .navbar-brand > img {
	    max-width: 180px;
	}
}
@media (max-width: 767px) {
	body {
	    letter-spacing: 1px;
	    font-size: 14px;
	    line-height: 26px;
	}
	p {
		margin-bottom: 30px;
	}
	h1, .h1 {
	    font-size: 51px;
	    line-height: 54px;
	    letter-spacing:5px;
	}
	h3, .h3 {
	    font-size: 33px;
	    line-height: 39px;
	    letter-spacing: 3px;
	}
	h4, .h4 {
	    font-size: 25px;
	    line-height: 35px;
	    letter-spacing: 2px;
	}
	h5, .h5 {
	    font-size: 16px;
	    line-height: 22px;
	}
	.btn {
	    font-size: 17px;
	    line-height: 40px;
	}
	.btn.btn-lg {
	    font-size: 21px;
	    line-height: 45px;
	}
	.form-field {
	    margin: 0 0 30px;
	}
	.table {
		margin-bottom: 30px;
	}
	section, .section {
	    padding-bottom: 60px;
	    padding-top: 60px;
	}
	.section-title {
	    margin-bottom: 15px;
	}
	.section-title h6 {
	    margin-bottom: 15px;
	}
	.featured-slider.owl-carousel .owl-nav > button {
	    height: 50px;
	    line-height: 50px;
	    width: 50px;
	}
	.featured-slider.owl-carousel .owl-nav > button.owl-next {
	    left: 50px;
	}
	.featured-slider.owl-carousel .owl-nav > button i {
	    font-size: 25px;
	}
	.project-grid .project-content {
	    padding: 30px 15px;
	}
	.project-grid .project_location {
	    max-width: 75%;
	}
	.footer .widget {
		margin-bottom: 30px;
	}
	.footer .footer-widgets {
	    padding: 60px 0 30px;
	}
	.footer .widget .footer-menu > li,.footer .widget .copyright-widget p {
	    margin-bottom: 10px;
	}
}
@media (max-width: 575px) {	
	h1, .h1 {
	    font-size: 41px;
	    line-height: 44px;
	    letter-spacing: 3px;
	}
	.btn {
		border-width:2px;
		font-size: 15px;
	    line-height: 35px;
	}
	.btn.btn-lg {
	    font-size: 19px;
	    line-height: 40px;
	}
}
@media (max-width: 360px) {

}	

/*All Devices with Responsive Nav*/
@media (min-width: 320px) and (max-width: 736px) {
.projList span {
display: table;
margin-right: 0px;
margin-bottom:15px;
float:none;
}	
	
}

/*PHONES*/
@media (max-width: 480px) {
	
}



/*iPhone 6*/
@media (min-width: 375px) and (max-width: 479px) {
	
	
}



/*iPhone 6 Landscape*/
@media (min-width: 666px) and (max-width: 668px) {
	
	
}




/*TABLET PORTRAIT*/
@media (min-width: 481px) and (max-width: 767px) {
	
	
}


/*iPhone 5 Landscape*/
@media (min-width: 567px) and (max-width: 569px) {
	
	
}



/*iPhone 6 Plus */
@media (min-width: 666px) and (max-width: 668px) {
	
	
	
	
}


/*iPhone 6 Plus Landscape*/
@media (min-width: 735px) and (max-width: 737px) {
	
	
}


/*TABLET Portrait*/
@media (min-width: 768px) and (max-width: 1023px) {
	
	
}


/*That weird break point between landscape tablet and desktop*/
@media (min-width: 1024px) and (max-width: 1200px) {
	
	
}



@media (min-width: 992px) and (max-width: 1023px) {
	
	
}