@media screen and (max-width: 1400px) {
.carousel-caption h2 {
    font-size: 40px
}
.carousel-caption p {
    font-size: 24px;
}
.column figure figcaption {
    font-size: 20px
}
.six-block .column figure figcaption {
    font-size: 24px;
}
.h3, h3 {
    font-size: 1.25rem;
}
.h2, h2 {
    font-size: 1.25rem;
}
.page-heading h6 {
    font-size: 24px;
}
.page-heading h2 {
    font-size: 32px;
}
.price h5 {
    font-size: 14px;
}
.price table tr td {
    font-size: 13px;
}
.price {
    margin-top: -195px;
    height: 135px;

}
.navbar-brand img{max-width:220px}

.h5, h5 {
    /*font-size: 1rem;*/
}
.navbar-default .navbar-nav > li > a {
    padding-top: 30.5px;
    padding-bottom: 26.5px
}
.price-block-s h3 {
    font-size: 16px
}
.news-banner {
    height: 130px
}
.banner img{min-height:500px}
}
@media screen and (max-width: 1200px) {
.navbar-default .navbar-nav > li > a {
    padding-top: 30.5px;
    padding-bottom: 25.5px
}
body {
    font-size: 16px;
}
.top-navigation ul.contact-by li a img {
    max-width: 18px;
    margin-right: 6px;
}
.top-navigation ul.contact-by li {
    margin-left: 10px;
    padding-left: 10px;
}
.top-navigation ul.contact-by li a{font-size:14px}
.top-navigation ul.social-links li {
    width: 36px
}
.darkHeader {
    width: 294px;
}
.page-heading h2 {
    font-size: 24px;
}
.nav > li > a {
    padding: 10px 5px;
}
.side-bar-effect a.discover-ang-thong-button span {
    font-size: 14px;
}
a.discover-ang-thong-button {
    padding: 15px 10px !important;
}
#redDragonTab ul li span {
    font-size: 16px;
}
.red-dragon-yacht-table-row th, .red-dragon-yacht-table-row td {
    font-size: 16px;
}
.price-block-s h3 {
    font-size: 16px;
}
.inquiry-btn.btn {
    font-size: 20px;
}
#footer h3 {
    font-size: 18px;
}
.pinned {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
}
.dropdown-btn.button-active:hover .dropdown-content{display:block;}
}
@media screen and (max-width: 992px) {
.navbar .navbar-nav li {
    margin-left: 7px;
}
.navbar .navbar-nav .nav-link {
    font-size: 15px;
}
.navbar-brand img {
    max-width: 185px;
}
.navbar-default .navbar-nav > li > a {
    padding-top: 30.5px;
    padding-bottom: 13.5px;
}
.carousel-caption h2 {
    font-size: 28px;
}
#footer h3 {
    margin: 25px 0 10px;
}
#footer {
    padding: 10px 0 0;
}
.darkHeader {
    position: relative;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 999;
}
.price {
    margin-top: 30px;
    height: auto;
}
.side-fix .bottom-show {
    padding: 0 10px 0px;
}
.side-fix table{margin-bottom:0}
.owl-carousel .owl-nav .owl-next {
    margin-right: 0;
}
.owl-carousel .owl-nav .owl-prev {
    margin-left: 0;
}
.price-block-s h3 {
    font-size: 15px;
}
.img-gallery [class*="col-"] {
    width: 25%;
}
.img-gallery a:hover:before{font-size:30px;}
.price-block-s.border-set{margin-bottom:20px}
.price-block{background-size:cover !important}
.faq-block li a {
    font-size: 14px;
}
.news-banner {
    height: 120px;
}
.card-header button {
    text-align: left !important;
    white-space: normal;
}
.pin-wrapper{height:auto !important;}
.pinned {
    position: relative !important;
    width: auto !important;
    left: 0 !important;
    top: auto !important;
}
ul.social-media{float:left; width:100%;}
.booking-section-date-view .inner_calender_table {
    margin: 5px;
}
.booking-section-date-view .inner_calender_table .tableBody tr td{    text-align: center;}
}
@media screen and (max-width: 767px) {
.side-bar-effect .block-title h2 {
    font-size: 18px;
}
.inquiry-btn.btn {
    font-size: 16px;
	padding-right:45px; white-space: break-spaces;
}
.inquiry-btn span {
    margin-top: -14px;
}
#header {
    background: rgba(255,255,255,1);
}
.inquiry-btn span img {
    max-width: 28px;
}
.banner img{min-height:300px}
.banner .slick-slider-1 .slick-slide .slide-image,.banner .slick-slider-8 .slick-slide .slide-image ,.banner .slick-slider-3 .slick-slide .slide-image,.banner .slick-slider-4 .slick-slide .slide-image,.banner .slick-slider-5 .slick-slide .slide-image,.banner .slick-slider-6 .slick-slide .slide-image,.banner .slick-slider-7 .slick-slide .slide-image,.banner .slick-slider-8 .slick-slide .slide-image,.banner .slick-slider-9 .slick-slide .slide-image,.banner .slick-slider-10 .slick-slide .slide-image,.banner .slick-slider-11 .slick-slide .slide-image,.banner .slick-slider-12 .slick-slide .slide-image,.banner .slick-slider-13 .slick-slide .slide-image,.banner .slick-slider-14 .slick-slide .slide-image,.banner .slick-slider-15 .slick-slide .slide-image{
    min-height:460px
}
.location figcaption {
    font-size: 16px;

}
.slick-slider-8 .slick-slide .slide-image .slide-content {
    width: 100%;
}
.banner .slick-prev,.banner .slick-next {
    display:none !important
}
.carousel-caption {
    width:100%;
	padding-left:15px;
	padding-right:15px
}
.carousel-caption a{font-size:16px;padding:10px}
.navbar-default .navbar-toggle {
    border-color: #e90606;
    background: #e90606;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border-color: #e90606;
    background: #e90606;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.block-title h2 {
    font-size: 18px;
}
.navbar-nav {
    margin: 15px 0;
}

.navbar .navbar-nav .nav-link {
    font-size: 16px;
    padding: 9px;
    border: 1px solid #999;
}
.navbar .navbar-nav li {
    margin-left: 0;
    margin-bottom: 9px;
}
body {
    font-size: 15px;
}
.btn, a.btn, input.btn, button.btn {
    padding: 10px 20px 10px 20px;
    text-align: center;
    font-size: 16px;   
}
.insta-img [class*="col-"] {
    margin-bottom: 10px;
    height: 160px;
    overflow: hidden;

}
.flex-control-nav {
    left: 0;
}

.first-block, .second-block, .fourth-block, .fifth-block, .seven-block {
    padding: 40px 0;
}
.page-heading h2 {
    font-size: 19px;
}
.page-heading h6 {
    font-size: 16px;
}
.page-heading {
    width: 100%;
}
.block-info .cell {
    display: block;
    width: 100%;
	position:relative
}
.block-info {
    margin-bottom: 15px;
}
.cell.content-info{
    padding: 15px;
}
.triangle-left {
    border-bottom: 10px solid #f2f2f2;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    margin-top: -19px;
    top: 100%;
    left: 50%;
	margin-left:-14px
}
.triangle-right {
    border-top: 10px solid #f2f2f2;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    margin-left:-14px;
    top: 0;
    left: 50%;
}
.price-block-s h3 {
    font-size: 14px;
}
.faq-block li {
    width: 50%
}
#header{position:relative}
.price-block .row {   margin: 0;}

.intro-block a[type="button"] {
    white-space: break-spaces;
}
.booking-section-date-view .componentContent .intro-block.availability_full_table >div {
    overflow-x: auto;
    background: #ffffff;
    overflow-y: hidden;
    width: 100%;padding: 15px;
}
.banner .slick-slider-16 .slick-slide .slide-image{min-height: 35vh;}
}
@media screen and (max-width: 640px) {
	
.img-gallery [class*="col-"] {
    width: 50%;
}
.img-gallery [class*="col-"] a img {
    width: 100%;
}
}
@media screen and (max-width: 560px) {
.faq-block li {
    width: 100%
}
}
@media screen and (max-width: 480px) {
.navbar-brand img {
    max-width: 190px;
}
.carousel-caption h2 {
    font-size: 22px;
}
.carousel-caption p {
    font-size: 18px;
}
.top-navigation ul.social-links li {
    width: 34px
}
.insta-img [class*="col-"] {
    height: 130px;
}

   .location figcaption {
    padding: 5px 10px;
    font-size: 14px;
}

.price-block-s h3 {
    font-size: 13px;
}

}
@media screen and (max-width: 320px) {
	.location figcaption {  font-size: 12px;}
	
}