@media screen and ( max-width: 1680px ) {
    .head-arc{top:30px}
}

@media screen and ( max-width: 1368px ) {
.float-video {    max-width: 50%;}
.float-video iframe {    max-height: 380px;}
[data-layout*="list"] .post-title {    font-size: 24px;    line-height: 26px;}

#main-menu >li >a {   padding: 0 11px;font-size: 13px;}
#main-menu li.menu-item-has-children > a:after {    font-size: 13px;}
    
}


@media screen and ( max-width: 1280px ) {
.mini-logo a    {max-width: 120px!important;    margin-top: 6px;}
#main-menu >li >a {   padding: 0 5px;font-size: 13px;}
#main-menu li.menu-item-has-children > a:after {    margin-left: 5px;}
.wpb_wrapper h3,
.wpb_wrapper h3 >a{    font-size: 26px;    line-height: 28px;}
.wpb_text_column p{    margin-bottom: 5px;    line-height: 20px;}
.post-title, .page-title {    font-size: 36px;    line-height: 38px;}
h1 {    font-size: 36px;        line-height: 38px;}
h2 {    font-size: 32px;}
.entry-header {    height: 500px;}
.h2-subtitle {    font-size: 20px!important;        line-height: 30px!important;}
#about-row .wpb_text_column p{        margin-bottom: 10px;        line-height: 24px;        font-size: 16px;}
.photo-gallery .vc_col-md-3{        width: 33%;}
}

@media screen and ( max-width: 1024px ) {
[data-layout*="list"] .post-title {        font-size: 21px;        line-height: 23px;    }
.contacts .wpb_wrapper p {    font-size: 20px;    line-height: 35px;display: flex;        align-items: center;}

.width50 {    width: 100%;float:none}
#main-menu >li >a {   padding: 0 5px;font-size: 11px;}
#main-menu li.menu-item-has-children > a:after {    margin-left: 5px;}
.section-link{font-size: 18px;}
.ep-icons {    width: 60px;    height: 60px;    mask-size: 60px;}
#custom_html-3 .socials-media a{    margin-right: 5px;}
#custom_html-3 .footer-phone {    font-size: 17px;    letter-spacing: 1px;}

}
/* Viewport Size 979px */
@media screen and ( max-width: 979px ) {
.btn-default {    padding: 8px 15px;}
#home-contact .vc_col-sm-2{display:none}
.modal-subwrap .modal {    max-width: 90%;}
#home-contact .vc_col-sm-4{width:50%}
.boxed-wrapper {    max-width: 100%;}
.language-chooser {    margin-top: 17px;    margin-right: 32px;}
.header-logo img {    max-width: 50%;}
#main-nav{    height: 60px;}
/*.post-header {    padding: 0px 0 0px;}*/
.head-arc {        top: 20px;    }
.mini-logo a {    margin-top: 0;}
.instagram-widget {   grid-template-columns: repeat(3, 1fr);  }
.top-right {    right: 70px;}
.post-header .page-title {   font-size: 28px;    line-height: 30px;}
h1, .big-title, .h1 {    font-size: 36px;}
.course-text,
h2,h3 {    font-size: 28px;    line-height: 32px;}
.course-descr{font-size:20px}


.float-video {    max-width: 100%;width:100%}
.float-video iframe {    max-height: 480px;width:100%}
  .main-nav-sidebar {    display: block;  }
  .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,
  .page-footer-inner,
  .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 {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    float: none;
    margin: 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: 95px !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;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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



}


/* Viewport Size 768px */
@media screen and ( max-width: 768px ) {
.socials-media .w2{display:none!important}
.socials-media .w2.w22{display:inline-block!important}
    
.language-chooser {        margin-right: 50px;}
.entry-header {    background-attachment: inherit!important;}
.single-prod-order img{ max-width: 100% !important;}
/*.clearfix-4{display:none}*/
.clearfix-2{display:block;height:0px;}
.wpb_video_widget,
#sections .wpb_content_element{margin-bottom: 15px;}
#sections .wpb_column:first-child .section-link {    border-radius: 0;}
#sections .wpb_column:last-child .section-link {    border-radius: 0 0 20px 20px;}

.main-content, .one-slide.vc_col-lg-4,
#top-bar > div, #main-nav > div, #featured-links, .main-content, .page-footer-inner, .featured-slider-area.boxed-wrapper,
.headbox.boxed-wrapper {
    padding-left: 15px!important;
    padding-right: 15px!important;        padding-bottom: 15px;
}

  .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;
  }
  
  [product_list ids="167,114,116,108,170,172,168,174"]
  
.circle__wrapper {    transform: scale(0.8);}

.head-arc {top: 30px;}
.col-12{width:50%; float: left;}
.infobl .info-overlay h4{font-size: 16px;    line-height: 16px;}
.single-prod-order .post-media img{    max-width: 220px!important;    margin: 0 auto;}
.modal-content .prod-info img {    max-width: 100%;}
.main-content,
.page-footer-inner{padding-bottom:0px;}
.footer-copyright {    padding: 15px 0;}
.footer-copyright{        display: flex;        width: 100%;        text-align: center;        flex-direction: column-reverse;}
.credit {    text-align: center;    float: none;}
.footer-menu-container {    float: none;    text-align: center;    width: 100%;}
#footer-menu {    float: none;}
.products-catalog {padding-left: 20px;        padding-right: 20px;}
.products-catalog .info-img{}
.vc_col-lg-4.vc_col-md-4.vc_col-sm-6.col-12 .info-img img,
.products-catalog .info-img img{    object-fit: cover;    position: relative;    height: 300px;    width: 100%;}
.info-img .info-overlay { margin: 10px !important;    height: 280px;    width: calc(100% - 20px);}
.slide-item .info-img .info-overlay {height: calc(100% - 20px);}
/*.slide-item .info-img .info-overlay {    height: 90%;}*/
.vc_col-lg-4.vc_col-md-4.vc_col-sm-6.col-12 .infobl,
.prod-grid .infobl {    height: 300px;margin-bottom:20px!important;}


.wp-video {    margin: 0 auto;}
#home-contact .vc_col-sm-4{width:50%;        float: left;}
.mini-logo {        left: 15px;}
}


/* Viewport Size 640px */
@media screen and ( max-width: 640px ) {
.col-12{width:100%; float:none}
#home-contact .vc_col-sm-4{width:100%;        float: none;}
.single-post-li {    flex-direction: column;}
.single-post-li .post-content-wrap,
.single-post-li .post-media {    width: 100%;    margin-right: 0;        margin-bottom: 20px;}
h1, .big-title, .h1 {    font-size: 32px;    line-height: 38px;}
h2,h3 {    font-size: 24px;    line-height: 28px;}
.course-text{        font-size: 16px;        line-height: 18px;        font-weight: 500;}
        
.course-descr{font-size:22px}
 .one-slide{width:100%}
  .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: 120px 0 40px;
  }

  .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;
  }

  /*.sticky {    padding: 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;
  }

.head-arc{display:none}
.mini-logo a {  max-width: 75px !important;    }
#formans .modal-content{max-height: none;    overflow: initial;}
#formans .modal-content{    flex-direction: column;}
#formans .modal-content .prod-info, #formans .modal-content .prod-form {    width: 100%;}

.modal-subwrap .modal{height:auto;max-height: none;overflow: scroll;}
.prod-info {    padding-right: 0px;    overflow: initial;}

}


/* Viewport Size 480px */
@media screen and ( max-width: 480px ) {
.sidebar-alt-wrap .contacts p {		font-size: 15px;}
.wpcf7 [type="submit"]{    width: 100%;}
.vc_col-lg-4.vc_col-md-4.vc_col-sm-6.col-12 .infobl, .prod-grid .infobl,
.vc_col-lg-4.vc_col-md-4.vc_col-sm-6.col-12 .info-img img, .products-catalog .info-img img {        height: 230px;}
.info-img .info-overlay {height: 210px;}

.vc_col-xs-6.vc_col-12{width:100%; float:none;margin-bottom: 40px;}
/*.single-prod-order .post-media img {        max-width: 90% !important;}*/

.sidebar-alt {    max-width: 290px!important;    left: -290px;}
h1, .big-title, .h1 {    font-size: 24px;    line-height: 28px;}
h2,h3 {    font-size: 20px;    line-height: 26px;}
.course-descr{font-size:18px; display:none}
.top-right .modal-cform.modal-toggle{display:none}
    
  #top-bar > div,
  #main-nav > div,
  #featured-links,
  .main-content,
  .page-footer-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .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-icons {
    right: 20px !important;
  }

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

}

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

  .post-content {
    text-align: left;
  }

}