.gallery{
            height: 225px;
            width: 225px;
            border-radius: 5px;
        }

        .gallery img{
            height: 100%;
            width: 100%;

        }



        /*herotext*/

        .herotitle{
            font-size: 24px; 
            font-family: montserrat-bold;
            margin-bottom: 10px;
            color: white;
        }

        .heroprice{
            font-size: 13px; 
            font-family: montserrat;
            color: white;
        }

        .normalprice{ 
            font-size: 24px;
            font-family: montserrat-bold;
        }

        .strikedprice{
            font-size: 13px;
            font-family: montserrat; 
            margin-bottom: 0;
        }

        .herotitlesb{
            font-size: 20px; 
            font-family: montserrat-bold;
            margin-bottom: 10px;
            color: white;
        }

        .heropricesb{
            font-size: 10px; 
            font-family: montserrat;
            color: white;
        }

        /*herotext*/


        .overviewdesc{
            font-size: 12px; 
            color:#575757; 
            text-align: justify;

        }

        /*bf lunch dinner */

        .facilities{
            width:27px;
            height:27px;
        }
        

        @media screen and (max-width: 768px) {    
                ul li {
                font-size: 12px;
                }

                #vacationdetailslide {
                height: 30vh;
                margin-top: 0 !important;
                }

                .gallery img{
                    text-align: right;

                }

                .herotitle{
                    font-size: 15px !important;
                }

                .normalprice{
                    font-size: 15px !important;
                }

                .strikedprice{
                    margin-bottom: 3px !important;
                }




        }

        /*bf lunch dinner*/

    


        .subbar{
            border: 0px; 
            border-bottom: 1px 
            solid grey;
        }

        .subbar h2{
          color: #4A4A4A;
          font-family: montserrat-medium;
          font-size: 13px;
          padding-right: 5px;
          padding-left: 5px;
          padding-top: 17px;
          padding-bottom: 7px;    
        }

        html {
          scroll-behavior: smooth;

          }

        body{
            overflow-x: hidden;
            font-family: montserrat;
            font-size: 14px;
        }


        .itheading {
            font-size: 16px;
            color: #1C205F;
            margin-bottom: 16px;
        }

        .itdesc {
            font-size: 12px; 
            color:#575757; 
            text-align: justify;
        }

        .expdesc {
            font-size: 12px; 
            color:#575757; 
            text-align: justify;
        }

        .infodesc {
            font-size: 12px; 
            color: #575757;
            text-align: justify;
        }



        /*body p{
            color: #010057;
        }*/

        .act{
          border: 0px;
          border-bottom: 3px solid #1C205F;
          color: #1C205F !important;
        }

        .subbar a{
            color: #4A4A4A;
        }


        body{

            overflow-x: hidden;
            font-family: montserrat;
            font-size: 14px;
        }

        /*body p{
            color: #010057;

        }*/
        div#fix_form {
            position: fixed;
            width: 29%;
            height: 70%;
            top: 25%;
            right: 7%;
            border-radius: 5px;
            background-color: white;
            padding: 1%;
        }

        div#fix_form select {
            font-size: 12px;
            font-family: montserrat;
            border: 0;
            /*border-bottom: 1px solid grey;*/
        }

        div#fix_form input {
           
            font-size: 12px;
            font-family: montserrat;
            border: 0;
            /*border-bottom: 1px solid grey;*/
        }

        /*.carousel-indicators li {
            position: absolute;
        }*/
        .form-fadeline{
            display:block;
            border:none;
            color:white;
            height:1.5px;
            background:black;
            background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 60, from(#1C205F), to(#fff));
        }

        .input-margin{
            margin-top:10px; 
        }
        #input-margin-last{
            margin-top:21px; 
        }
        .fadeline {
            display: block;
            border: none;
            color: white;
            height: 1.5px;
            background: black;
            background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#1C205F), to(#fff));
        }

        .side-form {
            position: relative;
            box-shadow: 0px 3px 6px rgb(0, 0, 0, 0.16);
            z-index: +2;
        }

        .carousel-indicators li {
            position: absolute;
        }

        .nevigate-circle {
            position: absolute;
            bottom: 5%;
            left:49%;
        }


        #next {
            height: 7px;
            width: 7px;
            background-color: #000;
            border-radius: 50%;
            display: inline-block;
        }

        #pre {
            height: 10px;
            width: 10px;
            background-color: #000;
            border-radius: 50%;
            display: inline-block;
        }

        .subbar a {
            color: #4A4A4A;
        }

        body {
            overflow-x: hidden;
            font-family: montserrat;
            font-size: 14px;
        }

        body p {
            color: #010057;
        }
        .buttons-positions {
            position: absolute;
            bottom: 13%;
            left:40%;
        }

        .formbtn {
            border: 0;
            background-color: #FFBB00;
            color: black;
            font-family: montserrat;
            font-size: 13px;
            border-radius: 5px;
            box-shadow: 0px 3px 6px rgb(0, 0, 0, 0.16);
            width: 100px;
            height: 35px;

        }

        .formbtnresubmit {
            border: 0;
            background-color: #E6E6E6;
            color: black;
            font-family: montserrat;
            font-size: 13px;
            border-radius: 5px;
            
            box-shadow: 0px 3px 6px rgb(0, 0, 0, 0.16);

        }

        .form-control-cust {
            border: 0;
            border-bottom: 1px solid grey;
            width: 42% !important;
            margin-left: 5%;
            border-bottom-width: 30% !important;
            padding: 5px;
        }

        .form-control-full {
            border: 0;
            border-bottom: 1px solid grey;
            width: 100% !important;
            margin-left: 5%;
            margin-right: 5%;
            border-bottom-width: 30% !important;
            padding: 5px;
        }

        .form-control-cust-right {
            margin-left: 5%;
        }

        .form-inline-div-small {
            display: inline-block;
            width: 15%;
        }

        .form-inline-div-big {
            display: inline-block;
            width: 80%;
        }

        .form-inline-div-big input,
        .form-control-cust input {
            border: 0 !important;
            padding: 0 !important;
            outline: none !important;
            width: 100%;
            font-size: 10px;
        }

        /* .form-inline-div-big input:focus {
            border: none;
            outline: none;
            border: 0;
        }

        .form-inline-div-big input:active {
            border: none;
            outline: none;
            border: 0;
        }

        input {
            outline: none;
        } */

        .form-inline-div-big select {
            border: 0 !important;
            padding: 0 !important;
            outline: none !important;
            width: 100%;
            font-size: 10px;
        }

        .fixnav {
            position: fixed;
            top: 140px;
            z-index: +2;
            background-color: white;            
        }


        @media screen and (max-width: 768px) {
            .side-form{
                display: none;
            }


            .imgtextherovacationtour {
                width: 70% !important;
        }

        .fixnav{
            left: 0 !important;
            top: 6.5% !important;
        }

        .subbar h2{
            padding-right: 0px;
            font-size: 9.4px !important;
        }

        .subbar h2:hover{
            color: #4A4A4A !important;

        }
    }



    /* MEDIA QUERY FOR RESPONSIVENESS */

@media (max-width: 768px) {
    .side-form {
        display: none;
        z-index: 1;
    }

    .cancel-btn {
        display: block !important;
        position: absolute;
        top: 4%;
        right: 8%;
    }

    .cancel-btn img{
        width: 15px;
        height: 15px;
    }

    .form-fadeline {
        display: none !important;
    }

    #flightslide {
        height: 100vh !important;
        /*width: 175%;*/
        /*position: fixed;*/
        top: 0;
        left: 0;
        margin-top: 0px !important;
    }

    .enquire {
        display: block !important;
        width: 80%;
        left: 10%;
        right: 10%;
        position: fixed;
        bottom: 5%;

    }
    .mobile-view-icon {
        display: block !important;
        position: fixed;
        width: 50px;
        height: 50px;
        top: 20%;
        left: 10%;
    }

    div#fix_form {
        position: fixed;
        width: 90%;
        height: 80%;
        top: 10%;
        left: 5%;
        right: 5%;
        bottom: 10%;
        border-radius: 5px;
        background-color: white;
        padding: 1%;
    }

    .imgtextherofch {
        /*padding: 5%;*/
        padding-left: 5%;
        /*padding-top: 10%;*/
        position: fixed;
        top: 10%;
    }

    .imgtextherofch p {
        font-size: 15px !important;
    }

    .flight-title{
        padding:10%;
        position: fixed;
        top: 20%;
    }
    .flight-title p{
        font-size: 12px !important;
        color: white !important;
    }

    .flightdesc {
        /*padding: 10%;*/
        top: 60%;
    }
    .flightdesc p{
        font-size: 12px !important;
    }

     .gallery{
            height: 100%;
            width: 100%;
            /*border-radius: 5px;*/
        }

    .gallerysection{
        margin-bottom: 70px !important;
    }

}