@media screen and (max-width: 1600px) {
  .bannerimg {
    width: 15%;
  }

  .ftrlinks li {
    padding: 10px 0;
  }

  #header .container-fluid {
    padding: 0 4%;
  }


}

@media (max-width: 1440px) {
  .bannerform {
    z-index: 2;
    position: relative;
  }

  .bannerimg {
    z-index: 1;
  }

  #header .container-fluid {
    padding: 0 15px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 13px 10px;
  }

  :is(.portfoli-linkded, .leader-sec) .container-fluid {
    padding: 0 15px;
  }

}

@media (max-width: 1366px) {

  /* .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 13px;
  } */
  .reviews-sec :is(.col-md-4, .col-md-8) {
    flex: 100%;
    max-width: 100%;
  }

  .transp svg {
    display: none;
  }

  .navbar-brand img {
    width: 250px;
  }

  .transp {
    padding: 6px 19px;
    font-size: 12px;
  }

  .header-button {
    font-size: 12px;
  }

  .navbar-expand-lg .navbar-collapse {
    justify-content: center;
  }
}

@media (max-width: 1280px) {

  .order-pay {
    padding-top: 40px;
    padding-right: 0;
    float: none;
    width: 100%;
    max-width: 100%;
  }

  p,
  h4,
  a,
  span {
    word-break: break-word;
    max-width: 100%;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding: 13px 12px;
  }

  .myacc {
    font-size: 12px;
  }



  .bannerform {
    margin: 0 0 0 1.5rem;
  }

  section {
    padding: 4rem 0;
  }



  .contact-us-detils a {
    font-size: 14px;
  }

  .contact-us-detils h4,
  .contact-us-detils h3 {
    font-size: 18px;
  }

}


@media (min-width: 1200px) {
  :is(.offwhite-sec, .search-sec, .white-sec) .container {
    max-width: 1400px;
  }

  .container {
    max-width: 1280px;
  }

  .mainfooter .container {
    max-width: 1180px;
  }

}

@media (max-width: 1199px) {
   .contact-details .info .info-box{padding-right: 0;margin: 0;}
  .bannerform,
  .footerfrom .bannerform {
    margin: 0;
  }

  .arrow::before {
    display: none;
  }

  #header .container {
    max-width: 100%;
  }

  .form-text h4 {
    font-size: 16px;
  }

  .navbar-brand img {
    width: 150px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 13px 6px;
  }

  .banner-content h1 {
    font-size: 35px;
  }

  .banner-content h3 {
    font-size: 18px;
  }

  .our-work-slider .col-md-3 {
    max-width: 100%;
    flex: 100%;
  }

  :is(.cta-content, .cta2) h3 {
    font-size: 27px;
    line-height: normal;
  }

  .step-contents h4 {
    font-size: 18px;
  }

  .test-slider,
  .unleashing-text p {
    padding: 0;
  }


  .plaitform ul {
    gap: 70px;
  }

  .copyright-text p,
  .terms a {
    font-size: 12px;
  }

  ul.terms span,
  .form-contnet p {
    font-size: 15px;
  }

  .mainbanner {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }

  .bannerimg {
    display: none;
  }

  .contact-us-detils .contct-detils {
    display: block;
    gap: 0;
  }

  .portfoli-linkded .owl-carousel {
    margin: auto;
  }

  .heading-wrapper h2 {
    font-size: 27px;
  }
}

@media (max-width: 991px) {
  .btn-continue {
    flex-wrap: wrap;
  }
  .date-picker {
    flex-wrap: wrap;
  }
  .date-picker h5 {
    margin-bottom: 10px;
  }
  .right-side {
    display: block;
  }
  .summary {
    margin: 20px auto;
    width: 100%;
  }
  .contact-wrapper{padding-left: 0;}
  .bannerform .form-control{width: 100%;}
  :is(.my-account-btn, .our-guarantee) {
    display: block;
  }

  .banner-content p {
    font-size: 14px;
  }

  .banner-content ul li {
    font-size: 14px;
  }

  .quick-sec .hero-content p {
    font-size: 14px;
    line-height: 18px;
  }

  :is(.offwhite-sec, .white-sec) .search-content h4 {
    font-size: 20px;
  }

  .w-heading {
    font-size: 20px;
  }

  .user-head {
    padding-left: 0;
  }

  .mainbanner .banner-content :is(.px-5, .mx-5) {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .reviews-sec .container-fluid {
    padding: 0 12px;
  }

  .brand-now {
    padding: 0 5% 100px;
  }

  .ftrlinks li a {
    font-size: 12px;
  }

  ul.contct-detils li a {
    font-size: 12px;
  }

  .form-text h4 {
    font-size: 16px;
  }

  header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item,
  .dropdown-item.active,
  .dropdown-item:active {
    font-weight: 400;
  }

  .myacc {
    display: none;
  }

  .transp {
    padding: 0;
    font-size: 0;
    border: 0;
    position: absolute;
    top: 21px;
    right: 45px;
  }

  .navbar-collapse {
    flex-direction: column;
    margin-top: 2rem;
    height: auto;
  }

  header .navbar-toggler {
    padding: 6px;
    line-height: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 14px;
    width: 40px;
    height: 40px;
    margin: auto;
  }

  header .navbar-toggler-icon svg {
    fill: #c78529;
    height: 1em;
    width: 1em;
  }

  header .navbar-toggler-icon {
    width: fit-content;
    height: fit-content;
  }

  .header-button {
    position: absolute;
    top: 0;
    right: 0;
  }

  .bannerform {
    z-index: 0;
    position: relative;
    margin-top: 2rem;
  }

  #header .container {
    max-width: 100%;
  }

  :is(header .navbar-nav .nav-link:is(.active, :hover))::before {
    width: 10%;
  }

  .navbar-brand img {
    width: auto;
  }

  :is(.mainbanner,
    .footerfrom,
    .ourcomprehensive-sec, .audience-sec, .videounlesh-sec, .mastery-sec) :is(.col-md-5, .col-md-7, .col-md-6, .col-md-9) {
    max-width: 100%;
    flex: 100%;
  }

  .footerfrom .col-md-5 {
    order: 2;
  }

  .divwrpr {
    margin-bottom: 2rem;
  }

  .cta-sec {
    padding: 3rem 0;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--blue-color);
    font-weight: 400;
  }

  .about-tab .heading-wrapper p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .contact-details .info .info-box{border: 0;}
  .info{display: block;}
  .mobile {
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    right: 31%;
  }

  .about-tab .divider {
    display: none;
  }

  :is(.Why-run, .why-get) .hero-content h2 {
    font-size: 28px;
  }

  :is(.statement-banner, .action-banner, .faqbanner) .hero-content p {
    padding: 0;
    font-size: 16px;
    line-height: 23px;
  }

  .quick-box {
    height: auto;
  }

  .regis-top {
    padding-top: 40%;
  }

  .why-get .col-md-5 {
    order: 2;
  }

  .why-get {
    background: url(../images/blonde-woman.png) no-repeat 90% 13% #ecedf1;
  }

  .quick-box::before {
    display: none;
  }

  .search-content li div img {
    width: auto;
    height: auto;
  }

  .search-content h3 {
    text-align: center;
  }

  .reviews-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .search-content li {
    display: block;
    text-align: center;
  }

  .search-sec h3 {
    text-align: center;
  }

  .search-sec .hero-content p {
    padding: 0;
    font-size: 14px;
  }

  .search-content li p {
    font-size: 14px;
  }

  .brand-now p {
    font-size: 14px;
  }

  .entry-box .col-md-6:last-child {
    display: none;
  }

  .cta2 {
    margin-top: 0;
  }

  .entry-box .col-md-6 {
    max-width: 100%;
    flex: 100%;
  }

  .banner-form button {
    margin-top: 1rem !important;
  }

  .entry-box {
    border: 0;
    padding: 0;
  }

  a#entry-box_close {
    right: 3rem;
    top: 4rem;
  }

  .banner-content h1 {
    font-size: 30px;
  }

  :is(.cta-content, .cta2) h3 {
    font-size: 27px;
  }

  .services-sec .cta-content P {
    font-size: 16px;
  }

  .clinetimg {
    justify-content: center;
  }

  .the-six-step .col-md-12 {
    display: none;
  }

  .the-six-step * {
    text-align: left !important;
  }

  .step-contents p {
    margin-bottom: 1.5rem;
  }

  .form-hdg h3 {
    font-size: 20px;
  }

  :is(.cta2, .cta-sec) img {
    display: none;
  }

  .cta2,
  .cta-sec {
    text-align: center !important;
    padding: 3rem 0 !important;
  }

  .plaitform ul {
    gap: 35px;
  }

  .copyright-text p,
  .terms a {
    font-size: 15px;
  }

  .copyright,
  .terms {
    text-align: center;
  }

  .copyright-text p,
  .copyright .text-center img {
    margin-bottom: 10px;
  }

  .automated-sec li a {
    font-size: 12px;
  }

  .ftrlinks h5 {
    margin-top: 1rem;
  }

  .contct-detils li {
    margin-bottom: 1rem;
  }


  .the-six-step .row {
    padding-top: 2rem;
  }

  .copyright {
    margin-top: 4rem;
  }

  .bookbanner h4:first-child {
    font-size: 65px;
  }

  .wkipidia-sec img {
    margin-top: 3rem;
  }

  .wkipidia-sec {
    padding: 0;
  }

  .contact-us-detils {
    margin-bottom: 2rem;
  }

  .talkbox .flip-card {
    margin-bottom: 2rem;
  }

  .clinet-logos .sechdg {
    font-size: 35px;
    line-height: normal;
  }

  .transp svg {
    display: block;
  }

}

@media (max-width: 575px) {
  .card-div {
    top: -20px;
    right: 0;
  }
  .card-div img {
    width: 150px;;
  }
  .date-picker select, .goodsoption {
    width: 100%;
  }
  .cta2 {
    background: url(../images/before-footer-bgnew_02.webp) center/cover no-repeat;
  }

  :is(.form-text :is(h3 sup, sub)) {
    font-size: 13px;
  }

  .form-text h3 {
    font-size: 38px;
  }

  .header-button {
    display: none;
  }

  header .navbar-toggler {
    left: auto;
  }

  .unleashing-text h4 {
    font-size: 52px;
  }

  :is(.cta-content, .cta2) h3 {
    font-size: 26px;
  }

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


  .contactpage-form .form-control,
  .contactpage-form select {
    margin-bottom: 1rem;
  }

  .talkbox .flip-card-front {
    padding: 2rem 20px;
  }

  .site-header__title {
    font-size: 4.5rem;
  }
}

@media (max-width: 500px) {
  .navbar-container input[type="checkbox"]:checked~.logo {
    display: none;
  }
}

@media (max-width: 481px) {
  .unleashing-text h3 span {
    font-size: 33px;
  }

  .introducing-content {
    margin-bottom: 2rem;
  }

  .plaitform ul {
    gap: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .plaitform ul li {
    margin-bottom: 2rem;
  }

  .plaitform ul li img {
    width: 80%;
  }

  .bookbanner h4:first-child {
    font-size: 55px;
  }
}

@media screen and (max-width: 414px) {
  .transp svg {
    display: none;
  }

  a#entry-box_close {
    right: 2rem;
    top: 3rem;
  }

  a#entry-box_close svg {
    width: 15px;
    height: 15px;
  }

  :is(.cta-content, .cta2) .defult-btn {
    padding: 15px;
  }

  .automated-sec ul {
    display: none;
  }

  .copyright-text p,
  .terms a {
    font-size: 14px;
  }

}

@media screen and (max-width: 375px) {
  .card-div img {
    width: 120px;;
  }
}