.ham {cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active {transform: rotate(45deg);}
.hamRotate180.active {transform: rotate(180deg);}
.line {fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#003344; stroke-width:5.5; stroke-linecap:round; }
.ham8 .top {stroke-dasharray: 40 160;}
.ham8 .middle {stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms; }
.ham8 .bottom {stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms;}
.ham8.active .top {stroke-dashoffset: -64px;}
.ham8.active .middle { transform: rotate(90deg);}
.ham8.active .bottom {stroke-dashoffset: -64px;}
.why-choose-area{overflow:hidden}

@media (max-width:1536px){
}
@media (max-width:1460px){

}
@media (max-width:1366px) {
/**1366 x 655**/
.footer-main .subscribe{margin-top:-140px}


}


/************ Main **************/

@media (min-width: 768px) and (max-width: 1024px){

header .nav_sec{ width:100%; float:left;  padding:0; margin:0; position:relative; background:#fff}
header .nav_sec .container{padding:0px}
.navbar-toggler:focus, .navbar-toggler:hover{outline:none}
.navbar-toggler{padding: 0px; margin:5px 0 0px 0}
.navbar-toggler svg{width:40px}
.nav_sec .navbar-brand{ width:140px;  }
.nav_sec .navbar-brand img{width:100%;}
.nav_sec .navbar-nav li a{padding:12px 0px !important; }
.nav_sec .navbar-nav li .dropdown-menu{min-width:100%; box-shadow:none; background:#f6f7fa}
.nav_sec .navbar-nav li .dropdown-menu a.dropdown-item{width: 100%;float: none; margin-bottom: 0px;text-align: left;}

    header .nav_sec .navbar-nav{ float:none; margin:15px 0px 10px 0px;flex-direction: row;}
    .nav_sec .navbar-nav li{font-size: 14px}
    .nav_sec .navbar-nav li a{padding: 10px 18px !important}
	.nav_sec .navbar-nav li a.login-btn{float:right; margin:0px !important}
	
.top_slider_main{padding:80px 0 0 0; overflow:hidden;  background-size:cover}
.top_slider_main .container {max-width: 100%;    padding: 0px;}
.top_slider_main h1 {font-size: 36px; line-height: 42px; margin: 0 0 20px 0;}
.top_slider_main p {font-size: 18px; line-height: 22px; margin: 0 0 20px 0;}
.top_slider_main .btn-book{padding:8px 40px; margin-bottom:50px}
.top_slider_main .photo-area{margin:0px auto; width:92%}
.top_slider_main .photo-area img {width: 70%;}
.top_slider_main ul.option-list li.box1{bottom:270px; left:80px}
.top_slider_main ul.option-list li.box2{bottom:270px; right:80px}
.top_slider_main ul.option-list li.box3{ bottom:190px; right:80px}
.top_slider_main ul.option-list li.box4{bottom:190px; left:80px}
.top_slider_main ul.option-list li.box5{bottom:110px; left:80px}
.top_slider_main ul.option-list li.box6{ bottom:110px; right:80px}
.top_slider_main ul.option-list li.box8{bottom:30px; left:80px}
.top_slider_main ul.option-list li.box7{ bottom:30px; right:80px}
.top_slider_main ul.option-list li .leftname, .top_slider_main ul.option-list li .rightname{font-size:12px;}

.features-area{padding:60px 0}
.features-area .feature-box .feature-icon::before {content:none}
.features-area h2{margin:0px}

.why-choose-area{padding:0px}
.why-choose-area .content-area .bg-circle1{width: 100px;height: 100px;border-radius: 0px; top: -10px;left: 0px;}
.why-choose-area .content-area .bg-circle1::before{height:100px; border-radius:0px}
.why-choose-area .content-area .bg-circle1::after {width: 100px;height: 100px;border-radius: 0px;}

.why-choose-area .image-area {position: relative;width: 80%;margin-top: 30px;margin-bottom: 30px;}
.why-choose-area .image-area::after {right:-7rem; bottom:-1rem}
.testimonial-area{padding:50px 0}
.testimonial-area .photo-area{width:60%; margin:0 auto}
.blog-area .blog-box{margin-bottom:30px}
.footer-main .subscribe{padding:20px;}
.footer-main .subscribe p{margin-bottom:15px}
.footer-main .logo {width: 80px;border-radius: 15px;overflow: hidden;margin-bottom: 22px;float: left;margin-right: 30px;}

.top-title-area{padding:100px 0 70px 0}
.top-title-area h1 {font-size: 30px;line-height: 40px;}
.top-title-area .breadcrumb{ float:right; margin:7px 0px}

.feature-img .photo-area{width:100%}
.detail-area{overflow:hidden}
.detail-area .content-box-area.second, .detail-area .content-box-area{display:block}
.detail-area .content-box-area.second .content-area, .detail-area .content-area{width:100%; padding:0px;}
.detail-area .image-area{width:100%; padding:0px;}
.detail-area h2{font-size:30px}
.plan-area .plan-box.free ul.plan-point li{line-height:25px; text-align:left}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0;}
header .nav_sec{ width:100%; float:left;  padding:0; margin:0; position:relative; background:#fff}
header .nav_sec .navbar-nav{ float:none; margin:0px}
.navbar-toggler:focus, .navbar-toggler:hover{outline:none}
.navbar-toggler{padding: 0px; margin:5px 0 0px 0}
.navbar-toggler svg{width:40px}
.nav_sec .navbar-brand{ width:140px;  }
.nav_sec .navbar-brand img{width:100%;}
.nav_sec .navbar-nav li a{padding:12px 0px !important; }
.nav_sec .navbar-nav li .dropdown-menu{min-width:100%; box-shadow:none; background:#f6f7fa}
.nav_sec .navbar-nav li .dropdown-menu a.dropdown-item{width: 100%;float: none; margin-bottom: 0px;text-align: left;}

.top_slider_main{padding:60px 0 0 0; overflow:hidden}
.top_slider_main h1 {font-size: 30px; line-height: 34px; margin: 0 0 10px 0;}
.top_slider_main p {font-size: 18px; line-height: 22px; margin: 0 0 20px 0;}
.top_slider_main .btn-book{padding:8px 40px; margin-bottom:25px}
.top_slider_main .photo-area{margin:0px;}
.top_slider_main .photo-area img {width: 100%;}
.top_slider_main ul.option-list{position:relative; min-height:320px}
.top_slider_main ul.option-list li.box1{bottom:240px; left:80px}
.top_slider_main ul.option-list li.box2{bottom:240px; right:80px}
.top_slider_main ul.option-list li.box3{ bottom:160px; right:80px}
.top_slider_main ul.option-list li.box4{bottom:160px; left:80px}
.top_slider_main ul.option-list li.box5{bottom:80px; left:80px}
.top_slider_main ul.option-list li.box6{ bottom:80px; right:80px}
.top_slider_main ul.option-list li.box8{bottom:0px; left:80px}
.top_slider_main ul.option-list li.box7{ bottom:0px; right:80px}
.top_slider_main ul.option-list li .leftname, .top_slider_main ul.option-list li .rightname{font-size:12px;}

.features-area{padding:50px 0}
.features-area h2{font-size:30px; margin:0px;}
.features-area .feature-box{padding:25px; text-align:center; margin-top:15px}
.features-area .feature-box .feature-icon{margin:20px auto 30px auto}
.features-area .feature-box h3{margin:10px 0 0px 0}

.why-choose-area{padding:50px 0}
.why-choose-area h2{font-size:30px; margin:0px 0px 15px 0px;}
.why-choose-area .content-area .bg-circle1{width: 100px;height: 100px;border-radius: 0px; top: -30px;left: 10px;}
.why-choose-area .content-area .bg-circle1::before{height:100px; border-radius:0px}
.why-choose-area .content-area .bg-circle1::after {width: 100px;height: 100px;border-radius: 0px;}
.why-choose-area .image-area{margin-top:30px}
.why-choose-area .image-area::after {content:none}
.why-choose-area ul.list li h5{font-size:18px}

.testimonial-area{padding:50px 0;}
.testimonial-area h2{font-size:30px; margin:10px 0 15px 0}
.testimonial-area .photo-area .bg-circle{display:none}
.testimonial-area .photo-area .bg-circle1{width: 140px;height: 140px; top: -10px;left: 10px;}
.testimonial-area .photo-area .bg-circle1::before{height:140px; }
.testimonial-area .photo-area .bg-circle1::after {width: 140px;height: 140px}
.testimonial-area .photo-area .bg-circle2{bottom:-10px; right:-10px;}
.testimonial-area .testimonial-box::before {left: 100px;top: 7px;width: 100px;height: 71px;background-size: 100%;}
.testimonial-area .testimonial-box .user-box{margin-top:0px; margin-bottom:10px}
.testimonial-area .testimonial-box .msg{margin-bottom:30px}
.blog-area{padding:0 0 50px 0}
.blog-area h2{font-size:30px; margin:0  0 15px 0}

.blog-area .blog-box{margin-bottom:20px}
.footer-main .subscribe{padding:20px; margin-top:-100px; margin-bottom:50px; text-align:center}
.footer-main .subscribe .inputbox .btn-subscribe{position: relative;right: 0;top: 0;margin-top: 10px;width: 100%;}
.footer-main .subscribe p{font-size:13px; line-height:18px; margin:10px 0}
.footer-main .logo{width:100px}
.footer-main ul.link {margin: 0px 0px 8px 0px;padding: 0px;list-style: none;display: inline-block; width:100%}
.footer-main ul.link li{width:50%; float:left}
.footer-main ul.download-list{display:inline-block; width:100%; margin-bottom:15px}
.footer-main .made-social ul.social-list{text-align:center; width:100%; float:left}
.footer-main .made-social ul.social-list li{display:inline-block; float:none; margin:0 4px}
.footer-main .made-social .made-in{text-align:center !important; float:none}
.footer-main .made-social .made-in img{float:none; display:block; margin:0px auto}
.footer-main p{font-size:12px; line-height:22px; padding:0px; text-align:center}
.copyright { padding: 10px 0;}

.top-title-area{text-align:center; padding:100px 0 70px 0}
.top-title-area h1 {font-size: 30px;line-height: 40px;}
.top-title-area .breadcrumb{display:inline-flex; float:none; margin:5px 0 0px 0px}
.plan-area{padding:50px 0}
.plan-area .shape-2, .plan-area .shape-1{display:none}
.plan-area h2{display:none}
.plan-area .plan-box{margin-bottom:15px}
.plan-area .plan-box .title {line-height: 24px; font-size: 20px; color: #003344; margin: 20px 0 15px 0; text-align:left; padding-left:20px}
.plan-area .plan-box .title span{margin-bottom:4px}
.plan-area .plan-box ul.plan-point li {font-size: 14px; line-height: 30px; border-bottom: #eeecec 1px solid; text-align: left; padding-left: 20px;}
.plan-area .plan-box .btn-area{text-align:left; padding:20px}
.plan-area .plan-box .price{font-size:28px; text-align:left; line-height:28px}
.plan-area .plan-box .btn-blue{margin:0px}

.plan-area .plan-box.free .title{padding:20px 20px 5px 20px}
.plan-area .plan-box.free ul.plan-point {margin: 0; padding: 0;}
.plan-area .plan-box.free ul.plan-point li{line-height:22px}
.plan-area .plan-box.free .btn-blue {position: relative;top: 0;right: 0;margin: 10px 0 20px 20px;}

.contact-area .btn-submit{margin-bottom:30px; width:100%}
.contact-area .info{font-size:14px}

.feature-img .photo-area{width:100%}
.detail-area{overflow:hidden}
.detail-area .content-box-area.second, .detail-area .content-box-area{display:block}
.detail-area .content-box-area.second .content-area, .detail-area .content-area{width:100%; padding:0px;}
.detail-area .image-area{width:100%; padding:0px;}
.terms-area h2, .detail-area h2{font-size:30px}

}