@media (min-width: 300px) and (max-width: 320px) {}

@media (min-width: 320px) and (max-width: 375px) {
    .card-box {
    width: 100%;
}

     .footer-nav ul {
    padding-left: 0px;
}

     .response {
          margin-top: 0;
     }

     .sp-volume {
    top: 0;
}

     section {
          padding: 40px 0;
     }

     section.mob-header {
          display: inline-block;
     }


     .main-header {
          display: none;
     }

     .nav-items ul {
          gap: 11px;
     }

     .offcanvas-body ul {
          margin-bottom: 25px;
     }

     .offcanvas-body a.nav-link {
          display: flex;
          align-items: center;
     }

     .mob-logo img {
          width: 100%;
     }

     .bannerr-image {
          height: 100%;
     }


     section.hm-slide {
          padding: 40px 0;
     }

     .un-txt h5 {
          font-size: 20px;
     }

     .catchy {
          position: relative;
          top: 0;
          padding: 10px 0;
     }


     .form-grid {
          display: flex;
          flex-direction: column;
     }

     .frm-btn.col-12 .bg-btn {
          width: 50%;
     }

     section.destination {
          padding: 20px 0;
     }

     .dest-head h2 {
          font-size: 30px;
          margin-bottom: 10px;
     }

     .dest-box {
          margin-bottom: 40px;
          height: 570px;

     }


     .dest-txt ul {
          grid-template-columns: repeat(1, 2fr);
          gap: 20px;
     }


     .dest-txt ul li {
          width: 238px;
     }

     section.footer {
          padding: 30px 0;
     }


     section.destination {
          background-size: inherit;
     }

     .left-footer {
          margin-bottom: 20px;
     }

     .footer-nav {
          margin-bottom: 20px;
     }

     .footer-info {
          text-align: left;
     }

     .footer-info p a {
          font-size: 15px;
     }


     .lower-head h5 {
          font-size: 14px;
          text-align: center;
          margin-bottom: 10px;
     }

     .lower-head2 h5 {
          text-align: center;
     }

     input {
          width: 100%;
     }




     .plane {
          top: 53%;
     }

     .earth-wrapper {
          padding-top: 0;
          top: 38%;
          left: 55%;

     }

     .earth {
          width: 140px;
          height: 140px;
     }

     .plane-img {
          width: 280px;
     }













     .bannerr-image::before {
          height: 100%;
     }


     section.banner-main {
          padding: 70px 0;
     }

     .banner-hd h2 {
          font-size: 28px;
     }

     .banner-dn ul li {
          font-size: 13px;
     }

     .about-left img {
          width: 100%;
     }

     .about-right p {
          font-size: 15px;
     }

     .about-right p {
          font-size: 15px;
          margin-bottom: 10px;
     }

     .about-right .web-btn {
          width: 60%;
     }

     .service-head h3 {
          font-size: 20px;
          margin-bottom: 15px;
     }

     .service-head p {
          font-size: 14px;
     }

     .abt-lb h5 {
          font-size: 20px;
     }

     .abt-lb p {
          font-size: 14px;
     }

     section.about {
          padding: 40px 0;
     }

     .cont-bg {
          padding: 30px 10px;
          height: 100%;
          flex-direction: column-reverse;
     }


     .ctc-bg img {
          width: 100%;
     }


     .ctc-bg {
          position: unset;
          margin-bottom: 30px;
     }

     .cont-txt {
          width: 100%;
          text-align: center;
     }

     .cont-txt h2 {
          font-size: 20px;
          margin-bottom: 5px;
     }

     .cont-txt p {
          margin-bottom: 10px;
          font-size: 14px;
     }

     .ctc-btn a.bg-btn {
          width: 50%;
     }


     section.contact-mid {
          padding: 40px 0;
     }

     section.banner-service {
          padding: 70px 0;
     }

     .card-box {
          position: unset;
          padding: 0;
          flex-direction: column-reverse;
          transform: unset;
     }

     .card-box-text {
          padding: 10px;
     }

     .card-content-bx h2 {
          font-size: 18px;
          margin-bottom: 8px;
     }

     .card-box-text p {
          font-size: 16px;
     }

     .card-box-image img {
          border-radius: unset;
     }

     .card-box-image-2 img {
          border-radius: unset;
     }

     .card-content-bx {
          margin-bottom: 30px;
          text-align: center;
     }

     div#reverse {
          flex-direction: column;
     }


     .card-box-image {
          margin-bottom: 10px;
     }


     .card-box-image-2 {
          margin-bottom: 10px;
     }


     .row.servicepage-row {
          gap: 30px;
     }

     section.banner-contact {
          padding: 70px 0;
     }


     .connect-head {
          text-align: center;
          width: 100%;
          position: unset;
          transform: unset;
          margin-bottom: 20px;

     }

     .connect-head h2 {
          font-size: 30px;
          margin-bottom: 6px;
     }

     .info-box {
          padding-top: 0;
          flex-direction: column;
     }

     .i-txt p {
          font-size: 15px;
          text-align: center;
     }

     .i-icon i {
          font-size: 14px;
          color: #fff;
     }


     .i-icon {
          height: 45px;
          width: 45px;
     }

     .info {
          display: flex;
          align-items: center;
          gap: 10px;
          flex-direction: column;
          margin-bottom: 10px;
     }


     .nav-logo {
          justify-content: center;
          text-align: center;
     }

     .left-text {
          margin-bottom: 10px;
          text-align: center;
     }


     .mob-offcanvas button.btn.btn-primary {
          height: 40px;
          width: 40px;
     }


     .menu img {
          width: 20px;
     }

     .menu {
          display: flex;
          justify-content: center;
          align-items: center;
     }


     section.banner-global {
          padding: 70px 0;
     }


     section.banner-mbbs {
          padding: 70px 0;
     }

     .global-txt p {
          font-size: 14px;
     }

     .global-txt h5 {
          font-size: 23px;
          margin-bottom: 5px;
          text-align: center
     }

     section.global .row {
          flex-direction: column-reverse;
     }

     .global-image {
          margin-bottom: 10px;
     }

     .global-image {
          margin-bottom: 10px;
     }

     .cn-info p {
          margin-bottom: 20px;
          font-size: 13px;
     }

     .cn-info-2 p {
          color: #000;
          margin-bottom: 20px;
          font-size: 14px;
     }

     .cn-info-3 ul li {
          font-size: 13px;
     }

     .checklist h5 {
          font-size: 18px;
          text-align: center;
     }

     .checklist ul {
          grid-template-columns: repeat(1, 1fr);
          gap: 0px;
     }


     .checklist ul li {
          font-size: 13px;
          margin-bottom: 20px;
          height: 70px;
          width: 100%;
     }

     .cn-text h5 {
          font-size: 15px;
     }


     .flex-in {
          flex-direction: column;
     }

     .mb-info h5 {
          font-size: 20px;
          margin-bottom: 10px;
     }

     .mb-info p {
          font-size: 14px;
          margin-bottom: 5px;
     }

     .coll-info ul {
          grid-template-columns: repeat(1, 1fr);
     }

     .coll-info ul li {
          font-size: 14px;
     }


     .college-head h5 {
          font-size: 18px;
     }

     .social-media ul {
          justify-content: center;
     }

     .off-logo img {
          width: 130px;
          height: 70px;
          object-fit: cover;
     }

     .offcanvas-body .nav-items li a {
          font-size: 13px;
          letter-spacing: unset;
          display: flex;
          align-items: center;
          gap: 10px;
     }


     .offcanvas-body .bg-btn {
          width: 60%;
     }
}


@media (max-width: 767px) {
    
    .card-box {
    width: 100%;
}

          .footer-nav ul {
    padding-left: 0px;
}

     .response {
          margin-top: 0;
     }

     .sp-volume {
    top: 0;
}  

     .plane {
          top: 53%;
     }

     .earth-wrapper {
          padding-top: 0;
          top: 38%;
          left: 55%;

     }

     .earth {
          width: 140px;
          height: 140px;
     }

     .plane-img {
          width: 280px;
     }


     .offcanvas-body .nav-items li a {
          font-size: 13px;
          letter-spacing: unset;
          display: flex;
          align-items: center;
          gap: 10px;

     }

     .offcanvas-body .bg-btn {
          width: 60%;
     }

     .off-logo img {
          width: 130px;
          height: 70px;
          object-fit: cover;
     }

     .social-media ul {
          justify-content: center;
     }

     section {
          padding: 40px 0;
     }

     section.mob-header {
          display: inline-block;
     }


     .main-header {
          display: none;
     }

     .nav-items ul {
          gap: 11px;
     }

     .offcanvas-body ul {
          margin-bottom: 25px;
     }

     .offcanvas-body a.nav-link {
          display: flex;
          align-items: center;
     }

     .mob-logo img {
          width: 61%
     }



     .bannerr-image {
          height: 100%;
     }


     section.hm-slide {
          padding: 40px 0;
     }

     .un-txt h5 {
          font-size: 20px;
     }

     .catchy {
          position: relative;
          top: 0;
          padding: 10px 0;
     }


     .form-grid {
          display: flex;
          flex-direction: column;
     }

     .frm-btn.col-12 .bg-btn {
          width: 50%;
     }

     section.destination {
          padding: 20px 0;
     }

     .dest-head h2 {
          font-size: 30px;
          margin-bottom: 10px;
     }

     .dest-box {
          margin-bottom: 40px;
          height: 610px;
     }


     .dest-txt ul {
          grid-template-columns: repeat(1, 2fr);
          gap: 20px;
     }


     .dest-txt ul li {
          width: 238px;
     }

     section.footer {
          padding: 30px 0;
     }


     section.destination {
          background-size: inherit;
     }

     .left-footer {
          margin-bottom: 20px;
     }

     .footer-nav {
          margin-bottom: 20px;
     }

     .footer-info {
          text-align: left;
     }

     .footer-info p a {
          font-size: 15px;
     }


     .lower-head h5 {
          font-size: 14px;
          text-align: center;
          margin-bottom: 10px;
     }

     .lower-head2 h5 {
          text-align: center;
     }

     input {
          width: 100%;
     }


     section.banner-main {
          padding: 70px 0;
     }

     .banner-hd h2 {
          font-size: 28px;
     }

     .banner-dn ul li {
          font-size: 13px;
     }

     .about-left img {
          width: 100%;
     }

     .about-right p {
          font-size: 15px;
     }

     .about-right p {
          font-size: 15px;
          margin-bottom: 10px;
     }

     .about-right .web-btn {
          width: 60%;
     }

     .service-head h3 {
          font-size: 20px;
          margin-bottom: 15px;
     }

     .service-head p {
          font-size: 14px;
     }

     .abt-lb h5 {
          font-size: 20px;
     }

     .abt-lb p {
          font-size: 14px;
     }

     section.about {
          padding: 40px 0;
     }

     .cont-bg {
          padding: 30px 10px;
          height: 100%;
          flex-direction: column-reverse;
     }


     .ctc-bg img {
          width: 100%;
     }


     .ctc-bg {
          position: unset;
          margin-bottom: 30px;
     }

     .cont-txt {
          width: 100%;
          text-align: center;
     }

     .cont-txt h2 {
          font-size: 20px;
          margin-bottom: 5px;
     }

     .cont-txt p {
          margin-bottom: 10px;
          font-size: 14px;
     }

     .ctc-btn a.bg-btn {
          width: 50%;
     }


     section.contact-mid {
          padding: 40px 0;
     }

     section.banner-service {
          padding: 70px 0;
     }

     .card-box {
          position: unset;
          padding: 0;
          flex-direction: column-reverse;
          transform: unset;
     }

     .card-box-text {
          padding: 10px;
     }

     .card-content-bx h2 {
          font-size: 18px;
          margin-bottom: 8px;
     }

     .card-box-text p {
          font-size: 16px;
     }

     .card-box-image img {
          border-radius: unset;
     }

     .card-box-image-2 img {
          border-radius: unset;
     }

     .card-content-bx {
          margin-bottom: 30px;
          text-align: center;
     }

     div#reverse {
          flex-direction: column;
     }


     .card-box-image {
          margin-bottom: 10px;
     }


     .card-box-image-2 {
          margin-bottom: 10px;
     }


     .row.servicepage-row {
          gap: 30px;
     }

     section.banner-contact {
          padding: 70px 0;
     }


     .connect-head {
          text-align: center;
          width: 100%;
          position: unset;
          transform: unset;
          margin-bottom: 20px;

     }

     .connect-head h2 {
          font-size: 30px;
          margin-bottom: 6px;
     }

     .info-box {
          padding-top: 0;
          flex-direction: column;
     }

     .i-txt p {
          font-size: 15px;
          text-align: center;
     }

     .i-icon i {
          font-size: 14px;
          color: #fff;
     }


     .i-icon {
          height: 45px;
          width: 45px;
     }

     .info {
          display: flex;
          align-items: center;
          gap: 10px;
          flex-direction: column;
          margin-bottom: 10px;
     }


     .nav-logo {
          justify-content: center;
          text-align: center;
     }

     .left-text {
          margin-bottom: 10px;
          text-align: center;
     }


     .mob-offcanvas button.btn.btn-primary {
          height: 40px;
          width: 40px;
     }


     .menu img {
          width: 20px;
     }

     .menu {
          display: flex;
          justify-content: center;
          align-items: center;
     }


     section.banner-global {
          padding: 70px 0;
     }


     section.banner-mbbs {
          padding: 70px 0;
     }

     .global-txt p {
          font-size: 14px;
     }

     .global-txt h5 {
          font-size: 23px;
          margin-bottom: 5px;
          text-align: center
     }

     section.global .row {
          flex-direction: column-reverse;
     }

     .global-image {
          margin-bottom: 10px;
     }

     .global-image {
          margin-bottom: 10px;
     }

     .cn-info p {
          margin-bottom: 20px;
          font-size: 13px;
     }

     .cn-info-2 p {
          color: #000;
          margin-bottom: 20px;
          font-size: 14px;
     }

     .cn-info-3 ul li {
          font-size: 13px;
     }

     .checklist h5 {
          font-size: 18px;
          text-align: center;
     }

     .checklist ul {
          grid-template-columns: repeat(1, 1fr);
          gap: 0px;
     }


     .checklist ul li {
          font-size: 13px;
          margin-bottom: 20px;
          height: 70px;
          width: 100%;
     }

     .cn-text h5 {
          font-size: 15px;
     }


     .flex-in {
          flex-direction: column;
     }

     .mb-info h5 {
          font-size: 20px;
          margin-bottom: 10px;
     }

     .mb-info p {
          font-size: 14px;
          margin-bottom: 5px;
     }

     .coll-info ul {
          grid-template-columns: repeat(1, 1fr);
     }

     .coll-info ul li {
          font-size: 14px;
     }


     .college-head h5 {
          font-size: 18px;

     }

}


@media (min-width: 768px) and (max-width: 991px) {
    
    .footer-info p a {
    font-size: 14px;
}
    
    .card-box {
    width: 100%;
}

          .footer-nav ul {
    padding-left: 0px;
}



     .offcanvas-body .nav-items li a {
          font-size: 16px;
     }

     .nav-items ul {
          gap: 10px;
     }

     section {
          padding: 40px 0;
     }

     section.mob-header {
          display: inline-block;
          width: 100%;
     }


     .main-header {
          display: none;
     }

     .mob-logo img {
          width: 54%;
     }

     .un-txt h5 {
          font-size: 20px;
     }

     .catchy {
          background-color: #fff;
          padding: 17px;
          position: absolute;
          top: -230px;
          z-index: 1;
          right: 0;
     }


     .dest-txt ul li {
          width: 100%;
          font-size: 13px;
     }

     .left-footer {
          text-align: center;
     }

     .left-footer img {
          width: 100%;
     }

     .left-footer .nav-logo {
          justify-content: center;
     }


     section.banner-main {
          padding: 80px 0;
     }

     section.banner-about {
          padding: 80px 0;
     }

     section.banner-services {
          padding: 80px 0;
     }

     section.banner-global {
          padding: 80px 0;
     }

     section.banner-mbbs {
          padding: 80px 0;
     }

     section.banner-contact {
          padding: 80px 0;
     }

     .banner-hd h2 {
          font-size: 44px;
     }

     .about-right p {
          font-size: 16px;
     }

     .about-right h2 {
          font-size: 30px;
          margin-bottom: 10px;
     }

     .about-right .web-btn {
          width: 50%;
     }

     .about-left img {
          width: 100%;
     }

     .cont-txt h2 {
          font-size: 23px;
     }

     .cont-txt p {
          font-size: 16px;
     }

     .ctc-bg {
          right: 0;
     }

     .cont-bg {
          height: 260px;
     }

     .ctc-bg img {
          width: 359px;
     }

     .left-footer {
          text-align: center;
          margin-bottom: 30px;
     }

     .card-content-bx h2 {
          font-size: 26px;
     }

     .card-box-text p {
          font-size: 16px;
     }

     .card-box-text {
          padding: 27px;
     }

     .row.servicepage-row {
          padding-top: 40px;
          gap: 50px;
     }

     .service-head h3 {
          font-size: 30px;
          margin-bottom: 10px;
     }

     .ctc-btn a.bg-btn {
          width: 50%;
     }

     .connect-head h2 {
          font-size: 30px;
          margin-bottom: 10px;
     }

     .connect-head {
          text-align: center;
          width: 100%;
          position: unset;
          left: unset;
          transform: unset;
     }

     .i-txt p {
          font-size: 11px;
     }

     .i-icon i {
          font-size: 15px;
     }

     .i-icon {
          height: 40px;
          width: 40px;
     }

     .global-txt p {
          font-size: 13px;
     }

     .checklist ul {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
     }

     .checklist ul li {
          font-size: 13px;
          height: 80px;
          width: 100%;
     }

     .cn-info-2 h5 {
          font-size: 20px;
     }

     .cn-info-3 h5 {
          font-size: 20px;
     }

     .global-txt h5 {
          font-size: 23px;
          margin-bottom: 10px;
     }

     .flex-in {
          flex-direction: column;
     }

     .coll-info ul li {
          font-size: 13px;
     }

     .social-media ul {
          justify-content: center;
     }



































































}


@media screen and (min-width: 1024px) and (max-width: 1440px) {
    
    


     .dest-txt ul li {
          font-size: 14px;
          width: 100%;
     }

     .footer-nav h5 {
          font-size: 22px;
     }

     .footer-info p a {
          font-size: 15px;
     }

     .about-right .web-btn {
          width: 40%;
     }

     section.about-mid {
          padding: 60px 0;
     }

     .service-head h3 {
          font-size: 30px;
          margin-bottom: 10px;
     }

     .service-head p {
          font-size: 16px;
     }

     .abt-lb h5 {
          font-size: 18px;
     }

     .abt-lb p {
          font-size: 14px;
     }

     section.destination {
          padding: 60px 0;
     }

     .cont-txt h2 {
          font-size: 30px;
          margin-bottom: 10px;
     }

     .cont-txt p {
          margin-bottom: 15px;
          font-size: 16px;
     }

     .card-content-bx h2 {
          font-size: 28px;
          margin-bottom: 10px;
     }

     .card-box-text p {
          font-size: 18px;
     }

     .cont-bg {
          height: 290px;
     }

     .i-txt p {
          font-size: 16px;
     }

     .i-icon {
          height: 40px;
          width: 40px;
     }

     .cn-info-2 h5 {
          font-size: 21px;
          margin-bottom: 10px;
     }

     .cn-info-2 h5 {
          font-size: 21px;
     }

     .checklist ul li {
          font-size: 14px;
          height: 80px;
          width: 100%;
     }

     .coll-info ul li {
          font-size: 14px;
     }

     .mb-info p {
          font-size: 16px;
     }

     .i-icon i {
          font-size: 16px;
          color: #fff;
     }



}