@media (max-width: 767px) {
	body {
		font-size: 16px;
		overflow-x: hidden;
	}

	.hide__desktop {
		display: block;
	}
	.hide__mobile {
	  display: none;
	}

	.header__company-links {
		display: none;
	}
	header {
		padding: 16px;
	}
	.main__nav {
		opacity: 0 !important;
		visibility: visible !important;
		position: fixed;
	    top: 80px;
	    left: 0;
	    width: 100%;
	    height: calc(100% - 80px);
	    background: var(--darkPrimary);
	    flex-direction: column;
		align-items: flex-start;
	    padding: 40px;
	    transform: translateY(100%);
	    transition: all .2s ease-in-out;
	    z-index: 1;
	}
	.main__nav.active {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateY(0);
		transition: transform .2s ease-in-out;
	}
	.main__nav ul {
		flex-direction: column;
		gap: 40px;
	}
	.menu > li {
		width: 100%;
		text-align: center;
	}
	.main__nav ul li a {
		font-size: 24px;
		color: var(--textColorLight);
		text-align: left;
		font-family: 'ClashGrotesk-Bold';
	}
	.main__nav .sub-menu {
		opacity: 1;
		visibility: visible;
		background: none;
		margin: 24px 0 0;
		padding: 0;
		position: relative;
		top: 0;
	}
	.main__nav .sub-menu li {
		width: 100%;
	}
	.main__nav .sub-menu li a {
		font-size: 18px;
		font-family: 'ClashGrotesk-Regular';
	}
	.main__nav 	.header__company-links {
		display: block;
		position: absolute;
		bottom: 40px;
		padding: 40px;
	}
	.main__nav 	.header__company-links .container {
		flex-wrap: wrap;
	}
	.main__nav 	.header__company-links a {
		width: calc(50% - 8px);
	}
	.main__nav 	.header__company-links img {
		height: auto;
	    width: auto;
	    max-height: 64px;
	    max-width: 128px;
	    display: block;
	    margin: 0 auto;
	}

	.logo img {
		height: 40px;
        top: auto;
        padding: 0;
	}

	.menu__btn {
		display: block;
		width: 32px;
		height: 16px;
	}
	.menu__btn span {
	    height: 2px;
	}
	.menu__btn span:nth-child(3), .menu__btn span:nth-child(4) {
        top: 8px;
    }
    .menu__btn span:nth-child(5), .menu__btn span:nth-child(6) {
        top: 16px;
    }
	.social__links {
		margin-left: 40px;
	}
	.social__links img {
        width: 16px;
        height: 16px;
    }

	.page__title {
		margin-bottom: 40px;
	}

	.big__slider-wrapper {
		margin-bottom: 100px;
	}
	.big__slider {
		height: calc(100vh - 80px);
	}
	.big__slider-icon {
		display: none;
	}
	.big__slider-info h1 {
		text-align: center;
		font-size: 48px;
	}
	.big__slider-info img {
		width: 480px;
	}
	.big__slider-illustration {
		position: absolute;
		bottom: -100px;
		right: 5%;
		width: 90%;
		height: auto;
	}
	.home__about {
		padding: 40px;
	    margin: 120px 0 0px;
	}
	.container__text {
		gap: 24px;
		flex-direction: column;
	}

	.home__services .container{
		flex-direction: column;
		gap: 0;
	}
	.home__service-item {
		width: 100%;
		height: 400px;
	}

	.home__projects {
		margin: 40px 0;
		padding: 0 40px;
	}
	.home__projects .container {
		flex-direction: column;
	}
	.home__projects-slider {
		width: 100%;
	}
	.home__projects .next__btn {
		right: -8px;
	}
	
	.blogs__wrapper {
		flex-direction: column;
	}
	.home__blog {
		margin: 80px 0;
		padding: 0 40px;
	}
	.home__blog-item {
		width: 100%;
	}

	.about {
		padding: 0;
	}
	.about .container {
		flex-direction: column;
		gap: 0px;
	}
	.about__desc {
		padding: 40px;
	}
	.about__page-img {
		height: 240px;
	}
	.section__desc {
		font-size: 16px;
	}

	.services {
		padding: 40px;
	}
	.bottom__page-shape img {
        position: absolute;
        top: -150px;
        right: 0;
        height: 240px;
        width: auto;
    }
	.service__item {
		gap: 24px;
		flex-direction: column;
		margin-bottom: 80px;
	}
	.service__item:nth-child(even) .service__item-img {
    	order: 1;
	}
	.service__item-info:after {
		display: none;
	}
	.service__item-img {
		width: 100%;
	}
	.service__item-img img {
		height: 240px;
	}
	.service__item-info {
		width: 100%;
		min-height: unset;
		padding: 0;
	}
	.service__item:hover .service__item-info {
		color: var(--textColorDark);
	}
	.service__item-info h2 {
		font-size: 24px;
	}
	.serice__item-link {
		opacity: 1;
		visibility: visible;
		margin-top: 16px;
	}

	.single__service {
		padding: 40px 0 0;
	}
	.single__page-img {
		height: 400px;
		margin-top: 0;
	}
	.service__details {
		padding: 40px;
        margin: 0;
	}
	.single__page-pagination {
		margin-top: 0;
        align-items: flex-start;
        padding: 40px;
	}
	.single__pagination-prev {
		flex-shrink: 0;
		width: 50%;
	}
	.single__pagination-next {
		text-align: right;
		flex-shrink: 0;
		width: 50%;
	}
	.single__pagination-next .single__pagination-title {
		justify-content: flex-end;
	}

	.projects {
		padding: 40px 0;
	}
	.projects__wrapper {
		padding: 0 40px;
	}
	.project__item {
		width: 100% !important;
	}
	.project__item-img {
		height: 400px;
	}

	.single__project {
		padding: 0 40px;
	}
	.project__subtitle {
		font-size: 16px;
	}
	.single__project .single__page-img {
		margin-top: 24px;
	}
	.project__details {
		margin-top: 40px;
	}
	.project__details h3 {
		margin-bottom: 8px;
		font-size: 18px;
	}
	.project__brief,
	.project__work {
   		width: 100%;
    	padding: 0;
    	margin-bottom: 24px;
	}
	.project__brief p {
		margin: 0;
	}
	.project__work-item {
		margin-bottom: 24px;
	}

	.single__project {
		padding: 40px;
	}
	.project__subtitle {
		font-size: 16px;
	}
	.single__project .single__page-img {
		margin-top: 24px;
	}
	.project__details {
		margin-top: 40px;
	}
	.project__details h3 {
		margin-bottom: 8px;
		font-size: 18px;
	}
	.project__brief,
	.project__work {
   		width: 100%;
    	padding: 0;
    	margin-bottom: 24px;
	}
	.project__brief p {
		margin: 0;
	}
	.project__work-item {
		margin-bottom: 24px;
	}
	.project__location {
		margin: 0;
		height: 320px;
	}
	.single__project .single__page-pagination {
		padding: 40px 0;
	}

	.blogs {
		margin: 40px auto;
	}

	.contact {
		padding: 40px;
	}
	.contact__map {
		width: 100%;
		order: 2;
	}
	.contact__map iframe {
    	height: 320px;
	}
	.contact__info {
		order: 1;
		width: 100%;
		padding: 40px 0 0 0;
	}
	.contact__address {
		flex-direction: column;
	}
	.contact__item {
		width: 100%;
	}
	.contact__form {
    	width: 100%;
    	margin-top: 40px;
	}

	footer {
		padding: 40px;
	}
	footer .container {
		flex-direction: column;
	}
	.footer__item {
		width: 100% !important;
		flex-direction: column;
	}
	.footer__item-info {
		width: 100%;
	}

}

@media (min-width: 768px) and (max-width: 1023px) {
   body {
		font-size: 16px;
		overflow-x: hidden;
	}

	.hide__desktop {
		display: block;
	}
	.hide__mobile {
	  display: none;
	}

	.header__company-links {
		display: none;
	}
	header {
		padding: 16px;
	}
	.main__nav {
		opacity: 0 !important;
		visibility: visible !important;
		position: fixed;
	    top: 80px;
	    left: 0;
	    width: 100%;
	    height: calc(100% - 80px);
	    background: var(--darkPrimary);
	    flex-direction: column;
	    padding: 40px;
	    transform: translateY(100%);
	    transition: all .2s ease-in-out;
	    z-index: 1;
	}
	.main__nav.active {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateY(0);
		transition: transform .2s ease-in-out;
	}
	.main__nav ul {
		flex-direction: column;
		gap: 40px;
	}
	.main__nav ul li a {
		font-size: 24px;
	}
	.main__nav 	.header__company-links {
		display: block;
		position: absolute;
		bottom: 40px;
		padding: 40px;
	}
	.main__nav 	.header__company-links .container {
		flex-wrap: wrap;
	}
	.main__nav 	.header__company-links a {
		width: calc(50% - 8px);
	}
	.main__nav 	.header__company-links img {
		height: auto;
	    width: auto;
	    max-height: 64px;
	    max-width: 128px;
	    display: block;
	    margin: 0 auto;
	}

	.logo img {
		height: 40px;
	}
	
	.social__links {
	    margin-left: auto;
	}

	.menu__btn {
		display: block;
	}

	.page__title {
		margin-bottom: 40px;
	}

	.big__slider {
		height: calc(100vh - 80px);
	}
	.big__slider-info h1 {
		font-size: 48px;
	}
	.big__slider-info img {
		width: 480px;
	}
	.home__about {
		padding: 40px;
		margin-bottom: 0;
	}

	.home__services {
	    overflow-x: hidden;
	}
	.services__shape1 {
		display: none;
	}
	.home__services-wrapper:after {
		display: none;
	}
	.home__services-wrapper {
	    width: 100%;
	    height: auto;
	    margin: 20px auto 40px;
	    display: flex;
	    align-items: center;
	    gap: 24px;
	    flex-wrap: wrap;
	    padding: 24px;
	}
	.home__service-item {
	    width: calc(50% - 12px);
	    height: 140px;
	    position: unset;
	    display: block;
	    top: 0;
	    left: 0;
	    transform: translate(0%, 0%) scale3d(1, 1, 1);
	    z-index: 1;
	}
	.home__service-item:after {
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 100%;
	    height: 100%;
	    background-color: var(--lightPrimary);
	    border: 1px dashed var(--accent);
	    transform: translate(-50%, -50%) rotate(0deg);
	    border-radius: 8px;
	    transition: all .2s ease-in-out;
	}
	.home__service-title {
		font-size: 16px;
	}
	.home__service-link {
		white-space: nowrap;
	}
	.services__shape2 {
    	display: none;
	}

	.home__divisions {
		overflow-x: hidden;
	}
	.home__divisions .container {
		padding: 24px;
	}
	.home__divisions-inner {
		padding: 120px 0 0;
	}
	.home__division-info {
		padding: 24px;
		border-radius: 8px;
	}
	.home__division-info > img {
		height: 80px;
	}
	.home__division-desc {
		font-size: 16px;
	}
	.home__division-img {
	    position: absolute;
	    bottom: 0;
	    right: -60px;
	    top: -120px;
	    width: 240px;
	    height: 240px;
	    background: none;
	    box-shadow: none;
	}
	.home__division-img img {
		width: 240px;
	}
	.home__division-item:before {
		display: none;
	}
	.home__division-item:nth-child(2) .home__division-info > img,
	.home__division-item:nth-child(4) .home__division-info > img {
    	height: 80px;
	}
	.home__division-item:nth-child(2) .home__division-img img,
	.home__division-item:nth-child(3) .home__division-img img,
	.home__division-item:nth-child(4) .home__division-img img {
    	width: 180px;
	}
	.home__division-item:nth-child(even) .home__division-img {
    	right: -60px;
    	left: auto;
	}
	.home__division-item:nth-child(3) .home__division-info > img {
	    height: 80px;
	    margin-top: 64px;
	}
	.home__division-item:nth-child(even) .home__division-info {
    	padding: 40px 24px 24px;
	}
	
	.blog__item {
		width: 50%;
	}

	.about {
		padding: 40px;
	}
	.about__page-img {
		height: 240px;
	}
	.about__page-img img {
		border-radius: 8px;
	}
	.section__desc {
		font-size: 16px;
	}

	.services {
		padding: 40px;
	}
	.service__item {
		gap: 24px;
		flex-direction: column;
		margin-bottom: 80px;
	}
	.service__item:nth-child(even) .service__item-img {
    	order: 1;
	}
	.service__item-info:after {
		display: none;
	}
	.service__item-img {
		width: 100%;
	}
	.service__item-img img {
		height: 240px;
		border-radius: 8px;
	}
	.service__item-info {
		width: 100%;
		min-height: unset;
		padding: 0;
	}
	.service__item:hover .service__item-info {
		color: var(--textColorDark);
	}
	.service__item-info h2 {
		font-size: 24px;
	}
	.serice__item-link {
		opacity: 1;
		visibility: visible;
		margin-top: 16px;
	}

	.single__service {
		padding: 40px;
	}
	.single__page-img {
		height: 240px;
		margin-top: 0;
	}
	.single__page-img img {
		border-radius: 8px;
	}
	.service__details {
		margin-top: 40px;
	}
	.single__page-pagination {
		margin-top: 120px;
		align-items: flex-start;
	}
	.single__pagination-prev {
		flex-shrink: 0;
		width: 50%;
	}
	.single__pagination-next {
		text-align: right;
		flex-shrink: 0;
		width: 50%;
	}
	.single__pagination-next .single__pagination-title {
		justify-content: flex-end;
	}

	.contact {
		padding: 40px;
	}
	.contact__map {
		width: 100%;
		order: 2;
	}
	.contact__map iframe {
    	height: 320px;
	}
	.contact__info {
		order: 1;
		width: 100%;
		padding: 40px 0 0 0;
	}
	.contact__address {
		flex-direction: column;
	}
	.contact__item {
		width: 100%;
	}
	.contact__form {
    	width: 100%;
    	margin-top: 40px;
	}

	footer {
		padding: 40px;
	}
	footer .container {
		flex-direction: column;
	}
	.footer__item {
		width: 100% !important;
	}
	.footer__item-info {

	}
}

@media (min-width: 1024px) and (max-width: 1440px) {
	.logo img {
		height: 48px;
	}
	.big__slider-wrapper {
	    height: 50vh; 
	}
	.big__slider-info img {
		width: 480px;
	}
	.big__slider-info h1 {
		font-size: 64px;
		padding: 0 40px;
	}
	.big__slider-illustration {
	    height: 480px;
	}
	.section__desc {
		font-size: 18px;
	}
	.home__about {
        margin: 240px 0 320px;
        padding: 0 80px;
    }
	.services__shape1 {
		top: -40%;
		height: 320px;
	}
	.services__shape2 {
		top: 120%;
		height: 320px;
	}
	.home__divisions .container {
   	    padding: 0 40px;
	}
	.home__divisions-inner {
        padding: 80px 40px;
	}
	.home__division-img {
		right: -40px;
		width: 320px;
		height: 320px;
	}
	.home__division-item:nth-child(even) .home__division-img {
		left: -40px;
	}
	.home__division-img img {
		width: 240px;
	}
	.home__division-info {
		padding-right: 320px;
	}
	.home__division-item:nth-child(even) .home__division-info {
		padding-left: 320px;
	}
	.home__blog {
        padding: 0 80px;
    }
}	

@media (min-width: 1366px) and (max-width: 1600px) {
	
}