@media only screen and (min-width: 960px) {
    {}
    .interactive-map .categories button:hover {
    transition: all 0.3s ease 0s;
  border-color: #4d748c;
  color: #fff;
  background: #4d748c;
}
    .interactive-map .categories button:hover img {
        filter: grayscale(1) brightness(0) invert(1)
    }
    
    .interactive-map .buttons button:hover {
      transition: all 0.3s ease 0s;
      color: #fff;
      background: #4d748c;
    }
}


@media only screen and (max-width: 1900px) {
  .offer-services .left {
    padding-left: 60px;
    width: calc(100% - 500px);
  }
  .offer-services .right {
    right: 60px;
  }
 
  .offer-services .left .item h3 {
    font-size: 20px;
  }
  .offer-services .left .item .caption {
    width: 500px;
  }
  .our-projects .right {
    width: calc(100% - 1000px);
    font-size: 22px
  }
  .our-projects .right strong {
    font-size: 22px;
  }

  .our-location .left {
    font-size: 22px;
  }

  .our-location .left h3,
  .our-projects .right h3 {
    font-size: 50px
  }
  .our-projects .right p {
    margin-bottom: 18px;
  }
  .our-projects .left {
    padding-top: 10px;
  }
  .our-projects .right {
    padding-right: 100px;
  }
  .our-location .left {
    width: calc(100% - 940px);
  }
  .our-location .right {
    padding-right: 0;
    width: 880px
  }
  .our-location {
    margin-top: 140px;
  }
  .butik-slider h2 {
    font-size: 50px;
  }
  .offer-form .form {
    padding: 60px 140px;
  }
  .about-us .row p {
    font-size: 20px;
  }
  .about-creator .text {
    width: calc(100% - 980px);  
    padding: 20px 20px 20px 100px;
  }
  .about-us .row-3 .desc-small {
    width: 800px
  }
  .creator .description {
    width: calc(100% - 340px)
  }
  .about-us .row .text {
    width: calc(100% - 860px)
  }
  .interactive-map .inside-1 {
    padding-right: 0;
  }
  .interactive-map .inside {
    width: 1744px;
  }
  .interactive-map .buttons-wrapp .buttons {
    width: 1650px;
    padding: 6px 0 10px 0;
  }
  .interactive-map .buttons-wrapp {
    overflow: auto;
  }
  .services-new .slider {
    padding: 0px 30px;
  }
  .services-new h2 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 1730px) {
  .services .services-list .item {
    width: 384px;
    font-size: 16px;
  }
  .services .services-list {
    width: 1190px;
  }
  .inside {
    width: 1664px;
  }
  .contact-info .contact-list {
    width: 1120px;
  }
  .contact-info .rent {
    width: 500px;
  }
  
  .im-map svg {
    background-size: 100%;
    max-width: 100%;
    height: auto !important;
  }
  .services-new .slider {
    width: 1600px;
    margin: 0 auto;
  }
  .services-new .desc {
    font-size: 18px;
  }
  .filters-body .select > .default {
    width: 280px;
  }
}
@media only screen and (max-width: 1660px) {
  .services .services-list {
    width: calc(100% - 390px);
  }
  .location-page .locations {
    width: calc(100% - 460px);
  }
  .location-page .locations .short-description {
    font-size: 18px;
  }
  .location-page .maps {
    width: 420px;
    height: 420px;
  }
  .inside {
    width: 1200px;
  }
  .about-creator .inside-full {
    padding-right: 0;
    padding-left: 100px;
    width: 100%;
  }
  .inside-full {    
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
    width: 1200px;
  }
  .about-us .row {
    padding: 0;
  }
  .services .services-list .item:nth-child(4) {
    margin-bottom: 20px;
  }
  .services .rent {
    width: 372px;
  }
  .services .rent .top span {
    left: 20px;
    height: 20px;
    width: 90px;
    height: 84px;
  }
  
  .services .rent .top {
    height: 140px;
    padding: 13px 20px 20px 124px;
    width: 370px;
  }
   
  .services .rent .phones {
    padding-top: 22px;
    padding-left: 24px;
    border-top: 1px solid #84b8cd;
  }
  .services {
    padding-bottom: 80px;
  }
  .services .rent .phones a {
    
    margin-bottom: 12px;
  }
  .services .services-list .item {
    padding: 15px 10px 15px 104px;
  }
  .services .services-list .item svg {
    top: 5px;
  }
  .header .nav li {
    margin-left: 30px;
  }
  .header .hours {
    margin-left: 30px;
  }
  .header .toggler {
    margin-left: 20px;
  }
  .header .nav .languages-wrapper {
    margin-left: 30px;
  }
  .subscribe .form .checkboxes li {
    width: 290px;
  }
  .languages-wrapper ul li,
  .header .nav {
    font-size: 17px;
  }
  .category-list .list {
    padding: 0
  }

  .category-list .store .item,
  .category-list .store {
    width: 380px;
    height: 380px;
  }
  .category-list .store {
    margin-bottom: 20px;
  }
  .categories-filter-main .categories li a {
    min-width: 110px;
    font-size: 15px;
  }
  .categories-filter-main .filters-body input {
    width: 260px;
  }
  .categories-filter-main .filters-body .jq-selectbox__select-text {
    width: 270px;
  }
  .category-list .store .front .inner .front-body p {
    margin-bottom: 10px;
  }
  .category-list .store .front .inner .front-header {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .category-list .store .front .inner .front-body .hours {
    margin-bottom: 10px;
  }
  .main-inner-screen h1 {
    font-size: 50px
  }
  .main-inner-screen .form {
    right: 0;
    width: 500px;
    padding: 60px 40px;
  }
  .main-inner-screen .form p {
    margin-bottom: 26px;
    font-size: 22px;
  }
  .main-inner-screen .form .phones {
    font-size: 26px;
  }

  .offer-services .left .item .image {
    width: 350px;
  }
  .offer-services .left .item .image img {
    max-width: 100%;
  }
  .offer-services .left .counter {
    font-size: 150px;
  }
  .offer-services .left .item .caption {
    width: 450px;
  }
  .offer-services .inner {
    width: 1200px;
  }
  .offer-services .right .item img {
    width: 300px;
  }
  .offer-services .right {
    padding-top: 0;
  }
  .offer-services .right:after {
    width: 300px;
    height: 444px;
    right: -30px;
    top: 30px;
  }
  .offer-services .right .item-1 {
    margin-bottom: 20px;
  }
  .offer-services .left .item h3 {
    font-size: 18px;
  }

  .offer-services .left .item h2 {
    font-size: 30px;
    padding-top: 10px;
  }
  .offer-services .right {
    right: 30px;
  }
  .offer-services .left .item {
    height: 400px;
  }
  .our-location .left h3, .our-projects .right h3 {
    font-size: 36px;
  }
  .offer-services .inner {
    height: auto;
    padding-bottom: 40px;
  }
  .offer-services .left {
    height: 460px;
    padding-top: 30px;
    padding-left: 30px;
    width: calc(100% - 360px);
  }
  
  .our-projects .right {
    padding-right: 50px;
  }
  .our-location .left {
    padding-left: 50px;
  }
  .about-us .row h1 {
    font-size: 42px;
  }
  
  .about-us .row-3 .text p strong {
    font-size: 20px
  }
  .about-us .row-3 .text p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .about-us .row-3 .desc-small {
    width: 700px;
  }
  .about-us .row .text {
    width: calc(100% - 740px);
  }
  .about-us .row .image img {
    max-width: 100%;
  }
  .about-us .row .image {
    width: 700px;
  }
  
  .about-us .row-1 .image:after {
    width: 700px;
  }
  .about-creator .image .item-inner,
  .about-creator .image {
    width: 740px;
  }
  .about-creator .text {
    width: calc(100% - 740px);
    padding-left: 0;
  }
  .about-creator .text p strong {
    font-size: 20px
  }
  .about-creator .text p {
    font-size: 18px;
  }
  .about-us {
    padding: 60px 0;
  }
  .creator .inner {
    padding: 50px 60px;
  }
  .about-us .row h1 {
    font-size: 32px;
  }
  .about-us .row-3 .desc-small {
    width: 600px;
  }
  .about-us .row-3 .desc-small .inner {
    width: 100%;
  }
  .about-us .row-3 .text {
    width: calc(100% - 640px);
  }
  .square-list .item {
    max-width: 32.4%
  }
  .square-list .item .caption {
    padding: 16px;
    font-size: 16px;
  }.contact-info .contact-list .item:nth-child(4) {
    padding-left: 120px;
  }
  .contact-info .contact-list .item {
    width: 360px;
    padding-left: 120px;
  }
  .contact-info .contact-list .item svg {
    left: 24px;
  }
  .contact-info .contact-list {
    width: 740px;
  }
  .contact-info .rent {
    width: 410px;
    padding-left: 30px;
  }
  .contact-info .rent .top {
    padding-left: 94px;
  }
  .contact-info .rent .phones {
    font-size: 20px; 
  }
  .contact-info .contact-list .item p a {
    font-size: 20px;
  }
  .map .inside {
    width: 1920px
  }
  .map .caption {
    padding: 30px 20px;
  }
  .map .caption .el {
    font-size: 18px;
  }
  .map .caption .flex {
    justify-content: space-between;
  }
  .map .caption .coll-1 {
    width: auto;
    margin-right: 0;
    max-width: 49%;
  }
  .map .caption .coll-2 {
    max-width: 50%
  }
  .contact-info .rent .button a {
    height: 42px;
    line-height: 40px;
    width: 230px;
  }
  .footer .coll-4 {
    width: 400px;
    height: 310px;
  }
  .services-new .slider {
    width: 1200px;
    box-sizing: border-box;
    padding: 0 0 0 40px;
  }
  .services-new .slider:before {
    width: calc(100% - 500px);
  }
  .services-new .slider-in-sm .slick-slide.slick-current span:after {
    height: 4px;
    bottom: 6px;
  }
  .services-new .slider-in-sm .slick-slide span {
    margin: 0 3px;
  }
  .services-new .desc {
    width: 500px;
  }
  .slide .slider-in {
    width: 620px;
  }
  .services-new .slider:after {
    right: -26px
  }
}
@media only screen and (max-width: 1500px) {
  .offer-form .form {
    padding: 60px 100px;
  }
  .offer-form .form h3 {
    margin-bottom: 28px;
  }
  .our-location {
    margin-bottom: 40px;
  }
  .our-location .left {
    padding-top: 0;
  }
  .our-location .right .map img {
    width: 600px;
  }
  .our-location .right:before {
    width: 620px;
    height: 200px
  }
  .our-location .right {
    width: 620px;
  }
  .our-location .left {
    width: calc(100% - 700px);
  }
  .our-projects .right {
    width: 620px
  }
  .our-projects .left {
    width: calc(100% - 640px)
  }
  .our-projects .left:before {
    width: calc(100% - 100px);
  }
  .our-projects .left .slick-arrow {
    bottom: 50px;
  }
  .main-inner-screen {
    margin-bottom: 50px;
  }
  .main-inner-screen {
    padding: 200px 0 250px 0;
  }
  .main-inner-screen .form {
    top: -140px;
    padding: 40px;
  }

  .offer-form .form h3,
  .main-inner-screen .form h3 {
    margin-bottom: 20px;
  }
  .offer-form .form {
    padding: 40px;
  }
  .offer-form .form .phones {
    font-size: 24px;
  }
  .offer-form .form p {
    margin-bottom: 16px;
  }
  .about-us .row h1 {
    font-size: 32px;
  }
  .about-us .row .text {
    width: calc(100% - 580px);
  }
  .about-us .row .image {
    width: 540px;
  }
  .about-us .row-1 .image:after {
    width: 540px;
    height: 160px;
    right: -20px;
    bottom: -20px;
  }
  .creator {
    padding: 0 76px;
  }
  .creator .inner {
    padding: 50px 60px;
  }
  .creator h3 {
    font-size: 28px;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .about-creator .text {
    padding-left: 0;
    width: calc(100% - 620px);
  }
  
  .about-creator .image .item-inner,
  .about-creator .image {
    width: 600px;
  }
  .about-creator .text p {
    margin-bottom: 24px;
  }
  .about-us .row .desc-small p:last-child {
    margin-bottom: 0;
  }
  .page-header h1 {
    font-size: 32px;
  }
  .page-header.simple {
    padding: 36px 0;
  }
  .about-us .row-3 .desc-small {
    width: 550px
  }
  .mobile-navigation .bottom-part {
    padding-top: 16px;
  }
  .mobile-navigation .top-part {
    padding-top: 0;
  }
  .mobile-navigation .bottom-part .el {
    margin-bottom: 16px;
  }
  .mobile-navigation .top-part .soc {
    margin-top: 10px;
  }
  .event-gallery .item a {
    height: 280px;
  }
  .ai .flex-horisontal .item {
    width: 700px;
    height: 700px;
  }
  .ai .flex-horisontal {
    height: 700px;
    background-size: 700px auto;
  }
  .ai .flex-horisontal .small {
    padding: 0 122px;
    margin-bottom: 50px;
  }
  
  .ai {
    height: 700px;
  }
  .ai .flex-horisontal .item .img {
    margin-top: -32px;
    width: 146px;
    height: 146px;
  }
  
  .ai .flex-horisontal .item .image-wr {
    margin-bottom: 66px;
  }
  .ai .flex-horisontal .item .image {
    width: 400px;
    height: 400px;
  }
  .ai .flex-horisontal .item .image-container {
    width: 220px;
    height: 220px;
    transform-origin: 40px 130px;
  }
  .video-conteiner {
    width: 570px;
    height: 570px;
    transform-origin: 160px 244px;
    background-size: 570px auto;
  }
  .video-conteiner video {
    height: 590px;
  }
  
}
@media only screen and (min-width: 1201px) {
  .services .rent {
    display: block;
  }
}
@media only screen and (max-width: 1260px) {
 
  {}
  .location-page .list .coll {
    width: 100%;
  }
  .our-projects .left {
    padding-left: 12px;
  }
  .our-projects .right {
    padding-right: 12px;
  }
  .our-projects .right strong {
    font-size: 20px;
  }
  .our-projects .right .body-desc {
    margin-bottom: 22px;
  }
  .our-projects .right .heading {
    margin-bottom: 20px;
  }
  .interactive-map .categories {
    padding: 16px 40px 6px 10px;
    width: 380px;
  }
  .interactive-map .categories button {
    font-size: 14px
  }
  .interactive-map .categories button span.ico {
    top: 0
  }
  
  .ai .flex-horisontal {
    height: 700px;
    background-size: 700px auto ;
  }
  .ai {
    height: 700px;
  }
  .ai .flex-horisontal .item {
    height: 700px;
    width: 700px;
  }
  .ai .flex-horisontal .item .img {
    width: 154px;
    height: 154px;
    margin-top: -36px;
  }
  .ai .flex-horisontal .item .image {
    width: 400px;
    height: 400px;
  }
  .ai .flex-horisontal .small {
    padding: 0 118px;
    margin-bottom: 50px;
  }
  .ai .flex-horisontal .item .image-wr {
    margin-bottom: 68px;
  }
  .ai .flex-horisontal .item .image-container {
    transform-origin: 50px 134px;
  }
  .services-new .slider:after {
    right: 20px;
    height: 92%;
  }
}
@media only screen and (max-width: 1200px) {
  .header .nav li {
    margin-left: 30px;
  }
  .languages-wrapper ul li,
  .header .nav {
    font-size: 16px;
  }
  .header .nav .languages-wrapper {
    margin-left: 20px;
  }
  .main .slick-next {
    right: 12px
  }
  .main .slick-prev {
    left: 12px
  }
  .main .soc {
    right: 12px
  }
  .main h1 strong {
    font-size: 100px
  }
  .services .services-list .item {
    width: 49.4%
  }
  .services .services-list {
    width: 100%;
  }
  .services .rent .top span {
    left: 10px;
    top: 8px;
    width: 96px;
    height: 88px;
  }
  .services .rent {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    justify-content: flex-start;
  }
  .services .rent .top {
    height: 104px;
    width: 50%;
    padding-top: 0;
    padding-bottom: 0;
  }
  .services .rent .phones {
    border-top: none;
  }
  .services .inside {
    width: 960px;
  }
  .services .rent .phones span,
  .services .rent .phones a {
    display: inline-block;
  }
  .header .toggler {
    width: 42px;
    height: 42px;
  }
  .header .toggler .menu-btn {
    top: 7px;
    right: 5px;
  }
  .about .item img {
    width: 900px
  }
  .about .item a {
    max-width: 100vw
  }
  .about .item img {
    display: block;
    max-width: 100%
  }
  .about .text {
    width: 500px;
    padding: 30px;
    line-height: 1.3;

  }
  .about .list {
    padding-left: 200px;
  }
  .about .text .title {
    font-size: 50px;
    line-height: 1.2
  }
  .about .list .slick-slide > div {
    padding: 0
  }
  .subscribe .form .field {
    width: 49%
  }
  .subscribe .form .field input {
    width: 100%
  }

  .subscribe .inside {
    width: 740px
  }
  .subscribe .form .checkboxes li {
    width: 49%;
  }
  .mobile-navigation .top-part {
    font-size: 20px;
    padding-top: 0;
  }
  .mobile-navigation .top-part .hours {
    font-size: 16px;
  }
  .categories-filter-main .categories {
    overflow: auto;
  }
  .categories-filter-main .categories .inside {
    width: 1200px;
    max-width: 1200px
  }
  .categories-filter-main .categories li a {
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
  }
  .category-list .inside {
    width: 800px
  }
  .categories-filter-main .filters-body {
    padding: 20px;
  }
  .categories-filter-main .filters-body .search {
    width: 100%;
    margin-bottom: 10px;
  }
  .categories-filter-main .filters-body .select {
    width: 32%;
  }
  .categories-filter-main .filters-body .jqselect,
  .categories-filter-main .filters-body .jq-selectbox__select-text {
    width: 100%
  }
  .categories-filter-main .filters-body input {
    width: 100%
  }
  .butik-slider h2 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .butik-slider {
    margin-bottom: 60px;
    padding-top: 30px;
  }
  .our-projects .left:before,
  .our-location .right:before {
    display: none;
  }
  .main-inner-screen .form {
    right: 20px;
  }
  .main-inner-screen {
    padding-bottom: 220px;
  }
  .our-location .left {
    width: 100%;
    padding-left: 12px;
  }
  .our-location .right .map img {
    width: 100%;
    height: 300px;
  }
  .our-location .right {
    width: 100%;
    height: 300px;
  }
  .our-location .left .heading {
    margin-bottom: 20px;
  }
  .our-location .left {
    font-size: 20px
  }
  .our-location .left p {
    margin-bottom: 20px;
  }

  .about-us .row .text {
    width: 100%;
    margin-bottom: 40px;
  }
  .about-us .row .image {
    width: 100%;
  }
  .about-us .row-1 .image:after {
    display: none;
  }
  .about-us .row-2 .text:before {
    display: none;
  }
  .about-us .row-1 {
    position: relative;
    margin-bottom: 100px;
  }
  .about-us .row-1:after {
    width: 170px;
    height: 5px;
    background: #06acaf;
    content: "";
    left: 0;
    bottom: -50px;
    position: absolute;
  }
  .creator {
    padding: 0;
  }
  .about-us .row-3 .desc-small {
    width: auto;
  }
  .about-us .row-3 .text {
    padding-top: 50px;
    margin-top: 50px;
  }
  .about-us:not(.about-us-2) {
    padding-bottom: 0;
  }
  .about-creator .text {
    width: auto;
  }
  
  .about-creator .image .item-inner,
  .about-creator .image {
    width: 100%;
    height: 500px;
  }
  .contact-info .inside {
    width: 764px;
  }

  .contact-info .contact-list,
  .contact-info .contact-list .item:nth-child(1), 
  .contact-info .contact-list .item:nth-child(2) {
    margin-bottom: 20px;
  }
  .contact-info .rent {
    width: 100%;
  }
  .contact-info .rent .button {
    right: -260px;
    top: 0;
    position: absolute;
  }

  .map {
    padding: 0;
    background: #fff;
  }
  .map .gmap {
    position: static;
    height: 400px;
  }
  .map .inside {
    padding: 0
  }
  .map .caption {
    box-shadow: none;
    width: 100%
  }
  .map .caption .coll-2 {
    width: 50%
  }
  .contact-form {
    padding-top: 0px;
    padding-bottom: 60px;
  }

  .contact-info .contact-list .item svg {
    width: 44px;
  }
  .contact-info .contact-list .item,
  .contact-info .contact-list .item:nth-child(4) {
    padding-left: 90px;
  }
  .contact-info .contact-list .item {
    padding-top: 28px;
    padding-bottom: 32px;
    max-width: 49%
  }
  .contact-info .rent {
    padding-bottom: 0;
  }
  .about-creator .inside-full {
    padding-left: 0px;
    padding-right: 0px;
  }
  .about-creator .text {
    padding-left: 12px;
    padding-right: 12px;
  }
  .footer .coll-4 {
    width: 100%;
    height: 240px;
    margin-top: 30px;
  }
  .event-detail .description {
    width: calc(100% - 500px);
    line-height: 1.4;
  }
  .event-detail .description p {
    margin-bottom: 20px;
  }
  .event-detail .description h1 {
    font-size: 32px;
  }
  .categories-filter-main .categories ul.menu {
    padding-right: 12px;
  }
  .categories-filter-main .filters-body .select,
  .categories-filter-main .filters-body > form {
    width: 49%;
  }
  .ai .flex-horisontal .item .image video {
    height: 430px;
  }
  .video-conteiner {
    width: 430px;
    height: 430px;
    transform-origin: 136px 180px;
    background-size: 430px auto;
  }
  .offer-services .left {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }
  .offer-services .right {
    display: none;
  }
  .offer-services .left .item .image {
    width: calc(100% - 460px);
  }
  .header .nav .flex {
    display: none;
  }
  .services-new .slider {
    padding-left: 20px;
    max-width: 100%;
  }
  .filters-body .select > .default {
    width: 100%;
  }
}
@media only screen and (max-width: 1140px) {
    {}
    .services-new h2 {
        font-size: 34px;
    }
    .services-new .desc {
        width: 400px;
    }
}
@media only screen and (max-width: 1000px) {
  .header .nav li {
    margin-left: 22px;
  }
  .header .hours,
  .header .toggler {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 960px) {
  .square-list .item:hover {
    background: none;
    transition: all 0.3s ease 0s;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2)
  }
}
@media only screen and (min-width: 1200px) {
  .mobile-navigation .hidden {
    display: none;
  }
}
@media only screen and (max-width: 1040px) {
    {}
    .services-new .slider {
        padding-top: 20px;
    }
    .slide .slider-in-sm {
        margin-left: -3px;
        width: calc(100% + 6px)
    }
    .services-new .slick-arrow {
        bottom: -70px
    }
    .services-new {
        margin-bottom: 120px;
    }
    .slide .slider-in {
        width: auto;
    }
    .services-new .counter {
        top: 90px;
        bottom: auto
    }
    .services-new .slider {
        padding-right: 20px;
    }
    .services-new .desc {
        width: auto;
    }
    .services-new .slider:before {
        top: 0;
        width: 100%;
        height: 380px;
    }
    .services-new .slider:after {
        display: none;
    }
    .services-new .desc {
        height: 218px;
        margin-bottom: 40px;
    }
    .services-new .desc .caption {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 940px) {
  
  
  .store-detail h2 {
    line-height: 1;
    font-size: 32px;
    margin-bottom: 20px;
  }
  .location-page .locations {
    width: 100%;
  }
  .location-page .maps {
    width: 100%;
    order: 2;
    margin-top: 30px;
  }
  .store-detail .logo-slider {
    width: 280px;
  }
  .store-detail .description {
    width: calc(100% - 300px);
  }
  .offer-services .left .item .image {
    height: 250px;
    width: 100%;
  }
  .about .list {
    padding-left: 0px;
  }
  .about .item a {
    height: 400px;
  }
  .about .item img {
    width: 100%;
  }
  .about .list .slick-slide > div {
    padding-left: 20px
  }
  .about .text {
    width: 100%;
    background: #fff;
    z-index: 2;
    position: relative;
    top: -76px;
  }
  .about .text .button {
    display: none;
  }
  .about .count {
    font-size: 22px;
    bottom: 18px;
    right: 24px;
  }
  .about .count span {
    font-size: 26px
  }
  .about {
    padding: 60px 0;
  }
  .about .slick-prev {
    right: 70px;
  }
  .about .slick-next {
    right: 24px;
  }
  .about .slick-arrow {
    width: 16px;
    height: 26px;
    top: -50px;
    background-size: 100%;
  }
  .poster {
    height: 500px;    
  }
  .poster .content {
    padding-top: 160px;
    padding-bottom: 0;
  }
  .butik-slider {
    margin-bottom: 80px;
  }
  .insta-feed .insta-header .ttl {
    padding-right: 30px;
    margin-right: 30px;
  }
  .insta-feed .insta-header .ttl p {
    font-size: 24px;
  }
  .insta-feed .insta-header .ttl strong {
    font-size: 40px;
  }
  .insta-feed .insta-header .name {
    font-size: 24px
  }
  .subscribe {
    font-size: 20px;
    padding: 30px 0 60px 0;
    line-height: 1.4;
  }
  .subscribe .title {
    font-size: 36px
  }
  .subscribe .button {
    margin-top: 30px;
  }
  .subscribe .title {
    margin-bottom: 30px;
  }
  .footer .logo {
    width: 320px;

  }
  .subscribe  p {
    margin-bottom: 30px;
  }
  .mobile-navigation .top-part {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mobile-navigation {
    overflow: auto;
  }
  .mobile-navigation .bottom-part .el {
    margin-bottom: 20px;
  }
  .categories-filter-main .filters .left button:before {
    display: none;
  }
  .categories-filter-main .filters .left button {
    padding: 0;
  }
  .category-list .store .front .inner .front-footer a {
    font-size: 16px
  }
  .category-list .store .front {
    padding: 10px;
  }
  .pagination a {
    font-size: 18px
  }
  .pagination .prev a,
  .pagination a.prev,
  .pagination .next a,
  .pagination a.next {
    width: 140px;
  }
  .pagination a {
    min-width: 40px;
    height: 40px;
    line-height: 40px
  }
  .pagination .inside .flex {
    justify-content: center;
  }
  .pagination .inside {
    justify-content: center;
  }

  .our-projects .left {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-top: 40px;
  }
  .our-projects .right {
    width: 100%;
    order: -1;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  .offer-services .left .item .caption {
    width: 100%;
  }
  .offer-services .left .item .image {
    position: static;
    margin-top: 40px;
  }

  .offer-services .left:after {
    display: none;
  }
  .offer-services .left .item h2 {
    font-size: 32px;
    margin-top: 0;
  }
  .offer-services .left .counter {
    bottom: 440px
  }
  .offer-services .left {
    height: auto;
    padding-bottom: 0px;
  }
  .offer-services .left .item {
    height: auto;
  }
  .offer-services .left .slick-arrow.slick-prev {
    left: auto;
    bottom: 50px;
    right: 100px;
  }
  .offer-services .left .slick-arrow.slick-next {
    left: auto;
    bottom: 50px;
    right: 50px;
  }
  .offer-services .inner {
    height: auto;
  }
  .our-projects img {
    max-width: 100%;
  }

  .main-inner-screen {
    padding: 60px 0;
    text-align: center;
  }
  .main-inner-screen .form {
    margin: 30px auto 0;
    position: static;
    max-width: 100%
  }
  .main-inner-screen h1 {
    font-size: 36px;
  }
  .main-inner-screen .form h3 {
    font-size: 32px;
  }
  .offer-services img {
    max-width: 100%
  }
  .offer-services .left {
    padding-left: 0;
    padding-right: 0;
  }
  .our-projects {
    margin-top: 60px;
  }
  .our-location {
    margin-top: 60px;
  }
  .offer-form .form {
    width: 100%;
  }
  .offer-form .form h3 {
    font-size: 32px;
  }
  .offer-form .right .item .cover,
  .offer-form .right {
    width: 100%;
    height: 400px;
  }
  .offer-form .right .slick-arrow.slick-next {
    right: 50px;
  }
  .offer-form .right .slick-arrow.slick-prev {
    right: 100px
  }
  .our-location .left {
    padding-right: 12px;
  }
  .offer-services .left .item h2 {
    margin-bottom: 10px;
  }
  .main-inner-screen .form .email {
    margin-bottom: 24px;
  }
  .offer-services > .flex {
    width: 620px;
    max-width: 100%;
    margin: 0 auto;
  }
  .our-projects {
    width: 620px;
    max-width: 100%;
    margin: 60px auto;
  }
  .offer-services {
    background: #eaeaea
  }
  .main-inner-screen {
    margin-bottom: 0;
  }
  .our-projects .right {
    padding: 0;
  }
  .our-location {
    width: 620px;
    max-width: 100%;
    margin: 0px auto 40px;
  }
  .our-location .left {
    padding-left: 0;
    padding-right: 0;
  }
  .our-projects .left .item {
    height: 360px
  }
  .creator .inner {
    padding: 50px 40px;
  }
  .creator .avatar {
    margin: 0 auto;
  }
  .creator .description {
    width: 100%;
    margin-top: 30px;
  }

  .cat-groups {
    margin-top: 400px;
  }
  body {
    padding-top: 80px;
  }
  .mobile-navigation .top-part .soc {
    margin-top: 20px;
  }
  .event-detail .description {
    width: 100%;
  }
  .event-detail {
    padding-top: 40px;
  }
  .event-detail .description {
    margin-top: 40px;
  }
  .mobile-event-header {
    display: block;
    margin-bottom: 30px;
  }
  .mobile-event-header h3 {
    font-weight: 700;
    color: #4d748c;
    font-size: 32px;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1;
  }
  .mobile-event-header .date{
    color: #858585;
    font-size: 18px;
  }
  .event-detail .description h1,
  .event-detail .description .date {
    display: none;
  }
  .event-gallery .item a {
    height: 220px;
  }  
  .ai .flex-horisontal {
    height: 560px;
    background-size: 560px auto;
  }
  .ai {
    height: 560px;
  }
  .ai .flex-horisontal .item {
    height: 560px;
    width: 560px;
  }
  .ai .flex-horisontal .item .img {
    width: 120px;
    height: 120px;
    margin-top: -34px;
  }
  .ai .flex-horisontal .item .image {
    width: 300px;
    height: 300px;
  }
  .ai .flex-horisontal .small {
    padding: 0 96px;
    margin-bottom: 30px;
  }
  .ai .flex-horisontal .item .image-wr {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 840px) {
  .services .rent .phones span {
    
  }
  .services .rent .top {
    width: auto;
  }
  .services .rent .phones {
    padding-left: 12px;
  }
  .services .services-list .item {
    font-size: 16px
  }
  .header {
    padding: 10px 0;
  }
  .footer .logo {
    width: 100%;
  }
  .footer .coll-2 {
    display: none;
  }
  .footer .coll-3 {
    width: 100%;
    margin-bottom: 30px;
  }
  .services .rent {
    padding: 12px;
  }
  .footer {
    padding: 60px 0 0
  }
  .footer .coll.logo,
  .footer .coll-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .footer .inside {
    padding-left: 0;
    padding-right: 0;
  }
  .footer .coll-4 img {
    display: block;
    max-width: 100%;
  }
  .mobile-navigation .bottom-part {
    height: auto;
    padding: 40px 20px;
  }

  .square-list .item {
    max-width: 49.6%
  }
  .event-gallery .item a {
    height: 250px;
  }
  .event-gallery {
    padding-left: 25px;
    padding-right: 25px;
  }
  .square-list .item a.cover {
    height: 290px;
  }
  .square-list .item .caption h3 {
    font-size: 16px;
  }
  .square-list .item .caption {
    font-size: 14px;
    padding: 8px;
  }
}
@media only screen and (max-width: 800px) {
  .category-list .store .item {
    width: 100%;
    height: 340px;
  }
  .category-list .store {
    width: 49%;
    height: 340px
  }
  .category-list .store .front .inner {
    padding: 14px
  }
  .category-list .store .front .close {
    top: 4px;
    right: 4px;
  }
  .category-list .store .front .inner .front-header {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  .category-list .store .front .inner .front-body {
    line-height: 1.3;
    height: 200px;
  }
  
}
@media only screen and (max-width: 760px) {
  
  .categories-filter-main .filters .right button {
    font-size: 16px;
    padding-top: 2px;
  }
  .categories-filter-main .filters-body {
    margin-bottom: 20px;
  }
  .categories-filter-main .filters .left button {
    font-size: 20px;
    padding-top: 2px;
  }

  .category-list .store .front .inner .front-body {
    font-size: 15px;
  }
  .contact-info .contact-list .item p a {
    font-size: 18px;
  }
  .about .item a {
    height: 300px;
  }
  .event-gallery {
    padding-left: 0;
    padding-right: 0;
  }
  .event-gallery {
    margin-bottom: 80px;
  }
  .cat-groups {
    margin-top: 0;
    position: relative;
  }
  
  .interactive-map .categories .close,
  .cat-groups .togg {
    display: none;
  }
  .interactive-map .categories .list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  .im-top {
    top: 76px
  }
  .interactive-map .inside-1 {
    position: static;
  }
  .interactive-map .inside-1 .inside {
    height: auto;
  }
  .interactive-map .categories {
    padding: 0;
    width: 100%;
  }
  .interactive-map .categories-inner {
    width: 100%;
  }
  .interactive-map .categories-inner li {
    margin-right: 10px;
    
  }
  .interactive-map .categories-inner li button {
    border: 2px solid rgba(77,116,140, 0.2);
    padding-right: 10px;
  }
  .interactive-map .categories.categories-1 {
    margin-bottom: 10px;
  }
  .interactive-map .categories.categories-2 {
    margin-bottom: 30px;
  }
  .cat-groups {
    max-width: 100%;
  }
  .interactive-map div.zoom {
    top: 130px;
    position: fixed;
  }
  .im-top.fixed {
    top: 68px;
    
  }
  .interactive-map .inside-1 {
    margin-top: 400px;
  }
  .interactive-map .inside-2 {
    position: fixed;
    top: 40px;
    max-width: 100%;
    background: #fff;
  }
  .interactive-map .inside-2 {
    z-index: 1; 
  }
  
}
@media only screen and (max-width: 740px) {
  .about .list .slick-slide > div {
    padding-left: 0px
  }
  .about .text {
    padding: 30px 12px 50px;
  }
  .slider-in-single .flex {
    margin: 0 auto;
  }
  .about .text .title {
    font-size: 40px;
    line-height: 1;
  }
  .poster h3 {
    font-size: 40px;
    line-height: 1.1;
  }
  .poster .content {
    font-size: 18px;
  }
  .main h1 strong {
    font-size: 70px;
  }
  .main .soc {
    top: 16px
  }
  .main .soc li {
    margin-bottom: 14px;
  }
  .main h1 {
    font-size: 30px;
  }
  .main .slide {
    padding: 180px 0 130px;
  }
  .main .slick-arrow {
    display: none !important;
  }
  .services {
    padding-bottom: 60px;
    padding-top: 50px;
  }
  .subscribe .form .field input {
    height: 44px;
    margin-top: 10px;
  }
  .subscribe .form .field {
    width: 100%;
  }
  .subscribe .form .field.full {
    margin-bottom: 0;
  }

  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 18px;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
  }
  :-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
  }
  :-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
  }
  .services .services-list .item {
    padding: 20px 10px 20px 104px;
  }
  .services .services-list .item svg {
    top: 10px;
  }
  
  .about-us .row-3 .desc-small {
    padding: 40px 20px
  }
  .store-detail .logo-slider {
    width: 100%;
  }
  .store-detail .description {
    width: 100%;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 680px) {
    .category-list .store .front .inner .front-footer a:before {
    display: none;
  }
  .category-list .store .front .inner .front-footer a {
    padding: 0;
  }
  .header .hours {
    display: none;
  }
  .header .nav .languages-wrapper {
    margin-left: 0;
  }
  .services-new .slider {
    padding-left: 0;
    padding-right: 0;
  }
  .services-new .desc {
    padding-left: 12px;
    padding-right: 12px;
  }
  .slide .slider-in-sm {
    margin-left: 0;
    width: 100%;
    padding-left: 12px;
  }
  .services-new .slick-arrow.slick-prev:before,
  .services-new .slick-arrow.slick-next:before {
    top: 9px;
    font-size: 16px;
  }
  .links-list .list-item .list-title {
    font-size: 24px;
  }
  .links-list .list-group .item-group {
    font-size: 18px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  .services .services-list .item {
    width: 100%;
    margin-bottom: 16px !important;
  }
  .slider-main .mob-image {
    display: block;
  }
  .slider-main .pc-image {
    display: none;
  }
  .services .rent {
    margin-top: 0;
  }
  .poster .content {
    padding-top: 100px;
  }
  .poster {
    height: 400px;
  }
  .main h1 strong {
    font-size: 50px;
  }
  .main h1 {
    font-size: 22px;
  }
  .main .slide {
    padding: 140px 0 100px;
  }
  .services .rent .top {
    width: 100%;
  }
  .services .rent .phones a,
  .services .rent .phones span {
    display: inline-block;
  }
  .categories-filter-main .filters .right button:after {
    display: none;
  }
  .categories-filter-main .filters .right button {
    height: 22px
  }
  
  .categories-filter-main .filters .right .hide {
    margin-left: 0;
  }

  .our-projects .right,
  .our-location .left,
  .offer-services .left .caption {
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }
  .our-location .left h3, .our-projects .right h3 {
    font-size: 32px;
  }
  .offer-services .left .counter {
    bottom: auto;
    top: 40px
  }
  .our-projects .right .heading {
    font-size: 22px;
  }

  .our-location .left,
  .our-projects .right {
    font-size: 18px
  }
  .rent-form .checkboxes li {
    width: 100%;
  }
  .rent-form .form .list .field {
    width: 100%;
    margin-bottom: 10px;
  }
  .rent-form .form .groupe {
    margin-bottom: 0;
  }
  .rent-form .form .button-upload {
    margin-bottom: 0;
  }

    
}

@media only screen and (max-width: 600px) {
  .category-list .inside {
    width: 424px;
  }
  .category-list .store {
    width: 100%
  }
  .pagination .next {
    margin-left: 6px;
  }
  .pagination .prev {
    margin-right: 6px;
  }
 
  .pagination i {
    display: block;
  }
  .pagination a.prev, .pagination a.next,
  .pagination .prev a, .pagination .next a {
    width: auto;
    font-weight: 300;
  }

  .map .caption .coll-2,
  .map .caption .coll-1 {
    width: 100%;
    max-width: 100%
  }
  .map .caption .el {
    margin-bottom: 20px;
  }
  .contact-info .rent .button {
    position: static;
  }
  .contact-info .rent {
    padding-bottom: 20px;
  }
  .contact-info .contact-list .item {
    width: 100%;
    max-width: 100%
  }
  .contact-info .contact-list .item:nth-child(3) {
    margin-bottom: 20px;
  }
  .contact-form .button {
    margin-top: 30px;
  }
  .contact-form .field {
    margin-bottom: 10px;
  }
  .contact-form .heding h3 {
    font-size: 26px;
  }
  .map .gmap {
    height: 340px;
  }
  .contact-info .rent {
    padding-left: 14px;
    padding-top: 14px;
  }
  .contact-info .rent svg {
    width: 70px;
  }
  .contact-info .rent .top {
    padding-left: 68px;
  }
  .contact-info .rent .button a {
    font-size: 18px;
    width: 200px;
  }
  .contact-info .rent .phones {
    margin-bottom: 20px;
  }
  .contact-info .rent .top {
    padding-left: 110px;
  }
  .contact-info .rent svg {
    left: 20px;
  }
  .categories-filter-main .filters-body .select:not(:last-child) {
    margin-bottom: 8px;
  }
  .categories-filter-main .filters-body > form,
  .categories-filter-main .filters-body .select {
    width: 100%;
  }
  .name-title {
    font-size: 30px;
  }
  .square-list .item a.cover {
    height: 230px;
  }
}
@media only screen and (max-width: 540px) {
  .subscribe .title {
    font-size: 32px;
  }
  .subscribe .form .label {
    font-size: 20px
  }
  .subscribe .form .checkboxes li {
    width: 100%;
  }
  .subscribe .form .label strong {
    display: block;
    margin-bottom: 6px
  }
  .header .logo img {
    width: 200px;
  }
  .services .rent .top {
    padding-left: 120px;
    
  }
  .services .rent .top img {
    width: 90px;
  }
  .services .services-list .item svg {
    width: 54px;
    left: 10px;
  }
  .services .services-list .item {
    padding-left: 70px;
  }

  .our-projects .right strong {
    font-size: 18px;
  }
  .services .services-list .item h2 {
    font-size: 18px;
  }
  .main-inner-screen h1 {
    font-size: 28px;
  }

  .offer-form .form,
  .main-inner-screen .form {
    padding: 30px 20px;
  }

  .offer-form .form p,
  .main-inner-screen .form p {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .offer-form .form .phones,
  .main-inner-screen .form .phones {
    margin-bottom: 30px;
  }

  .offer-form .form .phones a:before,
  .main-inner-screen .form .phones a:before {
    top: 0
  }
  .offer-form .form .email {
    margin-bottom: 20px;
  }




  .offer-form .right .slick-arrow.slick-prev,
  .offer-services .left .slick-arrow.slick-prev,
  .our-projects .left .slick-arrow.slick-prev {
    right: 60px;
  }
  .offer-form .right .slick-arrow.slick-next,
  .offer-services .left .slick-arrow.slick-next,
  .our-projects .left .slick-arrow.slick-next {
    right: 20px;
  }
  .offer-form .right .slick-arrow.slick-arrow,
  .offer-services .left .slick-arrow.slick-arrow,
  .our-projects .left .slick-arrow.slick-arrow {
    bottom: 20px;
    height: 40px;
    width: 40px;
  }
  .offer-form .right .slick-arrow.slick-arrow:after,
  .offer-services .left .slick-arrow.slick-arrow:after,
  .our-projects .left .slick-arrow.slick-arrow:after {
    background-size: 12px auto;
  }
  .offer-form .right .item .cover {
    height: 370px
  }
  .footer {
    padding: 40px 0 0;
  }
  .offer-form .form h3 {
    font-size: 26px;
  }
  .butik-slider h2 {
    font-size: 22px;
  }
  .our-location {
    margin-bottom: 20px;
  }
  .main-inner-screen .form .email a,
  .main-inner-screen .form .fill-offer a {
    max-width: 100%
  }
  .our-projects .left .item {
    height: 320px
  }
  
  .about-creator .image .item-inner,
  .about-creator .image {
    height: 400px;
  }
  .creator .inner {
    padding: 30px 12px;
  }
  .creator h3 {
    font-size: 22px;
  }
  .about-creator .text p {
    line-height: 1.4;
  }
  .header .hours {
    display: none;
  }
  .categories-filter-main .filters .left button {
    font-size: 16px;
  }
  .categories-filter-main .filters .right button span, .categories-filter-main .filters .right button a {
    padding-left: 40px;
  }
  .interactive-map .inside-1 {
    top: 80px
  }
  .interactive-map .zoom {
    top: 66px;
    right: 10px;
  }
  .interactive-map .buttons-wrapp .buttons {
    width: 1440px;
  }
  .interactive-map .buttons button {
    padding: 0 7px 2px;
    font-size: 13px;
    height: 30px;
  }
  .interactive-map .buttons-wrapp .buttons {
    width: 930px;
    padding: 6px 4px 10px 4px;
  }
  
  
  
  .ai .flex-horisontal .item .img img, .ai .flex-horisontal .item .img video {
    width: 140px;
  }
  .ai .flex-horisontal {
    height: 500px;
    background-size: 420px auto ;
  }
  .ai .flex-horisontal .item .image video {
    height: 260px;
  }
  .video-conteiner {
    width: 260px;
    height: 260px;
    transform-origin: 74px 106px;
    background-size: 260px auto;
  }
  .ai .flex-horisontal .item .image-container {
    width: 130px;
    height: 130px;
    transform-origin: 26px 80px;
  }
  .ai {
    height: 500px;
  }
  
  .ai .flex-horisontal .item {
    height: 420px;
    width: 420px;
  }
  .ai .flex-horisontal .item .img {
    width: 86px;
    height: 86px;
    margin-top: -48px;
  }
  .ai .flex-horisontal .item .image {
    width: 168px;
    height: 168px;
  }
  .ai .flex-horisontal .small {
    padding: 0 74px;
    margin-bottom: 26px;
  }
  .ai .flex-horisontal .item .image-wr {
    margin-bottom: 74px;
  }
  
  .interactive-map {
    margin-top: 0;
  }
  .ai .flex-horisontal .item .image-wr .prev-big,
  .ai .flex-horisontal .item .image-wr .next-big {
    background-size: 42px auto;
  }
  body {
    padding-top: 66px;
  }
  .breadcrumbs li {
    font-size: 14px;
  }
  .services-new h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .services-new .desc {
    margin-bottom: 20px;
  }
  .services-new .slick-arrow.slick-prev:before, .services-new .slick-arrow.slick-next:before {
    top: 6px;
  }
  .get-consultation h2 strong {
    font-size: 32px;
  }
  .links-list .list-group .item-group {
    width: 100%;
    max-width: 100%;
  }
  .links-list .list-group .item-group:first-child {
    margin-bottom: 12px;
  }
  .links-list .group-name {
    margin-top: 10px;
    text-align: center;
    margin-left: 0;
    width: 100%;

  }
  .links-list .list-group .item-el {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .links-list .list-group .item-el-1 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 480px) {
  {}
  .main h1 strong {
    font-size: 46px;
  }
  .store-detail h2 {
    font-size: 24px;
  }
  .categories-filter-main .filters .right button i {
    display: none;
  }
  .subscribe .title {
    font-size: 26px;
  }
  .subscribe {
    font-size: 16px;
  }
  .poster h3 {
    font-size: 32px;
  }
  .mobile-navigation .bottom-part .coll-1,
  .mobile-navigation .bottom-part .coll-2 {
    max-width: 100%
  }
  .mobile-navigation .inner-part {
    max-width: 100%
  }
  .mobile-navigation .mob {
    display: block;
  }
  .mobile-navigation .pc {
    display: none;
  }
  .offer-form .right {
    height: 370px;
  }
  .our-projects .right strong {
    font-size: 16px;
  }
  .our-location .left {
    padding-bottom: 30px;
  }
  .offer-form .form, 
  .main-inner-screen .form {
    padding: 30px 10px;
  }

  .offer-services .left {
    padding-top: 40px;
  }
  .our-projects {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .square-list {
    padding: 40px 0 60px;
  }
  .square-list .item .caption {
    padding: 10px;
    font-size: 14px;
  }
  .page-header h1 {
    font-size: 30px;
  }
  .contact-info {
    padding: 40px 0;
  }
  .about .text .title {
    font-size: 32px;
  }
  
  .event-gallery .slick-dots {
    margin-top: 20px;
  }
  .event-gallery .item a {
    height: 200px;
  }
 
  .categories-filter-main .filters .right button:before {
    left: 0
  }
  .categories-filter-main .filters .right button span, 
  .categories-filter-main .filters .right button a {
    padding-left: 30px;
  }
  .categories-filter-main .filters .right .hide {
    margin-left: 10px;
  }
  .inside {
    padding-left: 6px;
    padding-right: 6px;
  }
  .category-list .store .front .inner {
    padding: 14px 8px;
  }
  .category-list .store .front .close {
    top: -2px;
    right: -2px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
  }
  .category-list .store .front .inner .front-header .icons li img {
    width: 18px; 
  }
  .category-list .store .front .inner .front-header .name {
    width: calc(100% - 100px);
  }
  .categories-filter-main .filters .right .hide {
    display: inline-block;
    
  }
  .categories-filter-main .filters .right button {
    width: 40px;
    padding-top: 22px;
  }
  .categories-filter-main .filters .right button span {
    display: none;    
  }
  .categories-filter-main .filters .right button a {
    opacity: 0;
    font-size: 0;
    width: 40px;
    height: 22px;
    display: block;
  }
  .our-projects .right h3 strong {
    font-size: 32px;
  }
  .our-location .left h3, .our-projects .right h3 {
    font-size: 18px; 
  } 
  .ai .flex-horisontal .item .image-container {
    width: 118px;
    height: 118px;
    transform-origin: 26px 76px;
  }
  .video-conteiner {
    width: 244px;
    height: 244px;
    transform-origin: 67px 95px;
    background-size: 244px auto;
  }
  
  .slider-styled .slick-arrow.slick-next {
    right: 50px
  }
  .slider-styled .slick-arrow.slick-prev {
    right: 100px;
  }
  .square-list .item {
    max-width: 100%;
  }
  .square-list .inside > div > .flex {
    justify-content: center
  }
  .main .slide {
    height: 360px;
  }
  .location-page .locations .short-description {
    line-height: 1.6;
    font-weight: 500;
  }
  .breadcrumbs ul {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    text-overflow:  ellipsis;
  }
  .location-page {
    padding: 40px 0;
  }
  .location-page {
    padding-bottom: 0;
  }
  .location-page .maps {
    height: 370px;
  }
  .slide .slider-in-sm {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0;
    width: 100%;
  }
  .get-consultation h2 strong {
    font-size: 26px;
  }
  .get-consultation h2 {
    margin-bottom: 14px;
  }
  .get-consultation .field {
    margin-bottom: 14px;
  }
  .get-consultation .button {
    margin-top: 24px;
  }
  .look-up-header .logo img {
    width: 170px;
  }
}

@media only screen and (max-width: 420px) {
  .main-inner-screen .form h3 {
    font-size: 26px;
  }
  .services-new .slick-arrow.slick-next:before {
    width: 90px;
    right: -100px;
  }
  .services .rent .phones a {
    display: block;
  }
  .services .rent .phones span {
    display: none;
  }
  .services .rent .top {
    height: auto;
    padding-right: 0;
  }
  .main h1 strong {
    font-size: 40px;
  }
  .name-title {
    font-size: 24px;
    top: 40%;
  }
  .header .toggler {
    margin-left: 10px;
  }
  .main-inner-screen h1 {
    font-size: 26px;
  }

  .our-location .left h3,
  .offer-services .left .item h2 {
    font-size: 26px;
  }
  .our-projects .right .heading {
    font-size: 18px;
  }
  .our-location .left p {
    margin-bottom: 10px;
  }
  .our-projects .right p {
    margin-bottom: 10px;
  }
  .our-location .left,
  .our-projects .right {
    line-height: 1.4
  }
  .poster .content {
    padding-top: 26px;
  }
  .square-list .item {
    max-width: 100%;
  }
  
  .about-creator .image .item-inner,
  .about-creator .image {
    height: 300px;
  }
  .interactive-map .categories {
    max-width: 100%;
  }
  .interactive-map .categories li button {
    width: auto;
  }
  .interactive-map .categories-inner {
    padding: 8px;
  }
  .event-gallery .item a {
    height: 180px;
  }
  .categories-filter-main .filters-body .jq-selectbox__dropdown li {
    font-size: 16px;
  }
  .category-list .store .front .inner .front-body {
    height: 200px;
  }
  .category-list .store .front .inner .front-footer a:before {
    width: 16px;
    height: 16px;
    background-size: contain;
  }
  .category-list .store .front .inner .front-footer a {
    padding-left: 20px;
  }
  
  .ai .flex-horisontal {
    height: 420px;
    background-size: 370px auto ;
  }
  
  .ai {
    height: 420px;
  }
  .ai .flex-horisontal .small {
    padding: 0 90px;
    margin-bottom: 36px;
  }
  .ai .flex-horisontal .item .image {
    width: 148px;
    height: 148px;
  }
  .ai .flex-horisontal .item .image-wr {
    margin-bottom: 40px;
  }
  .ai .flex-horisontal .item .img {
    width: 76px;
    height: 76px;
    margin-top: 10px;
    margin-bottom: 36px;
  }
  .ai .flex-horisontal .item .image-wr .next-big {
    right: 66px;
    width: 50px;
    background-size: 34px;
  }
  .ai .flex-horisontal .item .image-wr .prev-big {
    left: 66px;
    width: 50px;
    background-size: 34px;
  }
  .creator .avatar img {
    width: 240px;
  }
  .categories-filter-main .filters-body .jq-selectbox__select-text {
    padding-right: 46px;
  }
  .languages-wrapper ul li {
    margin: 0 0px;
    font-size: 18px;
  }
  .header .nav li.lang-item:first-child {
    padding-right: 10px;
  }
  
}
@media only screen and (max-width: 374px) {
  .main h1 {
    font-size: 18px;
  }
  .services .rent .phones span {
    display: none;
  }
  .event-gallery .item a {
    height: 160px;
  }
  .header .logo img {
    width: 160px;
  }
  body {
    padding-top: 62px;
  }
}