.destinations-page .inspiTitle{
    margin-left: 4.5rem;
}
@media screen and (max-width: 1030px){
  .destinations-page .inspiTitle{
    margin-left: 3.2rem;
    }
}
@media screen and (max-width: 800px){
  .destinations-page .inspiTitle{
    margin-left: 2.2rem;
    }
}
@media screen and (max-width: 500px){
  .destinations-page .inspiTitle{
    margin-left: 0;
    }
}
.mainDiv {
    width: 100%;
    height: 110vh;
/*    background-color: red;*/
    color: #fff;
    margin-top: 10px;
    display: inline-flex;
}

.columnOne {
    width: 30%;
    height: inherit;
/*    background-color:#fff;*/
    overflow: auto;   
}
/*.columnOne::-webkit-scrollbar {
   width: 5px;
   height: auto;
   
}

.columnOne::-webkit-scrollbar-button {
   background-color: red;
}
  */
 .columnTwo{
    width: 40%;
    height: inherit;    
/*    background-color: #1f1f1f;*/
    overflow: auto;
    display: flex;    
/*    align-items: center;*/
    justify-content: center;
}

.columnOne::-webkit-scrollbar {
    width: 8px;
}
    
.columnOne::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
/*    border-radius: 10px;*/
}
 
.columnOne::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #999;
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.5); 
} 

.columnTwo::-webkit-scrollbar {
    width: 8px;
}
    
.columnTwo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
/*    border-radius: 10px;*/
}
 
.columnTwo::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #999;
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.5); 
}

.columnThree {
    width: 30%;
    height: inherit;
    overflow: auto;
/*    background-color: green;*/
}


.columnThree::-webkit-scrollbar {
    width: 8px;
}
    
.columnThree::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
/*    border-radius: 10px;*/
}
 
.columnThree::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #999;
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.5); 
}

.colOne-img {
    margin: 1px 0 1px 0;
    height: 200px;
    background-size: cover;  
}

.colOne-layover {
    position: absolute; 
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    cursor: pointer;
}

.colOne-layover:hover {
    background-color: rgba(0,0,0,0);
}

.colOne-text {
    height: auto;
/*    background-color:red;*/
    color: #fff;
    padding: 0 0 10px 30px;
/*    font-weight: bold;*/
}



.colOne-text p {  
    margin-top: 2px;  
    font-size: 12px;
}

.colTwo-inner {
    width: 75%;
    height: auto;
    margin-top: 100px;
/*    padding-bottom: 50px;*/
     display: flex;
     flex-direction: column;
/*    justify-content: center;*/
    align-items: flex-end;
    
/*    background-color: #c1c1c1;  */
}

.colTwo-title {
    width: 100%;
    height: 80px;
/*    background-color: red;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#colTwo-title {
/*    background-color: orange;*/
    font-size: 20px;
/*    width: 80%;*/
}

#colTwo-subtitle {
    margin-top:5px;
    font-size: 13px;
}

.titleDivider {
    height:0.5px;
    width: 100%;
    background-color: #fff;
    margin: 10px 0;
}

.colTwo-item {
    height: auto;
    width: 100%;
    padding: 10px 0;
/*    background-color: orange;*/
    margin-bottom: 5px;
    display: inline-flex;
    border-bottom: 1px groove #fff;    
    opacity: 0.3;
}
.colTwo-item:hover {
    opacity: 1;
}
.colTwo-item.selected {
    opacity: 1;
}

.colTwo-item span {
    height: 100%;
/*    background-color:red;*/
}

.colTwo-itemLeft {
    width: 70%;
/*    background-color: red;*/
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.colTwo-itemRight { 
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    
/*    background-color:brown;*/
}

.btnSelect {
    border-radius: 25px;
    width: 75px;
    height: 30px;
    background-color:#003054;
    color: #e3e3e3;
}


.btnSelect:hover {
    background-color: #337ab7;
}

.colTwo-tours {
    font-weight: bold;
    font-size: 20px;
}

.colTwo-ex {
    font-size: 14px;
}

.colTwo-last {
 font-size: 15px;
}

.colTwo-period {
    color: #337ab7;
}

.colThree-inner {
    height: inherit;
    width: 100%;
}

#showSelect-img {
    height: 30%;
    width: 100%;
}

.colThree-img {
    background-size: 100% 100%;
    width: 100% ;
    height: 100%;
    object-fit: cover;
}

.colThree-details {
    width: 100%;
    /*height: 55%;*/
/*    background-color: orange;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.detailsInner {
    /*height: 80%;*/
    /*width: 90%;*/
/*    background-color: green;*/
    padding: 15px 10px;
}

.detailsInner-top {
    margin-bottom: 15px;
    /*height: 50%;*/
    width: 100%;
/*    background-color: red;*/
}

.detailsInner-bottom {
    height: 50%;
    width: 100%;
/*    background-color: brown;*/
}

.detailsTop-title {
    /*height: 20%;*/
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #337ab7;
    margin-bottom: 10px;
}

.detailsTop-desc {
    height: 80%;
    width: 100%;
    font-size: 14px;
    padding-left: 10px;
}

.detailsBot-title {
    height: 20%;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #337ab7;
}

.detailsBot-desc {
    height: 80%;
    width: 100%;
    font-size: 14px;
    padding-left: 10px;
}

.colThree-full {
    height: 15%;
    width: 100%;
/*    background-color: red;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.detailsBtn {
    padding: 5px 15px;
    border-radius: 25px;
     background-color:#003054;
    color: #e3e3e3;
}

.loadingDiv {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}


.nodataDiv {
    width:100%;
    height: 100%;
/*    background-color:red;*/
/*    display: flex;*/
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 975px){
   .colTwo-item {
       display: flex;
       flex-direction: column;
       height: auto;
   }
   
   .colTwo-itemLeft {
       width: 100%;
   } 
   
   .colTwo-itemRight {
       width: 100%;
       padding: 10px 0;
   }
   
   .colThree-full {
       justify-content: center;
   }
   
   .detailsBtn {
       /*width: 100px;
       height: 20px;*/
/*       padding: 2px 10px;*/
        width: 50%;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
       font-size: 12px;
/*       margin-top: 20px;*/
   }
   
   .colTwo-tours {
       font-size: 15px;
   }
   
   .colTwo-ex {
       font-size: 13px;
   }
}

 @media only screen and (max-width: 850px){
     .detailsBtn {
         width: 70%;
     }
 }

@media only screen and (max-width: 700px){
    .colOne-text {
        padding-left: 10px;
    }
}   


@media only screen and (max-width: 630px) {
   
    
    .detailsTop-desc {
        font-size: 13px;
    }
    
    .detailsBot-desc {
        font-size: 13px;
    }
    
    .detailsBtn {
        width: 90%;
    }
}


@media only screen and (max-width: 600px) {
    .mainDiv {
        display: flex;
        flex-direction: column;
        overflow: auto;
        height: 200vh;
    }
    
   .detailsBtn {
       width: 60%;
   }
    
    .columnOne {
        width: 100%;
/*        height: 40%;*/
        margin-top: 10px;
    }
    
    .columnTwo  {
        width: 100%;
/*        height: 30%;*/
        margin-top: 10px;
    }
    
    .columnThree {
         width: 100%;
/*        height: 30%;*/
        margin-top: 10px;
    }
      /*
    .colTwo-item {
        padding: 20px 0px;
        display: inline-flex;
        flex-direction: row;
    }
    .colTwo-itemLeft {
        width: 70%;
    }
    
    .colTwo-itemRight {
        width: 30%;
    } */
    
    #showSelect-img {
        height: 70vh;
/*        background-color: orange;*/
    }
}

@media only screen and (max-width: 425px){
    #showSelect-img {
        height: 30vh;
    }
}