.navbar-nav li{
display: flex;
align-items: center;
}

@media only screen and (max-width: 1300px) and (min-width: 800px) {
.promoted-post-div1{
    margin-right: 10px !important;
}
.promoted-post-div2{
 margin-left: 10px !important;
 
}
.promotedpost-text{
 margin-top: 5px !important;
 font-size: 17px;
}
.destination-smHeading-div{
font-size: 20px;
}
.promotedpost-paragraph{
 font-size: 14px !important;
}

.newsletter-bold-text{
    font-size: 50px !important;
}
.away-div{
 font-size: 130px !important;
}

.destination-go-div{
    font-size: 170px !important;
}

.destination-lrHeading-div {
    font-size: 22px !important;
}
}

@media only screen and (max-width: 1440px) and (min-width: 992px) {
.desktop-navbar{
 display: flex !important;
}

.mobile-navbar{
display: none !important;
}
}

@media only screen and (max-width: 992px) and (min-width: 200px) {
    .desktop-navbar{
        display: none !important;
       }
       
       .mobile-navbar{
       display: flex !important;
       }
    }

@media only screen and (max-width: 790px) and (min-width: 450px) {
    .destination-item{
      width: 235px !important;
    }

    .container{
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }

    #experiences{
     padding-left: 0 !important;
    }

    .destination-lrHeading-div{
        font-size: 30px !important;
    }

    .destination-go-div{
       display: none !important;
    }

    .slider-link{
      font-size: 20px !important;
    }

    .promotedpost-img{
        border: 24px solid #ffcc04 !important; 
    }

    .promoted-post-div1{
        margin-right: 10px !important;
    }
    .promoted-post-div2{
     margin-left: 10px !important;
     
    }

    .promoted-post-div2 .promotedpost-text{
        margin-top: 5px !important;
        font-size: 15px !important;
       }

    .promotedpost-paragraph{
        font-size: 12px !important;
       }

    .newsletter-bold-text{
        font-size: 30px !important;
    }
    .away-text{
     display: none !important;
    }

    #experiences li {
      padding-left: 0 !important;  
      padding-right: 0 !important; 
      margin-left: 30px;
      margin-right: 25px;
    }
    
    #experiences .experience-icon{
     font-size: 28px !important;
    }

    #experiences .experience-name{
     font-size: 15px !important;
    }
}

@media only screen and (max-width: 764px) and (min-width: 200px) {
    .header-2{
        display: none !important;
    }
    .header-3{
     display: none !important;
    }

    .destination-go-div{
        display: none !important;
     }
 
     .away-text{
        display: none !important;
       }

       .slider-link{
        font-size: 20px !important;
      }

      .destination-lrHeading-div{
        font-size: 25px !important;
    }

    .destination-item{
        width: 235px !important;
      }
  
      .container{
          margin-left: 0 !important;
          margin-right: 0 !important;
          max-width: 100% !important;
      }

      #experiences{
        padding-left: 0 !important;
       }

       .promotedpost-img{
        border: 24px solid #ffcc04 !important; 
    }

    .promoted-post-div1{
        margin-right: 10px !important;
    }
    .promoted-post-div2{
     margin-left: 10px !important;
     
    }

    .promoted-post-div2 .promotedpost-text{
        margin-top: 5px !important;
        font-size: 15px !important;
       }

    .promotedpost-paragraph{
        font-size: 12px !important;
       }

       .newsletter-bold-text{
        font-size: 25px !important;
    }
    .away-text{
     display: none !important;
    }

    #experiences li {
      padding-left: 0 !important;  
      padding-right: 0 !important; 
      margin-left: 30px;
      margin-right: 25px;
    }
    
    #experiences .experience-icon{
     font-size: 24px !important;
    }

    #experiences .experience-name{
     font-size: 12px !important;
    }
    
    .stories-scroll-btn{
     display: flex !important;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 764px) {
    .header-2{
        display: block !important;
    }
    .header-3{
     display: block !important;
    }
    
    .stories-scroll-btn{
     display: none !important;
    }

}



@media only screen and (max-width: 666px) and (min-width: 450px) {
    #storiesfilter{
     padding-left: 0 !important;
    }

    .promoted-post-div2{
        margin-top: 18px !important;
        
       }
       
       

}