@media only screen and (min-width: 1500px) {
  /* .banner {
    left: 6%;
    position: relative; */
  /* right: 0; */
  /* max-width: 1440px;
  } */

  .about-section a {
    width: 31% !important;
  }
}

@media only screen and (max-width: 1500px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1400px) {
  /* .banner {
    left: 6%;
    position: relative;
    /* right: 0; */
  /* max-width: 1440px;
  } */
  */ .drop {
    width: 1920px;
  }

  .nav-width {
    padding-left: 16%;
  }

  /* Mega menu full width and centered */
  .desktop-megamenu {
    position: absolute;
    top: 100%;
    /* directly below the nav item */
    left: 50%;
    /* start at center */
    transform: translateX(-50%);
    /* center it */
    width: 100%;
    /* span full width */
    max-width: 1400px;
    /* optional limit on big screens */
    background: #fff;
    /* dropdown bg */
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 999;
  }

  .nav-item.dropdown {
    position: static;
    /* override Bootstrap absolute positioning */
  }

  .bg-banner {
    background-image: url("../img/images/banner.jpg");
    height: 822px;
  }

  .banner p {
    max-width: 83%;
  }

  /* .banner img {
    width: 802px;
    height: 510px;
  } */
}

@media (min-width: 992px) and (max-width: 1400px) {
  .testimonial .arrow-1 {
    left: 3% !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .member-info h4 {
    font-size: 18px;
  }

  .products .nav-tabs h5 {
    font-size: 16px !important;
  }

  .about h2 {
    font-size: 35px !important;
  }
  section {
    padding: 9px 0 !important;
  }

  .about h4 {
    font-size: 24px !important;
  }

  .about {
    padding: 24px 0 !important;
  }

  .plus {
    left: 77%;
  }

  .plus1 {
    left: 67%;
  }
}

@media only screen and (max-width: 1400px) {
  .dropdown-menu > li:hover > .submenu,
  .dropdown:hover > .dropdown-menu {
    top: 145%;
  }

  /* .banner a {
    width: 8%;
    height: 10%;
  } */
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .services {
    padding: 60px 0;
  }

  .about-section a {
    width: 44%;
  }

  .navbar-nav .dropdown-menu {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .nav-width {
    padding-left: 17%;

    top: 10%;
    margin-left: 17%;
    /* max-width: 1618px; */
    /* 1525 */
    right: 0;
    position: relative;
    height: 547px;
  }

  .abt-desc {
    position: absolute;
  }

  /* .abt-1 {
    left: -26% !important;
  } */

  .abt-width {
    max-width: 100%;

    text-align: justify;
  }

  .ktm-mega-menu h4 {
    font-size: 16px;
  }

  .ktm-mega-menu span,
  .ktm-mega-menu a {
    color: #454545eb;
  }

  .ktm-mega-menu p {
    color: #838383a3;
    font-size: 12px;
  }

  /* .testimonial h2 {
    text-align: center;
    font-size: 16px;
  } */

  /* .testimonial p {
    text-align: center;
  } */

  .connect {
    display: flex;
    flex-direction: row;
  }

  .foot-p {
    text-align: end;
  }

  .arrow-2 svg {
    width: 77px;
  }

  .arrow-2 svg {
    width: 77px;
  }

  .member-info h4 {
    font-size: 20px;
  }

  .logo-equal span {
    font-size: 42px;
    color: #fff;
  }

  .abt-desc {
    top: 12%;
  }

  .team-member span {
    font-size: 40px;
  }

  .btn-block {
    height: 50px;
    width: 25%;
  }

  /* .banner {
        max-width: 1140px;
    } */

  /* .navmenu .desktop-megamenu {
    background-color: var(--nav-dropdown-background-color);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);

    top: 130%;
    left: 0;
    right: 0;
    /* visibility: hidden; */
  /* opacity: 1;
    transition: 0.3s;
    border-radius: 6px;
    z-index: 99;
    padding: 0;
    display: flex;
    max-height: 80vh;
    overflow: hidden;
  }
  .navmenu .megamenu-2:hover > .desktop-megamenu {
    opacity: 1;
    top: 100%;
    visibility: visible;
  } */

  .banner h2 {
    font-weight: 800;
    font-size: 50px;
  }

  .banner {
    padding: 100px 0;
  }

  .banner p {
    font-weight: 600;
    font-size: 20px;
  }

  .banner a {
    background-color: #fcb035;
    color: #454545;
    font-size: 16px;
    font-weight: 600;
  }

  /* .banner a {
    width: 155px;
    height: 51px;
  } */
  .banner a {
    width: 8%;
    height: 10%;
    margin-top: 18px;
  }

  .products h4 {
    font-size: 18px;
    font-weight: 500;
  }

  .products p {
    font-size: 12px;
    font-weight: 500;
    color: #313131;
    text-align: justify;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .banner {
    padding: 52px 116px 0;
  }
}

@media only screen and (max-width: 1199px) {
  .navmenu .desktop-megamenu {
    display: none;
  }

  .banner h2 {
    font-weight: 600;
  }

  .banner {
    padding: 35px 0;
  }

  .about svg {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .banner {
    padding: 120px 25px;
  }

  .banner a {
    width: 24%;
  }

  .banner h2 {
    font-size: 30px;
  }

  .ktm-mega-menu span,
  .ktm-mega-menu a {
    color: #454545eb;
  }

  .about h2 {
    font-size: 32px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .banner a {
    width: 27% !important;
    height: 51px;
  }

  .header .topbar {
    background-color: #5a595e;
    height: 40px;
    padding: 0;
    font-size: 14px;
    transition: all 0.5s;
    padding-left: 6%;
    position: relative;
  }

  .about h2 {
    font-size: 50px;
  }

  .text {
    color: #000;
    font-size: 50px;
  }

  /* .about-section a {
    width: 56%;
  } */

  .products .nav-tabs h5 {
    font-size: 20px;
  }

  .ktm-mega-menu {
    position: static;
  }

  .dropdown-menu li {
    position: relative;
  }

  .dropdown-menu .submenu {
    display: none;
    left: 100%;
    top: 0;
  }

  /* .dropdown-menu>li:hover>.submenu,
  .dropdown:hover>.dropdown-menu {
    /* top: 100%; */
  /* display: block; */
  /* left: -833%; */
  /* } */

  .banner p {
    font-size: 20px;
  }

  .products h5 {
    font-size: 18px;
  }

  .products p {
    font-size: 12px;
    font-weight: 500;
  }

  .products h2 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 991px) {
  .banner a {
    width: 34%;
  }

  .pic {
    max-width: 31% !important;
  }

  .topbar {
    display: none;
  }

  /* .header .topbar{
  display: none;
} */
  .about h2 {
    font-size: 38px;
  }

  .navbar-nav {
    align-items: start !important;
    padding-left: 20px;
    padding-top: 20px;
  }

  .navbar .dropdown-menu {
    /* left: 50% !important; */
    /* transform: translateX(-6%); */
  }

  .products p {
    font-size: 15px;
    color: #454545;
    font-weight: 500;
  }

  .navbar-toggler {
    height: 42px;
    width: 47px;
    padding: 0;
    border: noe;

    color: #fff;
    /* background-color: #45454524; */
  }

  .nav-width {
    overflow-x: auto;
    height: 700px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .text {
    color: #000;
  }

  .testimonial h6 {
    font-size: 16px;
  }

  /* .banner {
        max-width: 720px;
    } */
  .banner a {
    height: 51px;
  }

  .counter-bg {
    background-size: contain;
    background-position: center center;
  }

  .about {
    padding: 100px 0;
  }

  .stats-item .count-name {
    font-size: 25px;

    padding-top: 35px;
  }

  .about h4 {
    font-family: var(--about-font);
    font-size: 30px;
  }

  .section-title h2 {
    font-size: 35px;
  }

  .testimonial h2 {
    font-size: 35px;
  }

  .plus,
  .plus1 {
    font-size: 45px;
  }

  .stats-item .my-counter {
    font-size: 60px;
  }

  .abt-width a {
    width: 25%;
  }

  .abt-width .plus,
  .abt-width .plus1 {
    left: 61%;
  }

  /* .plus1{
    left: 57%;
  } */
}

@media only screen and (max-width: 768px) {
  /* .banner {
    padding: 28px 28px;
  } */
  .section {
    padding: 90px 0;
  }

  .plus,
  .plus1 {
    /* transform: translateY(-148%); */

    font-size: 34px;
  }

  .test-img2 {
    display: flex;
    justify-content: center;
  }

  .testimonial h6 {
    max-width: 100% !important;
  }

  .testimonial h2,
  .testimonial p {
    text-align: center;
  }

  .testimonial h2 {
    padding-top: 20px;
  }

  .testimonial .logo {
    right: 32% !important;
  }

  .testimonial .arrow-1 {
    top: 12%;
    left: 0% !important;
  }

  header .logo h1 {
    width: 165px;
  }

  .about a {
    height: 13%;
    width: 60%;
  }

  .plus {
    /* transform: translateY(-148%); */
    left: 66%;
  }

  .plus1 {
    left: 60%;
  }

  .header .logo h1 {
    width: 165px;
  }

  .stats-item .my-counter {
    font-size: 42px;
  }

  .text {
    font-size: 36px;
  }

  .about h2 {
    font-size: 32px;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .top-space {
    display: none;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 576px) {
  .topbar {
    display: none !important;
  }

  .abt-icon-col {
    margin-bottom: 20px;
  }

  .testimonial {
    padding: 0px 0 !important;
  }

  /* .icons {
    width: 100% !important;
    height: auto !important;
  } */
  .counter-bg {
    background-size: cover !important;
    background-position: 100% 0 !important;
  }

  .section-space {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .counter-bg {
    min-height: 572px;
  }

  .products .para {
    font-size: 16px !important;
  }

  .logo-equal::before {
    display: none;
  }

  .testimonial .logo {
    width: 50% !important;
  }

  .pic {
    max-width: 100% !important;
  }

  .sitename img {
    width: 78% !important;
  }

  .testimonial .logo {
    width: 62%;

    /* right: 20%; */
    top: 29%;
  }

  .book {
    /* width: 22%; */

    width: 122px;
    height: 42px;
  }

  .testimonial h6 {
    font-size: 14px;
  }

  .services p {
    font-size: 16px;
  }

  .bg-banner {
    min-height: 64px;
  }

  .counter-bg {
    background-size: cover;
    background-position: 96% -4%;
  }

  .about {
    padding: 28px 0;
  }

  .stats-item .count-name {
    font-size: 22px;

    padding-top: 3px;
  }

  .plus,
  .plus1 {
    font-size: 22px;
  }

  header .branding {
    min-height: 66px !important;
  }

  .header .logo h1 {
    width: 160px;
  }

  /* .banner {
        max-width: 540px;
    } */
  .plus {
    left: 60%;
  }

  .plus1 {
    left: 56%;
  }

  .navbar,
  .bg-banner {
    min-height: 0;
  }

  .nav-width {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .navbar-nav .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    border: none;
    padding: 2rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }

  .nav-link {
    font-weight: 500;
  }

  /* .navbar-nav{
align-items: start !important;
padding-left: 20px;
padding-top: 20px;
  } */

  .header-width {
    flex-direction: column;
  }

  .header .logo h1 {
    width: 165px;
  }

  .abt-desc {
    top: 8%;

    /* remove absolute on mobile */
  }

  .abt-icon .abt-icon-col {
    flex-direction: column;
  }

  .connect {
    display: flex;
    flex-direction: column;
  }

  .testimonial h2,
  .testimonial p {
    text-align: center;
  }

  .foot-p {
    text-align: center;
  }

  .about h2 {
    font-size: 22px;
  }

  .testimonial .arrow-1 {
    position: absolute;
    top: 5%;
    left: 3%;
  }

  .arrow-2 svg {
    width: 47px;
  }

  .arrow-1 svg {
    width: 47px;
  }

  .services {
    padding: 9%;
  }

  .products .para {
    text-align: center;
  }

  .about {
    padding: 8% 0;
  }

  .member-info h4 {
    font-size: 16px;
    padding: 8px 0;
  }

  .section-title h2 {
    font-size: 22px;
    text-align: center;
  }

  .section-title p {
    text-align: center;
  }

  .team-member {
    flex-direction: column;
    text-align: center;
  }

  .about {
    padding: 10% 0;
  }

  .btn-block {
    height: 50px;
    width: 71%;
  }

  /* .counter-bg {
    background-size: cover;
    background-position: 96% -4%;
  } */

  .about h4 {
    font-size: 18px;
  }

  .abt-width {
    max-width: 100%;
  }

  .banner a {
    width: 49%;
    height: 39px;
  }

  .stats-item .my-counter {
    font-size: 42px;
  }

  .team-member span {
    font-size: 20px;
  }

  .stats-item {
    margin-bottom: 20px;
  }

  .content-box p {
    min-height: 140px;
    max-height: 140px;
  }

  .products h2 {
    text-align: center;
    font-size: 20px;
  }

  .products .para {
    font-size: 15px;
  }

  .products p,
  .products h5 {
    text-align: left;
  }

  .testimonial {
    padding: 25px 10px;
  }

  .products p {
    text-align: justify;
  }

  .banner h2 {
    font-size: 20px;
    font-weight: 700;
  }

  .banner p {
    font-size: 14px;
    margin: 20px 0 !important;
  }

  .book {
    width: 51%;
  }

  .section-space {
    padding-top: 30px;
  }

  .products .nav-tabs h5 {
    font-size: 15px;
  }

  .testimonial h2 {
    font-size: 20px;
  }

  .testimonial h6 {
    font-size: 14px;
  }

  .navmenu a,
  .navmenu a:focus {
    font-size: 15px;
  }

  .book1 {
    font-size: 15px;
  }

  .section-title h2 {
    font-size: 22px;
    text-align: center;
  }
}