#conButt{display:none;}
    #myBtn{
        color:green;
        cursor:pointer;
    }
    #myBtn:hover{
        color:red;
    }
    #more{
        display:none;
    }
    #containter{
        width:100%;
        margin-left:0%;
        margin-right:0%;
        background:white;
    }
        #containter img{
        width:100%;
        z-index:24;
        
    }
    #containter1{
        width:90%;
        margin-left:5%;
        margin-right:5%;
        background:white;
        padding:20px 0px;
    }
 
    .formdiv{
        position:relative;
        z-index:25;
        margin-top:-60px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        height:130px;
        background-image: linear-gradient(to bottom right,#33ccff,#b30086);
        border-radius:5px;
    }
    .faqss{
        background:#fff !important;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        height:auto;
    }
    #formcontact{
        position:absolute;
        float:right;
        right:45px;
        top:20px;
        color:white;
        letter-spacing:1px;
    }

    #formcall{
        font-size:25px;
        position:absolute;
        float:right;
        right:180px;
        top:20px;
        color:white;
    }
    
    #formheading{
        padding:20px 0px 15px 0px;
        text-align:left;
        color:white;
        letter-spacing:1px;
        margin-left:3%;
    }
    #input1:first-child{
        margin-left:3%;
    }
    #input1{
        width:18.5%;
        margin-left:1%;
        margin-right:0.5%;
        padding:7px 5px;
        background:none;
        border-bottom:#fff 2px solid;
        border-left:none;
        border-right:none;
        border-top:none;
        color:white;
        border-radius:3px;
    }
    #input2{
        margin-left:1%;
        width:13%;
        padding:12px 5px;
        text-align:center;
        color:white;
        background:red;
        border:none;
        border-radius:3px;
    }
    ::placeholder {
  color: white;
  font-weight:bold;
  opacity: 1; /* Firefox */
        }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
 font-weight:bold;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
 font-weight:bold;
}
    

    
    @media only screen and (max-width: 800px){
            #containter1{
        width:100%;
        margin-left:0%;
        margin-right:0%;
        background:white;
        padding:20px 10px;
    }
        #formcontact{
            display:none;
        }

.formdiv{
        position:relative !important;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        height:350px;
        background-image: linear-gradient(to bottom right,#33ccff,#b30086);
    }
   
        #formcall{
        right:20px;
        top:45px;
    }
    #input1:first-child{
        margin-left:5%;
    }
    #input1{
        width:90%;
        margin-left:5%;
        margin-right:5%;
        padding:7px 5px;
        background:none;
        color:#fff;
        margin-top:10px;
    }
    #input2{
        margin-left:5%;
        width:90%;
        padding:12px 5px;
        text-align:center;
        color:white;
        background:red;
        border:none;
        margin-top:10px;
    }

    }
    
/* packages start */
     
  
     
    
  .car{font-size:20px;}
  .hotel{font-size:20px;}
  .meal{font-size:20px;}


span{
    
    font-family: Poppins-Light;
    color:#b0b0b0;
    font-size:110%;
    line-height:160%;
    font-weight:200;
}

#first-para-fonts{
    
    font-family: Poppins-Regular;
    color:#b0b0b0;
    font-size:120%;
    line-height:160%;
    font-weight:400;
}


P{
    font-family: Poppins-Regular;
    color:#b0b0b0;
    font-size:15px;
    line-height:160%;
    font-weight:130;

}
    
#myBtn{
    font-size:110%;
    background:none;
    color:red;
    border:none;
    border-radius:none;
    display:inline-block;
    cursor:pointer;
    
}

#more {display: none;
   font-family: Poppins-Regular;
    color:#000000;
    font-size:14px;
    line-height:160%;
    font-weight:130;

}

#dots{
    font-family: Poppins-Regular;
    color:#b0b0b0;
    font-size:15px;
    line-height:160%;
    font-weight:130;
}


.bread{
margin-left:5%;
padding:5px 0px;
}

#h2text{
   text-align:center;
   padding:7px;
   color:#000;
   width:100%;
   height:auto;
   background:#e3e1e1;
   
   font-size:150%;
   font-weight:bold;
   letter-spacing:2px;
   margin-top:10px;
}

.new-para{
    
    font-family: Poppins-Regular;
    color:#000000;
    font-size:15px;
    line-height:160%;
    font-weight:130;
}
   .new-para h3{
    font-family: Poppins-Regular;
    color:#e56205 !important;
    font-size:15px;
    line-height:160%;
    font-weight:bold;
   } 
      .new-para h1{
    font-family: Poppins-Regular;
    font-size:16px !important;
    line-height:160%;
    font-weight:bold;
   } 
      .new-para h4{
    font-family: Poppins-Regular;
    color:#e56205 !important;
    font-size:15px;
    line-height:160%;
    font-weight:bold;
   }

P{
    font-family: Poppins-Regular;
    color: #000000;
    font-size:15px;
    line-height: 160%;
    font-weight: 130;
}


#myBtn{
    font-size:110%;
    background:none;
    color:red;
    border:none;
    border-radius:none;
    display:inline-block;
    cursor:pointer;
    
}



.h2text1{
   text-align:left;
   padding:7px;
 width:100%;
   height:auto;
   background:#ffffff;
   font-size:120%;
   font-weight:bold;
   letter-spacing:1px;
   margin-top:10px;
}
.collapsible {
  background-color:#e3e1e1;
  color:#000 !important;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: Georgia, serif;
  font-size:105%;
  
}

.active, .collapsible:hover {
  background-color:#c71b04;
  color:white !important;
  
}

.collapsible:after {
  content: '\002B';
  color: #000;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
  color: #ffffff;
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #ffffff;
}


#h1text{
   color:#000;
   font-family: Poppins-Regular;
   font-size:170%;
   font-weight:bold;
   letter-spacing:2px;

}
    
    
    
#h2text{
   text-align:center;
   padding:7px;
   color:#000;
   width:100%;
   height:auto;
   background:#e3e1e1;
   font-family: Poppins-Regular;
   font-size:150%;
   font-weight:bold;
   letter-spacing:2px;
   margin-top:10px;
   margin-bottom:10px;
}

#h2text1{
   text-align:center;
   padding:8px;
   color:#000;
   width:100%;
   height:auto;
   background-color:red; 
   font-size:150%;
   font-weight:bold;
   letter-spacing:2px;
   margin-top:10px;
   margin-bottom:10px;
}

#myBtn{
    font-size:85%;
    padding:3px 6px;
    text-align:center;
    border:1px solid #a6a6a4;
    border-radius:3px;
    
}

#h2text1{
   text-align:center;
   padding:7px;
   color:#ff0000;
   width:100%;
   height:auto;
   background:#e3e1e1;
   
   font-size:120%;
   font-weight:bold;
   letter-spacing:2px;
   margin-top:10px;
}
.collapsible {
  background-color:#e3e1e1;
  color:#000 !important;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size:110%;
  font-weight:bold;
}

.active, .collapsible:hover {
  background-color:#c71b04;
  color:white !important;
  
}

.collapsible:after {
  content: '\002B';
  color: #000;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
  color: #ffffff;
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #ffffff;
}


.fa-car{font-size:20px;}
.fa-cutlery{font-size:20px;}
.fa-hotel{font-size:20px;}    

    
  
.tour-packages-tab{
    
    width:100%;
    height:auto;
    background:#ffffff;
    margin-top:10px;
    margin-bottom:20px;
}

.inner-tour-package{
    width:100%;
    height:auto;
    float:left;
    clear:both;
    background:#fcfcfc;
    margin-top:10px;
    margin-bottom:20px;
    
}
.inner-image{
    width:28%;
    height:240px;
    float:left;
}
#inner-image{
    width:100%;
    height:240px;
   
}
.inner-content{
    width:50%;
    height:240px;
    float:left; 
    padding:2px 15px 10px 15px;
    border-bottom:2px solid red;
}
.inner-content h2{
    text-decoration:none;
    font-size:100%;
    padding:0px;
    width:100%;
   
}

.innerconth3{text-decoration: none;
font-size: 100% !important;
padding: 0px;
line-height: 1.33333;
color: #666666;
text-transform: uppercase;
}
.innerconth4{text-decoration: none;
font-size: 100% !important;
padding: 0px;
line-height: 1.33333;
color: #666666;
text-transform: uppercase;
}

.innerh3{
    text-decoration:none;
    font-size:100%;
    padding:0px;
    width:100%;
   color:#666666;
}

.innerh4 {
    text-decoration:none;
    font-size:100%;
    padding:0px;
    width:100%;
   color:#666666;
}

#tour-name{
    font-size:90%;
    margin-top:10px;
}

.inner-content p{
    font-size:88%;
    color:#7d7c7c;
    margin-top:10px;
}

.inner-content span{
    font-size:80%;
    margin-left:15px;
    margin-top:10px;

}
#inner-time{margin-left:0px;    
padding:3px;
border:1px solid #7d7c7c;
border-radius:3px;
font-size:75%;
text-align:center;
margin-top:5px;
display:inline-block;
}
#inner-time1{padding:3px;
border:1px solid #7d7c7c;
border-radius:3px;
font-size:75%;
text-align:center;
margin-top:10px;
display:inline-block;
}
.inner-offer{
    width:22%;
    height:240px;
    float:left;
    padding-top:50px;
    padding-left:10px;
    padding-right:10px;
    background:#f5f5f5;
    text-align:center;
    border-bottom:2px solid red;
}

.inner-offer span{
    font-size:75%;
    color:#969393;
}

.inner-offer i{
    font-size:155%;
}

#detail-tour{
    width:90%;
    margin-left:6%;
    height:auto;
    color:white;
    background:red;
    padding:5px 10px;
    text-align:center;
    cursor:pointer;
    font-size:90%;
    border-radius:2px;
    margin-top:30px;
}

.inner-icon{
    font-size:86%;
    color:gray;
    float:left;
    margin-top:1px !important;
    padding:2px 8px;
    margin-left:30px;
    text-align:center;
}

@media only screen and (max-width: 1200px) {

.inner-image{
    width:30%;
    height:260px;
    float:left;
}
#inner-image{
    width:100%;
    height:260px;
   
}
.inner-content{
    width:45%;
    height:260px;
    float:left; 
   padding:2px 15px 10px 15px;
}

.inner-offer{
    width:25%;
    height:260px;
    float:left;
    padding:20px 10px;
    background:#f5f5f5;
    text-align:center;
}
#h2text{
    width:100%;
}

.package-table, th{
    width:100%;
    padding:5px 10px;
    border:1px solid black !important;
}

}

@media only screen and (max-width: 1000px) {
    
 .left-content{
        width:100%;
        padding:10px 20px;
    }

.inner-image{
    width:100%;
    height:265px;
    float:left;
}
#inner-image{
    width:100%;
    height:265px;
   
}
.inner-content{
    width:70%;
    height:265px;
    float:left; 
    padding:20px;
    margin-top:5px;
}

.inner-offer{
    width:30%;
    height:265px;
    float:left;
    padding:20px;
    background:#f5f5f5;
    text-align:center;
    margin-top:10px;
}
#h2text{
    width:100%;
}

.package-table, th{
    width:100%;
    padding:5px 10px;
    border:1px solid black !important;
}

}

@media only screen and (max-width: 750px) {
    
 
    
    .left-content{
        width:100%;
        padding:10px 20px;
    }
    
 .inner-image{
    width:90%;
    float:right;
    margin-left:5%;
    margin-right:5%;
}
#inner-image{
    width:100%;
    height:250px;
    float:right;
    display:inline-block;
    margin-left:0%;
    margin-right:0%;
}
.inner-content{
    margin-left:5%;
    margin-right:5%;
    width:90%;
    height:280px;
    float:left; 
    padding:20px;
    margin-top:10px;
    border:none;
}

.inner-offer{
    margin-left:5%;
    margin-right:5%;
    width:90%;
    height:160px;
    float:left;
    padding:20px;
    background:#f5f5f5;
    text-align:center;
    margin-top:10px;
    border:none;
}   
    
}

.package-table, th{
    width:100%;
    padding:4px !important;
    border:1px solid black !important;
}


#first{
    width:30%;
    border:1px solid black !important;
    padding-left:5px !important;
    
}

#second{
    width:15%;
    border:1px solid black !important;
    padding-left:5px !important;
}

#third{
    width:10%;
    border:1px solid black !important;
    padding-left:5px !important;
}
#f4{
    border:1px solid black !important;
    padding-left:5px !important;
    width:15%;
}
#b4{
     border:1px solid black !important;
    padding-left:8px !important;
    width:11%;
    text-align:center;
}
.package-table td,th{
    width:17%;
    padding-left:5px !important;
}

#shortpack{
 width:auto;
 margin-top:4px;
 margin-right:8px;
 margin-bottom:4px;
 padding:1px 2px !important;
 font-size:88%;
 text-align:center;
 background:red;
 color:white;   
}

        
.tour-packages-tab{
    
    width:100%;
    height:auto;
    background:#ffffff;
    margin-top:10px;
    margin-bottom:20px;
}

.inner-tour-package{
    width:100%;
    height:auto;
    float:left;
    clear:both;
    background:#fcfcfc;
    margin-top:10px;
    margin-bottom:20px;
    
}
.inner-image{
    width:28%;
    height:240px;
    float:left;
}
#inner-image{
    width:100%;
    height:240px;
   
}
.inner-content{
    width:50%;
    height:240px;
    float:left; 
    padding:2px 15px 10px 15px;
    border-bottom:2px solid red;
}
.inner-content h2{
    text-decoration:none;
    font-size:100%;
    padding:0px;
    width:100%;
    line-height: 1.33333;
    color: #666666;
    text-transform: uppercase;
}

.inner-content h3{
    text-decoration:none;
    font-size:100%;
    padding:0px;
    width:100%;
    line-height: 1.33333;
    color: #666666;
    text-transform: uppercase;
   
}

#tour-name{
    font-size:90%;
    margin-top:10px;
}

.inner-content p{
    font-size:88%;
    color:#7d7c7c;
    margin-top:10px;
}

.inner-content span{
    font-size:80%;
    margin-left:15px;
    margin-top:10px;

}
#inner-time{margin-left:0px;    
padding:3px;
border:1px solid #7d7c7c;
border-radius:3px;
font-size:75%;
text-align:center;
margin-top:10px;
display:inline-block;
}
#inner-time1{padding:3px;
border:1px solid #7d7c7c;
border-radius:3px;
font-size:75%;
text-align:center;
margin-top:10px;
display:inline-block;
}
.inner-offer{
    width:22%;
    height:240px;
    float:left;
    padding-top:50px;
    padding-left:10px;
    padding-right:10px;
    background:#f5f5f5;
    text-align:center;
    border-bottom:2px solid red;
}

.inner-offer span{
    font-size:75%;
    color:#969393;
}

.inner-offer i{
    font-size:155%;
    color:black;
}

#detail-tour{
    width:90%;
    margin-left:6%;
    height:auto;
    color:white;
    background:red;
    padding:5px 10px;
    text-align:center;
    cursor:pointer;
    font-size:90%;
    border-radius:2px;
    margin-top:30px;
}

.inner-icon{
    font-size:88%;
    color:gray;
    float:left;
    margin-top:10px;
    padding:2px 8px;
    margin-left:30px;
    text-align:center;
}

@media only screen and (max-width: 1200px) {

.inner-image{
    width:30%;
    height:260px;
    float:left;
}
#inner-image{
    width:100%;
    height:260px;
   
}
.inner-content{
    width:45%;
    height:260px;
    float:left; 
    padding:2px 15px 10px 15px;
}

.inner-offer{
    width:25%;
    height:260px;
    float:left;
    padding:20px 10px;
    background:#f5f5f5;
    text-align:center;
}

.package-table{
    width:100%;
    padding:5px 10px;
    border:1px solid black !important;
}

}

@media only screen and (max-width: 1000px) {
    
 .left-content{
        width:100%;
        padding:10px 20px;
    }

.inner-image{
    width:100%;
    height:265px;
    float:left;
}
#inner-image{
    width:100%;
    height:265px;
   
}
.inner-content{
    width:70%;
    height:265px;
    float:left; 
    padding:20px;
    margin-top:5px;
}

.inner-offer{
    width:30%;
    height:265px;
    float:left;
    padding:20px;
    background:#f5f5f5;
    text-align:center;
    margin-top:10px;
}

}

@media only screen and (max-width: 750px) {
    
    .left-content{
        width:100%;
        padding:10px 20px;
    }
    
 .inner-image{
    width:90%;
    float:right;
    margin-left:5%;
    margin-right:5%;
}
#inner-image{
    width:100%;
    height:250px;
    float:right;
    display:inline-block;
    margin-left:0%;
    margin-right:0%;
}
.inner-content{
    margin-left:5%;
    margin-right:5%;
    width:90%;
    height:325px;
    float:left; 
    clear:both;
    padding:5px;
    margin-top:5px;
    border:none;
}

.inner-offer{
    margin-left:5%;
    margin-right:5%;
    width:90%;
    height:150px;
    float:left;
    clear:both;
    padding:20px;
    background:#f5f5f5;
    text-align:center;
    margin-top:2px;
    border:none;
} 

.inner-icon{
    font-size:80%;
    color:gray;
    float:left;
    margin-top:1px !important;
    padding:1px 4px;
    margin-left:10px;
    text-align:center;
}

#third{
    display:none;
}

#shortpack{
 width:auto;
 font-size:65%;
 margin-top:30px;
 margin-right:2px;
 margin-bottom:0px;
 padding:0px !important;
   }
   #b4{
     border:1px solid black !important;
     padding-right:2px !important;   
}
    
}

/* packages end */

/* Question*/
#faqs{
text-align:center !important;
font-size:120%;
padding:10px 0px;
}
.signn{
  font-size:110%;
font-weight:bold;
cursor:pointer;
padding:0px 10px;
}
.signn:hover{
color:red;
}
.question{
font-size:15px;
font-weight:bold;
cursor:pointer;
background:white;
padding:5px;
}
.question:hover{
color:red;
}
.answer{
display:none;
color:gray;
font-size:14px;
background:white;
padding:5px;
}
.myfaq{
background:white;
padding:15px;  
border-radius:8px;
margin-bottom:10px;
}