@media screen and ( max-width: 1280px ) {
.owl-homeslider .slide-item >div, #slider_270 .sa_hover_container >div{max-width: 50%;}
.event-footer{line-height: 18px;}
#main-nav .mas-static-content{display:none}
#main-menu li a {    padding: 0 10px;}
.owl-homeslider .h2, #slider_270 .h2{    font-size: 50px;    line-height: 54px;}

.team-page .eqheight .vc_col-sm-4 .img-obj101 {    width: 100%;    object-fit: contain;}
    
}


@media screen and ( max-width: 1199px ) {
    .single-offer .offer-subtitle {    font-size: 13px;    line-height: 14px;}
    /*.team-page .vc_row .vc_col-md-4:nth-child(3n+4){    clear: left;}*/

.hor-list{flex-direction: column;}
.hor-list li{margin-bottom:10px;}
.hor-list .toright {
    margin-left: 0;
}

#page-37 .footer-wrap{width: 420px;        height: 330px;}
#page-37 .foote-city-list {    left: -50px;}
#page-37 .foote-city-points{    transform: scale(0.4); left: -27%; top: -50px;}
#page-37 .foote-city-list ul li {    font-size: 22px;}
#page-37 .foote-city-list ul li:not(:last-child){margin-bottom: 4px;}


}

/* Viewport Size 979px */
@media screen and ( max-width: 979px ) {
.owl-homeslider .slideitem-2 img{    object-position: -200px;}

.event-info .scroll{max-height:100%;
    padding-right: 15px;
    overflow: none;
    scrollbar-color: none;
    scrollbar-width: none;
}

.modal-content.scroll{  max-height:80vh;    overflow: auto;
    scrollbar-color: #057454  #eee;padding-right: 15px;
    scrollbar-width: thin;}
    
.event-footer .btn{line-height: 15px;}
.modal-content .event-img{width:100%}
.breadcrumb{overflow-x: scroll;}
.breadcrumb li, .breadcrumb li a {    white-space: nowrap;}

    #main-nav .mas-static-content {
        display: block;        margin-left: auto;
    }

#main-nav .boxed-wrapper    {display: flex;
    flex-direction: row;
    align-items: center;
    }
  .header-logo a {
    font-size: 80px !important;
    line-height: 1 !important;
  }

  .site-description {
    font-size: 13px !important; 
  }

  #top-bar > div,
  #main-nav > div,
  #featured-links,
  .main-content,
  .featured-slider-area.boxed-wrapper {
  /*  padding-left: 30px;
    padding-right: 30px;*/
  }

  .slider-item-bg,
  #featured-slider.boxed-wrapper .slider-item-bg {
    height: 500px;
  }

  #top-menu,
  top-menu-container,
  .main-menu-container,
  #main-menu {
    display: none;
  }

  .mobile-menu-btn {
    display: inline-block;
  }

  .main-nav-sidebar {
    display:block;        margin-left: 30px;
    /*position: absolute;
    top: 0px;
    right: 20px;
    z-index: 1;
    float: none;
    margin: 0;*/
  }
  #main-nav > div {    padding-top: 0;}
  .main-nav-icons {
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: 2;
    float: none;
    margin: 0;
  }

  #main-nav {
    text-align: center !important;
  }

  .mini-logo {
    /*position: absolute;
    left: auto;
    top: 0;*/
  }

  .mini-logo a {
    max-width: 80px !important;
  }

  .main-container {
    width: 100% !important;
    margin: 0 !important;
  }

  .sidebar-left,
  .sidebar-right {
    width: 100% !important;
    padding: 0 !important;
  }

  .sidebar-left-wrap,
  .sidebar-right-wrap,
  .footer-widgets .ashe-widget {
    float: none !important;
    margin-top: 30px!important;
  }

  .featured-slider-area.boxed-wrapper {
    padding: 0 !important;
  }

  #featured-slider .slick-arrow {
    display: none !important;
  }


.owl-homeslider .h2, #slider_270 .h2 {    font-size: 40px;    line-height: 45px;}
.tstroke{font-size: 136px;}
.single-offer{    height: 260px;}
.grid-container {    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.h2link {    font-size: 24px;}
#intro-section .vc_col-sm-6{width:70%}

#page-37 .footer-wrap,
.footer-wrap{width: 420px;        height: 330px;}
.foote-city-list {    left: -50px;}
.foote-city-points{    transform: scale(0.4); left: -27%; top: -50px;}
.foote-city-list ul li {    font-size: 22px;}
.foote-city-list ul li:not(:last-child){margin-bottom: 4px;}
.case-item .h2,
h4 {    font-size: 20px;    line-height: 24px;}
body.sticky.topscroll{padding-top:150px!important;}
.vc_col-lg-1-5.vc_col-md-4{width:33.33333333%}
.vc_row.one-consult .info-img {    width: 100%;}
.tteka-cases {    margin: 10px 0 0px;}
.case-item .btn{    font-size: 12px;}
.credo {
    letter-spacing: .01em;
    font-size: 20px;
    line-height: 1.2;
    padding-right: 0 !important;
    margin-right: 0px;
}
.item-info, .team-user-info{    padding: 10px;}

.one-consult {    display: flex;    margin-bottom: 45px;    align-content: stretch;    align-items: stretch;}
.vc_row.one-consult .info-img{        height: auto;}
.vc_row.one-consult .info-img a,
.vc_row.one-consult .info-img img{        width: 100%;        height: 100%;        object-fit: cover;}


}


/* Viewport Size 768px */
@media screen and ( max-width: 768px ) {
  .slider-item-bg,
  #featured-slider.boxed-wrapper .slider-item-bg {
    height: 360px;
  }

  .slider-content,
  .slider-read-more {
    display: none !important;
  }

  .slider-categories {
    margin-bottom: 8px !important;
    letter-spacing: 1px;
    font-size: 10px !important;
  }

  .slider-dots li {
    width: 11px;
    height: 11px;
    margin-right: 7px;
  }

  #featured-links .featured-link {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
  #featured-links .featured-link:last-of-type {
    margin-bottom: 0;
  }

  .comments-area {
    margin-bottom: 50px;
  }

  .comment-form-author input,
  .comment-form-email input, 
  .comment-form-url input,
  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="url"] {
    width: 100% !important;
  }

  .scrolltop {
    right: 30px;
    bottom: 60px;
  }

.list-spreader li{border-right:0px none;        padding-right: 0;        margin-right: 0;}
.list-spreader li:last-child{/*display:none*/}
.owl-homeslider .slide-item >div, #slider_270 .sa_hover_container >div {        max-width: 90%;  width: 90%;   }
.hicons svg {    max-height: 130px;}
.grid-container {        display: grid;        grid-template-columns: repeat(1, 1fr);        grid-template-rows: repeat(1, 1fr);}
.vc_col-lg-1-5.vc_col-md-4 {width: 50%;}
.team-page .vc_row .vc_col-md-4:nth-child(3n+4) {        clear: none;}
.team-page .vc_row .vc_col-md-4:nth-child(n+2) {        clear: right;}
.welcome {    height: 200px;}

}


/* Viewport Size 640px */
@media screen and ( max-width: 640px ) {
/*.event-item.event-mini .ev-data{display:block}*/
h3 {    font-size: 20px;    line-height: 22px !important;}
.h2link {    display: flex;    justify-content: space-between;    align-items: flex-start;    flex-direction: column;        font-size: 24px;
        line-height: 24px !important;}

.flex-column {
    font-family: sans-serif;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.flex-column .flexc1 {    padding: 5px 0px 5px 0px;}
#top-bar .top-bar-socials{display:none}
.step-item .step-name{    padding-top: 0;}
.wpcf7 .wpcf7-submit{width:100%}
.course-page .vc_col-12{width:100%}
.event-item.event-mini .info-img {    min-height: 445px;}
.event-footer {        position: relative;    }
.welcome .page-title {    font-size: 35px;    line-height: 1;    letter-spacing: 0.01em;}
.post-title, .page-title {    font-size: 30px;    line-height: 32px!important;}
.one-consult {        display: flex;        flex-direction: column;}
.vc_row.one-consult .info-img {        width: 100%;        padding-right: 0;    }
.img-obj100 {    height: 400px !important;    object-fit: cover;    width: 100%;}
.team-page  .vc_col-12,
.tteka-cases .vc_col-12{width:100%}
.case-item .h2{min-height: auto;}
.infobl-team,
.case-item {margin-bottom:50px;}
.infobl .info-overlay h3 {    font-size: 15px;    line-height: 16px !important;}

    

.tstroke {        font-size: 84px;    }
.single-offer .offer-subtitle {        font-size: 16px;        line-height: 21px;}
.single-offer {height: 300px;}
#intro-section .vc_col-sm-6 {        width: 100%;    }
.stroke-text {    line-height: 42px !important;    font-size: 38px !important;}
.foote-city-list {        left: 0px;    }
.footer-widgets ul.menu {    display: flex;           flex-direction: column;}


.slider-item-bg,
#featured-slider.boxed-wrapper .slider-item-bg {    height: 330px;  }

  .related-posts section {
    width: 100%;
    margin: 0 0 25px;
  }

  .related-posts {
    padding-bottom: 0;
  }

  .sidebar-left-wrap,
  .sidebar-right-wrap,
  .related-posts section img,
  .footer-widgets .ashe-widget {
    width: 100% !important;
  }

  #page-header .entry-header {
    height: auto;
    padding: 70px 0;
  }

  .header-logo {
    padding-top: 0 !important;
  }

  .header-logo a {
    font-size: 45px !important;
    line-height: 1 !important;
  }

  .blog-grid > li {
    width: 100% !important;
    margin-right: 0 !important;
  }

  [data-layout*="list"] .blog-grid .post-media,
  [data-layout*="list"] .blog-grid .post-content-wrap {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
  }

  [data-layout*="list"] .blog-grid .post-media {
    margin: 0 auto 20px auto;
  }

  .blog-grid .post-header,
  .blog-grid .read-more,
  [data-layout*="list"] .blog-grid .post-content-wrap {
    text-align: center !important;
  } 
  
  .footer-copyright .copyright-info,
  .footer-copyright .credit,
  .footer-copyright .footer-socials {
    width: 100%;
    float: none;
    text-align: center;
  }

  .footer-copyright .footer-socials {
    margin-top: 12px;
  }

  .sidebar-alt {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }


  .slider-info {
    padding: 10px;
  }

  .post-slider .prev-arrow,
  .post-slider .next-arrow {
    padding: 0 10px !important;
    margin-top: -14px!important;
    font-size: 30px !important;
  }

  .post-content > p:first-of-type:first-letter {
    font-family: inherit !important;
    float: none !important;
    margin: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
  }

  .ashe-instagram-widget .meks-instagram-widget > div,
  .ashe-instagram-widget #sbi_images > div {
    display: none !important;
  }

  .ashe-instagram-widget .meks-instagram-widget > div:nth-child(-n+4),
  .ashe-instagram-widget #sbi_images > div:nth-child(-n+4) {
    display: block !important;
  }

.owl-homeslider, #slider_270 {
    overflow: hidden;
    min-height: 580px;
    height: 580px;
    }
    
.owl-homeslider .slide-item {
        min-height: 600px;
        max-height: 600px;
        height: 600px;
}
.owl-homeslider .h2, #slider_270 .h2{         max-width: 100%;        line-height: 44px !important;        font-size: 36px;    }
.owl-homeslider .slide-item >div, #slider_270 .sa_hover_container >div{    padding: 10px; text-align:center}
.owl-homeslider div, #slider_270 p {    margin-bottom: 15px;}

}


/* Viewport Size 480px */
@media screen and ( max-width: 480px ) {



  .slider-item-bg,
  #featured-slider.boxed-wrapper .slider-item-bg {
    height: 260px;
  }

  #featured-slider .prev-arrow,
  #featured-slider .next-arrow,
  .single-navigation {
    display: none !important;
  }

  .slider-title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
  }

  .post-title,
  .page-title {
    font-size: 33px;
    line-height: 38px !important;
  }

  .main-nav-sidebar {
    left: 20px !important;
  }
  
  .main-nav-icons {
    right: 20px !important;
  }

  .comment-reply-link {
    display: block;
    float: none;
    margin: 0;
  }

#top-bar .mas-static-content{display:none}
#qtranxs_select_qtranslate-chooser,
#top-bar .language-chooser{margin-left: 0;padding-left: 0;     margin-left: 0;}


.h2, h2 {        font-size: 28px !important;        line-height: 34px !important;}
#page-37 .footer-wrap,
.footer-wrap {        width: 320px;        height: 260px;    }
.foote-city-points {        transform: scale(0.286);        left: -27%;        top: -40px;    }
.foote-city-list ul li {        font-size: 18px;        font-weight: 400;    }
.foote-city-list ul li:not(:last-child) {        margin-bottom: -4px;    }
.infobl .info-overlay{    height: auto;}
.owl-slider4 .infobl .info-overlay        {min-height: 120px;        height: 120px;}
.step-item .step-number{font-size: 56px;width: 80px;}
.step-item .step-name{    margin-bottom: 10px;    font-weight: 400;    font-size: 25px;    line-height: 114%;}

.footer-wrap h2.text-center {     line-height: 22px !important;}
}

/* Viewport Size 320px */
@media screen and ( max-width: 360px ) {
#page-37 .footer-wrap,
.footer-wrap {        width: 220px;        height: 220px;    }
.foote-city-points {        transform: scale(0.19);        left: -30%;        top: -28px;    }
.foote-city-list ul li {    font-size: 13px;    margin-bottom: -9px !important;}

#main-nav .mas-static-content{display:none}
.welcome .page-title {        font-size: 24px;        line-height: 1.2!important;     font-weight: 500;   letter-spacing: 0;}
.prod-list .vc_col-xs-6{width:100%}
.infobl .info-overlay{    height: auto;}
.prod-list  .infobl{margin-bottom: 0;}
.post-title, .page-title {        font-size: 24px;        line-height: 28px !important;}

.post-content {    text-align: left;  }
.owl-homeslider .h2, #slider_270 .h2 {        font-size: 26px;        line-height: 28px !important;        -webkit-text-stroke-width: 1px;}
.owl-homeslider div, #slider_270 p {    font-size: 20px;}
}




/* Page Header */
@media screen and (max-width: 1280px) {
     .entry-header {
         height: 430px !important;
    }
}
 @media screen and (max-width: 1080px) {
     .entry-header {
         height: 350px !important;
    }
     .logo-img {
         max-width: 400px !important;
    }
}
 @media screen and (max-width: 880px) {
     .entry-header {
         height: 290px !important;
    }
     .logo-img {
         max-width: 300px !important;
    }
}
 @media screen and (max-width: 750px) {
     .entry-header {
         height: 250px !important;
    }
     .logo-img {
         max-width: 250px !important;
    }
}
 @media screen and (max-width: 690px) {
     .entry-header {
         height: 210px !important;
    }
     .logo-img {
         max-width: 200px !important;
    }
}
 @media screen and (max-width: 550px) {
     .entry-header {
         height: auto !important;
         padding: 50px 0 !important;
    }
}