*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
ul li{
    list-style: none;
}
a {
    text-decoration: none;
}
.clscapitalize {
    text-transform:capitalize;
}
.clsupper {
    text-transform: uppercase;
}
.clsabsolute {
    position: absolute;
}
.clsrelative {
    position: relative;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.clearfix::after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
 }
.container {
    max-width:1370px;
    width:100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

header {
    background-color:#fff;
    padding: 15px 0;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999;
    transition: all .3s ease;
}
.site-header.hide {
	top: -80px;
}
.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
   
}
.logo img{
    width: 100%;
    cursor: pointer;
}
.logo {
    width: 15%;
}
.menu {
    display: flex;
    /* font-family: 'Lexend-Light'; */
    font-family:  'Poppins-Regular';
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 90px;
}
.menu li{
    margin :0 0 0 60px;
}
.menu li a{
    font-size: 16px;
    color: #131313;
    position:relative;
}
.menu li a:before{
    content:"";
    width:0;
    height:2px;
    background-color:#111;
    left: 0;
    bottom: -10px;
    transition: 0.3s;
    position:absolute;
}
.menu li a:hover:before{
   width: 100%;
}
.menu li a:hover{
    color: #111;
    font-family:  'Poppins-Regular';
}
.arrow{
    
    height:6vh;
    width:30px;
    transform:translatey(15%);
    display:none;
    cursor:pointer;
    padding-top: 8px;
}
.line1{
    width: 24px;
    height: 2px;
    background-color: #000;
    margin:5px;
    transition:transform 0.5s;
    
}
.line2{
    width:24px;
    height: 2px;
    background-color: #000;
    margin:5px;
    display: none;
    
}
.line3{
    width:14px;
    height: 2px;
    background-color: #000;
    margin:5px;
    transition:transform 0.5s;
    margin-left: 15px;
}
.div-proj-btn a {
    font-size: 17px;
    color: #fff;
    background-color: #111;    
    padding: 15px 30px;
    font-family:  'Poppins-Medium';
    transition: all 1s;
}
.div-proj-btn a:hover{
    background-color: #fff;
    color: #111;
    border: 1px solid #111;
}
.header-nav-right {
    display: flex;
    align-items: center;
    gap: 27px;
}

@media(min-width:992px) and (max-width:1199px){
    .menu li{
        margin:0 0 0 50px;
    }
    /* .ban-title{
        font-size:35px;
        line-height:55px;
    }
    .ban-para{
        padding:0 0 0 40px;
    }
    .banner-content-top{
        margin:0 0 10px;
    }
    .service{
        padding:30px 0;
    }
    .service-title{
        font-size:34px;
    }
    .service-para{
        font-size:18px;
    }
    .service-top{
        margin:0 0 50px;
    }
    .place-title{
        font-size:32px;
        padding: 0 0 0 20px;
    }
    .days{
        padding: 0 0 0 20px;
    }
    .time{
        padding:0 0 0 17px;
    }
    .time::before{
        left:2px;
    }
    .service-upper-part, .service-middle-part{
        margin: 0 0 65px;
    }
    .contents{
        padding: 10px 5px;
    }
    .place-name{
        font-size:12px;
    }
    .tour-list{
        padding:0 0 0 20px;
    }
    .places-name{
        font-size:20px;
    }
    .box-bg{
        padding: 30px 20px;
    }
    .booking-name{
        font-size:17px;
    }
    .booking-para{
        font-size:14px;
    }
    .about-title{
        font-size:28px;
        margin:0 0 10px;
    }
    .about-sub-title{
        font-size:22px;
        margin:0 0 15px;
    }
    .aboutus-para{
        font-size:15px;
        margin:0 0 18px;
    }
    .contactus{
        padding:50px 0;
    }
    .contactus-left{
        flex-basis:40%;

    }
    .contactus-right{
        flex-basis:60%;
    }
    .contacts-para, .address-para, .email-add a, .phone-add a{
        font-size: 15px;
    }
    .contacts-title{
        font-size: 28px;
    }
    .address-title, .email-title, .phone-title{
        font-size:20px;
    }
    footer{
        padding:60px 0 30px 0;
    }
    .footer-top{
        margin:0 0 30px;
        padding-left:15px;
    }
    .add-title, .overview-title, .phn-title, .email-tit{
        font-size:20px;
        margin:0 0 20px;
    }
    .cpyrightsbefore p::before{
        width:25%;
    }
    .cpyrightsafter p::after{
        width:25%;
    } */

}

@media(min-width:768px) and (max-width:991px){
    .menu li{
        margin:0 0 0 35px;
    }
    /* .ban-title{
        font-size:25px;
        line-height:42px;
    }
    .ban-para{
        font-size:13px;
        padding:0 0 0 10px;
        
    }
    #MySlideShow{
        height:215px;
    }
    .banner-total{
        align-items:center;
    }
    .banner-content-top{
        margin:0;
    }
    .banner-right{
        margin:5px 0 0 0;
    }
    .banner-left{
        flex-basis:45%;
    }
    .banner-right{
        flex-basis:55%;
    } 
    .banner-content-bottom{
        overflow-x: auto;
        white-space: nowrap;
        display:block;
       
        width:95%;
        height:200px;
        
      }
      .item{
        display: inline-block;
        
        width:40%;
      }
      .content{
        bottom:2%;
      }
      .discnt{
        font-size:14px;
      }
      .service{
        padding:25px 0;
      }
      .service-title{
        font-size:26px;
        margin:0 0 10px;
      }
      .service-para{
        font-size:17px;
      }
      .service-top{
        margin:0 0 35px;
      }
      .place-title{
        font-size:20px;
        
        padding:0 0 0 20px;
        margin:0 0 5px;
      }
      .days{
        padding:0 0 0 20px;
      }
      .upper-part-left{
        flex-basis:40%;
      }
      .upper-part-right{
        flex-basis:60%;
      }
      .upper-part-right-inner-item{
        padding-left:5px;
        padding-right:15px;
      }
      .contents{
        padding:8px;
      }
      .place-name{
        font-size:15px;
      }
      .place-details img{
        width:12%;
      }
      .service-upper-part, .service-middle-part{
        margin-bottom:55px;
      }
      .middle-part-left{
        flex-basis:50%;
      }
      .middle-part-right{
        flex-basis:40%;
      }
      .tour-list{
        padding:0 0 0 20px;
      }
      .places-name{
        font-size:18px;
      }
      .place-name-tab{
        font-size:11px;
      }
      .middle-part-left-inner-item{
        padding-left:5px;
        padding-right:15px;
      }
      .place-details-tab img{
        width:10%;
      }
      .ticket-booking-total{
        flex-wrap:wrap;
      }
      .ticket-booking-items{
        flex-basis:50%;
      }
      .second-cols,.third-cols{
        margin:0
      }
      .box-bg{
        height:300px;
      }
      .booking-name{
        font-size: 16px;
      }
      .booking-para{
        font-size:15px;
      }
      .ticket-booking-items-tabs{
        margin:0 auto;
      }
      .about-title{
        font-size:24px;
        margin:0 0 10px;
      }
      .about-sub-title{
        font-size:18px;
        margin: 0 0 15px;
      }
      .aboutus-content{
        padding:0 0 0 20px;
      }
      .aboutus-para{
        font-size:14px;
      }
      .contactus{
        padding:40px 0;
      }
      .contactus-left{
        flex-basis:45%;
      }
      .contactus-right{
        flex-basis:55%;
      }
      .contacts-title{
        font-size:22px;
        margin:0 0 10px;
      }
      .contacts{
        margin: 0 0 18px;
      }
      .contacts-para, .address-para, .email-add a, .phone-add a{
        font-size:15px;
      }
      .address-title, .email-title, .phone-title{
        font-size:18px;
        margin:0 0 10px;
      }
      .address, .email, .phone{
        margin:0 0 20px;
      }
      .map iframe{
        height:300px;
      }
      footer{
        padding:50px 0 30px 0;
      }
      .footer-top {
        margin: 0 0 30px;
        padding-left: 15px;
      }
      .footer-item{
        flex-basis:50%;
        flex-direction:column;
        margin:0 0 20px;
      }
      .add-title, .overview-title, .phn-title, .email-tit{
        font-size:14px;
        margin:0 0 15px;
      }
      .overview-content{
        padding-left:0;
      }
      .cpyrightsbefore p::before{
        width:18%;
      }
      .cpyrightsafter p::after{
        width:18%;
      }
      .footer-bottom{
        margin:0 0 20px;
      } */


    }

    @media(min-width: 600px) and (max-width:767px){
        .menu li a{
            font-size:14px;
        }
        .menu li{
            margin:0 0 0 22px;
        }
        .logo{
            width:20%;
        }
        /* .banner-left, .banner-right{
            flex-basis:100%;
        }
        .banner-right{
            margin:0;
        }
        .banner-content-top{
            text-align:center;
            margin:0;
        }
        .ban-para{
            padding-left:0;
        }
        .ban-title{
            font-size:22px;
            line-height:38px;
        }
        #MySlideShow{
            height:180px;
        }
        .discnt span{
            margin:3px 0 0 0;
            display:inline-block;
        }
        .discnt{
            margin:0 0 10px;
        }
        .service{
            padding:10px 0;
        }
        .service-title{
            font-size:22px;
        }
        .service-para{
            font-size:15px;
        }
        .service-top{
            margin:0 0 15px;
        }
        .service-upper-part, .service-middle-part{
            margin:0 0 50px;
        }
        .upper-part-left{
            flex-basis:100%;
            margin:0 0 22px;
            text-align:center;
        }
        .upper-part-right{
            flex-basis:100%;
        }
        .place-title{
            font-size:22px;
            margin-right:0;
        }
        .vacation-days::before{
            left:38%;
        }
        .middle-part-left{
            flex-basis:100%;
        }
        .middle-part-right{
            flex-basis:100%;
            text-align:center;
            margin:0 0 30px;
        }
        .middle-part-total{
            flex-direction:column-reverse;
        }
        .places-name{
            font-size:16px;
            line-height:25px;
        }
        .vacation-days-landscpe::before{
            left:4%;
        }
        
        .upper-img-landscape-one{
            width:65%;
            margin-left:auto;
        }
        .upper-img-landscape-two{
            width:65%;
            margin-right:auto;
        }
        .ticket-booking-items{
            flex-basis:50%;
        }
        
        .box-bg{
            height:280px;
            padding:20px 20px;
        }
        .second-cols,.third-cols{
            margin:0
        }
        .ticket-booking-items-tabs{
            margin:0 auto;
        }
        .booking-name{
            font-size:17px;
        }
        .booking-para{
            font-size:13px;
        }
        .aboutus-left, .aboutus-right{
            flex-basis:100%;
        }
        .aboutus-left{
            margin:0 0 20px;
        }
        .aboutus-img img{
            height:250px;
        }
        .aboutus-content{
            
            padding-left:0;
        }
        .about-title{
            font-size:24px;
            margin:0 0 10px;
        }
        .about-sub-title{
            font-size:20px;
            margin:0 0 25px;
        }
        .aboutus-para{
            font-size:15px;
            margin:0 0 15px;
        }
        .contactus{
            padding:20px 0;
        }
        .contactus-left,.contactus-right{
            flex-basis:100%;
        }
        .contacts-title{
            font-size:25px;
        }
        .contacts-para, .address-para, .email-add a, .phone-add a{
            font-size:15px;
        }
        .address-title, .email-title, .phone-title{
            font-size:18px;
        }
        .map iframe{
            height:300px;
        }
        footer{
            padding:40px 0 20px 0;
        }
        .footer-top{
            margin:0 0 25px;
            padding-left:15px;
        }
        .footer-logo{
            width:15%;
        }
        .footer-item{
            flex-basis:50%;
            margin:0 0 30px;
        }
        .overview-content{
            padding-left:0;
        }
        .add-title, .overview-title, .phn-title, .email-tit{
            font-size:16px;
        }
        .add-para{
            font-size:13px;
        }
        .footer-item ul li{
            margin:0 0 10px;
        }
        .cpyrightsbefore p{
            font-size:12px;
        }
        .cpyrightsbefore p::before{
            width:15%;
        }
        .cpyrightsafter p::after{
            width:15%;
        } */

    }

    @media(min-width:360px) and (max-width:559px){
        /* header{
            display:none;
        } */
        .logo{
            width: 33%;
        }
        .div-proj-btn a {
            font-size: 12px;
            padding: 15px 18px;
        }
        /* .banner{
            padding:95px 0 20px 0;
        }
        .banner-left, .banner-right{
            flex-basis:100%;
        }
        .banner-content-top{
            text-align:center;
        }
        .ban-title{
            font-size:25px;
            line-height:40px;
        }
        .ban-para{
            padding-left:0;
        }
        .banner-content-bottom{
            overflow-x: auto;
            white-space: nowrap;
            display:block;
            
            width:100%;
            height:200px;
           
        }
        .item{
            display: inline-block;
            
            width:45%;
        }
        #MySlideShow{
            height:195px;
        }
        .discnt{
            margin:0 0 10px;
        }
        .discnt span{
            margin:5px 0 0 0;
            display:inline-block;
        }
        .service{
            padding:20px 0;
        }
        .service-title{
            font-size:26px;
        }
        .service-para{
            font-size:14px;
        }
        .service-top{
            margin:0 0 25px;
        }
        .service-upper-part, .service-middle-part{
            margin-bottom:40px;
        }
        .upper-part-left{
            flex-basis:100%;
            text-align:center;
            margin:0 0 30px;
        }
        .upper-part-right{
            flex-basis:100%;
        }
        .place-title{
            font-size:22px;
            margin-right:0;
        }
        .vacation-days::before{
            left:32%;
        }
        .vacation-days{
            font-size:15px;
        }
        .upper-part-right-inner-item{
            flex-basis:50%;
            margin:0 0 30px;
        }
        .upper-part-right-third-cols{
            margin:0 auto;
        }
        .middle-part-left{
            flex-basis:100%;
        }
        .middle-part-right{
            flex-basis:100%;
            text-align:center;
            margin:0 0 25px;
        }
        .middle-part-total{
            flex-direction:column-reverse;
        }
        .places-name{
            font-size:17px;
            line-height:22px;
        }
        .vacation-days-landscpe::before{
            left:15%;
        }
        .place-name-tab{
            font-size:10px;
        }
        .ticket-booking-items{
            flex-basis:100%;
        }
        .box-bg{
            display:flex;
            align-items:center;
            padding:10px;
            margin-bottom:32px;
        }
        .vector{
            width:170px;
            margin:0;
        }
        .vector img:last-child{
            width:30px;
        }
        .booking-name{
            font-size:15px;
            margin-bottom:12px;
        }
        .booking-para{
            font-size:14px;
            line-height:23px;
        }
        .box-con{
            text-align:left;
            padding-left:15px;
        }
        .second-cols,.third-cols{
            margin:0;
        }
        .box-bg::before{
            right:-2%;
            bottom:-5%;
            border-bottom: 6px solid #5B6AE1;
        }
        .box-bg::after{
            right:-2%;
            border-right:6px solid #5B6AE1;
        }
        .icons {
            position: absolute;
            top: 32%;
            left: 36%;
        }
        .aboutus{
            padding:20px 0;
        }
        .aboutus-left, .aboutus-right{
            flex-basis:100%;
        }
        .aboutus-left{
            margin:0 0 30px;
        }
        .aboutus-content{
            padding-left:0;
        }
        .about-title{
            font-size:25px;
            margin:0 0 12px;
        }
        .about-sub-title{
            font-size:18px;
        }
        .aboutus-para{
            font-size:13px;
            line-height:23px;
        }
        .contactus{
            padding:20px 0;
        }
        .contactus-left,.contactus-right{
            flex-basis:100%;
        }
        .contacts-title{
            font-size:25px;
        }
        .contacts-para, .address-para, .email-add a, .phone-add a{
            font-size:14px;
        }
        .address-title, .email-title, .phone-title{
            font-size:17px;
        }
        .contacts{
            margin:0 0 20px;
        }
        .map iframe{
            height:255px;
        }
        footer{
            padding:30px 0 20px 0;
        }
        .footer-logo{
            width:30%;
        }
        .footer-top {
            margin: 0 0 30px;
            padding-left: 15px;
        }
        .footer-bottom{
            margin:0 0 18px;
        }
        .footer-item{
            flex-basis:100%;
            margin:0 0 20px;
        }
        .overview-content{
            padding-left:0;
        }
        .add-title, .overview-title, .phn-title, .email-tit{
            font-size:16px;
        }
        .add-para{
            font-size:13px;
        }
        .cpyrightsbefore p{
            font-size:8px;
        }
        .cpyrightsbefore p::before{
            width:12%;
        }
        .cpyrightsafter p::after{
            width:12%;
        } */

        .menu{
            
           position: fixed;
           top: 75px;
           right: 0;
           background-color: #111;
           flex-direction: column;
           height: 100vh;
           width: 100%;
          
           transition:transform 0.6s;
           padding:15px;
           margin-bottom: none;
           margin-left: unset;
           margin-right: unset;
         }
         .arrow{
             display:block;
             margin-bottom: 11px;
         } 
         
         .toggle2{
             display:block;
         }
        
         .menu li{
            margin:0 0 20px 10px;
         }
         .menu li a:focus{
            color:#BB8E26;
         }
         .menu li a {
            color: #fff;
         }

         .navmenuhidshow { display:none;}
         .closehamb .line1{
            transform:rotate(45deg);
            position: relative;
            left: -3px;
            top: 4px;
            transition:transform 0.5s;
            width:20px;
        }
        .closehamb .line3{
            transform:rotate(130deg);
            width: 20px;
            position: relative;
            top: -3px;
            left: -13px;
            transition:transform 0.5s;
           
        }
        .closehamb .line2{
            display:none;
        }
    }