 @media (max-width:1500px) {
   .marquee-content li img {
     width: 100%;
     max-width: 159px;
     height: auto;
   }
 }

 @media (max-width:1324px) {
   .footer_links {
     gap: 30px;
   }
   div#nav-tab {
    gap: 16px;
    padding: 15px;
  }

  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    font-size: 14px;
  }

  .nav-tabs .nav-link {

    font-size: 12px;
  }

  .nav-tabs .nav-link::before {
    right: -8px;
    width: 1px;
    height: 15px;
  }

  nav .right_angle .div,
  nav .left_angle .div {
    width: 30px;
    height: 30px;
  }
   .hero_icon {
     left: -50px;
   }

   :root {
     --marquee-width: 100vw;
     --marquee-height: 100px;
     --marquee-elements-displayed: 4;
   }

   h2 {
     font-size: 42px !important;
   }

   img.star_about {
     max-width: 150px;
     bottom: -73px;
     left: -74px;
   }

   .star_serv_left {
     top: 0;
     max-width: 100px;
   }

   .star_serv_right {
     top: 0;
     max-width: 100px;
   }

   .marquee:before,
   .marquee:after {
     width: 5rem;
   }
 }

 @media (max-width:999px) {
   .hero_icon {
     display: none;
   }

   footer h3 {
     font-size: 25px;
   }

   .subscribe {
     padding: 30px;
   }

   .card_Features p {
     font-size: 10px;
   }

   /* .grid.half img ,.Gallery .img1 img {
    height: 200px;
}
.Gallery .full_8 img {
  height: 200px;
}
.div_explor {
  font-size: 25px;
} */
   .card_Features {
     padding: 21px 20px;
   }

   .card_Features.card_Features_right {
     padding-right: 20px;
   }

   .card_Features .count {
     font-size: 42px;
   }

   .Features .div_2 p {
     font-size: 10px;
     max-width: 180px;
   }

   .card_Features {
     margin-right: -93px;
     margin-top: 15px;
   }

   .Features .div_2 .beautiful-button {
     position: absolute;
     border: 2px solid #fff;
     right: -86px;
     bottom: 30px;
     padding: 8px 20px;
     font-size: 12px;
   }

   .form-contact-home {
     padding: 25px;
   }

   .co_map .row {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }

   .co_map .col-md-4 {
     width: fit-content;
   }

   .y {
     display: block !important;
   }

   .nav-desktop {
     display: none !important;

   }


   .nav-fixed {
     justify-content: space-between;
   }

   .btn-nav .lang-nav {
     gap: 5px;
   }

   .lang-nav i {
     font-size: 14px;
     padding-bottom: 4px;
   }
 }

 @media (max-width:768px) {
  .abot_column .row {
    flex-direction: column-reverse;
}
img.star_1 {
  right: -100px;
  top: 0;
  max-width: 200px;
}
img.star_2 {
  left: -100px;
  right: unset;
  top: unset;
  bottom: 0;
  max-width: 200px;
}
.about {
  padding: 50px 0;
}
   h2 {
     font-size: 25px !important;
   }
   .section-hero-not-home h2 {
    font-size: 32px !important;
  }
  .blog-content .row {
    gap: 34px;
}
.blog-content {
  padding: 30px;
}
   p {
     font-size: 12px !important;
   }

   .hero p {
     padding: 20px;
   }

   .container {
     padding-right: 25px;
     padding-left: 25px;
   }


   .lang-nav p {
     font-size: 14px !important;
   }

   .card_Features .count {
     justify-content: flex-end;

   }

   .card_Features {
     margin: 0 !important;
     margin-top: 24px !important;
     padding: 30px !important;
   }

   .grid.full img {
     height: 276px;
   }

   .marquee-content li img {
     max-width: 120px;
   }

   .marquee-content li::before {
     width: 8px;
     height: 8px;
   }

   .about .row,
   .Features .row {
     gap: 30px;
   }

   .contact_us .row {
     gap: 24px;
   }

   .card_Features.card_Features_right .row {
     flex-direction: column-reverse;
   }

   .card_Features .count {
     justify-content: flex-end;
     height: 0;
     font-size: 64px;
   }

   .Features .div_2 p {
     max-width: 320px;
   }

   .Features .div_2 .beautiful-button {
     right: unset;
     bottom: -45px;
     left: 0px;
   }

   .col-md-4.col_4_3,
   .col_4_2 {
     width: 50%;
   }

   .grid.full img {
     height: 100%;
   }

   .grid.half img {
     height: 142px;

   }

   .col-md-4.col_4_1 {
     padding-bottom: 24px;
   }

   .left_angle i,
   .right_angle i {
     display: none;
   }

   .contact_us .left_angle .div {
     width: 150.68px;
     height: 150.68px;
   }

   .contact_us .title_center {
     padding-bottom: 26px;
   }

   iframe {
     height: 300px;
   }

   .subscribe h3 {
     padding-bottom: 13px;
   }

   .footerangle .right_angle {
     bottom: -9px;
     right: -9px;
   }

   .footerangle .left_angle {
     top: -9px;
     left: -9px;
   }

   .flex_between_footer {

     padding-top: 0;
   }

   .footer_links {
     padding-bottom: 30px;
   }

   .foot_puiux {
     padding: 20px 0;
     margin-top: 30px;
   }

   .footer_icon a {

     font-size: 14px;
   }

   .footer_icon {
     gap: 15px;
     padding: 25px 0 34px;
   }

   .footer_logo {
    max-width: 200px;
    height: auto;
    padding-bottom: 10px;
}

   .footerangle .right_angle .div,
   .footerangle .left_angle .div {
     width: 63px;
     height: 63px;
   }

   img.star {
     right: -126px;
     max-width: 250px;
   }

 .hero h2 {
        padding-bottom: 20px;
        font-size: 32px !important;
    }
   .beautiful-button {
     font-size: 12px;
     padding: 9px 23px;
   }

   .star_foot_right {
     right: -104px;
     max-width: 214px;

   }

   .star_foot_left {
     left: -104px;
     max-width: 214px;
   }

   footer h3 {
     font-size: 18px;
   }

   .logo-nav {
     max-width: 113.323px;
   }
   .hero {
    height: 50vh;
   }
   .btn_sub {
     font-size: 12px;
     padding: 8px 11px;
   }
   .Services ,.Features {
    padding: 50px 0;
   }

   .search__input {
     padding-left: 15px;
     padding-right: 100px;
     height: 53px;
     font-size: 12px;
   }

   .subscribe {
     padding: 20px 10px;
   }

   body {
    padding-top: 60px;
}

   .card_ser {
     min-height: 339px;
   }

   .Features .div_2 p {
     padding: 10px;
   }
 }

 @media (max-width:558px) {
  .section-hero-not-home {
    height: 292px;
    padding: 30px 10px;
  }
  img.star_1 {
    right: -57px;
    top: 0;
    max-width: 114px;
}
.star_foot_right {
  right: -85px;
  max-width: 170px;
}
.star_foot_left {
  left: -85px;
  max-width: 170px;
}
   img.star_2 {
      left: -57px;
      right: unset;
      top: unset;
      bottom: 0;
      max-width: 114px;
  }
   /* footer  logo  */

   .foot-puiux img {
     max-width: 32px;
   }

   .puiux-title {
     font-size: 17px !important;
   }

   .puiux-description {
     font-size: 5px !important;
   }



   /* footer  logo  */

   .marquee-content li img {
     max-width: 94px;
   }

   :root {
     --marquee-elements-displayed: 3;
   }

   .flex_between_footer {
     flex-direction: column;
   }

   .marquee {
     height: 70px;
   }

   footer ul {
     gap: 15px;
   }

   .footer_links a {
     font-size: 12px;
   }

   footer ul li a {
     font-size: 12px;
   }

   .footer_links {
     gap: 15px;
     flex-wrap: wrap;
   }

 }

 @media (max-width:358px) {
   :root {
     --marquee-elements-displayed: 2;
   }

   .nav-tabs {
     align-items: center;
     justify-content: center;
   }

   .grid.half img {
     height: 100px;
   }

   .grid-item img {
     height: 179px;
   }

   .Gallery .img1 {
     height: auto;
   }

   .nav-tabs .nav-link::before {
     content: none;
   }
 }