@media (max-width: 1300px) {
	.footer-social li {padding-right: 0;}
	.footer-social li a {background-size: 60%;}
}
@media (max-width: 1024px) {
	#nav-menu-container{margin-right:0;}
}
@media (max-width: 1024px) {
	.nav-menu a {font-size: 14px;}
	.home-carousel-inner .item {height: 500px;}
	.carousel-caption {left: 75px; top: 45%;}
	.welcome-description .container {padding-top: 40px;width:calc(100% - 44px);max-width:none;}
	.carousel-caption h2 {font-size: 40px;line-height: 50px;}
	.carousel-caption h3 {font-size: 38px;line-height: 48px;}
	.carousel-caption p {font-size: 20px;line-height: 42px;}
	.title-border h2 {font-size: 28px;line-height: 38px;}
	.welcome-description .title-border {width: 370px;}
	.welcome-description p {padding-top: 30px;font-size: 16px;line-height: 34px;}
	.button-wrapper {margin-bottom:40px;}
	.portfolio-wrapper ul.filter {margin-bottom: 30px; margin-top: 10px;}
	#our-projects{padding-top:40px;}
	#our-projects .button-wrapper {margin-bottom: 40px; margin-top: 10px;}
	#about-us .button-wrapper {margin-bottom: 30px; margin-left: 20px;}
	#about-us p {font-size: 18px;line-height: 34px;}
	.portfolio-wrapper .portfolio-overlay a {font-size: 20px;}
	.portfolio-wrapper .portfolio-overlay h5 {padding: 31% 0;}
	#contact {margin-top: 40px;}
	#project-in-detail h2 {font-size: 22px; line-height: 38px;}
	#project-in-detail h3 {font-size: 20px; line-height: 33px;}
	#project-in-detail p {font-size: 16px; line-height: 32px;}
	#project-in-detail .highlights {font-size: 14px;}
	.breadcrumb-container .breadcrumb-item, .breadcrumb-container .breadcrumb-item a {font-size: 16px;}
	#project-in-detail {margin-top: 60px;}
	.portfolio-wrapper .project-items{margin-bottom:40px;}
}

@media (min-width: 576px) and (max-width: 991px) {
	.footer-menu {font-size: 12px;}
	.footer-social li a {width: 29px; height: 29px; background-size: 70%;}
	.footer-menu li:after {height: 12px; top: 1px;}
}

@media (max-width: 991px) {
	.project-image {height: auto; margin-bottom: 50px;}
	.project-desc-wrapper .content, .project-desc-wrapper:first-child .content {padding: 0;}
	.project-desc-wrapper:first-child {padding-bottom: 30px;}
	.highlights-container {order: 2;}
	.project-desc-wrapper .highlights-container {padding-top: 50px;}
	.project-desc-wrapper .highlights-image {text-align: center;}
	.highlights-image .pull-right{float:none;}
	.contact-container {margin-left: 16px;}
	.contact-icon {margin-left: 17px;}
	.footer-menu li{padding: 0 15px 0 10px;}
	.highlights-image .button-wrapper{max-width:100%;margin-bottom:20px;}
}
@media (min-width: 768px){
	header#header .container, #topbar .container{max-width:none;}
	#nav-menu-container{margin-right:0;}
}
@media (min-width: 576px){
	header#header .container, #topbar .container, #our-projects .container{max-width:none;}
}
@media (max-width: 768px) {
	#topbar {display:none !important;}
	.portfolio-wrapper .portfolio-overlay a {font-size: 35px;}
	#projects-header .title-border h2{font-size:33px;}
@media (max-width: 767px) {
	.menu-active:after, .menu-active>:first-child:after {display: none;}
	#mobile-nav ul li a {text-align: left;}
	.home-carousel-inner .item {height: 400px;}
	.carousel-caption {left: 0px;padding:0 45px;}
	.carousel-caption h2 {font-size: 30px;line-height: 40px;}
	.carousel-caption h3 {font-size: 28px;line-height: 38px;}
	.carousel-caption p {font-size: 20px;line-height: 42px;}
	.carousel-caption p:after {width: 160px;}
	.welcome-description .container {margin: 0px; width:100%; max-width: 100%;}
	.title-border h2 {font-size: 20px;line-height: 28px;}
	.welcome-description .container {padding: 40px 20px;}
	.welcome-description p {padding-top: 10px; width: 100%;}
	.welcome-description .title-border {width: 265px;}
	#our-projects .title-border {width: 195px;}
	#about-us .title-border {width: 145px;}
	.about-img {height: 80px;}
	#about-us p {padding-left: 0; border: none; font-size: 16px; line-height: 34px; margin-bottom: 0;}
	#about-us .button-wrapper {margin-left: 0; margin-top: 0;text-align: center;}
	#contact {margin-top: 20px; padding-bottom: 10px;}
	.subscribe-subtitle {font-size: 14px; line-height: 20px;}
	#contact .contact-info h3 {font-size: 16px;}
	#contact .contact-info address, #contact .contact-info p, #contact .contact-info a {margin-bottom: 0;}
	#partners .title-border {width: 275px;}
	#partners .container {padding-top: 0;}
	.footer-logo {text-align: center;}
	.footer-menu {font-size: 10px; line-height: 40px;}
	.footer-menu li:after {top: 1px; height: 9px;}
	.footer-social {display: flex; justify-content: center; flex-direction: row; margin-bottom: 0;}
	.footer-social li a {background-size: 100%; width: 28px; height: 28px;}
	.footer-social li {float: none; padding: 0 5px;}
	.footer-menu-wrapper .row {margin: 0;}
	#footer .copyright {font-size: 10px; line-height: 40px;}
	#partners {padding-bottom: 40px;padding-top:40px;}
	#contact .title-border {width: 185px;}
	#project-in-detail h2 {font-size: 20px; line-height: 36px;}
	#project-in-detail h3 {font-size: 18px; line-height: 30px;}
	#project-in-detail p {font-size: 14px; line-height: 30px;}
	#project-in-detail .highlights {font-size: 12px;}
	.breadcrumb-container .breadcrumb-item, .breadcrumb-container .breadcrumb-item a {font-size: 14px;}
	.project-desc-wrapper .content, .project-desc-wrapper:first-child .content {padding-left: 15px; padding-right: 15px;}
	#projects-header .title-border {width: 290px;}
	#projects-header{padding: 75px 0 69px 0;}
	.home-carousel-inner .owl-nav, .welcome-description .container:after, .welcome-description .container:before{display:none;}
	#about-us .container .row .col-xl-6, #about-us .container .row .col-xl-6.content{flex: 0 0 100%;max-width: 100%;}
	#about-us .container .row .col-xl-6.content{margin-top: 37px;}
	.about-img img{max-width:300px;}
	#contact .contact-address, #contact .contact-phone, #contact .contact-email{padding:20px 10px 20px 0px;}
	#contact .email-row{margin-bottom: 40px;}
	#partners .mx-auto{margin:20px auto;}
}

@media (max-width: 575px) {
	.project-items .mall.isotope-item{margin-top: 25px;}
	.portfolio-wrapper .portfolio-content{margin-bottom: 15px;}
}

@media (max-width: 480px) {
	/*.carousel-caption h2 {font-size: 20px;line-height: 30px;}
	.carousel-caption h3 {font-size: 18px;line-height: 28px;}
	.carousel-caption p {font-size: 14px;line-height: 42px;}
	.welcome-description .title-border {width: 250px;}*/
	.portfolio-wrapper ul.filter li {padding: 0 10px;}
	.portfolio-wrapper .portfolio-overlay a {font-size: 25px;}
	.btn-primary{padding: 12px 20px;}
}