:root {
  --main-color: #8d1246;

  --black-color: #050621;

  --text-color: #434343;
}
#block-burgermenu {
  display: none;
}
/************************** 1024px ****************************/
@media (max-width: 1024px) {
  body {
    overflow-x: hidden;
  }
  #block-burgermenu {
    display: flex;
    justify-content: end;
  }
  .menu-btn {
    width: 50px;
    height: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 3px solid var(--main-color);
  }

  .menu-btn__burger {
    width: 30px;
    height: 6px;
    background: var(--main-color);
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
  }

  .menu-btn__burger::before,
  .menu-btn__burger::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 6px;
    background: var(--main-color);
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
  }

  .menu-btn__burger::before {
    transform: translateY(-12px);
  }

  .menu-btn__burger::after {
    transform: translateY(12px);
  }

  .menu-btn.open .menu-btn__burger {
    transform: translateX(-50px);
    background: transparent;
  }

  .menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(35px, -35px);
    background: var(--main-color);
  }

  .menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(35px, 35px);
    background: var(--main-color);
  }

  .menu-btn.open {
    border: 3px solid var(--main-color);
  }
  nav#block-mainnavigation {
    position: fixed;
    left: -100%;
    top: 0;
    width: 70%;
    height: 100%;
    background: var(--main-color);
    padding: 40px 0;
    border-right: 1px solid var(--main-color);
    z-index: -2;
  }
  nav#block-mainnavigation.active {
    left: 0;
    z-index: 9;
  }
  nav#block-mainnavigation ul {
    display: flex;
    flex-direction: column;
  }
  .home_page header .container,
  .home_page footer .container {
    max-width: 100%;
  }
  .header_container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 15px;
  }
  nav#block-mainnavigation ul li a {
    color: #fff !important;
    margin-bottom: 30px;
  }
  .header_container ul li {
    border: none !important;
  }
  /* .header_logo #block-sitebranding a:nth-child(1),
  .header_logo #block-sitebranding a:nth-child(1) img {
    width: 100%;
  } */
  .header_logo #block-sitebranding a:last-child {
    width: 100%;
  }
  nav#block-social {
    display: none;
  }
  .slider
    #block-views-block-header-slide-show-block-1
    .views-field.views-field-fieldset
    fieldset {
    left: 15px !important;
    width: 92% !important;
    top: 20% !important;
    transform: none !important;
  }
  .slider
    #block-views-block-header-slide-show-block-1
    .views-field.views-field-title
    a {
    font-size: 16px !important;
  }

  #block-views-block-header-slide-show-block-1 .slick-dots {
    width: max-content;
    right: auto;
    flex-direction: row;
    height: max-content;
    bottom: 30px;
    left: 15px;
    justify-content: space-between;
    min-width: 30px;
    top: auto;
  }
  #block-views-block-header-slide-show-block-1 .item-list .slick-arrow {
    top: auto;
    left: auto;
    right: 40px;
    bottom: 30px;
  }
}

/************************** 1024px ****************************/

/************************** 767px ****************************/
@media (max-width: 767px) {
  .slider #block-views-block-header-slide-show-block-1 .item-list,
  .slider
    #block-views-block-header-slide-show-block-1
    .item-list
    ul.slick-slider,
  .slider
    #block-views-block-header-slide-show-block-1
    .item-list
    .slick-track
    li,
  .slider {
    height: 300px;
  }
  .slick-slide img {
    height: 100%;
    min-height: 300px;
  }
  .slider
    #block-views-block-header-slide-show-block-1
    .views-field.views-field-title
    a::before,
  .slider
    #block-views-block-header-slide-show-block-1
    .views-field.views-field-title
    a::after {
    width: 0;
  }
  .about-us,
  .service,
  .home_page .container section {
    padding: 30px 15px;
  }
  .experince {
    padding: 30px 0;
  }
  .about-us
    #block-views-block-welcome-to-sky-wings-aviation-block-1
    .views-row
    .views-field.views-field-field-image,
  .about-us
    #block-views-block-welcome-to-sky-wings-aviation-block-1
    .views-row
    .views-field.views-field-fieldset {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .service #block-views-block-services-slider-block-1 {
    float: left;
    width: 100%;
  }
  .service #block-views-block-services-block-1-2 {
    float: right;
    width: 100%;
  }
  .inner-about-us .views-field.views-field-body {
    padding: 0;
  }
  #block-views-block-numbers-block-1 .views-row {
    justify-content: start;
  }
  .experince
    #block-views-block-numbers-block-1
    .views-field.views-field-field-image
    img {
    margin-right: 30px;
  }
  #block-servicestitle h3 {
    font-size: 20px;
    width: 100%;
    margin-bottom: 20px;
  }
  .service p.title-shadow {
    display: none;
  }
  .service .slick-dots {
    right: auto;
    left: 10px;
  }
  #block-views-block-services-slider-block-1 {
    padding-top: 0;
  }
  .about-us
    #block-views-block-welcome-to-sky-wings-aviation-block-1
    .views-row
    .views-field.views-field-fieldset
    .views-field.views-field-body
    p:nth-child(1) {
    font-size: 20px;
    text-align: left;
    height: 100px;
  }
  .services-item .views-row {
    float: left;
    width: 50%;
    margin-right: 0;
    margin-bottom: 3%;
  }
  .testimonial
    #block-views-block-testimonials-block-1
    .slick-slider
    li
    .views-field.views-field-fieldset
    .views-field.views-field-field-testimonials-image {
    position: relative;
    top: auto;
    right: auto;
  }
  .testimonial .slick-slide img {
    height: 100%;
    min-height: auto;
    margin: auto;
  }
  #block-tetsimonialtitle {
    width: 100%;
  }
  .airports .slick-track li {
    margin: 0;
    padding: 10px;
  }
  .airports .slick-arrow,
  #block-airportsshadow {
    display: none !important;
  }
  .airports,
  .airports::before {
    background-size: 100% 100%;
  }
  footer .col-md-5 {
    margin-bottom: 15px;
  }
  .off-canvas-wrapper {
    display: none;
  }
  .testimonial
    #block-views-block-testimonials-block-1
    .slick-slider
    .slick-track {
    padding-top: 0;
  }
  #block-views-block-header-slide-show-block-1
    .item-list
    .slick-prev.slick-arrow:hover {
    background-color: #fff;
    background-image: url("../images/left-color.png");
  }
  #block-views-block-numbers-block-1 .views-row {
    font-size: 20px;
    margin-bottom: 15px;
  }
  #block-views-block-numbers-block-1
    .views-row
    .views-field.views-field-field-number
    .field-content {
    font-size: 30px;
  }
  .page-node-about-us
    #block-sky-content
    .views-row
    .views-field.views-field-fieldset,
  .page-node-about-us
    #block-sky-content
    .views-row
    .views-field.views-field-field-image,
  #block-views-block-welcome-to-sky-wings-aviation-block-2
    .mission-vision
    .views-row
    .views-field.views-field-fieldset,
  #block-views-block-welcome-to-sky-wings-aviation-block-2
    .mission-vision
    .views-row
    .views-field.views-field-field-image {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .page-node-about-us #block-sky-content .views-row,
  #block-views-block-welcome-to-sky-wings-aviation-block-2
    .mission-vision
    .views-row {
    padding: 15px;
  }
  .page-node-about-us #block-views-block-numbers-block-1-2 {
    width: 100%;
  }
  .page-node-about-us #block-views-block-numbers-block-1-2 .views-row {
    justify-content: start;
  }
  .page-node-photo-gallery .views-row .views-field.views-field-field-image,
  .page-node-video-gallery .views-row .views-field.views-field-fieldset {
    padding: 10px;
  }
  #block-sky-page-title h1 {
    font-size: 39px;
  }
  body.page-node-services .services-item {
    display: grid;
    place-items: center;
  }
  div#block-views-block-airports-block-2,
  div#block-views-block-services-block-2 {
    padding: 15px;
  }
  .contactinfo,
  .mapp {
    width: 95%;
    float: none;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .mapp iframe {
    width: 100%;
  }
  .page-node-contactus .webform-submission-form {
    width: 95%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 100px;
  }
  .page-node-contactus .webform-submission-form .js-form-item.form-item {
    float: none !important;
    width: 100% !important;
    margin: 0;
    margin-bottom: 5px;
  }
  .page-node-contactus .webform-submission-form .form-actions::before {
    width: 83px;
  }
  .page-node-contactus .webform-submission-form .form-actions input {
    width: 87%;
  }

  .header_container ul li ul {
    top: calc(60%);
    left: 10px;
  }
  nav#block-mainnavigation ul ul li a {
    color: var(--black-color) !important;
  }
}
/************************** 767px ****************************/