@media screen and ( max-width: 1320px ) {
    .boxed-wrapper{    max-width: 98%!important;}
}

@media screen and ( max-width: 1280px ) {

}


/* Viewport Size 979px */
@media screen and ( max-width: 979px ) {
.sgal .vc_col-sm-3{width:50%; float:left}


#top-bar .boxed-wrapper .topbar-contacnt li.email{display:none}
    .boxed-wrapper {
        max-width: 96% !important;
    }
    
  .header-logo a {
    font-size: 80px !important;
    line-height: 1 !important;
  }

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


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

.primary-fixed  .main-nav-icons {display:block}
  
  #top-menu,
  top-menu-container,
  .main-menu-container,
  #main-menu {
    display: none;
  }

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

  .main-nav-sidebar {
    display: block;
    z-index: 1;
    float: right;
    margin-right: 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-nav-sidebar ~ .mini-logo {
    margin-left: 20px;
  }

  .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: 65% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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

  .tarif {    padding: 30px 10px 20px;}

.step-item .step-name{padding-top:0}

}


/* Viewport Size 768px */
@media screen and ( max-width: 768px ) {
.showpc{display:none!important}
.showmob{display:block!important}

#top-bar .boxed-wrapper .topbar-contacnt li.address{display:none}
#top-bar .boxed-wrapper .mas-static-content {    flex: 0 0 50%;    width: 55%;}
  .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;
  }

#intro .intro-text span {    font-size: 54px;    margin-bottom: 15px;}
#intro .intro-text {
    font-size: 42px;
    text-shadow: 0px 2px 1px #000;
    font-weight: bold;
    color: #fff;
    max-width: 100%;
    margin: 0px auto 15px;
    letter-spacing: -2px;
    line-height: 42px;}

#intro p {    max-width: 300px;    margin: 0 auto 10px;        font-size: 18px !important;
        line-height: 1 !important;}
.img-router {    max-width: 90%;}
.textmiddle {    font-size: 24px !important;    text-transform: uppercase;    font-weight: 300 !important;        max-width: 100% !important;}
.textmiddle strong{font-weight: 300 !important;}
h2.title {    font-size: 36px;    max-width: 100%;    margin: 20px auto 10px;}

#orderf .sendfrm, #intro .btn-get-started {    letter-spacing: 0px;    font-size: 17px;}

#about .vc_col-sm-7{display:none}
.flythumbnail, .height100 {
height: 400px;
width: 100%;
max-width: 100%;
background-size: cover;}
.lines{
 display: grid;
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: repeat(2, auto);}
  
.lines .vc_col-sm-3{width:100%;}
.lines .h3 {    min-height: auto;}
.lines .text-muted{    margin-top: -20px;}

.tarif{    max-width:340px; margin:30px auto}
.tarif.mt0 {     margin-top: 30px;}

#orderf .section-description a {    display: block;}

h2.title {        font-size: 26px;        text-wrap-style: balance;    }
.title i {    font-size: 24px;}

.flex-hor{display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;}

#intro {    margin-bottom: 0px;}
#about {    margin-top: 10px;    margin-bottom: 10px;}

.photo-gallery .gall-image {    margin-bottom: 15px !important;}

#intro {
    /*background: url(/images/metalhead.webp);*/
    background-position: center -130px;}
}


/* Viewport Size 640px */
@media screen and ( max-width: 640px ) {
.sgal .vc_col-sm-3{width:100%; float:none}
.img-vkm {    max-width: 170px;}
#orderf {    padding-top: 40px;}

.tarif .thead {    font-size: 28px;}
.step-item .step-number{position: relative;}
.step-item .step-name {        font-size: 20px;        padding-top: 10px;        padding-left: 0;    }
.step-text {    padding-top: 0px;}
.step-text ul li {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 10px;
    max-width: 100%;
    font-weight: 300;}
    
  .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;
  }

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

}


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

#top-bar .boxed-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#top-bar .boxed-wrapper .mas-static-content{display:none}
#top-bar .boxed-wrapper >.top-bar-socials {
    padding-right: 15px;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;}

  #top-bar > div,
  #main-nav > div,
  #featured-links,
  .main-content,
  .page-footer-inner {
    padding-left: 0px !important;
    padding-right: 0px !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-sidebar {
    left: 20px !important;
  }
  
  .main-nav-icons {
    right: 20px !important;
  }

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

.lines{        display: block;}
.lines:before,
.box-icon:before{display:none!important}


    #intro .intro-text {
       /* font-size: 30px;
        text-shadow: 0px 1px 1px #000;
        font-weight: 500;
        letter-spacing: -1px;
        line-height: 28px;*/

        font-size: 26px;
        text-shadow: 0px 1px 1px #000;
        font-weight: 500;
        letter-spacing: -1px;
        line-height: 28px;
        max-width: 76%;
        
        }


}

/* Viewport Size 320px */
@media screen and ( max-width: 320px ) {
  .main-nav-icons {    font-size: 14px;}
  .post-content {
    text-align: left;
  }
  .intro-phone a {    font-size: 18px;}


}






/* 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;
    }
}