@media only screen and (max-width:940px){
    .contact-info ul{
       flex-direction: column;
    }
}
@media only screen and (max-width:800px){
     header ul{
        display: none;
    }
    nav .social-icone1{
        display: flex;
    }
    .icon{
        display: flex;
        font-size: 25px;
        cursor: pointer;
    }
     nav li{
        padding: 10px;
}
    .showData{
        display: inline-block;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        margin-top: 300px;
        right: 0px;
        background-color: rgb(0 100 0);
        padding: 10px;
        text-align: left;
    }
    ul li:hover .dropdown_menu{
        display: inline-block;
    }
ul li:hover .dropdown-menu{
    margin-left: -240px;
    margin-top: -50px;
    } 
}
@media only screen and (max-width:740px){
    .distinationarealeft{
        flex-direction: column;
        padding: 10px;
    }
    .distinationarearight{
        flex-direction: column;
        padding: 10px;
    }
    footer{
        flex-direction: column;
    }
}
@media only screen and (max-width:550px){
    .service1 p{
        font-size: 1rem;
    }
    .gallerys{
        flex-direction: column;
    }
    .distination p{
        display: none;
    }
    iframe{
        height: 300px;
    }
}