@media (min-width:2000px) {
  header .header-vector {
    position: absolute;
    left: 0px;
    width: 52%;
  }
}

@media (max-width:1500px) {
  header .header-vector {
    width: 53.5%;
  }

  main .top-two-sections .widgets-section .widget1 .bg-arrow,
  main .top-two-sections .widgets-section .widget2 .bg-arrow {
    position: absolute;
    left: 0;
    transform: translate(12px, 0px);
    height: 88px;
  }

  main .top-two-sections .widgets-section .widget1 .svg-wrap,
  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    border-radius: 20px;
    margin: 7px 7px 7px 10px;
    padding: 4px 6px;
  }
}

@media (max-width:1200px) {
  header .header-inner .row2 nav .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }

  header .header-inner .row1 .left-section .workers,
  header .header-inner .row1 .left-section .bosses {
    font-weight: 900 !important;
    font-size: 12px !important;
    cursor: pointer;
  }

  header .header-inner .row1 .left-section .workers .svg-wrapper {
    padding: 2px 6px;
    height: 25px;
    width: 25px;
    transform: translate(-4px, -1px);
  }

  header .header-inner .row1 .left-section .bosses .svg-wrapper {
    padding: 2px 6px;
    height: 25px;
    width: 25px;
    transform: translate(0px, -1px);
  }

  header .header-vector {
    width: 59%;
  }
  .form-control{
    font-size: 14px;
  }
  header .header-inner .row1 .left-section .workers,
  header .header-inner .row1 .left-section .bosses {
    font-size: 14px;
    width: 178px;
  }
  .search-holder {
    width: 26%;
  }
  header .header-inner .row2 nav .navbar-collapse .search-holder .serach-input {
    width: 100%;
  }

  main .top-two-sections .main-slider .swiper .swiper-wrapper .swiper-slide .glass-layer .label {
    color: white !important;
  }

  main .top-two-sections .widgets-section .widget1 .widget-desc-wrapper .widget-title,
  main .top-two-sections .widgets-section .widget2 .widget-desc-wrapper .widget-title {
    font-weight: 700 !important;
    font-size: 18px !important;
  }

  main .top-two-sections .widgets-section .widget1 .main-img,
  main .top-two-sections .widgets-section .widget2 .main-img {
    height: 115px;
  }

  main .about-us .activity-section .activity .activity-title {
    font-size: 15px;
  }

  main .top-two-sections .widgets-section .widget1 .bg-arrow,
  main .top-two-sections .widgets-section .widget2 .bg-arrow {
    transform: translate(12px, 0px);
    height: 89px;
  }

  main .top-two-sections .widgets-section .widget1 .svg-wrap,
  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    margin: 7px 7px 7px 7px;
  }

  main .top-two-sections .widgets-section .widget1 .widget-desc-wrapper .widget-desc,
  main .top-two-sections .widgets-section .widget2 .widget-desc-wrapper .widget-desc {
    font-size: 15px !important;
  }

  main .about-us .title,
  main .services .title,
  main .articles .title-section,
  main .faq-section .title-faq-section,
  main .consult-section .label {
    font-size: 22px;
  }



  main .articles .container .blog-card .small-blog-footer .flex-cloumn div {
    gap: 3px;
  }

  main .consult-section .tel-info {
    padding: 12px 30px 9px 30px;
  }

  main .consult-section .desc {
    font-size: 16px;
  }

  main .services .swiper .swiper-wrapper .swiper-slide .service .service-label,
  main .articles .container .blog-card .big-blog-footer .flex-cloumn h6,
  main .articles .container .blog-card .small-blog-footer .flex-cloumn h6.blog-title,
  main .consult-section .tel-info .tel {
    font-size: 18px;
  }

  main .articles .container .blog-card .big-blog-footer .big-blog-read>span,
  main .articles .container .blog-card .small-blog-footer .flex-cloumn .small-blog-read span {
    color: white;
    width: 43px;
    height: 43px;
    font-size: 20px;
    padding: 15px 15px 12px 15px;
  }

  main .articles .container .blog-card .small-blog-footer .big-blog-footer {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 45px;
  }

  main .about-us .desc {
    font-size: 15px;
  }

  main .articles .container .blog-card .big-blog-footer {
    padding: 32px 15px 0px 15px;
  }

  main .about-us .activity-section .read .call-us,
  main .about-us .activity-section .read .about {
    font-size: 13px;
    transition: all 0.3s ease;
  }

  footer .footer-inner .left-col div>img {

    width: 34px;
    height: 34px;
  }

  hr {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

}

@media only screen and (min-width: 768px) and (max-width:992px) {
  main .container .callus-contant .contact .col-md-6.right-box-callus {
    max-width: calc(50% - 16px);
  }
}

@media (min-width: 992px) {
  main .container .callus-contant .contact .col-lg-4 {
    max-width: calc(33.333333% - 16px);
  }

  .hamburger-menu-wrapper {
    display: none !important;
  }
  
main .top-two-sections .widgets-section .widget:hover {
  /* transform: translate(0, -5px); */
  margin-top: -12px;
  margin-bottom: 12px;
}
}

@media (max-width: 992px) {
  main.single-blog .about-us {
    padding: 34px 0px 125px;
  }
  main .faq-section.all {
    padding: 20px 0 60px 0;
}

  main .container .callus-contant .right-box-callus {
    padding: 20px;
  }
.submenu{
  margin-top: 8px;
}
.mobile-sub-menu{
  gap: 4px;
}
.subsub-menu li {
  list-style: none;
}
  main .container .callus-contant .left-box-callus {
    background-color: #f5f5f5;
    border-radius: 20px;
    padding: 20px;
  }
  main .container .callus-contant .right-box-callus h6, main .container .callus-contant .left-box-callus h6 {
    font-size: 18px;
}
  .search-holder {
    width: auto;
}
  main .container .callus-contant .left-box-callus form div input {
    width: 100%;
  }

  main .container .callus-contant .left-box-callus form div {
    flex-wrap: wrap;
  }


  main .about-us {
    padding: 75px 0px 75px;
  }

  main .articles .row .col-md-8,
  main .articles .row .col-md-4,
  main .articles .row .col-md-4 .col-12 {
    padding-left: 0px;
    padding-right: 0px;
  }

  main .services .swiper .swiper-wrapper .swiper-slide .service .service-label,
  main .articles .container .blog-card .big-blog-footer .flex-cloumn h6,
  main .articles .container .blog-card .small-blog-footer .flex-cloumn h6.blog-title,
  main .consult-section .tel-info .tel {
    font-size: 15px;
  }

  main .consult-section p.label {
    margin-bottom: .5rem;
  }

  header .header-inner .row1 {
    border: none !important;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  header .header-inner .row1 .left-section .workers,
  header .header-inner .row1 .left-section .bosses {
    display: none !important;
  }

  header .header-inner .row2 {
    display: none !important;
  }

  .widgets-section {
    all: unset !important;
  }

  main .widgets-section .widget1 {
    margin-top: 30px;
  }

  main .main-slider .swiper .swiper-wrapper .swiper-slide .glass-layer {
    height: 80px;
  }

  main .main-slider .main-slider-navigation {
    bottom: 35px;
  }

  main .top-two-sections .main-slider .swiper .swiper-wrapper .swiper-slide .glass-layer {
    height: 80px;
  }

  main .top-two-sections .main-slider .main-slider-navigation {
    bottom: 30px;
  }

  main .top-two-sections .main-slider .swiper .swiper-wrapper .swiper-slide .glass-layer .label {
    margin-top: 3px;
    font-size: 18px;
  }

  footer .footer-inner {
    padding: 30px 0px 10px 0px;
  }

  footer .footer-inner .left-col .socials {
    border: none !important;
  }
.blog-desc {
font-size: 14px;
}
main .articles .container .blog-card .small-blog-footer .flex-cloumn div {
  margin-top: 6px;
}
}

@media only screen and (min-width: 768px) and (max-width:991px) {
  main .top-two-sections .widgets-section .widget2 {
    margin-top: 31px;
  }

  main .top-two-sections .widgets-section .widget1 .widget-desc-wrapper .widget-title,
  main .top-two-sections .widgets-section .widget2 .widget-desc-wrapper .widget-title {
    font-size: 15px !important;
  }

  main .top-two-sections .widgets-section .widget1 .bg-arrow,
  main .top-two-sections .widgets-section .widget2 .bg-arrow {
    transform: translate(7px, 0px);
    height: 70px;
  }

  main .top-two-sections .widgets-section .widget1 .svg-wrap,
  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    padding: 1px 3px;
  }

  main .top-two-sections .widgets-section .widget1 .main-img,
  main .top-two-sections .widgets-section .widget2 .main-img {
    height: 94px;
  }

  main .top-two-sections .widgets-section .widget1 .svg-wrap svg,
  main .top-two-sections .widgets-section .widget2 .svg-wrap svg {
    scale: .8;
  }

  main .top-two-sections .widgets-section .widget1 .svg-wrap,
  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    margin: 7px 7px 7px 5px;
  }

  main .about-us .title,
  main .services .title,
  main .articles .title-section,
  main .faq-section .title-faq-section,
  main .consult-section .label {
    font-size: 19px;
  }

  main .about-us .desc {
    font-size: 14px;
  }

  main .about-us .activity-section .activity .activity-title {
    font-size: 13px;
  }

  main .about-us .activity-section .activity .activity-time {
    font-weight: 600;
    font-size: 13px;
  }

  main.single-blog .consult-section {
    transform: translate(50%, 0);
    position: absolute;
    width: 100%;
    right: 50%;
    margin-top: -64px;
  }

  .single-blog .bg-footer {
    background-color: #dfe3ec;
    height: 75px;
  }
}

@media (min-width: 768px) {

  /* main .container .callus-contant .contact .col-lg-4{
    max-width: calc(33.333333% - 16px);
  } */
  main .container .callus-contant .contact {
    display: flex;
  }

  main .gallerypic .container .row .col-md-8 {
    max-width: calc(66.666667% - 10px);
  }
  .copyright .col-md-8{
    text-align: start!important;
    font-size: 12px;
  }

}

@media (max-width: 767.98px) {
  main .articles .container .swiper-slide a {
    padding-left: 0;
    padding-right: 0;
  }

  main .articles .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  main .container .callus-contant .contact {
    display: grid;
    gap: 20px;
  }

  main .container .callus-contant {
    padding-right: 10px;
    padding-left: 10px;
  }

  main .gallerypic {
    padding: 33px 10px;
  }

  main .gallerypic .container .row .col-md-8,
  main .gallerypic .container .row .col-md-4 {
    height: 260px !important;
  }

  main .main-slider .swiper .swiper-wrapper .swiper-slide img {
    height: 40vh;
  }

  .consult-section {
    text-align: center;
  }

  .contact-us-page .red-section {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .contact-us-page iframe {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  main .consult-section p.label,
  main .consult-section .desc {
    display: flex;
    justify-content: center;
  }
}


@media (max-width: 575.98px) {
  .about-us {
    padding: 80px 0px;
  }
  .single-service-img {
    height: 250px;
}
.single-service h5{
  font-size: 16px;
}
  main .services .title::before,
  main .services .title::after {
    display: none !important;
  }

  main .articles .title-section::before,
  main .articles .title-section::after {
    display: none !important;
  }

  main .main-slider .swiper .swiper-wrapper .swiper-slide .glass-layer .label {
    font-size: 20px;
  }

  main .articles {
    padding: 70px 0px;
  }

  main .articles .swiper {
    padding: 0;
  }
}

@media (max-width: 470px) {
  main.single-blog .about-us {
    padding: 34px 0px 12rem;
  }

  main.single-blog .single-blog-text {
    padding: 0px 0 11rem 0;
  }

  .single-blog .bg-footer {
    background-color: #dfe3ec;
    height: 8rem;
  }

  main.single-blog .consult-section {
    margin-top: -119px;
  }

  main .container .callus-contant .right-box-callus h6,
  main .container .callus-contant .left-box-callus h6 {
    font-size: 18px;
  }

  main .about-us .activity-section .activity .activity-time,
  main .about-us .activity-section .activity .activity-title {
    font-size: 13px;
  }



  header .canvas-menu .col-6 img {
    scale: .85;
  }

  main .widgets-section .widget1 .widget-desc-wrapper .widget-title,
  main .widgets-section .widget2 .widget-desc-wrapper .widget-title {
    font-size: 16px !important;
    word-spacing: -1px;
  }

  main .widgets-section .widget1 .widget-desc-wrapper .widget-desc {
    font-size: 13px;
  }

  main .widgets-section .widget1 .main-img,
  main .widgets-section .widget2 .main-img {
    height: 95px;
  }

  main .widgets-section .widget1,
  main .widgets-section .widget2 {
    justify-content: space-between;
    padding: 15px;
  }

  .copyright svg {
    width: 85px !important;
  }

  main .top-two-sections .widgets-section .widget1 .widget-desc-wrapper .widget-desc,
  main .top-two-sections .widgets-section .widget2 .widget-desc-wrapper .widget-desc {
    display: none;
  }

  main .top-two-sections .widgets-section .widget1 .main-img,
  main .top-two-sections .widgets-section .widget2 .main-img {
    height: 100px !important;
  }

  main .top-two-sections .widgets-section .widget1 .widget-desc-wrapper,
  main .top-two-sections .widgets-section .widget2 .widget-desc-wrapper {
    border-left: none;
  }

  main .main-slider .swiper .swiper-wrapper .swiper-slide img {
    height: 55vh !important;
  }

  main .top-two-sections .widgets-section .widget1 .bg-arrow,
  main .top-two-sections .widgets-section .widget2 .bg-arrow {
    transform: translate(16px, 0px);
    height: 78px;
  }

  main .top-two-sections .widgets-section .widget1 .svg-wrap {
    margin: 7px 43px 7px -15px;
    scale: .9;
  }

  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    margin: 7px 33px 7px -6px;
    scale: .9;
  }

  main .about-us .title,
  main .services .title,
  main .articles .title-section,
  main .faq-section .title-faq-section,
  main .consult-section .label {
    font-size: 18px;
  }

  main .about-us .desc {
    font-size: 14px;
  }

  main .about-us .activity-section .activity {
    background-color: #f6f4ff;
    border-radius: 12px;
    padding: 8px 6px;
    margin-bottom: 16px;
    width: fit-content;
  }

  main .about-us .activity-section .activity div {
    gap: 10px;
  }

  main .about-us .activity-section .read {
    padding-top: 0;
  }

  main .consult-section .container {
    width: 93%;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  main .about-us {
    padding: 50px 0;
  }

  main .services {
    padding: 50px 0 78px 0 !important;

  }

  .button-slider-service {
    gap: 10px;
    display: flex;
    right: 50%;
    transform: translate(50%, 6px);
    position: absolute;
  }

  main .articles {
    padding: 50px 0px 50px 0px;
  }

  main .faq-section {
    padding: 140px 0px 90px;
  }

  main .services .container {
    padding: 10px 0;
  }

  main .articles .title-section {
    text-align: center;
    margin-bottom: 23px;
  }

  main .consult-section .container .row a {
    display: contents;
  }

  main .consult-section .reserve {
    margin-top: -21px;
    background-size: contain;
    background-position: center;
    height: 72px;
  }

  main .consult-section .reserve .bg-blue {
    width: 45px;
    height: 45px;
    left: 50%;
    transform: translate(-50%, -14px)!important;
    top: 50%;
  }

  main .consult-section .reserve .bg-blue img {
    width: 22px;
    height: 22px;
    transform: translate(3px, -5px);
  }

  main .consult-section .container .row a .col-md-5 {
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
  }

  footer .footer-inner .copyright .row .col-8 {
    font-size: 11px;
  }

  footer .footer-inner .left-col .socials {
    gap: 8px;
  }

  main .consult-section .desc {
    font-size: 15px;
    padding: 0 10px;
    text-align: center;
  }

  main .container .row .articles {
    padding: 25px 8px 45px 8px
  }

  .single-blog .single-blog-text .row {
    padding-left: 15px;
    padding-right: 15px;
  }

  main .single-blog-text p {
    font-size: 14px;
  }
}

@media (max-width: 440px) {
  main .top-two-sections .widgets-section .widget1 .svg-wrap {
    margin: 7px 42px 7px -18px;
    scale: .9;
  }
  main .services .swiper .swiper-wrapper .swiper-slide .service .service-img-wrapper {
  width: 90%;
  }
}

@media (max-width: 420px) {
  main .top-two-sections .widgets-section .widget1 .svg-wrap {
    margin: 7px 31px 7px -15px;
    scale: .9;
  }

  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    margin: 7px 17px 7px -6px;
    scale: .9;
  }

  main .top-two-sections .widgets-section .widget1 .bg-arrow,
  main .top-two-sections .widgets-section .widget2 .bg-arrow {
    transform: translate(11px, 0px);
    height: 78px;
  }

  /* main .consult-section .reserve {
    margin-top: -27px;

  } */
}

@media (max-width: 390px) {
  main .top-two-sections .widgets-section .widget1 .svg-wrap {
    margin: 7px 17px 7px -9px;
    scale: .9;
  }

  /* 
  main .consult-section .reserve {
    margin-top: -29px;
  } */

  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    margin: 7px 10px 7px 3px;
    scale: .9;
  }

  main .consult-section .reserve .bg-blue {
    /* width: 42px;
    height: 42px; */
    /* left: 24px;
    top: 17px; */
  }

  /* main .consult-section .reserve .bg-blue img {
    width: 20px;
    height: 20px;
  } */

  /* main .consult-section .reserve .bg-blue img {
    width: 18px;
    height: 18px;
  } */

}

@media (max-width: 385px) {
  main .top-two-sections .widgets-section .widget1 .svg-wrap {
    margin: 7px 3px 7px -9px;
    scale: .9;
  }

  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    margin: 7px 9px 7px 5px;
    scale: .9;
  }

  main .consult-section .reserve .bg-blue {
    /* width: 42px;
    height: 42px; */
    /* left: 23px;
    top: 15px; */
  }

  /* 
  main .consult-section .reserve {
    margin-top: -21px;
  } */
}

@media (max-width: 365px) {
  main .top-two-sections .widgets-section .widget1 .svg-wrap {
    margin: 7px -1px 7px -5px;
    scale: .9;
  }

  /* main .consult-section .reserve {
    margin-top: -49px;
  } */

  main .consult-section .reserve .bg-blue {
    /* width: 40px;
    height: 40px; */
    /* left: 22px;
    top: 16px; */
  }
}

@media (max-width: 355px) {
  /* main .consult-section .reserve {
    margin-top: -49px;
  } */

  main .consult-section .reserve .bg-blue {
    /* width: 40px;
    height: 40px; */
    /* left: 22px;
    top: 16px; */
  }
}

@media (max-width: 340px) {
  main .top-two-sections .widgets-section .widget2 .widget-desc-wrapper {
    padding-left: 0px;
    padding-right: 10px;
  }

  /* main .consult-section .reserve {
    margin-top: -46px;
  } */

  main .top-two-sections .widgets-section .widget1 .main-img,
  main .top-two-sections .widgets-section .widget2 .main-img {
    width: 38%;
    object-fit: cover;
  }

  .header-inner .row .right-header img {
    width: 100%;
  }

  main .services .swiper .swiper-wrapper .swiper-slide .service .read-more-wrapper::before,
  main .services .swiper .swiper-wrapper .swiper-slide .service .read-more-wrapper::after {
    display: none;
  }

  main .consult-section .reserve .bg-blue {
    /* width: 36px;
    height: 36px; */
    /* left: 20px;
    top: 14px; */
  }

  main .consult-section .reserve .bg-blue img {
    /* width: 16px;
    height: 16px; */
    transform: translate(3px, -7px);
  }

  .footer-inner .container .col-md-6 img {
    width: 100%;
  }
}

@media (max-width: 330px) {

  main .faq-section .section-title::before,
  main .faq-section .section-title::after {
    display: none;
  }

  main .top-two-sections .widgets-section .widget1 .svg-wrap {
    margin: 7px -1px 7px -15px;
  }

  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    margin: 7px 9px 7px -2px;
  }

}

@media (max-width: 319px) {

  main .top-two-sections .widgets-section .widget1 .svg-wrap {
    margin: 7px -1px 7px -10px;
  }

  main .top-two-sections .widgets-section .widget2 .svg-wrap {
    margin: 7px 9px 7px 2px;
  }
}

@media (max-width: 320px) {

  main .top-two-sections .widgets-section .widget1 .bg-arrow,
  main .top-two-sections .widgets-section .widget2 .bg-arrow {
    transform: translate(16px, 0px);
    height: 75px;
  }

  main .top-two-sections .main-slider .swiper .swiper-wrapper .swiper-slide .glass-layer .label {
    margin-top: 3px;
    font-size: 16px;
  }

  main .top-two-sections .widgets-section .widget1 .widget-desc-wrapper .widget-title,
  main .top-two-sections .widgets-section .widget2 .widget-desc-wrapper .widget-title {
    font-size: 15px !important;
  }


  main .about-us .title,
  main .services .title,
  main .articles .title-section,
  main .faq-section .title-faq-section {
    font-size: 18px;
  }

  main .consult-section .label {
    font-size: 16px;
  }

  main .articles .container .blog-card .big-blog-footer .big-blog-read>span,
  main .articles .container .blog-card .small-blog-footer .flex-cloumn .small-blog-read span {
    border: 3px solid #cac3f7;
    color: white;
    width: 38px;
    height: 38px;
    font-size: 18px;
    padding: 15px 15px 12px 15px;
  }

  main .articles .container .blog-card .big-blog-footer .flex-cloumn h6 {
    margin-bottom: 4px;
  }

  /* main .consult-section .reserve {
    margin-top: -38px;
  } */

  main .consult-section .desc {
    font-size: 14px;
  }

  main .consult-section .tel-info {
    padding: 7px 20px 6px 20px;
  }

  main .consult-section .tel-info .tel {
    font-size: 13px;

  }

  main .consult-section .reserve .bg-blue {
    border: 3px solid #9c90e7;
    /* width: 35px;
    height: 35px; */
    /* left: 18.5px;
    top: 13px; */
  }

  main .consult-section .reserve .bg-blue img {
    /* width: 16px;
    height: 16px; */
    transform: translate(0px, 0px);
  }

  .swiper-backface-hidden .swiper-slide a {
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-button-next,
  .swiper-button-prev,
  main .services .chevron-right,
  main .services .chevron-left {
    scale: .9;
  }

  main .services .chevron-right,
  main .services .chevron-left {
    margin-left: 5px;
  }

  main .faq-section #accordion .card-header h5 .btn>span {
    font-weight: 700;
    font-size: 14px;
  }

  main .faq-section #accordion .card-header h5 .QA-bg {
    scale: .85;
  }

  main .faq-section #accordion .card .card-header .svg-wrapper {
    background-color: white;
    padding: 3px 5px;
    border-radius: 50%;
    margin-left: 3px;
    z-index: 2;
    scale: .9;
  }

  main .map-section .jump-up {
    transform: translate(0px, -5px);
    scale: .9;
  }
}

@media (orientation: landscape) and (max-width:700px) {
  main.single-blog .about-us {
    padding: 34px 0px 12rem;
}
  main .consult-section .reserve {
    margin-top: -21px;
    background-size: contain;
    background-position: center;
  }

  .single-blog .bg-footer {
    height: 9rem;
  }

  main.single-blog .consult-section {
    margin-top: -126px;
  }

  main .consult-section .reserve .bg-blue {
    left: 50%;
    transform: translate(-50%, -14px);
    top: 50%;
  }

  .swiper-button-prev {
    transform: translate(-39px, 13px);
  }

  .swiper-button-next {
    transform: translate(39px, 13px);
  }

  main .consult-section .container .row a {
    display: contents;
  }

  main .consult-section .reserve {
    margin-top: -9px;
    background-size: contain;
  }

  /* main .consult-section .reserve .bg-blue {

    left: 38px;
    top: 29px;
  } */

  main .consult-section .container .row a .col-md-5 {
    text-align: right;
  }


}

@media (orientation: landscape) and (min-width:700px) and (max-width:900px) {
  main .consult-section .reserve {
    margin-top: -18px;
  }

}