.gallery-list {margin: 0 0 0 -5px;list-style: none;padding: 0;width: 100%;overflow: hidden;}
.gallery-list li {float: left;margin: 0 0 4px 5px;}
.gallery-list li img{border-radius: 5px;}
/*sub footer*/
.sub-footer {border-top: 1px solid rgba(255,255,255,0.1);background-color: #242121;padding: 20px 0;}
.sub-footer p {margin: 0;color: #fff;}
.footer-menu ul{text-align: right;position: relative;}
.footer-menu ul li {position: relative;display: inline-block;}
.footer-menu ul li a {color: #fff;padding: 0 10px}
/*back to top*/
#toTop {position: fixed;bottom: 20px;right: 20px;cursor: pointer;display: none;z-index: 100;}
.btn-top {color: #fff;border-color: #fec107;padding: 8px 12px;}
/*** 26. Responsive
------------------------------------------------------------------------------*/
@media(max-width:767px){
    #page-content {margin-bottom: 0;}
    .section-title h1 {font-size: 24px;}
    .section-title p {font-size: 13px;}
    .header-content-inner h1 {margin: 0 0 20px;font-size: 21px;}
    .panel { margin-top: 50px;}
    .nav-tabs > li > a {padding: 15px 30px;}
    .panel-body {padding: 20px;}
    .panel-padding {margin-bottom: 15px;}
    .panel-body .thm-btn {margin-top: 25px;width: 100%;}
    .owl-theme .owl-controls .owl-buttons div {position: relative;top: 0;font-size: 18px;}
    .owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;}
    .owl-theme .owl-controls .owl-buttons .owl-next {right: 0;}
    .destination-grid .mask h2 {margin: 15px 0;}
    .hotel-item .hotel-image {width: 100%;display: inline-block;}
    .hotel-item .hotel-image::before {display: none;}
    .hotel-item .hotel-image img{width: 100%;}
    .hotel-item .hotel-body {width: 100%;display: block;}
    .hotel-right {text-align: left;border-left: 0;padding-top: 0;}
    .hotel-person span {margin: 0;display: inline-block;}
    .count-content {margin-left: 17%;margin-bottom: 15px;}
    .get-offer h2 {margin-bottom: 30px;}
    .navbar-default.tour-nav{display: none;}
    .experience-title h3 {font-size: 21px;}
    #experience p {font-size: 13px;}
    .ac-items {display: block;}
    .ac-items .content {padding-left: 0;}
    .active-box{padding: 15px;}
    .active-box i {left: 0;}
    .pagination-inner {margin-bottom: 50px;}
    .pagination-inner .pager {display: none;}
    .pagination-inner .pagination {position: relative;}
    .comment-form, .booking{margin-bottom: 20px;}
    .middle-content img{margin-bottom: 50px;}
    .reference #quote-carousel .carousel-indicators li{height: 30px;width: 30px;}
    .reference #quote-carousel .carousel-indicators .active {width: 70px;height: 70px;}
    .contact-form{margin-bottom: 50px;}
    .sub-footer p {text-align: center;margin-bottom: 10px;}
    .footer-menu ul {text-align: center;}
    .footer-menu ul li a {line-height: 30px;}
    footer{position: relative;}
}
@media (min-width: 768px){
    .header-content {padding: 0;height: 80vh;}
    .header-content-inner{max-width: none;margin: 0;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
    .header-content-inner h1:before, .header-content-inner h1:after{display: inline-block;width: 50px;height: 1px;content: '';vertical-align: middle;background: rgba(255,255,255,.5);}
    .header-content-inner h1:before {margin-right: 10px;}
    .header-content-inner h1:after {margin-left: 10px;}
    .header-content-inner p{font-size: 15px;}
    .popular-inner .thm-margin, .blog-inner .thm-margin{margin-left: -10px; margin-right: -10px}
    #popular-slide .item, #blog-slide .item{padding-left: 10px;padding-right: 10px;}
    .region:before {content: '';position: absolute;z-index: 2;top: 0;right: -15%;height: 100%;width: 25%;-webkit-transform: skew(30deg);-moz-transform: skew(30deg);-ms-transform: skew(30deg);-o-transform: skew(30deg);transform: skew(30deg);background: #fff;}
}
@media(min-width:768px) and (max-width:991px){
    #page-content {margin-bottom: 453px;}
    .header-content {padding: 0;height: 40vh;}
    .panel-body .thm-btn {padding: 12px 27px;}
    .ac-items {display: block;}
    .checkbox-star, .facility, .help-widget, .price-Pips{ padding:20px 15px;}
    #map.destination-map {height: 40vh;}
    .hotel-item .hotel-image::before {display: none;}
}
@media(min-width:768px) and (max-width:1199px){
    .slider {height: 550px;}
    .destination-grid .mask {padding: 15px;}
    .destination-grid .mask h2 {margin: 0px 0 10px;font-size: 21px;}
    .destination-grid .mask p {font-size: 12px;}
    .destination-grid .mask .thm-btn {padding: 8px 18px;}
    .effect-block h3 {font-size: 17px;}
    .owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;}
    .owl-theme .owl-controls .owl-buttons .owl-next {right: 0;}
}
@media(min-width:991px) and (max-width:1199px){
    .hotel-item .hotel-image::before {display: none;}
    .hotel-item .hotel-body h3 {font-size: 16px;}
    .hotel-item .hotel-body p {font-size: 12px;line-height: 18px;}
    .hotel-item .hotel-body .free-service i {font-size: 14px;}
}