@media (min-width: 760px) and (max-width: 1020px) {
  img.toTop {
    position: fixed;
    bottom: 10%;
    right: 5%;
  }

  section#home {
    width: 100%;
    height: 850px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#home div.homeContainer {
    width: 80%;
    min-width: 500px;
    height: 850px;
    background: url(../imgs/travel-border-1.png) no-repeat;
    background-position: 50% 460px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: start;
  }
  section#home div.homeContainer nav.responsiveNav {
    display: block;
    position: fixed;
    height: 100px;
    width: 100%;
    background: transparent;
    transition: 0.5s;
  }
  section#home div.homeContainer nav.responsiveNav i {
    color: black;
    font-size: 30px;
    cursor: pointer;
    margin: 20px;
  }
  section#home div.homeContainer nav.responsiveNav ul.navList-mob-tab li {
    width: 100%;
    padding: 25px;
    padding-bottom: 45px;
    height: 20px;
    background: #134368;
    transition: 0.5s;
    cursor: pointer;
    color: white;
    transition: 0.5s;
  }
  section#home div.homeContainer nav.responsiveNav ul.navList-mob-tab li:hover {
    background: #FFA500;
    color: black;
  }
  section#home nav.navBar-web {
    display: none;
  }
  section#home div.taglines {
    height: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#home div.taglines h1 {
    color: #134368;
    font-size: 50px;
    white-space: nowrap;
    margin-bottom: 20px;
    border-right: 1px solid;
    animation: onText infinite 7s ease;
    overflow: hidden;
  }
  @keyframes onText {
    0% {
      width: 0ch;
    }
    50% {
      width: 19ch;
    }
    100% {
      width: 0ch;
    }
  }
  section#home div.taglines p {
    font-style: italic;
    border-bottom: 2px solid;
    color: #FFA500;
    text-align: center;
    font-size: 22px;
    padding: 5px;
  }

  section#about {
    height: auto;
    width: 100%;
    padding-bottom: 50px;
    padding-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: white;
  }
  section#about h1.about-heading {
    color: #FFA500;
    font-size: 55px;
  }
  section#about div.aboutContainer {
    height: 900px;
    width: 80%;
    min-width: 745px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
  }
  section#about div.aboutContainer div.left {
    height: 450px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding-left: 50px;
    padding-right: 50px;
  }
  section#about div.aboutContainer div.left h2 {
    color: #FFA500;
    font-size: 43px;
    margin-bottom: 20px;
  }
  section#about div.aboutContainer div.left hr {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
    border: 0.5px solid black;
  }
  section#about div.aboutContainer div.left p {
    max-width: 500px;
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
  }
  section#about div.aboutContainer div.right {
    height: 380px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 0px 50px 0px 50px;
  }
  section#about div.aboutContainer div.right img {
    height: auto;
    width: 80%;
  }

  section#travelPackage {
    padding-top: 50px;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#travelPackage h1.travelHeading {
    color: #FFA500;
    font-size: 45px;
    text-align: center;
    font-weight: lighter;
  }
  section#travelPackage div.travelContainer {
    height: 600px;
    width: 80%;
    min-width: 750px;
  }
  section#travelPackage div.travelContainer div.buttonContainer {
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row;
  }
  section#travelPackage div.travelContainer div.buttonContainer .clicked {
    background: #FFA500;
  }
  section#travelPackage div.travelContainer div.buttonContainer button {
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    outline: none;
    border: none;
    background: #5d5d5d;
    color: white;
    cursor: pointer;
    margin: 10px;
  }
  section#travelPackage div.travelContainer div.tabs {
    height: 500px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#travelPackage div.travelContainer div.tabs img.animation {
    display: none;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent {
    height: 400px;
    width: 450px;
    display: none;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent p {
    font-size: 20px;
    color: #134368;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent ul li {
    color: grey;
    margin-top: 20px;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent ul li i {
    color: #FFA500;
  }
  section#travelPackage div.travelContainer div.tabs .showTab {
    display: block !important;
  }

  section#services {
    height: auto;
    width: 100%;
    padding: 50px 0 50px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#services h1.ServiceHeading {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
    margin-bottom: 20px;
  }
  section#services div.serviceContainer {
    height: auto;
    width: 80%;
    min-width: 750px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  section#services div.serviceContainer div.box {
    height: 150px;
    width: 350px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#services div.serviceContainer div.box i {
    font-size: 60px;
    color: #FFA500;
    margin-bottom: 10px;
  }
  section#services div.serviceContainer div.box h4 {
    font-size: 25px;
    color: #134368;
    font-weight: lighter;
  }

  section#awards {
    min-height: 550px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#awards h1.awardsHeading {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
  }
  section#awards div.awardsImgContainer {
    min-height: 40px;
    width: 80%;
    min-width: 750px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row wrap;
    justify-content: space-evenly;
  }
  section#awards div.awardsImgContainer img {
    max-height: 400px;
    height: auto;
    max-width: 15%;
    z-index:-20;
  }

  section#gallery {
    height: auto;
    width: 100%;
    padding: 50px 0 50px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: white;
  }
  section#gallery h1.galleryHeading {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
  }
  section#gallery div.galleryContent {
    height: auto;
    width: 80%;
    min-width: 750px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: space-around;
    flex-flow: row wrap;
  }
  section#gallery div.galleryContent img {
    height: 300px;
    width: 300px;
    margin: 10px;
    outline: 1px solid grey;
    border: 4px solid white;
  }

  section#GM {
    min-height: 600px;
    width: 100%;
    padding: 20px 0px 50px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#GM h1.GMheading {
    color: #FFA500;
    font-size: 40px;
    font-weight: lighter;
    text-align: center;
  }
  section#GM div.gmContainer {
    min-height: 500px;
    width: 80%;
    min-width: 750px;
    display: flex;
    align-items: center;
  }
  section#GM div.gmContainer div.leftGM {
    height: 100%;
    min-width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 30px;
  }
  section#GM div.gmContainer div.leftGM p {
    max-width: 500px;
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
    margin-top: 50px;
  }
  section#GM div.gmContainer div.rightGM {
    height: 500px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#GM div.gmContainer div.rightGM img.GMimg {
    height: auto;
    width: 80%;
    border-radius: 100%;
  }

  section#chairman {
    height: 600px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: white;
  }
  section#chairman h1.bossMessege {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
  }
  section#chairman div.bossContainer {
    height: 500px;
    width: 80%;
    min-width: 750px;
    display: flex;
  }
  section#chairman div.bossContainer div.bossLeft {
    height: 500px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#chairman div.bossContainer div.bossLeft img {
    height: auto;
    width: 60%;
    border-radius: 100%;
  }
  section#chairman div.bossContainer div.bossRight {
    height: 500px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    align-items: flex-start;
  }
  section#chairman div.bossContainer div.bossRight p {
    max-width: 500px;
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
    margin-top: 50px;
  }

  footer {
    min-height: 700px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding-top: 20px;
  }
  footer div.footerContainer {
    min-height: 700px;
    width: 80%;
    min-width: 750px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  footer div.footerContainer h1.footerHeading {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
  }
  footer div.footerContainer div.footerContent {
    min-height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: center;
  }
  footer div.footerContainer div.footerContent div.contentBox1 {
    height: 300px;
    width: 330px;
    display: flex;
    flex-flow: column;
  }
  footer div.footerContainer div.footerContent div.contentBox1 h2 {
    color: #FFA500;
    font-weight: lighter;
    margin-bottom: 30px;
    font-size: 35px;
  }
  footer div.footerContainer div.footerContent div.contentBox1 ul li {
    margin-bottom: 20px;
  }
  footer div.footerContainer div.footerContent div.contentBox1 ul li i {
    color: #134368;
  }
  footer div.footerContainer div.footerContent div.contentBox2 {
    height: 300px;
    width: 330px;
    display: flex;
    flex-flow: column;
  }
  footer div.footerContainer div.footerContent div.contentBox2 h2 {
    color: #FFA500;
    font-weight: lighter;
    margin-bottom: 30px;
    font-size: 35px;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li {
    margin-bottom: 20px;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li i {
    color: #134368;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li a {
    color: black;
  }
  footer div.footerContainer div.footerContent div.contentBox3 {
    display: none;
  }
  footer div.footerContainer div.FooterCopyrights {
    min-height: 230px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: flex-start;
  }
  footer div.footerContainer div.FooterCopyrights img {
    height: auto;
    max-width: 450px;
    margin-bottom: 50px;
  }
  footer div.footerContainer div.FooterCopyrights hr {
    border: 0.5px solid grey;
    width: 80%;
    margin-bottom: 20px;
  }
  footer div.footerContainer div.FooterCopyrights p {
    font-size: 20px;
  }
  footer div.footerContainer div.FooterCopyrights p a {
    color: #1410ff;
  }
}
@media (min-width: 1020px) {
  img.toTop {
    position: fixed;
    right: 10%;
    bottom: 10%;
  }

  section#home {
    background: white;
    background: url(../imgs/travel-border-1.png) no-repeat;
    background-position: 50% 70%;
    background-size: 1300px 400px;
    width: 100%;
    height: 100vh;
    min-height: 850px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: flex-start;
  }
  section#home div.homeContainer {
    width: 60%;
    min-width: 950px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: start;
  }
  section#home div.homeContainer nav.responsiveNav {
    display: none;
  }
  section#home div.homeContainer img.logo-mob-tab {
    display: none;
  }
  section#home div.homeContainer nav.navBar-web {
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row;
    justify-content: start;
    padding-top: 15px;
    margin-top: 20px;
  }
  section#home div.homeContainer nav.navBar-web img {
    max-height: 180px;
    width: auto;
    margin-left: 9%;
  }
  section#home div.homeContainer nav.navBar-web ul {
    margin-left: 4%;
  }
  section#home div.homeContainer nav.navBar-web ul li {
    display: inline-block;
    margin-left: 20px;
    transition: 0.5s;
    color: #134368;
    transition: 0.5s;
  }
  section#home div.homeContainer nav.navBar-web ul li:hover {
    font-weight: bold;
    color: #FFA500;
    letter-spacing: 3px;
    cursor: pointer;
  }
  section#home div.homeContainer nav.navBar-web ul li::after {
    border: 1px solid rgba(255, 255, 255, 0);
    bottom: 0px;
    content: "";
    display: block;
    margin: 5px auto;
    position: relative;
    transition: all 280ms ease-in-out;
    width: 0;
  }
  section#home div.homeContainer nav.navBar-web ul li:hover:after {
    border-color: #FFA500;
    text-align: center;
    transition: all 350ms ease-in-out;
    width: 100%;
  }
  section#home div.homeContainer div.taglines {
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#home div.homeContainer div.taglines h1 {
    color: #134368;
    font-size: 50px;
    white-space: nowrap;
    margin-bottom: 20px;
    border-right: 1px solid;
    animation: onText infinite 7s ease;
    overflow: hidden;
  }
  @keyframes onText {
    0% {
      width: 0ch;
    }
    50% {
      width: 19ch;
    }
    100% {
      width: 0ch;
    }
  }
  section#home div.homeContainer div.taglines p {
    font-style: italic;
    border-bottom: 2px solid;
    color: #FFA500;
    text-align: center;
    font-size: 22px;
    padding: 5px;
  }

  section#about {
    height: 700px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#about h1.about-heading {
    color: #FFA500;
    font-size: 40px;
    margin-top: 10px;
    font-weight: lighter;
  }
  section#about div.aboutContainer {
    height: 600px;
    width: 60%;
    min-width: 950px;
    display: flex;
    flex-flow: row;
  }
  section#about div.aboutContainer div.left {
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    align-items: flex-start;
    padding-right: 50px;
  }
  section#about div.aboutContainer div.left h2 {
    color: #FFA500;
    font-size: 35px;
    margin-top: -70px;
    margin-bottom: 20px;
    font-weight: lighter;
  }
  section#about div.aboutContainer div.left hr {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
    border: 0.5px solid black;
  }
  section#about div.aboutContainer div.left p {
    max-width: 500px;
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
  }
  section#about div.aboutContainer div.right {
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 0px 20px 0px 20px;
  }
  section#about div.aboutContainer div.right img {
    height: auto;
    width: 100%;
  }

  section#travelPackage {
    background: white;
    height: 700px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#travelPackage h1.travelHeading {
    color: #FFA500;
    font-size: 40px;
    margin-bottom: 60px;
    font-weight: lighter;
  }
  section#travelPackage div.travelContainer {
    height: 400px;
    width: 60%;
    min-width: 950px;
  }
  section#travelPackage div.travelContainer div.buttonContainer {
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row;
    justify-content: flex-start;
  }
  section#travelPackage div.travelContainer div.buttonContainer .clicked {
    background: #FFA500;
  }
  section#travelPackage div.travelContainer div.buttonContainer button {
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    outline: none;
    border: none;
    background: #5d5d5d;
    color: white;
    cursor: pointer;
    margin: 10px;
  }
  section#travelPackage div.travelContainer div.tabs {
    height: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row;
    justify-content: space-between;
  }
  section#travelPackage div.travelContainer div.tabs img.animation {
    margin-top: -150px;
    display: block;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent {
    height: 260px;
    width: 450px;
    display: none;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent p {
    font-size: 18px;
    font-weight: lighter;
    color: #134368;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent ul li {
    color: grey;
    margin-top: 20px;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent ul li i {
    color: #FFA500;
  }
  section#travelPackage div.travelContainer div.tabs .showTab {
    display: block !important;
  }

  section#services {
    height: auto;
    width: 100%;
    padding: 50px 0 50px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#services h1.ServiceHeading {
    color: #FFA500;
    font-size: 40px;
    font-weight: lighter;
    margin-bottom: 20px;
  }
  section#services div.serviceContainer {
    height: auto;
    width: 60%;
    min-width: 950px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  section#services div.serviceContainer div.box {
    height: 200px;
    width: 250px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#services div.serviceContainer div.box i {
    font-size: 60px;
    color: #FFA500;
    margin-bottom: 10px;
  }
  section#services div.serviceContainer div.box h4 {
    font-size: 25px;
    color: #134368;
    font-weight: lighter;
  }

  section#gallery {
    height: auto;
    width: 100%;
    padding: 50px 0 50px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: white;
  }
  section#gallery h1.galleryHeading {
    color: #FFA500;
    font-size: 40px;
    font-weight: lighter;
  }
  section#gallery div.galleryContent {
    height: auto;
    width: 60%;
    min-width: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row wrap;
  }
  section#gallery div.galleryContent img {
    height: 200px;
    width: 200px;
    margin: 10px;
    outline: 1px solid grey;
    border: 4px solid white;
  }

  section#awards {
    min-height: 700px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#awards h1.awardsHeading {
    color: #FFA500;
    font-size: 40px;
    font-weight: lighter;
  }
  section#awards div.awardsImgContainer {
    min-height: 600px;
    width: 60%;
    min-width: 950px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  section#awards div.awardsImgContainer img {
    max-height: 400px;
    height: auto;
    max-width: 25%;
  }

  section#GM {
    min-height: 600px;
    width: 100%;
    padding: 20px 0px 50px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#GM h1.GMheading {
    color: #FFA500;
    font-size: 40px;
    font-weight: lighter;
    text-align: center;
    margin-bottom: 20px;
  }
  section#GM div.gmContainer {
    height: 500px;
    width: 60%;
    min-width: 950px;
    display: flex;
  }
  section#GM div.gmContainer div.leftGM {
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 30px;
  }
  section#GM div.gmContainer div.leftGM p {
    max-width: 500px;
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
    margin-top: 50px;
  }
  section#GM div.gmContainer div.rightGM {
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#GM div.gmContainer div.rightGM img.GMimg {
    height: auto;
    width: 60%;
    border-radius: 100%;
  }

  section#chairman {
    height: 600px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: white;
  }
  section#chairman h1.bossMessege {
    color: #FFA500;
    font-size: 40px;
    font-weight: lighter;
  }
  section#chairman div.bossContainer {
    height: 500px;
    width: 60%;
    min-width: 950px;
    display: flex;
  }
  section#chairman div.bossContainer div.bossLeft {
    height: 500px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#chairman div.bossContainer div.bossLeft img {
    height: auto;
    width: 60%;
    border-radius: 100%;
  }
  section#chairman div.bossContainer div.bossRight {
    height: 500px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    align-items: flex-start;
  }
  section#chairman div.bossContainer div.bossRight p {
    max-width: 500px;
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
    margin-top: 50px;
  }

  footer {
    min-height: 700px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding-top: 20px;
    background: white;
  }
  footer div.footerContainer {
    min-height: 700px;
    width: 60%;
    min-width: 950px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  footer div.footerContainer h1.footerHeading {
    color: #FFA500;
    font-size: 40px;
    font-weight: lighter;
  }
  footer div.footerContainer div.footerContent {
    min-height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: center;
  }
  footer div.footerContainer div.footerContent div.contentBox1 {
    height: 300px;
    width: 330px;
    display: flex;
    flex-flow: column;
  }
  footer div.footerContainer div.footerContent div.contentBox1 h2 {
    color: #FFA500;
    font-weight: lighter;
    margin-bottom: 30px;
    font-size: 30px;
  }
  footer div.footerContainer div.footerContent div.contentBox1 ul li {
    margin-bottom: 20px;
  }
  footer div.footerContainer div.footerContent div.contentBox1 ul li i {
    color: #134368;
  }
  footer div.footerContainer div.footerContent div.contentBox2 {
    height: 300px;
    width: 330px;
    display: flex;
    flex-flow: column;
  }
  footer div.footerContainer div.footerContent div.contentBox2 h2 {
    color: #FFA500;
    font-weight: lighter;
    margin-bottom: 30px;
    font-size: 30px;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li {
    margin-bottom: 20px;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li i {
    color: #134368;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li a {
    color: black;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li a:hover {
    color: #FFA500;
  }
  footer div.footerContainer div.footerContent div.contentBox3 {
    height: 300px;
    width: 200px;
    display: flex;
    flex-flow: column;
  }
  footer div.footerContainer div.footerContent div.contentBox3 h2 {
    color: #FFA500;
    font-weight: lighter;
    margin-bottom: 30px;
    font-size: 30px;
  }
  footer div.footerContainer div.footerContent div.contentBox3 ul li {
    margin-bottom: 20px;
    cursor: pointer;
  }
  footer div.footerContainer div.footerContent div.contentBox3 ul li:hover {
    color: #FFA500;
  }
  footer div.footerContainer div.FooterCopyrights {
    min-height: 230px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: flex-start;
  }
  footer div.footerContainer div.FooterCopyrights img {
    height: auto;
    max-width: 450px;
    margin-bottom: 50px;
  }
  footer div.footerContainer div.FooterCopyrights hr {
    border: 0.5px solid grey;
    width: 60%;
    margin-bottom: 20px;
  }
  footer div.footerContainer div.FooterCopyrights p {
    font-size: 20px;
  }
  footer div.footerContainer div.FooterCopyrights p a {
    color: #1410ff;
  }
}
@media (max-width: 760px) {
  img.toTop {
    position: fixed;
    right: 2%;
    bottom: 10%;
  }

  section#home {
    width: 100%;
    height: 850px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#home div.homeContainer {
    width: 80%;
    height: 850px;
    background: url(../imgs/travel-border-1.png) no-repeat;
    background-position: 50% 460px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: start;
  }
  section#home div.homeContainer nav.responsiveNav {
    display: block;
    position: fixed;
    height: 100px;
    width: 100%;
    background: transparent;
    transition: 0.5s;
  }
  section#home div.homeContainer nav.responsiveNav i {
    color: black;
    font-size: 30px;
    cursor: pointer;
    margin: 20px;
  }
  section#home div.homeContainer nav.responsiveNav ul.navList-mob-tab li {
    width: 100%;
    padding: 25px;
    padding-bottom: 45px;
    height: 20px;
    background: #134368;
    transition: 0.5s;
    color: white;
    cursor: pointer;
    z-index:1000000;

  }
  section#home div.homeContainer nav.responsiveNav ul.navList-mob-tab li:hover {
    background: #FFA500;
    color: black;
  }
  section#home div.homeContainer nav.navBar-web {
    display: none;
  }
  section#home div.homeContainer div.taglines {
    height: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#home div.homeContainer div.taglines h1 {
    color: #134368;
    font-size: 50px;
    margin-bottom: 20px;
    text-align: center;
  }
  section#home div.homeContainer div.taglines p {
    font-style: italic;
    border-bottom: 2px solid;
    color: #FFA500;
    text-align: center;
    font-size: 22px;
    padding: 5px;
  }

  section#about {
    height: auto;
    width: 100%;
    padding-bottom: 50px;
    padding-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: white;
  }
  section#about h1.about-heading {
    color: #FFA500;
    font-size: 55px;
    font-weight: lighter;
  }
  section#about div.aboutContainer {
    height: auto;
    width: 80%;
    min-width: 300px;
    display: flex;
    flex-flow: column;
  }
  section#about div.aboutContainer div.left {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
  }
  section#about div.aboutContainer div.left h2 {
    color: #FFA500;
    font-size: 43px;
    margin-bottom: 20px;
    font-weight: lighter;
  }
  section#about div.aboutContainer div.left hr {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
    border: 0.5px solid black;
  }
  section#about div.aboutContainer div.left p {
    max-width: 500px;
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
  }
  section#about div.aboutContainer div.right {
    height: 250px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 0px 50px 0px 50px;
  }
  section#about div.aboutContainer div.right img {
    height: auto;
    width: 100%;
  }

  section#travelPackage {
    padding-top: 50px;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#travelPackage h1.travelHeading {
    color: #FFA500;
    font-size: 45px;
    text-align: center;
    font-weight: lighter;
  }
  section#travelPackage div.travelContainer {
    height: 600px;
    width: 80%;
    min-width: 300px;
  }
  section#travelPackage div.travelContainer div.buttonContainer {
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row;
  }
  section#travelPackage div.travelContainer div.buttonContainer .clicked {
    background: #FFA500;
  }
  section#travelPackage div.travelContainer div.buttonContainer button {
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    outline: none;
    border: none;
    background: #5d5d5d;
    color: white;
    cursor: pointer;
    margin: 10px;
  }
  section#travelPackage div.travelContainer div.tabs {
    height: 500px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#travelPackage div.travelContainer div.tabs img.animation {
    display: none;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent {
    height: 400px;
    width: 300px;
    display: none;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent p {
    font-size: 20px;
    color: #134368;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent ul li {
    color: grey;
    margin-top: 20px;
  }
  section#travelPackage div.travelContainer div.tabs div.tabContent ul li i {
    color: #FFA500;
  }
  section#travelPackage div.travelContainer div.tabs .showTab {
    display: block !important;
  }

  section#services {
    height: auto;
    width: 100%;
    padding: 50px 0 50px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#services h1.ServiceHeading {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
    margin-bottom: 20px;
    text-align: center;
  }
  section#services div.serviceContainer {
    height: auto;
    width: 80%;
    min-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  section#services div.serviceContainer div.box {
    height: 150px;
    width: 300px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#services div.serviceContainer div.box i {
    font-size: 60px;
    color: #FFA500;
    margin-bottom: 10px;
  }
  section#services div.serviceContainer div.box h4 {
    font-size: 25px;
    color: #134368;
    font-weight: lighter;
  }

  section#awards {
    min-height: 550px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 30px 0px 30px 0px;
    overflow: hidden;
  }
  section#awards h1.awardsHeading {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
    margin-bottom: 50px;
  }
  section#awards div.awardsImgContainer {
    min-height: 400px;
    width: 80%;
    min-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-flow: row wrap;
    justify-content: space-evenly;
    overflow: hidden;
  }
  section#awards div.awardsImgContainer img {
    max-height: 400px;
    height: auto;
    max-width: 200px;
    z-index:-20;

  }

  section#gallery {
    height: auto;
    width: 100%;
    padding: 50px 0 50px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: white;
  }
  section#gallery h1.galleryHeading {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
    text-align: center;
  }
  section#gallery div.galleryContent {
    height: auto;
    width: 80%;
    min-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: space-around;
    flex-flow: row wrap;
  }
  section#gallery div.galleryContent img {
    height: 250px;
    width: 250px;
    margin: 10px;
    outline: 1px solid grey;
    border: 4px solid white;
  }

  section#GM {
    min-height: 600px;
    width: 100%;
    padding: 20px 0px 50px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#GM h1.GMheading {
    color: #FFA500;
    font-size: 40px;
    font-weight: lighter;
    text-align: center;
  }
  section#GM div.gmContainer {
    min-height: 500px;
    width: 80%;
    min-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column-reverse;
  }
  section#GM div.gmContainer div.leftGM {
    min-height: 500px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  section#GM div.gmContainer div.leftGM p {
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
    margin-top: 50px;
  }
  section#GM div.gmContainer div.rightGM {
    height: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#GM div.gmContainer div.rightGM img.GMimg {
    height: auto;
    width: 80%;
    border-radius: 100%;
  }

  section#chairman {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: white;
    padding-top: 20px;
  }
  section#chairman h1.bossMessege {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
    text-align: center;
  }
  section#chairman div.bossContainer {
    height: auto;
    width: 80%;
    min-width: 300px;
    display: flex;
    flex-flow: column;
  }
  section#chairman div.bossContainer div.bossLeft {
    min-height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  section#chairman div.bossContainer div.bossLeft img {
    height: auto;
    width: 60%;
    border-radius: 100%;
  }
  section#chairman div.bossContainer div.bossRight {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    align-items: center;
  }
  section#chairman div.bossContainer div.bossRight p {
    max-width: 300px;
    font-size: 18px;
    color: #134368;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 30px;
    margin-top: 50px;
  }

  footer {
    min-height: 700px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding-top: 20px;
  }
  footer div.footerContainer {
    min-height: 700px;
    width: 80%;
    min-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  footer div.footerContainer h1.footerHeading {
    color: #FFA500;
    font-size: 45px;
    font-weight: lighter;
    text-align: center;
  }
  footer div.footerContainer div.footerContent {
    min-height: 400px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-flow: row wrap;
    align-items: center;
  }
  footer div.footerContainer div.footerContent div.contentBox1 {
    height: 100px;
    width: 300px;
    display: flex;
    flex-flow: column;
    margin-bottom: 30px;
  }
  footer div.footerContainer div.footerContent div.contentBox1 h2 {
    color: #FFA500;
    font-weight: lighter;
    margin-bottom: 30px;
    font-size: 35px;
  }
  footer div.footerContainer div.footerContent div.contentBox1 ul li {
    margin-bottom: 20px;
  }
  footer div.footerContainer div.footerContent div.contentBox1 ul li i {
    color: #134368;
  }
  footer div.footerContainer div.footerContent div.contentBox2 {
    height: 300px;
    width: 300px;
    display: flex;
    flex-flow: column;
  }
  footer div.footerContainer div.footerContent div.contentBox2 h2 {
    color: #FFA500;
    font-weight: lighter;
    margin-bottom: 30px;
    font-size: 35px;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li {
    margin-bottom: 20px;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li i {
    color: #134368;
  }
  footer div.footerContainer div.footerContent div.contentBox2 ul li a {
    color: black;
  }
  footer div.footerContainer div.footerContent div.contentBox3 {
    display: none;
  }
  footer div.footerContainer div.FooterCopyrights {
    min-height: 230px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    justify-content: flex-start;
  }
  footer div.footerContainer div.FooterCopyrights img {
    height: auto;
    max-width: 290px;
    margin-bottom: 50px;
  }
  footer div.footerContainer div.FooterCopyrights hr {
    border: 0.5px solid grey;
    width: 80%;
    margin-bottom: 20px;
  }
  footer div.footerContainer div.FooterCopyrights p {
    font-size: 20px;
    text-align: center;
  }
  footer div.footerContainer div.FooterCopyrights p a {
    color: #1410ff;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  background: whitesmoke;
}

/*# sourceMappingURL=style.css.map */