@media only screen and (max-width: 768px) {
          .slider{margin-top: 180px;}
          .header-secondry{}
          .serviceIcon img{margin: 0 auto; float: none !important;}
          .serviceText{text-align: center; float: none !important}
      }
      @import url('https://fonts.googleapis.com/css?family=Quicksand');
      
      .headerFixed .logo img{height: 75px;}
      .header-secondry.headerFixed{padding: 0 40px;}
      .headerFixed .navbar-collapse {margin-top: 0;}
      
      .headerFixed {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 2;
                background: #e3e3e3;
      }
      
      @font-face {
        font-family: 'Quicksand', sans-serif;
        src: url(https://fonts.googleapis.com/css?family=Quicksand);
      }
      .marginBox{margin: 50px 0;}
      .jumbobox {
          padding: 50px 0;
          background: #f5f5f5;
          font-size: 15px;
          color: #009cb7;
      }
      .cdhImg{padding: 0 10px;}
      .cdhImg img{margin-top: 10px;}
      .bookingFormAviation{margin: 50px 0;}
      .bookingForm{    background: whitesmoke;
          padding: 10px;
          text-align: center;
          box-shadow: 0 0 50px 2px #b7b7b7;}
      .titleBox{    background: #006fa5;
          padding: 10px;
          color: white;
          margin: 20px 5px;
          font-weight: normal;
          font-size: 18px;
      }
      body {
                font-family: 'Quicksand', sans-serif !important;
          line-height: 28px !important;
          color: #333 !important;
          background-color: #fff !important;
      }
      .line-height{line-height: 30px;}
      .footerOuter img{height: 80px;}
      header {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          z-index: 999999;
      }
      .header-primary{    background: #313948;
          padding-top: 5px;
          font-size: 12px;
          color: white;
      }
      .header-secondry {
          padding: 5px 40px;
      }    
      .social-icons-header ul {
          float: right;
      }
      .social-icons-header ul li {
          display: inline-block;
          margin-left: 10px;
      }
      .social-icons-header ul li a {
          color: white;
      }
      
      /* front styling */
      /*
      .BannerFront{background: url("../images/frontBanner.jpg") no-repeat center; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-position: center;
      background-size: cover; z-index: -1; height: 100vh;
      }
      */
      
      /* front styling */
      ul {
                list-style: none;
                padding: 0;
                margin: 0;
      }
      
      .logo img {
                height: 100px;
                padding-top: 10px;
                position: relative;
      }
      
      .myNav {
                background: none;
                margin-top: 40px;
      }
      
      .aboutUs {
                padding-bottom: 40px;
      }
      
      .aboutUs img {
                padding-top: 40px;
                padding-bottom: 40px;
      }
      
      .imgFlex {
                background-color: white;
                padding-bottom: 40px;
                color: grey;
      }
      
      .paddingBox{padding: 5px;}
      
      .underSite img {
                text-align: center;
                height: 426px;
                width: 640px;
                margin-left: 25%;
                margin-right: 25%;
      }
      
      .jodhpurPack {
                padding-top: 80px;
                padding-bottom: 80px;
      }
      
      .bikanerPack {
                padding-top: 80px;
                padding-bottom: 80px;
      }
      
      .ranthamborPack {
                padding-top: 80px;
                padding-bottom: 80px;
      }
      
      .udaipurPack {
                padding-top: 80px;
                padding-bottom: 80px;
      }
      
      .ootyPack {
                padding-top: 80px;
                padding-bottom: 80px;
      }
      
      .kailashmansarovarPack {
                padding-top: 80px;
                padding-bottom: 80px;
      }
      
      .tab-pane {
                padding-right: 50px;
      }
      
      .bookNow {
                margin-left: 80px;
      }
      
      .discount {
                height: 450px;
                width: auto;
                background-color: #CFCFCF;
      }
      
      .site-button {
                border: 1px solid #4568f5;
                border-radius: 20px;
                padding: 10px;
                color: #4568f5;
                background-color: none;
                font-style: normal;
                font-size: 18px;
      }
      
      .site-button:hover {
                background-color: #4568f5;
                color: white;
      }
      
      .discount {
                background-image: url(../images/customBanner2.jpg);
                background-size: cover;
      }
      
      .addArea {
                padding-top: 80px;
      }
      
      .addArea p {
                padding-bottom: 20px;
      }
      
      .popularDestiny {
                
      }
      
      .align-self-center {
                align-self: center;
                float: right;
                margin-top: 25px;
      }
      
      .footerOuter {
                background: #4f5a62;
                padding: 50px 0;
                color: white;
                font-family: 'Lato', 'Arial', sans-serif;
                font-size: 13px;
      }
      
      .footerOuter a {
                color: white;
      }
      
      .quick-links ul li {
                padding-bottom: 6px;
      }
      
      .social-icons h3 {
                margin-bottom: -5px;
      }
      
      .social-icons ul {
                
                font-size: 20px;
                margin: 30px auto;
      }
      
      .fa-facebook-square:hover {
                color: #3b5998;
      }
      
      .fa-twitter-square:hover {
                color: #00aced;
      }
      
      .fa-instagram:hover {
                color: #fbad50;
      }
      
      .social-icons li {
                padding: 5px;
                margin-right: 12px;
                display: inline-block;
      }
      
      .contact-icon {
                font-size: 22px;
      }
      
      .fa-mobile-alt {
                color: limegreen;
      }
      
      .fa-address-card {
                color: #4c68d7;
      }
      
      .fa-heart {
                color: #ed3c6d;
      }
      
      .copyRight {
                background: #383838;
                padding: 5px 0;
                color: white;
                font-size: 12px;
      }
      
      .copyRight p {
                padding-top: 8px;
      }
      
      .copyRight a {
                color: #fbe800;
      }
      
      .copyRight a:hover {
                color: #F36B23;
      }
      
      /*=========== ||Udaipur Page|| ===========*/
      
      /*=========== ||ooty Page|| ===========*/
      .sim-button {
                border-radius: 6px;
                padding: 10px;
                height: 46px;
                width: 168px;
                text-align: center;
                font-size: 18px;
      }
      
      /*@media (min-width: 360px){
                
      }
      
      @media (min-width: 375px){
      
      }*/
      .button22 {
                border: 1px solid #234CF3;
                color: #234CF3;
                position: relative;
                padding: 12px;
      }
      
      .button22:hover {
                background-color: #234CF3;
                color: white;
      }
      
      .button23 {
                border: 1px solid #F36B23;
                color: #F36B23;
                position: absolute;
                margin-left: 13px;
      }
      
      .button23:hover {
                background-color: #F36B23;
                color: white;
      }
      
      .submitBtn {
                background-color: white;
                border: 1px solid #234CF3;
                color: #234CF3;
      }
      
      .submitBtn:hover {
                background-color: #234CF3;
                color: white;
      }
      
      .mybt { /*float: left;*/
                padding-top: 15px;
                margin-left: 40px;
                margin: 0px;
      }
      
      .clear {
                clear: both;
      }
      
      /* ------------------------------------------ */
      /* ------------ Media Queries --------------- */
      /* ------------------------------------------ */
      .imageBox {
                padding-top: 50px;
      }
      
      .ootypageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/ootyPage.jpg);
      }
      
      .jodhpurpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/jodhpurPage.jpg);
      }
      
      .udaipurpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/udaipurPage.jpg);
      }
      
      .bikanerpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/bikanerPage.jpg);
      }
      
      .ranthamborepageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/ranthamborePage.jpg);
      }
      
      .chardhampageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/chardham-yatra.jpg);
      }
      
      .kailashmansarovarpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.7)),
                          url(../images/kailmaanPage.jpg);
      }
      
      .CampingpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/campingPage.jpg);
      }
      
      .MuktinathpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/muktinathPage.jpg);
      }
      
      .VaishnodevipageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.7)),
                          url(../images/vaishno-devi.jpg);
      }
      
      
      .JagannathpuripageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.7)),
                          url(../images/jagannath-puri.jpg);
      }
      
      .RameshwarampageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.7)),
                          url(../images/rameshwaram-temple.jpg);
      }
      
      .DwarkapageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.7)),
                          url(../images/dwarka.jpg);
      }
      
      .MaduraipageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.7)),
                          url(../images/madurai.jpg);
      }
      
      .KanyakumaripageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.7)),
                          url(../images/kanyakumari.jpg);
      }
      
      .UttarakhandpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.7)),
                          url(../images/uttarakhand.jpg);
      }
      
      .uttarakhandData{
                padding: 80px 0;
                
      }
      
      .SouthindiapageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/southindia.jpg);
      }
      
      .pageImage{padding: 150px 0px; width: auto; background-position: center; background-size: cover; height: 100vh; color: white;}
      
      .NorthindiapageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/northindia.jpg);
      }
      
      .MussouriepageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/mussouriePage.jpg);
      }
      
      .RishikeshpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/rishikeshPage.jpg);
      }
      
      .KanatalpageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/kanatalPage.jpg);
      }
      
      .DhanaultipageImage {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
                          url(../images/dhanaultiPage.jpg);
      }
      
      .AdventurepageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/adventureBG.jpg");
      }
      
      .RaftingpageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/rafting.jpg");
      }
      
      .TrekkingpageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/trekking.jpg");
      }
      
      .YogapageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/yoga.jpg");
      }
      
      .ParaglidingpageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/paragliding.jpg");
      }
      
      .JunglesafaripageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/jungle-safari.jpg");
      }
      
      .manjyarfarmImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/manjyar-farmBan.png");
                          background-size: cover;
    background-repeat: no-repeat;
      }
      
      .TungnathpageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/tungnath.jpg");
      }
      
      .vipCharterpageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/vip-charter.jpg");
      }
      
      .joyridepageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/joyride.jpg");
      }
      .holidayTrippageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/holiday-trip.jpg");
      }
      
      .flowerDroppingpageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/flower-dropping.jpg");
      }
      
      .electionpageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/election-campaigning.jpg");
      }
      
      .dollyMarraigepageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/dolly-marriage.jpg");
      }
      
      .AllYatrapageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/all-pilgrimage-yatra.jpg");
      }
      
      .ProductionLaunchpageImage {
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                          url("../images/production-launching.jpg");
      }
      
      .campingPageContainer {
                padding-top: 50px;
                padding-bottom: 50px;
      }
      
      .pageImage h2 {
                color: white;
                font-family: 'Lato', sans-serif;
                font-weight: 700;
                font-size: 280%;
                text-transform: uppercase;
                letter-spacing: 1px;
                word-spacing: 4px;
                margin-top: 100px;
      }
      
      .pageimg-button {
                border: 1px solid #fff;
                border-radius: 20px;
                padding: 10px;
                color: white;
                background-color: none;
                font-style: normal;
                font-size: 18px;
                /*background-image: linear-gradient(to right, #085690, #5817f554);*/
      }
      
      .pageimg-button:hover {
                background-color: #ffffff;
                color: black;
      }
      
      /* ----------------------------------- */
      /* ---------- Book Now CSS ---------- */
      /* --------------------------------- */
      .bookLogo{
                height: 128px;
                width: 200px;
                    margin-top: 50%;
          margin-left: 35%;
          margin-bottom: 50%;
      }
      
      .navbar-custom{
                background-color: #005ee9;
                padding-bottom: 15px;
      }
      
      .bookImg {
                background-color: black;
      }
      
      .bookForm {
                color: #333;
                margin-top: 25PX;
      }
      
      .bookNowForm{
                padding-top: 25px;
                padding-bottom: 50px;
      }
      
      .red{
          color:red;
          }
      .form-area
      {
          background-color: #ffffff;
                padding: 10px 40px 60px;
                margin: 10px 0px 60px;
                border: 1px solid #ffffff;
                }
                
                
                
      /* ------------------------- */
      /* ------ User Login ------ */	
      /* ----------------------- */	
                
      .main {
          max-width: 320px;
          margin: 0 auto;
                padding-bottom: 50px;
          padding-top: 20px;
        }
        .login-or {
          position: relative;
          font-size: 18px;
          color: #aaa;
          margin-top: 10px;
                  margin-bottom: 10px;
          padding-top: 10px;
          padding-bottom: 10px;
        }
        .span-or {
          display: block;
          position: absolute;
          left: 50%;
          top: -2px;
          margin-left: -25px;
          background-color: #fff;
          width: 50px;
          text-align: center;
        }
        .hr-or {
          background-color: #cdcdcd;
          height: 1px;
          margin-top: 0px !important;
          margin-bottom: 0px !important;
        }
        .h3text {
          text-align: center;
          line-height: 300%;
                      font-size: 28px;
        }	
                
                
      /* ------------------------- */
      /* ------ User Registration ------ */	
      /* ----------------------- */		
      .registerForm{
                
                padding-top: 5%;
          padding-bottom: 5%;
      }	
      .divider-text {
          position: relative;
          text-align: center;
          margin-top: 15px;
          margin-bottom: 15px;
      }
      .divider-text span {
          padding: 7px;
          font-size: 12px;
          position: relative;   
          z-index: 2;
      }
      .divider-text:after {
          content: "";
          position: absolute;
          width: 100%;
          border-bottom: 1px solid #ddd;
          top: 55%;
          left: 0;
          z-index: 1;
      }
      
      .btn-facebook {
          background-color: #405D9D;
          color: #fff;
      }
      .btn-twitter {
          background-color: #42AEEC;
          color: #fff;
      }	
                
      .btnRow{
                
      }	
                
      @media only screen and (max-width: 400px) {
                 .btnRow .btn-lg{width: 100%; margin-top: 5px;}
      }	
                
      @media only screen and (max-width: 360px) {
                 .btnRow .btn-lg{width: 100%; margin-top: 5px;}
      }		
                
      @media only screen and (max-width: 400px) {
                 .navbar-collapse{background: #a6a7ab42;}
      }	
                
      @media only screen and (max-width: 360px) {
                 .navbar-collapse{background: #a6a7ab42;}
      }	
      
      
      
      .navbar{
                font-size: 13px;
      }	
                
      .btnUserLogin{
                
      }
                
      .btnUserRegister{
                
      }	
                
      .panel-heading .accordion-toggle:after {
          /* symbol for "opening" panels */
          font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
          content: "\e114";    /* adjust as needed, taken from bootstrap.css */
          float: right;        /* adjust as needed */
          color: #fff;         /* adjust as needed */
      }
      .panel-heading .accordion-toggle.collapsed:after {
          /* symbol for "collapsed" panels */
          content: "\e080";    /* adjust as needed, taken from bootstrap.css */
      }
                
      .panel-heading {
          color: #fff !important;
          background-color: #d75a2b !important;
          border-color: #ddd !important;
      }
      .panel-title{
          font-size: 14px !important;
          line-height: 30px;
      }
                
      .extraDetails{
                padding-top: 25px;
                padding-bottom: 50px;
      }	
                
      .campingData h2{
                padding-top: 40px;
      }
      
      .paraData p{
                text-align: left;
      }
      
      .raftingImg{
                padding-top: 35px;
      }
      
      .trekkingImg{
                padding-top: 50px;
      }
      
      .paraSec{
                padding: 50px;
      }
      
      .paraImg{
                padding-top: 12px;
      }
      
      .sectionTextImg{
                padding-top: 20px;
                padding-bottom: 20px;
      }
      
      .greySection{
                background-color: #f1f1f1ab;
      }
      
      .categoryIcons{
                padding-bottom: 60px;
      }
      
      .categoryIcons h2{
                padding-top:80px;
      }
      
      /* PARALLAX SECTION */
      
      #campingplx {
                background: url(../images/campingPLX.jpg);
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
      }
      
      #raftingplx{
                background: url(../images/rafting.jpg);
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
      }
      
      #trekkingplx{
                background: url(../images/trekking.jpg);
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
      }
      
      #paraglidingplx{
                background: url(../images/paragliding.jpg);
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
      }
      
      .wtitle{
                padding: 150px 20px;
      }
      
      .wtitle h2{
                font-size: 36px;
                font-weight: bold;
                color: #fff;
      }
      
      .textData ul li{
                line-height: 30px;
          font-size: 12px;
          font-weight: bold;
          color: #636363;
                text-align: left;
                background: #d8d8d8;    	
          margin-bottom: 5px;
          position: relative;
                padding: 5px;
      }
      
      .textData ul li span {
                
                position: absolute;
          top: 6px;
          left: 0;
      }
      
      .iconsGrid{
                padding: 20px;
      }
      
      .tableHeadColor{
                background: #333642;
          color: #fff;
      }
      
      .myBt {
                padding: 6px 10px;
                text-align: center;
                display: block;
                width: 49%;
                font-size: 15px;
                margin-top: 10px;
      }
      
      .myBtbook {
                background: #ffffff;
          float: right;
          color: #565656;
          border: solid 1px #bfbfbf;
      }
      
      .myBtgeneral {
                background: #ffffff;
          font-weight: bold;
          color: #565656;
          border: solid 2px #505050;
      }
      
      .myBtview {
                background: #fdd200;
          float: left;
          color: #383838;
          font-weight: normal;
          border: solid 1px #7e7c7c;
      }
      
      
      .tb_c{padding: 20px 10px !important; border: solid 1px white; font-weight: normal; font-size: 16px;}
      a.tb-bt{display: block; padding: 6px 8px; border-radius: 30px; background: #ea0000; color: white; text-decoration: none; text-align: center;}
      .tb_1{ background: #ff8100; color: white;}
      .tb_2{ background: #ececec; font-size: 14px;}
      .tb_3{ font-size: 14px; background: #f4f4f4;}
      .tb_4{ background: #ececec; font-size: 14px;}
      .tb_5{font-size: 14px; background: #f4f4f4;}
      
      .hotelbox {
          background: #f1f1f1;
          border-radius: 7px;
      }
      
      .packInc{
          background: #f1f1f1;
          padding: 20px;
          border-radius: 7px;
          margin-bottom: 20px;
      }
      .packEx{
          background: #4a4a4a;
          padding: 20px;
          color: white;
          border-radius: 7px;
      }