@media (min-width: 991.99px) {
	.top-menu > li:hover > .wrapper-sub-menu, .top-menu > li > .wrapper-sub-menu > .sub-menu li:hover .sub-menu {
        display: block;
    }
}
@media (max-width: 1230.98px) {
	.category h1 {
    	width: auto;
	}
	.mail {
		margin: 0px 20px;
	}
	.calling-measurer-text {
		margin-right: 70px;
	}
	.from-to-right:before {
		height: 550px;
	}
	.layer-3 {
		background-size: cover;
	}
	.clients-slider {
    	padding: 0 50px;
	}
	.contact-page-form-container-right {
		width: 447px;
	}
	.london-in-numbers-item {
		width: 215px;
	}
	.portfolio-item {
		width: 293px;
	}
	.faq {
        margin-top: 0;
    }
	.hero__left, .home .hero__left {
		width:50%;
	}
	.front-head {
		height: auto;
	}
	.tab-header__item {
        padding:10px 25px 11px;
    }
	.letters__name {
		width: 270px;
	}
	.page-id-108 .projects {
    	margin-top: -70px;
	}
}

@media (max-width: 1024px) {
  .hero__wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero__title {
    font-size: 42px;
  }

  .hero__right {
    width: 100%;
  }

  .hero__right img {
    max-width: 100%;
  }

  .features__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .slider {
    flex-direction: column;
  }
  .slider__thumbs {
    flex-direction: row;
  }

  .slider__thumbs img {
    width: 60px;
    height: 60px;
  }
	.feature {
    padding: 20px;
  }
	.hero {
    padding: 40px 0;
	position: relative;
    z-index: 10;
   }
	.front-head {
		height:auto;
	}
	.slider__arrows {
		position: unset;
	}
	.trends {
    margin-top: 30px;
	}
	
	.page-id-108 .trends {
		margin-top: -130px;
	}
	.slider__main {
		height:330px;
		margin-bottom:15px;
	}
	.slider__main img {
		height:100%;
	}
	.hero__left {
        width: 100%;
    }
	.steps__item {
    width: calc(50% - 15px);
  }
}

@media (max-width: 991.98px) {
	.header-contacts-block {
		flex-wrap: wrap;
        justify-content: center;
	}
	.socials span, .phone a span, .mail a span, .top-menu, .top-menu .arrow {
		display:none;
	}
	.mail {
		margin: 0px;
	}
	.menu__icon, .top-menu .mobile-arrow, .top-menu > li > .wrapper-sub-menu.active, .top-menu .sub-menu.active {
		display:block;
	}
	.searchform {
		right: 0;
        left: 0;
	}
	.searchinput, .top-menu > li > .wrapper-sub-menu > .sub-menu {
		width:100%;
	}
	.top-menu.active {
		position: absolute;
    	z-index: 1000;
    	left: -15px;
        right: -15px;
    	top: 100%;
		display:block;
		gap: 0;
    	flex-direction: column;
	}
	.top-menu li a {
		background: #343434;
    	display: block;
    	padding: 10px 35px 10px 20px;
	}
	.header-menu {
    	padding: 11px 0 5px;
	}
	.top-menu li a {
		display: flex;
        justify-content: space-between;
	}
	.top-menu > li > .wrapper-sub-menu, .top-menu > li > .wrapper-sub-menu > .sub-menu li .sub-menu {
		padding-top: 0;
		position: unset;
	}
	.top-menu .sub-menu {
		width: 100%;
		box-shadow: none;
	}
	.top-menu > li > .wrapper-sub-menu > .sub-menu li .sub-menu li a {
		padding: 8px 30px;
	}
	.top-menu li {
		position:relative;
	}
	.top-menu .mobile-arrow {
		position: absolute;
        z-index: 1;
        top: 8px;
        right: 10px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
		cursor:pointer;
	}
	.top-menu .mobile-arrow.clicked img {
		transform: rotate(90deg);
	}
	.phone img {
		margin-right:0;
	}
	.trend-item {
		width:46%;
	}
	.calling-measurer-text {
        margin-right: 20px;
		width: 420px;
    }
	.from-to-left {
    	padding-right: 50px;
	}
	.from-to-right {
    	padding-left: 50px;
	}
	.from-to-item-title span {
		left: -73px;
	}
	.from-to-right:before {
        height: 635px;
    }
	.london-list-item {
		width: 340px;
	}
	.clients {
    	margin-top: 50px;
	}
	.consul-form input[type=submit] {
		padding: 12px 47px;
	}
	.footer {
		position:unset;
	}
	.content-part {
    	padding-bottom: 0;
	}
	.footer-menu li {
    	margin-bottom: 7px;
	}
	.footer-menu a {
		font-size: 12px;
	}
	.footer-menu-title {
		font-size: 12px;
		margin-bottom: 20px;
	}
	.we-doing {
		gap: 50px;
		width:auto;
	}
	.title-block .container {
		background:none !important;
	}
	.title-block {
		padding-top:30px;
	}
	.unique-content, .content {
		flex-direction: column;
		gap: 0;
	}
	.unique {
		height:auto;
	}
	.city-img {
		bottom: -240px;
    	left: 0;
	}
	.title-2:after {
		font-size: 110px;
		right:0;
	}
	.single .unique-content {
    	gap: 0;
	}
	.layer-2-1 {
		padding-top:20px;
		background-size: cover;
	}
	.contact-page-form {
		height:auto;
		padding-top: 0;
    	background: #464646;
	}
	.contact-page-form-container-title, .contact-page-form-container-text {
		margin-left: 0;
	}
	.contact-page-form-container, .london-in-numbers {
		flex-direction: column;
	}
	.oblique-line {
		bottom:165px;
	}
	.london-in-numbers-title {
		margin-bottom:30px;
	}
	.page-template-default .clients {
        margin-top: 100px;
    }
	.portfolio-wrapper .portfolio-item:nth-child(3n) {
	    margin-right:30px;
    }
	.portfolio-wrapper .portfolio-item:nth-child(2n) {
	    margin-right:0px;
    }
	.portfolio-item {
        width: 344px;
    }
	.about__bg {
		background: url(../images/bg-city.png) center/cover no-repeat;
	}
	.calling-measurer-title {
		font-size: 30px;
	}
	.tab-header__item {
        padding:10px 15px 11px;
        font-size: 12px;
    }
    .tab-img {
        gap:18px;
    }
	.letters__item {
    flex-wrap: wrap;
  }

  .letters__name {
    min-width: 100%;
    max-width: 100%;
  }

  .letters__text {
    width: 100%;
  }
	.letters {
        margin: 0 0 40px;
    }
	.equipment__item {
    flex-direction: column;
    align-items: flex-start;
  }

  .equipment__image img {
    width: 100%;
  }
	.equipment__subtitle {
		margin:0;
	}
	.page-template-default .block-width-line {
		padding-top:290px;
	}
	.quote__text::before {
		left:-25px;
	}
	.quote__text::after {
		right:-25px;
	}
	.contact-page-form .container {
	    margin-top:0px;
    }
}

@media (max-width: 767.98px) {
	.home h1 {
		line-height: 58.98px;
    	font-size: 50px;
	}
	.advantages {
		gap:50px;
	}
	.header-time {
    	margin-right: 20px;
	}
	.header {
		position:unset;
	}
	.page-wrapper {
    	padding-top: 0;
	}
	.front-head-white, .front-head-red, .from-to-right:before {
		display:none;
	}
	h2, .h2, .london-description, .about__title {
		font-size: 34px;
    	line-height: 39.99px;
	}
	.about__title {
		margin-bottom:60px;
	}
	.trends {
		margin-bottom: 55px;
	}
	.front-head {
        height: auto;
        padding-bottom: 50px;
    }
	.calling-measurer, .from-to-text {
		flex-direction: column;
	}
	.calling-measurer-text {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }
	.calling-measurer {
		margin-top: 50px;
    	padding-bottom: 35px;
	}
	.from-to-link {
		margin-top:0;
	}
	.from-to-left {
        padding-right: 0;
    }
	.from-to-item-title span {
        left: 0;
    }
	.from-to-right {
        padding-left: 0;
    }
	.from-to-item-title span {
		position: unset;
	}
	.from-to-item-title {
		display: flex;
    	align-items: center;
    	gap: 15px;
	}
	.london {
		margin-top: -245px;
	}
	.unique {
		margin-top: -125px;
	}
	.london-name {
		font-size: 40px;
	}
	.layer-3 {
		padding-top:15px;
		padding-bottom: 60px;
	}
	.review-text {
		font-size: 20px;
	}
	.footer-form {
		text-align:unset;
	}
	.consul-form input[type=submit] {
        padding: 12px 20px;
    }
	.consul-form input {
		padding: 14px 15px 5px;
	}
	.footer-menus-content, .footer-bottom {
		flex-direction: column;
    	align-items: center;
		gap: 30px;
	}
	.footer-bottom {
		gap: 20px;
	}
	.footer-menu-title, .footer-menu a {
		font-size: 14px;
	}
	.footer-menu-item {
		text-align:center;
	}
	.footer-menu li {
        margin-bottom: 10px;
    }
	#back-top {
		bottom: 15px;
    	right: 15px;
	}
	.we-doing-item {
		width: 32%;
	}
	.we-doing {
		flex-wrap: wrap;
	}
	.title-block {
		background: #EEEEEE;
        padding-bottom: 40px;
		height: auto;
	}
	h1 {
		font-size: 35px;
		line-height: 46.99px;
	}
	.all-head {
		height:35px;
	}
	.title-block {
        padding-top: 20px;
    }
	.main-directions {
        margin-top: 50px;
    }
	.unique {
		margin-bottom: 30px;
	}
	.price-table-row.table-head {
		padding: 38px 30px 20px;
	}
	.price-table-row {
		padding: 23px 30px 15px;
	}
	.archive .clients, .single .clients, .page-id-108 .clients {
    	margin-top: 60px;
	}
	.clients {
        margin-bottom: 60px;
    }
	.title-2 {
        font-size: 32px;
        line-height: 44.99px;
	}
	.content-block {
        margin-top: 30px;
    }
	.title-2:after {
        font-size: 64px;
        right: 3px;
		bottom: -6px;
    }
	.single .unique {
    	margin-top: -125px;
	}
	.contact-page-form-container-right {
        width: 100%;
    }
	.contact-page-form-container {
		gap: 42px;
	}
	.telmail {
    	gap: 0;
    	flex-direction: column;
	}
	.page-template-default .block-width-line {
		margin-top: -235px;
	}
	.number {
		font-size: 48px;
    	line-height: 54.98px;
	}
	.london-in-numbers-items {
		gap:15px;
	}
	.london-in-numbers-item {
        width: 170px;
    }
	.page-template-default .trends {
		margin-top: -160px;
	}
	.portfolio-item {
        width: 47%;
    }
	.clients__title {
    font-size: 30px;
  }

  .clients__item {
    height: 40px;
  }

  .clients__track {
    gap: 30px;
  }
	.clients__text {
		font-size:18px;
	}
	.from-to-title {
		flex-direction: column;
    	gap: 25px;
	}
	.title-etaps {
		font-size: 27px;
	}
	.from-to-text {
    	margin-top: 40px;
	}
	.calling-measurer-title {
        font-size: 25px;
    }
	.consul-form-inputs {
        gap: 20px;
    }
	.calling-measurer-title {
        font-size: 25px;
    }
	.features.service-page {
        margin-top: 30px;
    }
	.tab-header__item {
        width: 100%;
        text-align: center;
    }
    .tab-header {
        flex-direction: column;
    }
    .tabs {
        margin-top: 30px;
    }
	.unique3d__item {
		width: 100%;
	}
	.unique3d__grid {
		gap:20px;
	}
	.unique3d {
        padding: 40px 0 50px;
	}
	.letters__item {
        gap: 15px;
    }
	.quote__text {
		font-size: 23px;
	}
}

@media (max-width: 600.98px) {
	.header .button, .header-top, .price-table-row.table-head, .line-right, .line-left {
		display:none;
	}
	.category h1 {
		width:100%;
	}
	.home h1, .london-name {
        line-height: 44.98px;
        font-size: 34px;
    }
	.header-time {
        margin-right: 0;
    }
	.header-top-info, .callback-form-file, .london-in-numbers-items {
		flex-direction: column;
	}
	.home h1 {
		margin-top: 30px;
	}
	.advantages {
        gap: 30px;
		flex-direction: column;
    	align-items: center;
		width: auto;
    	margin: 35px auto 35px;
    }
	.front-head {
        height: auto;
		background-size: auto;
		padding-bottom: 40px;
    }
	.header-logo {
		width:120px;
	}
	.header-menu {
        padding: 0;
    }
	.trends {
        margin-top: 30px;
    }
	h2, .h2, .london-description, .about__title {
        font-size: 27px;
        line-height: 32.99px;
    }
	.trends-text {
		margin-top: 20px;
		font-size:16px;
	}
	.trend-name {
		font-size:16px;
	}
	.calling-measurer {
		margin-top:50px;
	}
	.calling-measurer-title {
		font-size: 23px;
    	line-height: 30.66px;
    	margin-bottom: 20px;
	}
	.from-to-text {
		margin-top:30px;
	}
	.from-to-item-title {
		font-size:18px;
	}
	.review {
		margin-top: 35px;
	}
	.review img {
		width:60px;
	}
	.reviewer {
		margin: 30px 0 7px;
	}
	.consul-form input, .we-doing-item, .london-in-numbers-item {
		width:100%;
	}
	.consul-form-inputs {
        flex-direction: column;
    }
	.sogl input {
		width: 24px;
	}
	.footer-form {
        text-align: unset;
        background: #464646;
        padding-bottom: 40px;
        padding-top: 50px;
		height:auto;
    }
	h1, .london-in-numbers-title {
        font-size: 28px;
		line-height: 32.99px;
    }
	.under_title {
		margin-top:15px;
	}
	.we-doing {
		flex-direction: column;
    	align-items: center;
	}
	.price-table-row {
		flex-direction: column;
	}
	.price-table-cell {
		width:100% !important;
		padding:2px 0;
	}
	.price-table-row .price-table-cell:last-child {
		text-align:unset;
	}
	.price-table {
    	margin-top: 15px;
	}
	.price-table-row {
        padding: 23px 0px 15px;
    }
	.services-page {
        margin: 30px 0 80px;
    }
	.page-title {
        margin: 40px 0 20px;
    }
	.london-in-numbers-items {
        gap: 30px;
        width: 100%;
    }
	.page-template-default .block-width-line {
		padding-bottom: 70px;
	}
	.oblique-line {
        bottom: 100px;
    }.page-template-default .trends {
        margin-top: 0;
    }
	.grey-button {
		margin: 50px auto 0;
	}
	.page-template-default .clients {
        margin-top: 60px;
    }
	.category-portfolio h1, .in-category-portfolio h1 {
        margin: 40px 0 30px;
    }
	.content-box {
		margin-bottom:60px;
	}
	.portfolio-title {
		font-size: 14px;
		line-height: 20px;
    	height: 70px;
	}
	  .hero {
    padding: 50px 0;
  }

  .hero__title {
    font-size: 32px;
  }

  .hero__desc {
    font-size: 14px;
  }

  .btn {
    width: 100%;
    text-align: center;
  }

  .features__grid {
    grid-template-columns: 1fr;
  }
	.title-etaps {
        font-size: 23px;
    }
	.steps__item {
    width: 100%;
  }
	.price, .faq {
	    margin-bottom:50px;
    }
	.steps {
        padding: 50px 0;
    }
	.faq__bottom {
		font-size:21px;
	}
	.tab-content {
        margin: 20px 0 0;
    }
    .tab-img {
        flex-direction: column;
    }
	.unique3d__item {
		gap:20px;
		padding:30px;
	}
}

@media (max-width: 540.98px) {
	.portfolio-wrapper {
		flex-direction: column;
    	align-items: center;
	}
	.portfolio-item {
        width: auto;
    }
	.portfolio-wrapper .portfolio-item, .portfolio-wrapper .portfolio-item:nth-child(3n) {
		margin-right:0;
	}
	.slider__main {
        height: auto;
	}
}

@media (max-width: 456.98px) {
	.home h1 {
        line-height: 34.98px;
        font-size: 27px;
    }
	.trend-item, .grey-button {
        width: 100%;
    }
	.trends-list {
		margin-top: 20px;
		gap:20px;
	}
	.from-to .h2 {
    	text-align: left;
	}
	.from-to-item-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 23.99px;
    }
	.review img {
        width: 35px;
    }
	.layer-3 {
        padding-bottom: 35px;
    }
	.review-text {
        font-size: 16px;
        line-height: 25.41px;
    }
	.reviewer {
        margin: 20px 0 7px;
        font-size: 14px;
    }
	.clients-slider {
        padding: 0 25px;
    }
	.listing-item, .single .listing-item {
		gap: 20px;
    	padding: 30px 20px;
    	flex-direction: column;
	}
	.title-2 {
        font-size: 25px;
        line-height: 33.99px;
    }
	.contacts-background {
		width:auto;
	}
	.hero {
        padding: 12px 0;
    }
	.home h1 {
        margin-top: 0px;
    }
	.clients__title {
       font-size: 24px;
    }
	.unique3d__item {
		flex-direction: column;
		align-items: flex-start;
	}
	.letters__title {
		margin-bottom:10px;
	}
	.quote__box {
		padding:30px;
	}
	.quote__text {
        font-size: 20px;
    }
}