@media all and (max-width: 1300px) {
	.company-bottom-content p {font-size: 14px;}
	.service1-bottom {padding: 25px 5% 0px 7%;}
	.design-phase-item-content, .service-content {font-size: 14px;}
}

@media all and (max-width: 1250px) {
	.service-big-title {margin-bottom: 15px;}
	#section-service2 .service-title {margin-bottom: 40px;}
}

@media all and (max-width: 1200px) {
	.company-middle2 {padding: 130px 5% 70px 5%;}
	.company-bottom-title {margin-bottom: 30px;}
	.company-left {padding-top: 130px; font-size: 14px;}
	.company-left-title {margin-bottom: 30px;}
	.company-bottom {height: 700px;}
	.company-middle2-content-col {font-size: 14px;}
	
	#section-service1 .section-service-right, #section-service2 .section-service-left, #section-service3 .section-service-right {overflow: hidden;}
	.section-service-right img, .section-service-left img {max-width: initial;}
	
	.about-us-slide .slick-dots {top: 25%;}
}

@media all and (max-width: 1150px) {
	.about-us-slide .slick-dots {top: 20%;}
}

@media all and (max-width: 1100px) {
	#section-portfolio-header {background-size: cover;}
	.company-left {padding: 130px 3% 70px 3%;}
	/*.company-middle-image {top: -10%;}*/
	.company-middle2 {padding: 100px 5% 70px 5%;}
	.company-bottom-title {margin-bottom: 20px;}
	.company-bottom-title-big {font-size: 35px;}
	.company-bottom {height: 700px;}
}

@media all and (max-width: 1000px) {
	#navigation-container {padding: 15% 5% 10% 5%;}
	.portfolio-title {font-size: 50px;}
	
	.company-left {padding: 120px 2.5% 50px 2.5%;}
	.company-middle-image {top: -10%;}
	.company-bottom {padding: 15% 4%;}
	
	.project-detail-black-bg {height: 350px;}
	.project-detail-title {font-size: 40px;}
	
	.logo {width: 20%;}
}

@media all and (max-width: 950px) {
	.company-left {padding-bottom: 30px;}
	.company-bottom-text {top: 7%;}
	
	.service1-top {padding-top: 100px;}
	#section-service1 .service-number {top: 25px;}
	#section-service2 .service-number, #section-service3 .service-number {top: 20px;}
	.section-service-left, .section-service-right {width: 100%;}
	.section-service-right img, .section-service-left img {max-width: 100%; height: auto;}
	
	.design-phase-item {width: 50%;}
	.design-phase-container .clear1 {display: none;}
	.design-phase-container .clear2 {display: block;}
}

@media all and (max-width: 900px) {
	.contact-left-text {font-size: 50px;}
	.contact-image {width: 40%;}
	.company-top {height: 550px; overflow: hidden;}
	.company-right img {max-width: initial;}
	.company-bottom {height: 750px;}
	.company-bottom-text {top: 6%;}
	/*.company-middle-image {top: 0;}*/
	.company-middle2 {padding: 80px 5% 70px 5%;}
	.project-detail-title {font-size: 35px;}
	
	/*.about-us-right {margin-bottom: -100%;}*/
	.about-us-slide .slick-dots {top: 15%;}
}

@media all and (max-width: 850px) {
	.company-middle-image {position: static;}
	.company-middle-image img {max-width: 100%;}
	.company-middle1 {height: auto;}
	.project-detail-title {font-size: 30px;}
	
	/*.about-us-right {margin-bottom: -35%;}*/
}

@media all and (max-width: 800px) {
	.home-title-container #main-title {font-size: 60px;}
	.header-inner {padding: 20px 5%;}
	.contact-left-text {font-size: 40px;}
	.contact-title {font-size: 40px;}
	.contact-image {width: 45%;}
	.company-title {font-size: 40px;}
	.company-bottom {height: 800px;}
	.company-bottom {padding: 30% 4%;}
	.project-container {padding: 150px 3% 70px 3%;}
	.logo {width: 25%; margin-top: -10px;}
	.contact-address-col, .contact-address-col-mobile {width: 100%; position: static; padding: 15px 10% 10px 10%; font-size: 14px;}
	.contact-address-col-mobile {margin-bottom: 20px;}
	.contact-address-title {margin-bottom: 15px;}
	
	/*.about-us-right {margin-bottom: -30%;}*/
	.about-us-slide .slick-dots {top: 12%;}
}

@media all and (max-width: 750px) {
	.project-container {padding: 150px 2% 70px 2%;}
	/*.about-us-right {margin-bottom: -25%;}*/
	.company-bottom {height: 850px;}
}

@media all and (max-width: 700px) {
	.home-title-container #main-title {font-size: 50px;}
	#navigation-container {padding: 17% 5% 10% 5%;}
	.address-footer-container {margin-top: 30px !important; width: 100%;}
	#design-by {margin-top: 65px;}
	.portfolio-title {font-size: 40px; padding-top: 20%;}
	/*.company-left, .company-right {float: none; width: 100%;}
	.company-right {overflow: hidden;}*/
	.company-bottom {display: none;}
	.company-bottom-mobile {display: block;}
	/*.company-middle-image {overflow: hidden;}
	.company-middle-image img {max-width: none;}*/
	.company-middle-image {display: none;}
	.company-middle-image-mobile {display: block;}
	
	/*.about-us-right {margin-bottom: -15%;}*/
	
	.project-detail-left {width: 100%;}
	.project-detail-right {width: 100%;}
	.project-detail-title {color: #000; margin-bottom: 20px;}
	.project-detail-info {position: static; width: 100%;}
}

@media all and (max-width: 650px) {
	.company-title {font-size: 35px;}
	
	/*.about-us-right {margin-bottom: 0;}*/
}

@media all and (max-width: 600px) {
	.home-title-container #main-title {font-size: 40px;}
	.home-title-container {left: 7%;}
	#navigation-container {padding: 20% 5% 10% 5%;}
	.menu-left {display: none;}
	.menu-right {width: 100%;}
	#copyright {margin-top: 50px;}
	.footer-left {padding-left: 3%;}
	.about-us-left {display: none;}
	.about-us-right {width: 100%; float: none; /*margin-bottom: -15%;*/}
	.about-us-page-number-container {width: 28%;}
	.about-us-page-number {width: 23%;}
	.about-us-right-content {width: 72%;}
	.about-us-right-content-container {width: 65%; left: 28%;}
	.about-us-slide .slick-dots {width: 73%; top: 18%}
	.our-work-mobile {display: block;}
	.our-work-right {display: none;}
	.our-work-left {width: 100%;}
	.our-work-item {width: 100%;}
	.portfolio-title {padding-top: 25%;}
	.portfolio-item {width: 50%;}
	.contact-top {display: none;}
	.contact-top-mobile {display: block;}
	.company-top {display: none;}
	.company-top-mobile {display: block;}
	.company-middle2-title-big {font-size: 45px;}
	.company-middle2-content-col {width: 100%; margin-bottom: 10px;}
	.project-detail-title {font-size: 25px;}
	.logo {width: 30%;}
	
	.project-prev span {display: none;}
	.project-next span {display: none;}
}

@media all and (max-width: 550px) {
	/*.about-us-right {margin-bottom: -10%;}*/
	.about-us-slide .slick-dots {top: 15%;}
}

@media all and (max-width: 500px) {
	.home-title-container #welcome {margin-bottom: 15px;}
	#navigation-container {padding: 23% 5% 10% 5%;}
	.menu-item {font-size: 20px;}
	/*.about-us-right {margin-bottom: -10%;}*/
	#section-portfolio-header {background-image: none;}
	.portfolio-title {padding-top: 35%; font-size: 35px; margin-bottom: 30px;}
	.portfolio-categories li {width: 100%;}
	.company-middle2-title-big {font-size: 40px;}
	
	.design-phase-item {width: 100%; height: auto; padding-bottom: 7%; padding-top: 7%;}
	.design-phase-container .clear1 {display: none;}
	.design-phase-container .clear2 {display: none;}
	.logo {width: 35%;}
	
	/*.about-us-right {margin-bottom: 10%;}*/
	.about-us-page-number2 {font-size: 60px;}
	.about-us-slide .slick-dots {top: 12%;}
}

@media all and (max-width: 450px) {
	/*.about-us-right {margin-bottom: 40%;}*/
	.about-us-page-number {font-size: 60px;}
	.our-work-mobile .our-work-title, .our-work-mobile .our-work-button {left: 20%;}
	.portfolio-item {width: 100%;}
}

@media all and (max-width: 400px) {
	/*.about-us-right {margin-bottom: 55%;}*/
	.portfolio-title {padding-top: 30%; font-size: 30px;}
	.company-title-mobile {font-size: 40px;}
	.project-detail-black-bg {height: 300px;}
	.about-us-slide .slick-dots {top: 5%;}
}
/*
@media all and (max-width: 380px) {
	.about-us-right {margin-bottom: 60%;}
}

@media all and (max-width: 370px) {
	.about-us-right {margin-bottom: 65%;}
}

@media all and (max-width: 360px) {
	.about-us-right {margin-bottom: 70%;}
}

@media all and (max-width: 350px) {
	.about-us-right {margin-bottom: 75%;}
}

@media all and (max-width: 340px) {
	.about-us-right {margin-bottom: 80%;}
}

@media all and (max-width: 330px) {
	.about-us-right {margin-bottom: 90%;}
}

@media all and (max-width: 320px) {
	.about-us-right {margin-bottom: 100%;}
}

@media all and (max-width: 310px) {
	.about-us-right {margin-bottom: 100%;}
}
*/