@media  screen and (max-width: 720px){
    .slider {
       height: auto;
        padding: 50px 0;
    }
    .top-header-btn {
        width: 83%;
    }
    .top-details h2 {
        font-size: 38px;
        font-weight: 600;
    }
    .top-about-btn {
        width: 40%;
    }
    .about-left {
        padding-right: 0px;
    }
    #about {
        padding: 50px 0;
    }
    #destianation {
        padding: 50px 0;
    }
    .destianation-main {
        padding: 50px 15px;
    }
    .custom-nav button i {
        font-size: 20px; 
    }
    .custom-nav button i {
        font-size: 25px;
    }
    .top-btn {
        width: 45%;
    }
    .top-btn {
        width: 45%;
    }
    .customers-box-all {
        margin-top: 35px;
    }
    .mar-top{
        margin-top: 30px;
    }
    #customers {
        padding: 50px 0;
    }
    .profile h5 {
        font-size: 15px;
    }
    .profile p {
        font-size: 14px;
    }
    .contact {
        width: 100%;
        margin-bottom: 30px;
    }
    .get-in h4 {
        font-size: 33px;
    }
    .mail-main {
        display: block;
    }
    .mail-left {
        width: 100%;
        margin-right: 0px;
    }
    .mail-right {
        width: 100%;
    }
    .map-box {
        right: 50%;
    }
    .footer-box img {
        margin-bottom: 20px;
    }
    .top-margin {
        margin-top: 20px;
    }
    .footer-box ul {
        margin-top: 0px;
        display: block;
    }
    ul {
        margin-bottom: 0rem;
        
    }
    .last-box {
        padding-left: 0px;
    }
    .footer-in {
        width: 70%;
    }
    .footer-btm-line {
        display: block;
    }
    .footer-btm-line-left{
        margin-bottom: 20px;
    }
    .sub-btn {
        margin-top: 15px;
    }
    .footer-box ul li {
        margin-bottom: 10px;
    }
    .nav-item {
        padding-left: 10px !important;
        margin-top: 10px;
    }
    .about-left h5 {
        font-size: 22px;
    }
}
@media  screen and (max-width:920px){
    .top-header-btn {
        width: 88%;
    }
}