@media (min-width : 1600px) {



      footer .container,

      header .container,

      .get-in-touch-sec .container {

            max-width: 1550px;

      }



}

@media (max-width : 1536px) {
      .logout-btn {
            right: 5%;
      }
}

@media (max-width : 1440px) {
      .logout-btn {
            right: 4%;
      }

      .navbar-wrapper {
            margin-right: 25px;
      }

      h1 {

            font-size: 80px;

            line-height: 86px;

      }



      .testimonials-sec .owl-dots {

            right: -3%;

      }



      .offortless-sec {

            padding: 100px 0px;

      }

      header .navbar-wrapper ul .mega-menu-link {
            padding: 10px 10px !important;
      }

}



@media (max-width : 1366px) {

      .navbar-wrapper {
            margin-right: 0px;
      }
      .login-info-sec .login-inner .login-right {
            padding: 35px 35px 35px 10px;
        }
      h1 {

            font-size: 70px;

            line-height: 76px;

      }



      h2 {

            font-size: 45px;

            line-height: 50px;

      }



      h3 {

            font-size: 35px;

            line-height: 42px;

      }



      h5 {

            font-size: 22px;

            line-height: 30px;

      }



      .how-to-use-sec .serv-box-2 .big-number {

            font-size: 70px;

      }



      header .navbar-brand img {

            max-width: 220px;

      }



      .hero-banner {

            max-height: 865px;

      }



      .offer-sec .serv-box-2 .common-btn {

            padding: 12px 20px;

            font-size: 16px;

      }



      .serv-box-2 .big-number {

            font-size: 75px;

      }



      .serv-box-2 .icon-main {

            width: 160px;

            height: 170px;

      }



      .serv-box-2 .icon-main i,

      .serv-box-2 .icon-main span,

      .serv-box-2 .icon-main img,

      .serv-box-2 .icon-main svg {

            top: 35px;

            left: 28px;

      }



      .team-sec .team-img {

            height: 250px;

      }



      .top-area {

            margin-bottom: 50px;

      }



      .testimonials-sec .testimonials-items,

      .testimonial-page-sec .testimonials-items {

            padding: 40px 30px;

      }



      .testimonials-sec .client-img,

      .testimonial-page-sec .client-img {

            width: 70px;

            height: 70px;

      }



      .testimonials-sec .right iconify-icon,

      .testimonial-page-sec .right iconify-icon {

            width: 55px;

            height: 55px;

            font-size: 30px;

            margin-top: -30px;

      }

      header .navbar-wrapper ul li a {
            padding: 10px 5px;
      }

      .dashboard-sec .sidebar {
            padding: 30px 15px;
      }

      header .navbar-wrapper ul .mega-menu-link {
            padding: 10px 10px !important;
      }
}



@media (max-width : 1280px) {
      .login-info-sec .login-inner .title {
            font-size: 30px;
            margin-bottom: 25px;
        }
      header .navbar-wrapper ul .mega-menu-link {
            width: max-content !important;
      }

      h2 {

            font-size: 40px;

            line-height: 45px;

      }



      .serv-box-2 {

            padding: 30px 30px 40px;

      }



      .how-to-use-sec .serv-box-2 .big-number {

            font-size: 60px;

            right: 5px;

      }

      header .navbar-brand img {
            max-width: 180px;
      }

      header .navbar-wrapper ul li a {
            font-size: 14px;
      }

      .filter-data-section {
            gap: 10px;
      }
}


@media (min-width: 1025px) and (max-width: 1200px) {
      .dashboard-sec .sidebar ul li a {
            padding: 5px 7px !important;
            font-size: 16px !important;
      }
}

@media (max-width : 1024px) {
      .login-info-sec .login-left-img {
            height: 575px;
        }
      .logout-btn {
            right: 11%;
        }
      h1 {

            font-size: 55px;

            line-height: 60px;

      }



      h2 {

            font-size: 35px;

            line-height: 40px;

      }

      .banner-inner-pages .content h1 {
            font-size: 3rem;
      }



      .subhead {

            font-size: 20px;

            line-height: 26px;

            margin-bottom: 5px;

      }



      header .navbar-brand img {
            max-width: 180px;
      }



      .hero-content .play-icon iconify-icon {

            width: 60px;

            height: 60px;

      }



      .home-services-sec .hero-items {

            flex-direction: column;

            text-align: center;

            justify-content: center;

            padding: 25px 15px;

            gap: 5px !important;

      }



      .about-us-intro-sec {

            padding: 60px 0 100px;

      }



      .about-image-part-left {

            margin-right: 50px;

      }



      header .navbar-wrapper ul li a {
            padding: 14px 5px;
      }



      header .navbar-wrapper .menu-btn {

            margin-left: 30px;

      }



      .hero-banner {

            max-height: 760px;

      }



      .common-btn {

            background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);

            border-radius: 4px;

            padding: 13px 20px;

            font-size: 16px;

      }



      .offer-sec .serv-box-2 .common-btn {

            padding: 8px 18px;

            font-size: 16px;

      }



      .offortless-sec {

            padding: 80px 0px;

      }



      .how-to-use-sec .serv-box-2 h5 {

            max-width: 90%;

      }



      .serv-box-2 .content-box h5 {

            margin-bottom: 10px;

      }



      .how-to-use-sec {

            padding: 60px 0px;

      }



      .team-sec .team-img {

            height: 220px;

      }



      .home-services-sec .hero-items iconify-icon {

            font-size: 30px;

      }



      .testimonials-sec .owl-dots {

            display: none;

      }



      header .navbar-wrapper ul .mega-menu-link {

            padding: 16px 20px !important;

      }



      footer .footer-inner .footer-form-area .common-btn {

            padding: 10px 30px 10px 30px;

      }



      /* =========About page Responsive start here========= */

      .inner-padding {

            padding: 150px 0;

      }



      .services-list-sec .content-right {

            height: 450px;

      }



      .about-page-sec .about-content-part-right {

            margin-top: 45px;

      }



      .contact-page-sec .contact-card {

            padding: 22px;

      }



      .contact-page-sec .contact-card iconify-icon {

            width: 50px;

            height: 50px;

            font-size: 25px;

      }



      .contact-page-sec .contact-card-area .card-info h4 {

            font-size: 22px;

            line-height: 22px;

      }



      .contact-page-sec .contact-card p {

            font-size: 14px;

      }



      .appointment-form-right.contact-form-right p {

            margin: 10px 0px 15px;

      }



      .appointment-form-right.contact-form-right .form-floating.mb-4 {

            margin-bottom: 10px !important;

      }



      .map-sec .map-wrapper {

            height: 300px;

      }

      .dashboard-sec .sidebar ul li a {
            padding: 5px 15px;
            font-size: 16px;
      }

      .dashboard-sec .sidebar ul li a.active {
            padding: 5px 10px;
      }
}

@media (max-width : 991px) {
      .login-info-sec .login-left-img {
            height: 550px;
        }
      .login-info-sec {
            margin: 130px 0 50px 0;
        }
      .login-info-sec .login-form .theme-btn {
            margin-top: 25px;
        }
      .login-info-sec .login-inner .title {
            font-size: 25px;
        }
      .configuration-sec .configuration-form-area .form-section {
            padding: 30px 30px 30px 30px;
      }

      .configuration-sec .configuration-form-area .form-control {
            padding: 0.8rem 1rem;
      }

      .banner-inner-pages .content h1 {
            font-size: 2.5rem;
      }

      .dashboard-sec .sidebar {
            margin-bottom: 40px;
            height: 100%;
      }

      .dashboard-sec th {
            font-size: 16px;
      }

      .dashboard-sec td {
            font-size: 14px;
            padding: 20px 15px;
      }
}

@media (max-width : 992px) {
      .train-listing-table .table100-head th {
            font-size: 16px;
      }

      h1 {

            font-size: 50px;

            line-height: 55px;

      }



      h2 {

            font-size: 30px;

            line-height: 35px;

      }



      .subhead {

            font-size: 18px;

            line-height: 24px;

            margin-bottom: 5px;

      }



      .hero-banner .hero-content p {

            max-width: 100%;

            margin: 25px 0px 30px;

      }



      header .common-btn.header-btn {

            margin-left: 18px !important;

      }



      .home-services-sec .hero-items h5 {

            max-width: 60%;

            margin: 0 auto;

      }



      .about-us-intro-sec .img-in-back {

            box-shadow: none;

            text-align: center;

      }



      .about-image-part-left {

            margin-right: 0;

            margin-bottom: 65px;

      }



      .about-image-part-left::before {

            width: 80%;

            left: 5%;

      }



      .about-image-part-left::after {

            width: 70%;

            right: 5%;

      }



      .about-content-part-right {

            text-align: center;

      }



      .offortless-sec .offortless-content {

            text-align: center;

      }



      .how-to-use-sec .top-area p {

            max-width: 100%;

      }



      .how-to-use-sec .serv-box-2 {

            padding: 30px 80px 40px;

            margin-bottom: 30px;

            text-align: center;

      }



      .top-area {

            text-align: center;

      }



      .team-sec .top-area h2 {

            margin-bottom: 20px;

      }



      .team-sec .team-img {

            height: 340px;

      }



      .testimonials-sec .top-area {

            text-align: left;

      }



      .testimonials-sec .owl-nav {

            top: -24%;

      }



      footer .footer-inner .footer-form-area {

            border-radius: 10px;

            margin-top: 50px;

      }



      .hero-content {

            text-align: center;

      }



      .video-play-wrapper {

            justify-content: center;

      }



      .services-list-sec .content-left {

            padding: 0 0 40px 0;

      }



      .services-list-sec .sec-heading {

            text-align: center;

      }



      .services-list-sec .content-left h5 {

            text-align: center !important;

      }



      .services-available-list ul {

            column-count: 3;

            margin-left: 80px;

      }



      .about-image-part-left .dots-pattern-img {

            display: none;

      }



      .about-image-part-left .img-in-front {

            right: 0;

      }



      .services-list-sec {

            background: #0E0A31;

            padding: 60px 0px;

      }



      .page-services-sec .top-area p {

            max-width: 100%;

      }



      .page-services-sec {

            top: 0;

            padding: 50px 0px 60px;

      }



      .offer-sec {

            padding: 60px 0px;

      }





      /* ====== Train Listing Table Section ====== */
      /* 
      .train-listing-table table {

            display: block;

      } */


      /* 
      .train-listing-table table>*,

      .train-listing-table table tr,

      .train-listing-table table td,

      .train-listing-table table th {

            display: block;

      } */


      /* 
      .train-listing-table table thead {

            display: none;

      } */



      .train-listing-table table tbody tr {

            height: auto;

            padding: 37px 0;

      }



      /* .train-listing-table table tbody tr td {

            padding-left: 40% !important;

            margin-bottom: 24px;

      } */



      .train-listing-table table tbody tr td:last-child {

            margin-bottom: 0;

      }



      .train-listing-table table tbody tr td:before {

            font-size: 14px;

            color: #999;

            line-height: 1.2;

            font-weight: unset;

            position: absolute;

            width: 40%;

            left: 30px;

            top: 0;

      }



      /* .train-listing-table table tbody tr td:nth-child(1):before {

            content: "Date";

        }

    

        .train-listing-table table tbody tr td:nth-child(2):before {

            content: "Order ID";

        }

    

        .train-listing-table table tbody tr td:nth-child(3):before {

            content: "Name";

        }

    

        .train-listing-table table tbody tr td:nth-child(4):before {

            content: "Price";

        }

    

        .train-listing-table table tbody tr td:nth-child(5):before {

            content: "Quantity";

        }

    

        .train-listing-table table tbody tr td:nth-child(6):before {

            content: "Total";

        } */
      /* .train-listing-table table thead tr {
            height: 60px;
            background: #0e0a31;
            display: flex;
            width: 100%;
      } */

      tr#tr1 {
            display: flex;
            overflow-x: scroll;
      }


      .train-listing-table .column4,
      .train-listing-table .column5,
      .train-listing-table .column6,
      .train-listing-table .column1,
      .train-listing-table .column2,
      .train-listing-table .column3 {
            width: 38%;
      }

      .train-listing-table .column4,
      .column5,
      .column6 {

            text-align: left
      }

      .train-listing-table .column4,

      .train-listing-table .column5,

      .train-listing-table .column6,

      .train-listing-table .column1,

      .train-listing-table .column2,

      .train-listing-table .column3 {

            width: 100%
      }

      .train-listing-table tbody tr {

            font-size: 14px
      }

      /* ====== Train Listing Table Section ====== */



}

@media (max-width : 768px){
      
      .logout-btn {
            right: 13%;
        }
}


@media (max-width : 767px) {
      .login-info-sec .login-inner .login-right {
            padding: 15px 20px 35px 20px;
        }
      .login-info-sec .login-left-img {
            height: 280px;
        }
      .configuration-sec .configuration-form-area .form-control {
            padding: 0.5rem 1rem;
      }
      .logout-btn {
            right: 26%;
        }

      h1 {

            font-size: 45px;

            line-height: 50px;

      }



      .hero-banner br {

            display: none;

      }



      .subhead {

            font-size: 16px;

            line-height: 22px;

      }



      .home-services-sec .hero-items {

            margin-bottom: 20px;

      }



      .about-us-intro-sec {

            padding: 30px 0 60px;

      }



      .serv-box-2 .content-box {

            text-align: center;

      }



      h3 {

            font-size: 30px;

            line-height: 35px;

      }



      .team-sec .team-img {

            height: 430px;

      }



      .testimonials-sec .owl-nav {

            top: -21%;

      }



      .common-cta .content {

            padding: 60px 0px;

      }



      .get-in-touch-sec {

            text-align: center;

      }



      .get-in-touch-sec br {

            display: none;

      }



      .get-in-touch-sec .theme-btn {

            text-align: center !important;

            margin-top: 25px;

      }



      .get-in-touch-sec {

            padding: 40px 0px 40px;

      }



      /* =============About page start here============= */

      .about-image-part-left::before {

            left: -20px;

      }



      .about-image-part-left::after {

            right: -20px;

      }



      .about-us-intro-sec.about-page-sec {

            padding: 60px 0 50px 0;

      }



      .testimonial-page-sec {

            padding: 60px 0px;

      }



      .appointment-form-right {

            margin-top: 25px;

            padding: 40px;

            margin-left: 0;

      }

      .configuration-sec {
            margin: 50px 0 50px;
      }

      .filter-data-section {
            flex-wrap: wrap;
      }
}



@media (max-width : 576px) {
      footer .logo img {
            width: 200px;
            height: auto;
            object-fit: cover;
      } 
      .about-image-part-left::before {

            display: none;


      }

      .banner-inner-pages .content h1 {
            font-size: 2rem;
      }

      .about-image-part-left::after {

            display: none;

      }



      .about-us-intro-sec {

            padding: 0px 0 60px;

            position: relative;

            top: -30px;

      }



      .about-us-intro-sec .img-in-back {

            border-radius: 10px;

            height: 350px;

      }



      .about-image-part-left {

            margin-bottom: 45px;

      }



      .offer-sec {

            padding: 50px 0px;

      }



      .how-to-use-sec {

            padding: 50px 0px;

      }



      .team-sec {

            padding: 60px 0px;

      }



      .team-sec .team-items {

            margin-bottom: 45px;

      }



      .testimonials-sec .owl-nav button {

            width: 40px;

            height: 40px;

      }



      .testimonials-sec .owl-nav button span {

            font-size: 35px;

            line-height: 30px !important;

      }



      footer {

            text-align: center;

      }



      footer .logo {

            margin: 0 auto;

      }



      .footer-social-media {

            justify-content: center;

      }



      .footer-links-sec {

            text-align: center;

            margin-top: 40px;

      }



      .footer-links-sec li a {

            justify-content: center;

      }



      .footer-links-sec li a iconify-icon {

            display: none;

      }



      footer .padding-left {

            padding-left: 0;

      }



      footer .footer-inner .footer-form-area {

            max-width: 70%;

            margin: 50px auto 0;

      }



      /* ===============About page start here=============== */



      .inner-padding {
            padding: 150px 0 80px;
      }



      .about-image-part-left .img-in-front {

            right: 30px;

            width: 200px;

            height: 200px;

      }



      .page-services-sec {

            padding: 40px 0px 40px;

      }



      .train-listing-table .container-table100 {

            padding-left: 15px;

            padding-right: 15px
      }

}



@media (max-width : 430px) {
      .login-info-sec {
            margin: 105px 0 40px 0;
        }
      .login-info-sec .login-left-img {
            height: 230px;
        }
      .table img {
            width: 40px;
            /* Reduce image size */
            height: auto;
      }

      .table td {
            white-space: nowrap;
            /* Prevent text from wrapping */
      }

      h1 {

            font-size: 36px;

            line-height: 40px;

      }

      .banner-inner-pages .content h1 {
            font-size: 2.5rem;
      }


      .hero-banner {

            max-height: 650px;

      }



      .team-sec .theme-btn.pt-5 {

            padding-top: 10px !important;

      }



      .testimonials-sec .testimonials-items,

      .testimonial-page-sec .testimonials-items {

            border-radius: 10px;

      }



      .testimonials-sec .theme-btn {

            text-align: left !important;

      }



      .testimonials-sec .owl-nav {

            top: 113%;

      }



      .testimonials-sec h2 {

            text-align: center;

      }



      .how-to-use-sec .serv-box-2 {

            padding: 30px 35px 40px;

      }



      .team-sec .team-img {

            height: 380px;

      }



      header .navbar-brand img {

            max-width: 150px;

      }



      /* ===========About page start here=========== */

      .services-available-list ul {

            column-count: 2;

            margin-left: 60px;

      }



      .services-list-sec .content-right {

            height: 300px;

      }



      .contact-page-sec {

            padding: 50px 0;

      }



      .appointment-form-right {

            padding: 25px;

      }

      .map-sec {

            margin-bottom: 60px;

      }

      .map-sec .map-wrapper {

            height: 200px;

      }


      .filter-data-section {
            display: flex;
            margin-bottom: 20px;
            flex-direction: column;
      }

      .search-bar-filter {
            display: flex;
            align-items: center;
            flex-direction: row;
            margin-top: 20px;
      }

      .train-listing-table .column4,
      .train-listing-table .column5,
      .train-listing-table .column6,
      .train-listing-table .column1,
      .train-listing-table .column2,
      .train-listing-table .column3 {
            width: 38%;
      }

      .train-listing-table table tbody tr td {
            padding-left: 0% !important;
            margin-bottom: 24px;
            text-align: center;
      }

      .train-listing-table table tbody tr td:before {
            font-size: 14px;
            color: #999;
            line-height: 1.2;
            font-weight: unset;
            position: absolute;
            width: 11%;
            left: 29px;
            top: 0;
      }

      .banner-inner-pages .content h1 {
            font-size: 2rem;
            line-height: normal !important;
      }

      .configuration-sec .configuration-form-area .form-section {
            padding: 20px 20px 20px 20px;
      }

      .train-listing-table table tbody {
            border: 1px solid #ccc;
            border-radius: 10px;
      }

      /* .train-listing-table table thead {
      display: block !important;
  } */
      .train-listing-table .column1 {
            width: 260px;
            padding-left: 17px;

      }

      /* .train-listing-table table thead tr {
            height: 60px;
            background: #0e0a31;
            display: flex;
            width: 100%;
            overflow-x: scroll !important;
      } */

      .train-listing-table .column1 {
            width: 260px;
            padding-left: 12px !important;
      }


      /* thead {
            display: block !important;
      } */


      .train-listing-table .column6 {
            width: 222px;
            text-align: right;
            padding-right: 13px;
      }

      .configuration-sec {
            margin: 50px 0 50px;
      }

}



@media (max-width : 414px) {

      h1 {

            font-size: 30px;

            line-height: 35px;

      }



      .subhead {

            font-size: 14px;

            line-height: 20px;

      }



      .hero-content .play-icon iconify-icon {

            width: 50px;

            height: 50px;

      }

      .historical-data .column1 {
            display: none;
      }

      .historical-data .column8 {
            display: none;
      }

}



@media (max-width : 390px) {

      h2 {

            font-size: 25px;

            line-height: 30px;

      }



      .testimonials-sec {

            padding: 50px 0px;

      }



      .team-sec .team-img {

            height: 350px;

      }



      h3 {

            font-size: 25px;

            line-height: 30px;

      }



      .offortless-sec {

            padding: 50px 0px;

      }

}



@media (max-width : 320px) {

      h2 {

            font-size: 22px;

            line-height: 25px;

      }



      .testimonials-sec .owl-nav {

            top: 111%;

      }



      .testimonials-sec .testimonials-items,

      .testimonial-page-sec .testimonials-items {

            padding: 30px 10px;

      }



      .testimonials-sec .client-img,

      .testimonial-page-sec .client-img {

            width: 50px;

            height: 50px;

      }



      h5 {

            font-size: 20px;

            line-height: 25px;

      }



      .testimonials-sec .right iconify-icon,

      .testimonial-page-sec .right iconify-icon {

            width: 40px;

            height: 40px;

            font-size: 25px;

      }



      .offortless-sec .offortless-content {

            padding: 20px;

      }



      h1 {

            font-size: 24px;

            line-height: 30px;

      }



      .subhead {

            font-size: 12px;

            line-height: 15px;

      }



      p,

      .p {

            font-size: 14px;

            line-height: 20px;

      }



      .hero-banner {

            max-height: 550px;

      }

}