@media (min-width:1920px) {
     .wrapper {
         width: 1326px;
     }

/*      .wrapper.small {
         width: 1326px;
     } */
	 

	 
 }

 @media only screen and (max-width: 1800px) {

	 .header {
		 padding:37px 0;
	 }
	 
	 .header-row img,
     .footer-logo img {
         max-width: 212px;
		 height:auto;
     }
     
	 .header-row .header-box:first-child a {padding:17px 26px;}
	 
	 .toggle-button {
		margin-left: 50px;
	}
	 
	 .banner-content {
		 margin-top:180px;
	 }
	 
	 h1 {font-size:30px;}
	 
	 section {
		padding: 95px 0;
	}
	 
	 h2 {font-size:44px;}
	 
	 .heading-group {
		margin-bottom: 28px;
	}
	 
	 .build-content {margin-top:30px;}
	 
	 .build-content .icon {margin-right:28px;}
	 
	 h5 {
		font-size: 23px;
	}
	 
	 .nav-row ul.menu li a {
         font-size: 46px;
     }
	 
	 .enquiry-row {
		padding: 95px 70px 100px 70px;
		width: 37.0185%;
	}
	 .enquiry-block .heading-group {
		margin-bottom: 26px;
	}
	 
	 body , h6 {font-size:17px;}
	 
	 .intro-description {
		margin-bottom: 36px;
	}
	 
	 h3 {
		font-size: 34px;
	}
	 
	 .button {
		 padding:9px 26px;
		 font-size:13px;
	 }
	 
	  .footer {
		 padding:130px 0 75px 0;
		  margin-top:95px;
	 }
	 
	 .footer-row .company-information {
		margin-bottom: -37px;
	}
	 
	 .footer-row .company-information li {
		margin-bottom: 37px;
	}
	 
	 .footer-menu {
		margin-top: 85px;
	}
	 
	 .copyright-text {
		 padding: 21px 0;
	 }
	 
	 .copyright-text p {font-size:15px;}
	 
	 .footer-logo a {padding:75px 65px;}
	 
	 section.about-section {
		margin-top: -78px;
	}
	 
	 .about-row {
		width: 77.702866%;
	}
	 
	 .about-inner {padding: 95px 150px 70px 95px;}
	 
	 .about-section .intro-description {
		margin-bottom: 64px;
	}
	 
	 .about-section .button {padding:19px 42px;}
	 
	 .closed-title , h4  {font-size:27px;}


	.tab-content .intro-description {
		margin-bottom: 30px;
/* 		width: 89.796%; */
	}

	.tab-content {padding:38px 50px;}

/* 	.tabs {
		width: 14.535445%;
	} */
	 
	 
	 .card-content {
		width: 39.49%;
		padding: 45px 19px 100px 19px;
	}

	.card-content .heading-group {margin-bottom: 52px;}

	.card-content .button {
		padding: 9px 18px;
	}
	 
	 .card-block-inner {
		padding: 55px 35px 90px 35px;
	}

	p {margin:0 0 28px 0;}

	.card-block .button {
		padding: 9px 32px;
	}
	 
	 .collection-row  .slick-slide.slick-center+.slick-slide .collection-slide {
		transform: scale(0.9) translate(85px);
		z-index: 10;
		opacity: .8
	}


	.collection-row .slick-slide.slick-active .collection-slide {
		transform: scale(0.9) translate(-85px);
		opacity: 0.8;
	}
	 
	 .collection-row {
		margin: 90px 0;
	}
	 
	 .project-slide {
		width: 390px;
	}

	.project-content .intro-description p {
		font-size: 15px;
	}

	.project-button .button {
		padding:21px 0;
	}

	.project-content {
		padding: 0 0 45px 40px;	
	}
	 
/* 	 section.project-section {
		padding-bottom: 240px;
	} */
	 
	 .project-button {
		 margin-bottom:-61px;
	 }
	 
	 .process-wrap {
		padding: 80px 80px 70px 80px;
	}

	.process-block {
		width: 139px;
	}

	.process-number {
		width: 75px;
		height: 75px; 
	}

	.process-number span {
		font-size: 20px;
	}

	.process-details {
		margin-top: 12px;
	}

	.process-details p {
		font-size: 13px;
	}

	.process-block:not(:last-child)::after {
		right: -12px;
	}

	.process-wrap:before {
		bottom: 153px;
	}
	 
	 section.service-section {
		 padding-bottom: 165px;
	 }
	 
	 section.process-section {
		padding: 130px 0 190px 0;
	}
	 
	 button.slick-arrow {
		 margin-top:55px;
	 }
	 
	 .process-content {
		width: 64.27%;
	}
	 
	 .contact-detail {
		width: 43%;
		padding: 0 45px;
		margin: 28px 0;
	}
	 
	 .map {
		width: 53%;
	}
	 
	 .enquiry-page-row .content-part {
		width: 53.7325%;
	}

		 .enquiry-page-row .enquiry-form {
		width: 44.0116%;
	}
	 
	 .accordion {
		font-size: 27px;
		padding: 28px;
	 }
	 
	 .accordion-content {padding:28px;}
	 
	 .accordion-icon {
		 width:65px;
		 height:65px;
	 }
	 
	 .about-content {
		margin-top: -180px;
		padding:28px;
	}



	.vision-section{
		margin-top: -95px;
	}
	 
	.vision-row{
		padding: 45px 0;
	}
	 
	 .value-one-row{
		margin-bottom:28px;
	}
	 
	 .service-one {
		 margin-bottom:95px;
	 }
	 
	 .image-item .image-content {
		padding: 18px 37px;
	}
	 
	 section.our-partners {padding-bottom:120px;}
}

 @media only screen and (max-width: 1600px) {
	 
	 .header {
         padding: 33px 0;
     }

     .header-row img,
     .footer-logo img  {
         max-width: 189px;
     }

	 
	 .header-row .header-box:first-child a {padding:16px 24px;}
	 
     .toggle-button {
         margin-left: 45px;
     }
	 
	  .wrapper {
        width: 79.063%;
    }

	  .banner-content {
		 margin-top:160px;
		  width:45%;
	 }
	 
	 h1 {font-size:28px;}
	 

	  section {
		padding: 90px 0;
	}
	 
	 h2 {font-size:40px;}
	 
	 .heading-group {
		margin-bottom: 26px;
	}
	 
	 .build-content {margin-top:28px;}
	 
	 .build-content .icon {margin-right:26px;}
	 
	 h5 {
		font-size: 22px;
	}
	 
	 .nav-row ul.menu li a {
    	font-size: 41px;
	}
	 
	 .enquiry-row {
		padding: 90px 65px 100px 65px;
		width: 39.0185%;
		top: 90px;
	}
	 
	 .enquiry-block .heading-group {
		margin-bottom: 24px;
	}
	 
	 body , h6 {font-size:16px;}
	 
	 .intro-description {
		margin-bottom: 32px;
	}
	 
	 h3 {
		font-size: 32px;
	}
	 
	 .button {
		 padding:9px 24px;
		 font-size:12px;
	 }
	 
	 
	   .footer {
		 padding:115px 0 70px 0;
		   margin-top:90px;
	 }
	 
	 .footer-row .company-information {
		margin-bottom: -33px;
	}
	 
	 .footer-row .company-information li {
		margin-bottom: 33px;
	}
	 
	 .footer-menu {
		margin-top: 80px;
	}
	 
	 .copyright-text {
		 padding: 20px 0;
	 }
	 
	 .copyright-text p {font-size:14px;}
	 
	 .footer-logo a {padding:70px 60px;}
	 
	 section.about-section {
		margin-top: -72px;
	}
	 
	 .about-row {
		width: 73.702866%;
	}
	 
	 .about-inner {padding: 90px 135px 65px 90px;}
	 
	 .about-section .intro-description {
		margin-bottom: 58px;
	}
	 
	 .about-section .button {padding:18px 38px;}
	 
	  .closed-title , h4  {font-size:26px;}


	.tab-content .intro-description {
		margin-bottom: 28px;
/* 		width: 81.796%; */
	}

	.tab-content {padding:35px 45px;}
/* 
	.tabs {
		width: 14.535445%;
	} */
	 
	 .card-content {
		padding: 42px 18px 100px 18px;
	}

	.card-content .heading-group {
		margin-bottom: 46px;
	}
	 
	 .card-block-inner {
		padding: 50px 32px 80px 32px;
	}

	p {margin:0 0 26px 0;}

	.card-block .button {
		padding: 9px 30px;
	}
	 
	 
	 .collection-row  .slick-slide.slick-center+.slick-slide .collection-slide {
		transform: scale(0.9) translate(80px);
		z-index: 10;
		opacity: .8
	}


	.collection-row .slick-slide.slick-active .collection-slide {
		transform: scale(0.9) translate(-80px);
		opacity: 0.8;
	}
	 
	 .collection-row {
		margin: 80px 0;
	}
	 
	  .project-slide {
		width: 375px;
	}

	.project-content .intro-description p {
		font-size: 14px;
	}

	.project-button .button {
		padding:20px 0;
	}

	.project-content {
		padding: 0 0 40px 35px;	
	}
	 
/* 	  section.project-section {
		padding-bottom: 240px;
	} */
	 
	 .project-button {
		 margin-bottom:-58px;
	 }
	 
	.process-wrap {
		padding: 75px 75px 68px 75px;
	}

	.process-block {
		width: 135px;
	}

	.process-number {
		width: 70px;
		height: 70px; 
	}

	.process-number span {
		font-size: 18px;
	}

	.process-details {
		margin-top: 12px;
	}

	.process-details p {
		font-size: 12px;
	}

	.process-block:not(:last-child)::after {
		right: -12px;
        top:30px;
	}

	.process-wrap:before {
		bottom: 145px;
	}
	 
	 section.service-section {
		 padding-bottom: 150px;
	 }

	  section.process-section {
		padding: 125px 0 180px 0;
	}
	 
	 button.slick-arrow {
		 margin-top:50px;
	 }
	 
	 .process-content {
		 width: 59.27%;
	 }
	 
	 .contact-detail {
		padding: 0 40px;
		margin: 26px 0;
	}
	 
	 .enquiry-page-row .enquiry-form {
		width: 45.0116%;
	}

		 .enquiry-page-row .content-part {
		width: 50.7325%;
	}
	 
	 
	 .accordion {
		font-size: 26px;
		padding: 26px;
	 }
	 
	 .accordion-content {padding:26px;}
	 
	 .accordion-icon {
		 width:60px;
		 height:60px;
	 }
	 
	 
	 .about-content {
		margin-top: -160px;
		padding:26px;
	}



	.vision-section{
		margin-top: -90px;
	}
	 
	.vision-row{
		padding: 42px 0;
	}
	 
	 .value-one-row{
		margin-bottom:26px;
	}
	 
	 .service-one {
		 margin-bottom:90px;
	 }
	 .image-item .image-content {
		padding: 16px 33px;
	}
	 
	 section.our-partners {padding-bottom:110px;}
}

 @media only screen and (max-width: 1440px) {
   
	 .header {
         padding: 30px 0;
     }

     .header-row img,
     .footer-logo {
         max-width: 170px;
     }
	
	.header-row .header-box:first-child a {padding:14px 22px;}
	 
     .wrapper {
         width: 82%;
     }

     .toggle-button {
         margin-left: 40px;
     }

	  .banner-content {
		 margin-top:160px;
		  width:45%;
	 }
	 
	 h1 {font-size:26px;}
	 
	 section {
		padding: 85px 0;
	}
	 
	 
	  h2 {font-size:36px;}
	 
	 .heading-group {
		margin-bottom: 24px;
	}
	 
	 .build-content {margin-top:26px;}
	 
	 .build-content .icon {margin-right:24px;}
	 
	 h5 {
		font-size: 21px;
	}
	 
	 .nav-row ul.menu li a {
		font-size: 37px;
	}
	 
	 
	 enquiry-row {
		padding: 85px 60px 100px 60px;
	}
	 
	 .enquiry-block .heading-group {
		margin-bottom: 22px;
	}
	 
	 body , h6 {font-size:15px;}
	 
	 .intro-description {
		margin-bottom: 30px;
	}
	 
	 h3 {
		font-size: 30px;
	}
	 
	 .button {
		 padding:9px 22px;
	 }
	 
	   .footer {
		 padding:100px 0 68px 0;
		   margin-top:85px;
	 }
	 
	 .footer-row .company-information {
		margin-bottom: -30px;
	}
	 
	 .footer-row .company-information li {
		margin-bottom: 30px;
	}
	 
	 .footer-menu {
		margin-top: 75px;
	}
	 
	 .copyright-text {
		 padding: 19px 0;
	 }
	 
	 
	  .footer-logo a {padding:60px;}
	 
	 	 .copyright-text p {font-size:13px;}
	 
	  section.about-section {
		margin-top: -72px;
	}
	 
	 .about-row {
		width: 68.702866%;
	}
	 
	 .about-inner {padding: 85px 115px 60px 85px;}
	 
	 .about-section .intro-description {
		margin-bottom: 55px;
	}
	 
	 .about-section .button {padding:17px 35px;}
	 
	  .closed-title , h4  {font-size:25px;}


	.tab-content .intro-description {
		margin-bottom: 26px;
/* 		width: 77.796%; */
	}

	.tab-content {padding:32px 42px;}

	 .card-content {
		padding: 40px 18px 90px 18px;
	}

	.card-content .heading-group {
		margin-bottom: 40px;
	}
	 
	 .card-block-inner {
		padding: 45px 30px 70px 30px;
	}

	p {margin:0 0 24px 0;}

	.card-block .button {
		padding: 9px 28px;
	}
	 
/* 	 .enquiry-img img {
		height: 100vh;
	} */
	 
	  .collection-row  .slick-slide.slick-center+.slick-slide .collection-slide {
		transform: scale(0.9) translate(75px);
		z-index: 10;
		opacity: .8
	}


	.collection-row .slick-slide.slick-active .collection-slide {
		transform: scale(0.9) translate(-75px);
		opacity: 0.8;
	}
	 
	 .collection-row {
		margin: 70px 0;
	}
	 
	
	.project-button .button {
		padding:20px 0;
	}

	.project-content {
		padding: 0 0 40px 35px;	
	}
	 
/* 	 section.project-section {
		padding-bottom: 200px;
	} */
	 
	 .process-wrap {
		padding: 70px 70px 65px 70px;
	}
	 
	 .process-wrap:before {
		bottom: 150px;
	}
	 
	 
	 .process-wrap {
		padding: 70px 70px 65px 70px;
	}

	.process-block {
		width: 135px;
	}

	.process-number {
		width: 65px;
		height: 65px; 
	}

	.process-number span {
		font-size: 17px;
	}

	.process-details {
		margin-top: 12px;
	}

	.process-details p {
		font-size: 12px;
	}

	.process-block:not(:last-child)::after {
		right: -12px;
        top:25px;
	}

	.process-wrap:before {
		bottom: 143px;
	}

	 section.service-section {
		 padding-bottom: 140px;
	 }

	 section.process-section {
		padding: 120px 0 170px 0;
	}
	 
	 button.slick-arrow {
		 margin-top:45px;
	 }
	 
	 .process-content {
		 width: 56.27%;
	 }
	 
	 .contact-detail {
		width: 45%;
		padding: 0 35px;
		margin: 24px 0;
	}
	 
	 .enquiry-page-row .content-part {
		width: 47.7325%;
	}

		 .enquiry-page-row .enquiry-form {
		width: 47.0116%;
	}
	 
	  .accordion {
		font-size: 25px;
		padding: 24px;
	 }
	 
	 .accordion-content {padding:24px;}
	 
	 .accordion-icon {
		 width:55px;
		 height:55px;
	 }
	 
	 .about-content {
		margin-top: -140px;
		padding:24px;
	}



	.vision-section{
		margin-top: -85px;
	}
	 
	.vision-row{
		padding: 40px 0;
	}
	 
	 .value-one-row{
		margin-bottom:24px;
	}
	 
	 .service-one {
		 margin-bottom:85px;
	 }
	 
	 .service-image-block {
		width: 50%;
	}

	 .service-content {
		width: 44%;
		margin: auto;
	}
	 
	 .image-item .image-content {
		padding: 15px 30px;
	}
	 
	 section.our-partners {padding-bottom:100px;}
 }

 @media only screen and (max-width: 1360px) {
     
	 
	 .header {
         padding: 28px 0;
     }

     .header-row img,
     .footer-logo img{
         max-width: 161px;
     }

	 .header-row .header-box:first-child a {padding:12px 20px;}
	 
     .toggle-button {
         margin-left: 35px;
     }
	 
	 .banner-content {
		 margin-top:140px;
		 width:51%;
	 }
	 
	 h1 {font-size:26px;}
	 
	 section {
		padding: 80px 0;
	}
	 
	  h2 {font-size:32px;}
	 
	 .heading-group {
		margin-bottom: 22px;
	}
	 
	 .build-content {margin-top:24px;}
	 
	 .build-content .icon {margin-right:22px;}
	 
	 h5 {
		font-size: 20px;
	}
	 
	  .nav-row ul.menu li a {
		font-size: 35px;
	}
	 
	 
	.enquiry-row {
		padding: 85px 60px;
		width: 43.2%;
		top: 65px;
	}
	 
	 .enquiry-block .heading-group {
		margin-bottom: 20px;
	}
	 
	 
	 .intro-description {
		margin-bottom: 28px;
	}
	 
	 h3 {
		font-size: 28px;
	}
	 
	 .button {
		 padding:9px 20px;
	 }
	 
	  .footer {
		 padding:90px 0 65px 0;
		  margin-top:80px;
	 }
	 
	 .footer-row .company-information {
		margin-bottom: -28px;
	}
	 
	 .footer-row .company-information li {
		margin-bottom: 28px;
	}
	 
	 .footer-menu {
		margin-top: 70px;
	}
	 
	 .copyright-text p {font-size:12px;}
	 
	 .copyright-text {
		 padding: 18px 0;
	 }
	 
	 .footer-row .left-block {
		width: 70%;
	}
	 
	 .footer-row .right-block {
		width: 29%;
	}
	 
	 .footer-logo a {padding:50px;}
	 
	 section.about-section {
		margin-top: -65px;
	}
	 
	 .about-row {
		width: 72.702866%;
	}
	 
	 .about-inner {padding: 80px 100px 58px 80px;}
	 
	 .about-section .intro-description {
		margin-bottom: 50px;
	}
	 
	 .about-section .button {padding:16px 32px;}
	 
	 .closed-title , h4  {font-size:24px;}


	.tab-content .intro-description {
		margin-bottom: 24px;
/* 		width: 87.796%; */
	}

	.tab-content {padding:30px 40px;}
	 
	 .card-content {
		width: 34.49%;
		padding: 40px 18px 90px 18px;
	}

	.card-content .heading-group {
		margin-bottom: 40px;
	}
	 
	 .card-block-inner {
		padding: 35px 28px 45px 28px;
	}

	p {margin:0 0 22px 0;}

	.card-block .button {
		padding: 9px 26px;
	}
	 
	 
	  .collection-row  .slick-slide.slick-center+.slick-slide .collection-slide {
		transform: scale(0.9) translate(70px);
		z-index: 10;
		opacity: .8
	}


	.collection-row .slick-slide.slick-active .collection-slide {
		transform: scale(0.9) translate(-70px);
		opacity: 0.8;
	}
	 
	  .collection-row {
		margin: 60px 0;
	}
	 
	 .project-slide {
		width: 350px;
	}
/* 	 
	  section.project-section {
		padding-bottom: 180px;
	} */
	 
	 .process-wrap {
		padding: 60px;
	}

	.process-block {
		width: 127px;
	}

	.process-number {
		width: 60px;
		height: 60px; 
	}

	.process-number span {
		font-size: 16px;
	}

	.process-details {
		margin-top: 12px;
	}

	.process-details p {
		font-size: 12px;
	}

	.process-block:not(:last-child)::after {
		right: -10px;
        top:22px;
	}

	.process-wrap:before {
		bottom: 136px;
	}

	 section.service-section {
		 padding-bottom: 130px;
	 }
	 
	 section.process-section {
		padding: 110px 0 160px 0;
	}
	 
	 
	 button.slick-arrow {
		 margin-top:40px;
	 }
	 
	 .process-content {
		width: 62.27%;
	}
	 
	 .contact-detail {
		width: 45%;
		padding: 0 30px;
		margin: 22px 0;
	}
	 
	 .enquiry-page-row .content-part , .enquiry-page-row .enquiry-form {
		width: 49%;
	}

	 
	   .accordion {
		font-size: 24px;
		padding: 22px;
	 }
	 
	 .accordion-content {padding:22px;}
	 
	 .accordion-icon {
		 width:50px;
		 height:50px;
	 }
	
	  .about-content {
		margin-top: -120px;
		padding:22px;
	}



	.vision-section{
		margin-top: -80px;
	}
	 
	.vision-row{
		padding: 35px 0;
	}
	 
	 .value-one-row{
		margin-bottom:22px;
	}
	 
	 .service-one {
		 margin-bottom:80px;
	 }
	 
	 .image-item .image-content {
		 padding: 14px 28px;
	 }
	 
	 section.our-partners {padding-bottom:90px;}
}

 @media only screen and (max-width: 1200px) {
  
	 .header {
         padding: 25px 0;
     }

     .header-row img,
     .footer-logo img{
         max-width: 141px;
     }
	 
	 
	 .header-row .header-box:first-child a {padding:10px 18px;}

     .toggle-button {
         margin-left: 30px;
     }

	 .banner-content {
		 margin-top:130px;
		 width:55%;
	 }
	 
	  section {
		padding: 75px 0;
	}
	 
	  h2 {font-size:28px;}
	 
	 .heading-group {
		margin-bottom: 20px;
	}
	 
	 .build-content {margin-top:22px;}
	 
	 .build-content .icon {margin-right:20px;}
	 
	  .nav-row ul.menu li a {
		font-size: 31px;
	}
	 
	  .footer {
		 padding:80px 0 60px 0;
		  margin-top:75px;
	 }
	 
	 .footer-row .company-information {
		margin-bottom: -25px;
	}
	 
	 .footer-row .company-information li {
		margin-bottom: 25px;
	}
	 
	 .footer-menu {
		margin-top: 60px;
	}
	 
	 .copyright-text {
		 padding: 16px 0;
	 }
	 
	.footer-logo a {padding:48px;}
	 
	  section.about-section {
		margin-top: -62px;
	}
	 
	 .about-row {
		width: 77.702866%;
	}
	 
	 .about-inner {padding: 75px 90px 55px 75px;}
	 
	 .about-section .intro-description {
		margin-bottom: 45px;
	}
	 
	 .about-section .button {padding:15px 28px;}
	 
	 .closed-title , h4  {font-size:23px;}


	.tab-content .intro-description {
		margin-bottom: 22px;
		width: 100%;
	}

	.tab-content {padding:28px 38px;}
	 
	 .card-content {
		width: 36.49%;
		padding: 35px 18px 80px 18px;
	}

	.card-content .heading-group {
		margin-bottom: 36px
	}
	 
	  h3 {
		font-size: 26px;
	}
	
	 
	 .card-block-inner {
		padding: 25px 25px 30px 25px;
	}

	p {margin:0 0 20px 0;}

	.card-block .button {
		padding: 9px 24px;
	}
	 
	 .intro-description {
		margin-bottom: 24px;
	}
	 
	 
	 .enquiry-row {
		padding: 80px 55px;
		width: 46.7%;
		top: 30px;
	}
	 
	 
	   .collection-row  .slick-slide.slick-center+.slick-slide .collection-slide {
		transform: scale(0.9) translate(65px);
		z-index: 10;
		opacity: .8
	}


	.collection-row .slick-slide.slick-active .collection-slide {
		transform: scale(0.9) translate(-65px);
		opacity: 0.8;
	}
	 
/* 	  .collection-row {
		margin: 50px 0;
	} */
	 
	 .project-slide {
		width: 331px;
	}
	 
/* 	  section.project-section {
		padding-bottom: 170px;
	} */
	 
	.process-wrap {
		padding: 50px;
	}

	.process-block {
		width: 113px;
	}

	.process-number {
		width: 55px;
		height: 55px; 
	}

	.process-number span {
		font-size: 16px;
	}

	.process-details {
		margin-top: 12px;
	}

	.process-details p {
		font-size: 12px;
	}

	.process-block:not(:last-child)::after {
		right: -10px;
        top:21px;
	}

	.process-wrap:before {
		bottom: 138px;
	}

	section.service-section {
		 padding-bottom: 120px;
	 }

	 section.process-section {
		padding: 100px 0 150px 0;
	}
	 
	 button.slick-arrow {
		 margin-top:35px;
	 }
	 
	 .process-content {
		 width: 68.27%;
	 }
	 
	 .contact-detail {
		margin: 20px 0;
	}
	 
	 .accordion {
		font-size: 23px;
		padding: 20px;
	 }
	 
	 .accordion-content {padding:20px;}
	 
	 .accordion-icon {
		 width:45px;
		 height:45px;
	 }
	 
	 
	  .about-content {
		margin-top: -100px;
		padding:20px;
	}



	.vision-section{
		margin-top: -75px;
	}
	 
	.vision-row{
		padding: 30px 0;
	}
	 
	 .value-one-row{
		margin-bottom:20px;
	}
	 
	 .service-one {
		 margin-bottom:75px;
	 }
	 
	 .service-image-block {
		 width: 52%;
	 }
	 
	 section.our-partners {padding-bottom:80px;}
}

 @media only screen and (max-width: 1100px) {
     
	 .header {
         padding: 21px 0;
     }

     .header-row img,
     .footer-logo img {
         max-width: 121px;
     }
	 
	 .header-row .header-box:first-child a {padding:9px 16px;}
	 
	 .toggle-button {
         margin-left: 28px;
     }
	 
	 .wrapper {
         width: 90%;
     }

	  .banner-content {
		 margin-top:125px;
		 width:61%;
	 }
	 
	   h2 {font-size:26px;}
	 
	 .heading-group {
		margin-bottom: 18px;
	}
	 
	 .build-content {margin-top:20px;}
	 
	 .build-content .icon {margin-right:18px;}
	 
	 .nav-row ul.menu li a {
		font-size: 26px;
	 }	
	 
	 .footer {
		 padding:70px 0 55px 0;
		
	 }
	 
	 .footer-row .company-information {
		margin-bottom: -21px;
	}
	 
	 .footer-row .company-information li {
		margin-bottom: 21px;
	}
	 
	 .footer-menu {
		margin-top: 50px;
	}
	 
	 .footer-logo a {padding:45px; width:25%;}
	 
	  section.about-section {
		margin-top: -50px;
	}
	 
	 .about-row {
		width: 75.702866%;
	}
	 
	 .about-inner {padding: 70px 80px 50px 70px;}
	 
	 .about-section .intro-description {
		margin-bottom: 40px;
	}
	 
	 .about-section .button {padding:14px 25px;}
	 
	  .closed-title , h4  {font-size:22px;}


	.tab-content .intro-description {
		margin-bottom: 20px;
	}

	.tab-content {padding:26px 36px;}
	 
	 .tabs {
/* 		width: 15.535445%; */
	}
	 
	 .card-content {
		padding: 32px 18px 70px 18px;
	}

	.card-content .heading-group {
		margin-bottom: 34px;
	}
	 
	 h3 {
		font-size: 24px;
	}
	 
	 .card-block-inner {
		padding: 20px 20px 25px 20px;
	}

	p {margin:0 0 18px 0;}

	.card-block .button {
		padding: 9px 22px;
	}
	 
	 .intro-description {
		margin-bottom: 22px;
	}
	 
	 .enquiry-row {
		width: 49.7%;
		top: 90px;
	}
	 
	  .collection-row  .slick-slide.slick-center+.slick-slide .collection-slide {
		transform: scale(0.9) translate(60px);
		z-index: 10;
		opacity: .8
	}


	.collection-row .slick-slide.slick-active .collection-slide {
		transform: scale(0.9) translate(-60px);
		opacity: 0.8;
	}
	 
/* 	 .collection-row {
		margin: 45px 0;
	} */
	 
	 .project-row .slick-slide {
		margin: 0 10px;
	}
	 
	 .project-content {
		padding: 0 0 30px 20px;
	}
	 
	 .project-slide {
		width: 350px;
	}
	 
/* 	 section.project-section {
		padding-bottom: 160px;
	} */
	 
	 section.service-section {
		 padding-bottom: 110px;
	 }
	 
	  section.process-section {
		padding: 90px 0 135px 0;
	}
	 
	 .process-content {
		width: 67.27%;
	}
	 
	 .accordion {
		font-size: 22px;
		padding: 18px;
	 }
	 
	 .accordion-content {padding:18px;}
	 
	 .accordion-icon {
		 width:40px;
		 height:40px;
		 padding:12px;
	 }
	 
	 .icon-line {
		top: 12px;
		bottom: 12px;
	}
	 
	 .about-us-image img {width:95%;}
	 
	  .about-content {
		margin-top: -80px;
	}



	.vision-section{
		margin-top: -70px;
	}
	 
	.vision-row{
		padding: 25px 0;
	}
	 

	 section.our-partners {padding-bottom:70px;}
}


 @media only screen and (max-width: 1024px) {
     
	 
	 .header {
         padding: 20px 0;
     }

     .header-row img,
     .footer-logo {
         max-width: 117px;
     }
	 
	 .header-row .header-box:first-child a {padding:8px 14px;}

     .toggle-button {
         margin-left: 26px;
     }

	  .banner-content {
		 margin-top:120px;
	 }
	 
	  section {
		padding: 70px 0;
	}
	 
	 .build-content {margin-top:18px;}
	 
	 .nav-row ul.menu li a {
		font-size: 25px;
		letter-spacing: 2px;
	}
	 
	 .nav-row .left-block {
		width: 50%;
	}
	 
	 	 .footer {
		  margin-top:70px;
	 }
	 
	 .footer-row .company-information {
		margin-bottom: 0;
	}
	 
	 .footer-row .company-information li {
		margin-bottom: 30px;
	}
	 
	  .footer-logo a {padding:40px}
	 
	   section.about-section {
		margin-top: -45px;
	}
	 
	 .about-row {
		width: 75.702866%;
	}
	 
	 .about-inner {padding: 65px 75px 45px 65px;}
	 
	 .about-section .intro-description {
		margin-bottom: 35px;
	}
	 
	 .about-section .button {padding:14px 22px;}
	 
	 .tab-content .intro-description {
		margin-bottom: 18px;
	}

	.tab-content {padding:25px 35px;}
	 
	 .tabs {
/* 		width: 14.535445%; */
	}
	 
	.card-content .heading-group {
		margin-bottom: 30px;
	}
	 
	 .card-wrap {position:unset;}
	 
	 ul.card-row {
		 position:absolute; 
		 bottom:0; left:0;
	 }
	

	 
	 .enquiry-row {
		padding: 70px 50px;
		width: 49.5%;
		top: 30px;
	}
	 
	  .collection-row  .slick-slide.slick-center+.slick-slide .collection-slide {
		transform: scale(0.9) translate(55px);
		z-index: 10;
		opacity: .8
	}


	.collection-row .slick-slide.slick-active .collection-slide {
		transform: scale(0.9) translate(-55px);
		opacity: 0.8;
	}
	 
/* 	 .collection-row {
		margin: 40px 0;
	} */
	 
/* 	 section.project-section {
		padding-bottom: 150px;
	} */
	 
	 section.service-section {
		 padding-bottom: 100px;
	 }
	 
	 section.process-section {
		padding: 85px 0 120px 0;
	}
	 
	  .accordion {
		font-size: 20px;
		padding: 16px;
	 }
	 
	 .accordion-content {padding:16px;}
	 
	 
	  .about-content {
		margin-top: -70px;
	}



	.vision-section{
		margin-top: -60px;
	}
	 
	.vision-row{
		padding: 20px 0;
	}
	 
	 .service-one {
		 margin-bottom:70px;
	 }
	 
	 li.card-block {
		 backdrop-filter:blur(12px);
	 }
	
}

@media only screen and (max-width: 991px) {
	
	
	.header-row .header-box:first-child a {padding:7px 12px;}
	
	.toggle-button {
         margin-left: 24px;
    }
	
	.banner-content {
		margin-top: 110px;
		width: 80%;
	}
	
	section {
		padding: 60px 0;
	}
	
	.footer {
		 margin-top:60px;
	 }
	
	.footer-row .left-block  ,.footer-row .right-block {
		width: 50%;
	}
	
	.footer-row .company-information li {
		width:100%;
	}
	
	 .footer-logo a {width:30%;}
	
	
	 section.about-section {
		margin-top: 0;
		 padding-top:50px;
	}
	 
	 .about-row {
		width: 100%;
	}
	 
	 .about-inner {padding: 60px 70px 40px 60px;}
	 
	 .about-section .intro-description {
		margin-bottom: 30px;
	}
	 
	 .about-section .button {padding:14px 20px;}
	
	.about-section .heading-group {
		width: 100%;
	}
	
	.tabs {
		width: 100%;
		margin:10px 0;
		height:100px;
		transition:ease-in-out .5s height 0s;
	}
	
	.accordian-row {
		margin: -10px -5px;
		flex-wrap: wrap;
	}
	
	.tabs.active {height:300px; transition:ease-in-out .5s height 0s;}
	
	.closed-title {
    	writing-mode: unset;
		transform: translate(-50%, -50%) rotate(0deg); 
	}
	
	.card-content {
		width: 48.49%;
	}
	
	.enquiry-row {
		padding: 60px 45px;
		width: 62%;
		top: 30px;
	}
	
	 .collection-row  .slick-slide.slick-center+.slick-slide .collection-slide {
		transform: scale(1) translate(100px);
		z-index: 10;
		opacity: .8
	}


	.collection-row .slick-slide.slick-active .collection-slide {
		transform: scale(1) translate(-100px);
		opacity: 0.8;
	}
	
/* 	.collection-row {
		margin: 35px 0;
	} */
/* 
	 section.project-section {
		padding-bottom: 130px;
	} */
	
	.enquiry-img img {
		height: 700px;
	}
	
	 .enquiry-row {
		width: 70%;
/* 		top: 5px; */
	}
	
	.card-img img {
		height:700px;
	}
	
	.process-wrap {
		padding: 40px;
	}

	.process-wrap:before {
		bottom: 112px;
	}

	.process-block {
		width: 90px;
	}

	.process-number {
		width: 45px;
		height: 45px;
	}
	.process-block:not(:last-child)::after {
		right: -10px;
		top: 15px;
	}

	.process-details p {
		font-size: 9px;
	}
	
	 section.service-section {
		 padding-bottom: 90px;
	 }
	
	
	section.process-section {
		padding: 80px 0 100px 0;
	}
	
	
	.process-content {
		width: 87.27%;
	}
	
	.contact-detail {
		width: 55%;
		padding: 0 20px;
		margin: 20px 0;
	}
	
	
	.map {
		width: 44%; 
	}

	.accordion {
		padding: 14px;
	 }
	 
	 .accordion-content {padding:14px;}
	
	.about-content {
		margin-top: -50px;
	}



	.vision-section{
		margin-top: -50px;
	}
	 
	.service-one {
		 margin-bottom:60px;
		background:#000000;
	 }
	
	 .service-image-block {
		width: 100%;
	}
	
	.service-image-block img  , .service-one:nth-child(2) img, .service-one:nth-child(4) img {border-radius:15px;}

	 .service-content {
		width: 100%;
		margin: auto;
		padding:20px;
		 color:#fff;
	}
	
	
	.service-content .heading-group h3 {color:#fff;}
}

 @media only screen and (max-width:767px) {

	 .wrapper  {
         width: calc(100% - 40px);
     }
	 
	 .navigation .wrapper {
		padding: 0 20px;
	}

     .header-box a {
         font-size: 15px
     }
     
	 .banner-content {
		margin-top: 105px;
		width: 90%;
	}
	 
	 .banner-image img {
		 width:100%;
		 height:auto;
		 object-fit:cover;
	 }
	 
	 section {
		padding: 50px 0;
	}
	 
	 .nav-row .left-block {
		width: 100%;
	}
	 
	 .nav-row .right-block {
		display: none;
	}
	 
	 .footer {
		 margin-top:50px;
	 }
	
	 
	 .footer-menu {
		margin-top: 0;
		text-align: left;
		margin-top: 30px;
		padding-top: 20px;
		border-top: 1px solid #000000;
	}
	 
	 .footer-row .left-block  ,.footer-row .right-block {
		width: 100%;
	}
	 
	 .ft-list-icon {justify-content:flex-start;}
	 
	  .footer-logo a {width:auto;}
	 
	 .about-inner {padding: 50px 60px 40px 50px;}
	 
	 .about-section .intro-description {
		margin-bottom: 28px;
	}
	 
	 .about-section .button {padding:14px 18px;}
	 
	 .tab-content {
		padding: 20px;
	}
	 
	.card-content {
		width: 46.49%;
	}
	 

	 .collection-row .slick-slide.slick-active.slick-center .collection-slide {
        transform: scale(1);
        z-index: 30;
        opacity: 1;
    }
	 
/* 	 .collection-row {
		margin: 30px 0;
	}
	  */
/* 	 section.project-section {
		padding-bottom: 110px;
	} */
	 
	 
	 .project-slide {height:500px;}
	 
	 	  .collection-row {
		margin: 20px 0;
	}
	 
	 
	 .process-content {
		width: 100%;
	}
	 
	 
	 .process-wrap {
		padding: 35px;
	}

	.process-wrap:before {
		bottom: 100px;
	}

	.process-block {
		width: 14.28571428571429%;
	}

	.process-number {
		width: 40px;
		height: 40px;
	}
	.process-block:not(:last-child)::after {
		right: -8px;
    	top: 14px;
		border-width: 0 7.5px 12px 7.5px;
	}

	.process-details p {
		font-size: 8px;
	}
	 
	 
	 .contact-detail {
		width: 100%;
		padding: 0;
		margin: 0 0 50px 0;
	}
	
	
	.map {
		width: 100%; 
	}
	 
	 .enquiry-page-row .content-part {margin-bottom:50px;}

	 .enquiry-page-row .content-part , .enquiry-page-row .enquiry-form {
		width: 100%;
	}
	 
	 
	 .about-content {
		margin:50px 0;
	}



	.vision-section{
		margin-top: 0px;
		padding:0;
	}
	 
/* 	 .about-us-image {margin:0 20px;} */
	 
	 .about-us-image img {width:100%; border-radius:0;}
	 
	 .value-one {width:100%;}
	 
	 .left-part img {height:250px;}
	 
	 .service-one {
		 margin-bottom:50px;
	 }
	 
	 .image-box {width:50%;}
	 
	 .image-item {width:50%;}
 }

 @media only screen and (max-width: 640px) {
     
	  .banner-content {
		margin-top: 100px;
		width: 100%;
	}
	 
	 .hero-banner-row .slick-slide img {
		 width:100%;
		 height:500px;
		 object-fit:cover;
	 }
	 
	 .build-block {width:100%;}
	 
	 .about-inner {padding: 35px;}
	 
	 .card-content {
		width: 70%;
	}
	 
	 .enquiry-row {
		padding: 50px 40px;
		width: 93%;
/* 		top: 5px; */
	}
	 
	  .project-slide {
		width: 290px;
		  height:400px;
	}
	 
/* 	 section.project-section {
		padding-bottom: 100px;
	} */
	 
	 .scrolltotop a {padding:25px;}
	 
	 .process-block {
		width: 25%;
		 margin:10px 0;
	}
	 
	 .process-row {
		justify-content: center;
		margin: -10px -7px -10px -15px;
	}
	 
	 .process-block:not(:last-child)::after , .process-wrap:before{
		 content: unset;
	 }
	 
	 .process-wrap {
		padding: 20px;
		margin: 0 -20px;
		border-radius: 0;
	}
	 
	 .image-box {width:100%;}
	 
	 .image-item {width:100%;}
 }


@media only screen and (max-width: 480px) { 
	
	.card-content {
		width: 95%;
	}
	
	.header-row .header-box:first-child a {
		padding: 7px 10px;
	}
}