@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
    .main-sidebar .sidebar-block > ul > li > span { width: 100%; display: block; }
    .blog-list .blog-list-item .inner {margin-left: 170px;}
    .blog-single .blog-thumb {width: 155px;margin-left: -170px;}
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
    .footer-contact-us .contact-content {width: 65%;}
    .footer-logo {width: 30%;}
    .footer-menu {width: 70%;}
    .page-details { margin-right: 300px; }
    .page-details .main-sidebar { width: 270px; margin-right: -300px; }
    .page-details .main-sidebar .inner { width: 270px; }
    .search-bar {background-color: #1fa1cb;padding: 30px 30px;position: relative;}
    .search-bar .left-bar {width: 47%;}
    .search-bar .right-bar {width: 52%;}
    .search-bar .right-bar {padding-left: 15px}
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
    nav.nav-header ul > li a {padding: 33px 15px;}
    .main-sidebar .sidebar-block table tr td { padding: 5px 5px; }
    .search-bar .left-bar {width: 59%;}
    .search-bar .right-bar {width: 40%;}
    .footer-contact-us .contact-content {width: 75%;}
    .footer-contact-us p {font-size: 28px;}
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (max-width:1023px) {
    /*nav*/
    .site-logo {width: 200px;}
    nav.nav-header ul > li a {padding: 24px 9px;}
    /*gallery*/
    .gallery-card .gallery-card-body {padding: 15px 10px 15px;}
    /*detail page*/
    .main-sidebar .sidebar-block > ul { margin: 0 -5px; }
    .main-sidebar .sidebar-block > ul > li { padding: 5px 5px; }
    .main-sidebar .sidebar-block table tr td { font-size: 14px; padding: 5px 5px; }
    .main-sidebar .sidebar-block table tr td span { font-size: 14px; font-weight: 600; }
    .cr-section .section-content {padding-right: 0; padding-left: 0;}
    .blog-list .blog-list-item .inner {margin-left: 200px;}
    .blog-single .blog-thumb {width: 185px;margin-left: -200px;}
    .blog-single .blog-info h2 { font-size: 22px; }
}
@media (max-width:767px) {
    h1{font-size:30px;}
    h2{font-size:24px;}
    h3{font-size:18px;}
    h4{font-size:16px;}
    h5{font-size:15px;}
    h6{font-size:14px;}
    p{font-size: 15px;margin-bottom: 10px;}
    .btn {padding: 10px 30px;}
    .default-pad-section {padding-top: 0;padding-bottom: 30px;}
    .section-title {padding-top: 85px;}
    .section-title:before {top: 25px;}
    .section-title:after {height: 20px;}
    .section-block-title h2 {font-size: 20px;margin-bottom: 10px;}
    /* Nav */
    .hamburger {display: block;margin: 17px 0;float: right;}
    .hamburger .line{background-color: #fff;display: block;width: 30px;height: 4px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .hamburger.is-active{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-ms-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    .hamburger.is-active .line{background-color: #1fa1cb;}
    .hamburger.is-active .line:nth-child(2){width: 0px;}
    .hamburger.is-active .line:nth-child(1),
    .hamburger.is-active .line:nth-child(3){-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
    .hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(9px);-ms-transform: translateY(9px);-o-transform: translateY(9px);transform: translateY(9px);}
    .hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-9px) rotate(90deg);-ms-transform: translateY(-9px) rotate(90deg);-o-transform: translateY(-9px) rotate(90deg);transform: translateY(-9px) rotate(90deg);}
    header nav.nav-header{display: none;}
    header nav {background-color: #1fa1cb;display: none;width: 100%;max-height: calc(100vh - 120px);position: absolute;top: 66px;left: 0;overflow-y: auto;-webkit-transition: top 0.3s ease;-moz-transition: top 0.3s ease;-ms-transition: top 0.3s ease;-o-transition: top 0.3s ease;transition: top 0.3s ease;z-index: 9999;}
    header nav li{border-top: 1px solid #ebebeb;display: block !important;padding: 0;position: relative;}    
    /*header nav li:first-child{border-top: 0}*/
    header nav ul{margin: 0;}
    header nav ul ul{display: none; background-color: #ccc;padding: 0 0 0 15px;}
    header nav ul ul li{border-top-color: #fff}
    header nav ul li.current-menu-item {background-color: #001075;}
    header nav li a{color: #fff;display:block;padding: 10px 15px;}
    header nav .caret{display: block;width: 42px;height: 42px;position: absolute;top: 0;right: 0;z-index: 1;}
    header nav .caret:before{content: ''; border-style: solid;border-width: 6px 0 6px 8px;border-color: transparent transparent transparent #001075;display: block;margin: auto; width: 0;height: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-ms-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: 0.3s all ease;}
    header nav .caret.is-active:before{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
        
    /*------ innerbanner ------*/
    .innbanner {height: 200px;}
    .innbanner h1 {font-size: 30px;}
    /* Record */
    .ri-grid {margin: 0 auto;}
    .two-btn-cover {width: 100%;text-align: center;position: relative;bottom: 0;margin-top: 5px;}
    .two-btn-cover a {width: auto;display: inline-block;float: none;min-width: 290px;}
    .two-btn-cover a:first-child {margin-right: 0;}
    .two-btn-cover a:last-child {margin-left: 0;margin-top: 5px;}
    .full-desc-cover .col-half {width: 100%;padding: 0 10px 30px;float: none;}
    .full-desc-cover .col-half:first-child{max-width: 480px;}
    .blog-cover .col-three {float: none;width: 100%;padding: 0 15px;max-width: 480px;margin-bottom: 15px;}
    .full-desc-cover {padding: 50px 0 30px;}
    .main-cover {padding-bottom: 50px;}
    .home-blog {padding-bottom: 50px;}
    .aboutus-section .section-content {padding-top: 0;padding-bottom: 30px;}
    .aboutus-section .callout-two {width: 100%;}
    .aboutus-section .callout-two:first-child {margin-bottom: 30px;}
    .aboutus-section .section-content .about-image {display: block;position: relative;max-width: 570px;margin: 0 auto;}
    .contactus-section .callout-two {width: 100%;}
    .contactus-section .callout-two .innerbox {padding: 30px 15px;}
    .gallery-section .callout-three {width: 50%;}
    .search-bar { padding: 30px 30px; }
    .search-bar .left-bar {margin-bottom: 30px;}
    .search-bar .right-bar .search-block {float: none;}
    .search-bar .left-bar, .search-bar .right-bar { float: none; width: 100%; }
    .search-bar .form-control {width: calc(50% - 33px);margin-bottom: 5px;}
    .search-bar .btn-search { float: right; }
    .page-details { margin-right: 0; }
    .page-details .main-content, .page-details .main-sidebar { width: 100%; float: none; }
    .page-details .main-content { margin-bottom: 70px; }
    .page-details .main-sidebar { width: 100%; margin-right: 0; }
    .page-details .main-sidebar .inner { width: 100%; }
    .main-sidebar .sidebar-block > ul { margin: 0 -15px; }
    .main-sidebar .sidebar-block > ul > li { padding: 15px 15px; width: 33.33%; max-width: 100%; }
    .main-sidebar .sidebar-block table tr td:first-child, .main-sidebar .sidebar-block table tr td:last-child { width: 50%; }
    .border-overlay:after { border: 5px solid rgba(255, 255, 255, 0.8); }
    /* Footer */
    .footer-contact-us .contact-content, .footer-contact-us .contact-btn{display: block;width: 100%;vertical-align: middle;text-align: center;}
    .footer-contact-us p {color: #fff;font-size: 18px;margin-bottom: 15px;}
    .footer-contact-us a {font-size: 16px;padding: 10px 30px;}
    .footer-logo {float: none;width: 100%;text-align: center;}
    .footer-menu {float: none;width: 100%;padding-left: 0;}
    .footer-menu .quick-links, .footer-menu .policy-links {display: block;width: 100%;margin-top: 30px;}
    .footer-menu ul li, .footer-menu .policy-links ul li {width: auto;padding-right: 30px;float: none;display: inline-block;vertical-align: top;}
}
@media (max-width:640px) {
    .tour-list .tour-list-item .inner {margin-left: 0;}
    .tour-list .tour-list-item .tour-image {float: none;width: 200px;margin-left: 0;margin-bottom: 15px;}
    .tour-list .tour-list-item .tour-info {float: none;}
    .comment-respond .comment-form-author, .comment-respond .comment-form-email {width: 100%;float: none;}
    #pano {height: 350px;}
}
@media (max-width:480px) {
    .slick-main.slick-slider {border: 5px solid #d2e5ec;}
    .tour-list .tour-list-item .tour-image{margin-bottom: 10px;text-align: center;}
    .tour-list .tour-list-item .tour-info {padding: 0;}
    .gallery-section .callout-three {width: 100%;}
    .search-bar { padding: 30px 15px; }
    .main-sidebar .sidebar-block > ul { margin: 0 -5px; }
    .main-sidebar .sidebar-block > ul > li { width: 50%; padding: 5px; }
    .nav-post .btn { padding: 5px 8px; }
    .post-navigation .nav-links .nav-previous {display: block;float: none;margin: 0 0 15px;}
    .post-navigation .nav-links .nav-next {display: block;float: none;}
    .blog-list .blog-list-item .inner {margin-left: 0;}
    .blog-single .blog-thumb {float: none;width: 270px;margin-left: 0;margin-bottom: 15px;}
    .blog-single .blog-info {float: none;width: 100%;}
    .blog-single .blog-info h2 { font-size: 20px; }
    #pano {border: 5px solid #d2e5ec;height: 300px;}
}
@media (max-width:479px) {
.alignright, .alignleft {float: none;margin: 0 0 15px 0;display: block;}
}