/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
- Fonts Web
- Elements
- Links
- Header
- Navigation
- Photo Slide
- Box Search
- Form Input
- Content
- How to book
- Box Promotion
- Box3
- Footer
- Fix IE
- Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Fonts Web
--------------------------------------------------------------*/

@font-face {
    font-family: 'TPTankhun';
    src: url('../fonts/TPTankhun.eot');
    src: url('../fonts/TPTankhun.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TPTankhun.woff') format('woff'),
        url('../fonts/TPTankhun.ttf')  format('truetype'),
        url('../fonts/TPTankhun.svg#TPTankhun') format('svg');
    font-weight: normal;
    font-style: normal;
}/*DBHelvethaicaMon*/
@font-face {
    font-family: 'TPTankhun';
    src: url('../fonts/TPTankhun/TPTankhun.eot');
    src: url('../fonts/TPTankhun/TPTankhun.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TPTankhun/TPTankhun.woff') format('woff'),
        url('../fonts/TPTankhun/TPTankhun.ttf') format('truetype'),
        url('../fonts/TPTankhun/TPTankhun.svg#TPTankhun') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TPTankhun-Bold';
    src: url('../fonts/TPTankhunBold/TPTankhun-Bold.eot');
    src: url('../fonts/TPTankhunBold/TPTankhun-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TPTankhunBold/TPTankhun-Bold.woff') format('woff'),
        url('../fonts/TPTankhunBold/TPTankhun-Bold.ttf') format('truetype'),
        url('../fonts/TPTankhunBold/TPTankhun-Bold.svg#TPTankhun-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: '2548_D6';
    src: url('../fonts/2548_D6.eot');
    src: url('../fonts/2548_D6.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/2548_D6.woff') format('woff'),
        url('../fonts/2548_D6.ttf')  format('truetype'), 
        url('../fonts/2548_D6.svg#2548_D6') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TPTankhun';
    src: url('../fonts/TPTankhun.eot');
    src: url('../fonts/TPTankhun.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/TPTankhun.woff') format('woff'),
        url('../fonts/TPTankhun.ttf')  format('truetype'), 
        url('../fonts/TPTankhun.svg#TPTankhun') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
html{}
body{font-weight: normal;color: #666666;font-size: 13px;}
h1{font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal; color:#666666;font-size: 50px;margin-top: 0px;margin-bottom: 20px;}
h2{font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;}
h3{font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;color: #000; margin-top: 5px; margin-bottom: 5px;}
h4{font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;}
h5{}
hr{border-bottom: 1px dotted #333;}
p{}
.relative{position: relative;}
.center{text-align: center;}
.right{text-align: right;}
.form-control {color: #434a54;border-color: #E7E7E7;}
.tel{font-size: 25px;}
img{max-width: 100%;}
.gm-style img{max-width: inherit;}
.blue{color: #00a4e4;}
.red{color: #F05033;}
#MAP{width: 100%;height: 350px;}
.name-map{min-width: 200px;text-align: center;}
/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {color: #F05033;}
a:visited {color: #F05033;}
a:hover, a:focus, a:active {color: #F05033;}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
header{height: 75px;border-top: 5px solid #F05033;padding-top: 5px;}
header .container{position: relative;}
.logo{margin-top: 10px;display: inline-block;}
.box-login{position: absolute;right: 90px;top: -47px;color: #666666;}
.box-login a{color: #666666;text-decoration: none;}
.box-lag{width: 70px;position: absolute;z-index: 4;top: 10px;right: 15px;display: inline-block;padding: 10px 20px;}
.box-lag:after{content: "\f107";font: normal normal normal 14px/1 FontAwesome;display: inline-block;position: absolute;right: 10px;font-size: 14px;}
.select-lang{display: none;position: absolute;left: -1px;top: 37px;background-color: #fff;border: 1px solid #eee;border-top: none;}
.select-lang a{width: 68px;display: block;padding: 10px 20px;text-decoration: none;color: #000;}
.select-lang a:hover{background-color: #f0f0f0;}
.box-lag.active {border: 1px solid #eee;border-bottom: none;background-color: #fff;}
/*.box-lag:hover .select-lang{display: block;border: 1px solid #ccc;border-top: none;}*/

/*--------------------------------------------------------------
Navigation Menu
--------------------------------------------------------------*/
.box-navigation{background-color: #f0f0f0;}
.box-navigation .container{position: relative;}
#open-menu{display: none;margin: 0 auto;cursor: pointer;padding: 27px 20px;position: absolute;top: 0;left: 0;border-right: 1px solid #eee;}
.navigation ul{list-style: none;padding: 0;margin: 0;}
.navigation ul li{float: left;}
.navigation ul li a{font-family: 'TPTankhun-Bold', Cordia New;font-size: 20px;color: #00a4e4;padding: 10px 15px;display: inline-block;text-decoration: none;}
/*.navigation ul li a:hover{color: #F05033;}*/
.fix-menu{position: fixed;top: 0px;left: 0;right: 0;z-index: 5;border-bottom: 1px solid #ccc;background-color: #fff;}
.fix-menu .navigation{padding-left: 46px;text-align: left;}
.fix-menu .navigation li{float: none;display: inline-block;}
.fix-menu .navigation li a{font-size: 20px;}
.fix-menu .container{width: 100%;}
.fix-logo{display: none;position: absolute;left: 15px;top: 8px;}
.fix-menu .fix-logo{display: inline-block;}
/*--------------------------------------------------------------
Photo Slide
--------------------------------------------------------------*/
.photo-slide{list-style: none;margin: 0;padding: 0;}
.owl-carousel{z-index: 0;}
.owl-theme .owl-controls{margin-top: -34px;position: relative;z-index: 2;}
.owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px;background-color: #999999;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #F05033; }
.box-banner img{width: 100%;}
/*--------------------------------------------------------------
Box Search
--------------------------------------------------------------*/
.wrapper-box-search{position: absolute;top: 75px;width: 100%;}
.fix-search{position: fixed;top:0px !important;z-index: 5;}
.fix-search .head-box-search{width: 300px;left: 16.6%;margin-left: -49px;}
.fix-search .head-box-search h1{font-size: 25px;}
.box-main-search{width: 300px;position: absolute;z-index: 3;right: 15px;top: 0px;}
.head-box-search{background-color: #f05033;text-align: center;padding:11px 10px;position: relative;cursor: pointer;z-index: 9999;}
.head-box-search:after{position: absolute;left: 50%;margin-left: -23px;bottom: -10px;content: "";border-top: 10px solid #f05033;border-left: 25px solid transparent;border-right: 25px solid transparent; z-index: 9999;}
.head-box-search h1{color: #fff;font-size: 30px;font-weight: normal;margin: 0;}
.box-search{background-color: #0E97CC; display:none; height: auto ; width: 97%;padding:40px 67px; position:absolute; top:55px; z-index: 1;}//padding:40px 20px 0;
.box-search.active{display: block; }
.box-search button{border: none;background-color: #00a4e4;width: 300px;color: #fff;font-size: 38px;font-weight: normal;margin: 17px -20px 0;font-family: 'TPTankhun-Bold', Cordia New;padding: 10px;}
.input-radio {position: relative;padding-left: 30px;width: 100%;float: left;cursor: pointer;color: #fff;font-weight: lighter;}
.input-radio span{position: absolute;left: 0;width: 20px;height: 20px;display: inline-block;background-color: #fff;border-radius: 100%;border: 5px solid #fff;}
.input-radio > input{display: none;}
.input-radio input:checked + span{background-color: #F05033;}
.search-lable-text{ color: #fff;font-weight: lighter; display:  inline; font-size: 13px;}
.imgclose {
    position: absolute;
    text-align: right;
    width: 100%;
    right: 10px;
    top:0px;
}
#msgmaxperson {
    color: #FFFFCC;
    magin: 10px 0 10px;
    font-size: 13px;
}
.traveller{
    margin: 0 auto;
    width: 100%;
}
.decrease,.increase{
    background-color: #f05033;
    color: #ffffff;
    display: block;
    height: 34px;
    line-height: 34px;
    padding-left: 13px;
    width: 34px;
}
.decrease span,.increase span{
    color: #ffffff;
}
.decrease:hover,.increase:hover{
    color: #ffffff;
}
.decrease:active,.increase:active{
    color: #ffffff;
    background-color: #00a4e4;
}
.decrease{
    float: left;
}
.increase{
    float: left;
}
.form-group .traveller input[type=text]{
    float: left;
    width: 150px;
    border-radius: 0px;
    text-align: center;
    color: #000000;
}
.amountset{
    display: inline-block;
    z-index: 999;
}
#search_eticket {border: none;background-color: #003F7D;width: 126px;color: #fff;font-size: 25px;font-weight: normal;height: 37px;z-index: 100; padding: 0 !important;}


.selecter.custom { max-width: 500px; margin-bottom: 20px;}
.selecter.custom .selecter-selected { border-width:0; border-radius: 0px;}
.selecter.custom .selecter-options { border: none;border-radius: 0px;}
.selecter.custom .selecter-item { }
.selecter.custom .selecter-item:last-child { margin: 0; }
.selecter.custom .selecter-item.selected{background-color: #ccc;border-bottom: none;color: #000;}
.selecter.custom .selecter-selected{background-image: none;}
.selecter.custom .selecter-selected:before {position: absolute;content:'';top: 0;right: 0;width: 34px;height: 35px;background-color: #F05033;display: inline-block;}
.selecter.custom .selecter-selected:after {position: absolute;top: 10px;right: 20px;font: normal normal normal 14px/1 FontAwesome;display: inline-block;content: "\f107";border: none;color: #fff;}

.date-go, .date-back{position: relative;width: 120px;background: #fff;}
.date-go{float: left;}
.date-back{float: right;}
.date-back input:disabled{background-color: #999;}
.date-go input, .date-back input{border: none;z-index: -1px;font-size: 11px;}
.date-go span:after, .date-back span:after{position: absolute;right: 14px;top: 10px;content: "\f073";font: normal normal normal 14px/1 FontAwesome;color: #000;}
.date-go span, .date-back span{position: absolute;background: none;top: 0;width: 100%;height: 50px;border: none;cursor: pointer;}
.datepicker-dropdown.datepicker-orient-bottom:before, .datepicker-dropdown.datepicker-orient-bottom:after, .datepicker-dropdown.datepicker-orient-top:after,.datepicker-dropdown.datepicker-orient-top:before{display: none;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{color: #eee;}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{background-image: none;background-color: #F05033;color: #fff;}

a.call-mobile{display: none;width: 90px;text-decoration: none;color: #fff;background: #F05033;text-align: center;position: absolute;left: 0;padding: 21px 0;}
a.email-mobile{display: none;width: 90px;padding: 21px 0;text-decoration: none;color: #fff;background: #F05033;text-align: center;position: absolute;right: 0;}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.intro {}
.intro h1{font-size: 45px;color: #00a4e4;margin-top: 0;}
.intro h1 span{font-family: '2548_D6';color: #F05033;font-size: 33px;font-weight: 300;}
.box-content{margin-top: 20px;position: relative;}
.box-callcenter{text-align: right;}
.box-callcenter span{font-size: 25px;font-family: 'TPTankhun-Bold'; font-weight: lighter;}
.box-callcenter i{font-size: 30px;color: #00a4e4;margin: 0 10px;}
.box-callcenter a{color: #666;text-decoration: none;font-size: 20px;font-family: 'TPTankhun-Bold';font-weight: 300;}
.input-search .btn{color: #fff;background-color: #00a4e4;border: 1px solid #00a4e4;}
.input-search .btn:hover{border: 1px solid #00a4e4;}

.howto-book img{max-width: 100%;}
.howto-book h3{color: #F05033;}
.howto-book h3 span{color: #ccc;font-size: 30px;font-family: 'TPTankhun-Bold';font-weight: 200;padding-right: 5px;margin-left: 5px;}

.box-why-sombat{background-color: #f5f5f5;border-radius: 10px;padding: 15px;behavior: url(js/PIE.htc);}
.box-why-sombat h3{margin-top: 0;text-align: center;}
.box-why-sombat li {line-height: 35px;}

/*--------------------------------------------------------------
Box Promotion
--------------------------------------------------------------*/
.item-travel{position: relative;margin-bottom: 30px;}
.item-travel img{width: 100%;}
a.tag-book{padding: 6px 10px 16px;display: inline-block;text-decoration: none;color: #000;text-align: center;background: url(../images/tab-book.png) center top no-repeat;font-size: 30px;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;position: absolute;right: 20px;top: 0;}
.item-travel .detail{border: 1px solid #eee;padding: 20px;}
.item-travel .detail h4{font-size: 25px;color: #00a4e4;margin-top: 0;}
a.read-more1{color: #F05033;padding: 5px 10px;display: inline-block;border: 1px solid #eee;margin-top: 10px;text-decoration: none;;border-radius: 3px;;;border-radius: 6px;;;;border-radius: 5px;;}
.box-title{position: relative;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;letter-spacing: normal;}
.box-title h4{}
.box-title i{font-size: 20px;}
.box-title .view-all{position: absolute;right: 0;top: 0;text-decoration: none;color: #000;font-size: 20px;}
/*--------------------------------------------------------------
Box News
--------------------------------------------------------------*/
.item-news{position: relative;padding: 0 0 16px;border-bottom: 1px dotted #ccc;margin-bottom: 12px;}
.item-news time{font-size: 12px;color: #999;display: block;position: absolute;bottom: 10px;}
.item-news p{line-height: 17px;font-size: 13px;}
.item-news h4{font-size: 22px;color: #00a4e4;line-height: 22px;margin: 0;}
.item-news img{width: 100%;}
.item-news .read-more2{position: absolute;bottom: 7px;right: 0;}
.ohter-link{margin-bottom: 20px;}
.ohter-link ul{list-style: none;margin: 0;padding: 0;}
.ohter-link ul li{float: left;}
.ohter-link ul li a{display: block;padding:0 10px;border-left: 1px solid #666;font-size: 20px;line-height: 15px;color: #666;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;}
.ohter-link ul li.active a{color: #00a4e4;}
.ohter-link ul li:first-child a{padding-left: 0;border: none;}
a.read-more2{color: #fff;background-color: #F05033;display: inline-block;border-radius:5px;padding: 5px 20px;text-decoration: none;font-size: 12px;}
.load-more{border-bottom: 1px solid #ccc;text-align: center;margin-bottom: 20px;;}
.load-more a{display: inline-block;padding: 10px;color: #00a4e4;background-color: #fff;text-decoration: none;position: relative;bottom: -20px;}

/*--------------------------------------------------------------
Box3
--------------------------------------------------------------*/
.box-3{padding: 15px 0;/*margin: 5px 0;*/text-align: center;}//background-color: #f8f8f8;
.box-3 .desktop-4{margin-bottom: 15px;}
.box-services .desktop-4 h3{font-size: 25px;color: #00a4e4;}
.box-services{margin-bottom: 10px;}
.box-services .row{letter-spacing: -0.32em;}
.box-services .desktop-4{float: none;display: inline-block;letter-spacing: normal;vertical-align: top;}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
footer{background-color: #f8f8f8;/*margin-top: 10px;*/}
.footer{background: none;}
.footer h3{font-size: 25px;color: #00a4e4; padding: 0;}
.footer ul{list-style: none;padding: 0;margin: 0;}
.footer ul li a{text-decoration: none;color: #666;padding: 5px 0;display: inline-block;}
.footer ul li a:hover{color: #F05033;}
.address h3{color: #666;}
.address .email{color: #666;text-decoration: none;font-size: 16px;margin-top: 10px;display: inline-block;}
.address .call{color: #F05033;text-decoration: none;font-size: 25px;margin-top: 10px;display: inline-block;}
.box-social a{text-decoration: none;color: #00a4e4;font-size: 30px;margin-right: 10px;}
.copyright{background-color:#00a4e4;color: #fff;padding: 8px 0 0;border-top: 5px solid #FFDE00;}
.copyright a{text-decoration: none;color: #fff;font-size: 12px;display: inline-block;}


.bc{text-align: right;position: absolute;right: 15px;top: 0;padding: 10px 0;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;font-size: 20px;}
.bc a{color: #000;text-decoration: none;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;font-size: 20px;}
.bc span{color: #00a4e4;}

.tab-services{background-color: #eee;color: #000;font-size: 20px;cursor: pointer;position: relative;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;padding:5px 10px;padding-left: 50px;margin-bottom: 2px;}
.tab-services.active{background-color: #00a4e4;color: #fff;margin-bottom: 0;}
.tab-services:before{font: normal normal normal 14px/1 FontAwesome;display: inline-block;content: "\f107";font-size: 20px;position: absolute;left: 20px;top: 8px;}
.tab-detail{display: none;padding: 20px;border: 1px solid #ccc;}
.tab-detail.active{display: block;}


/*--------------------------------------------------------------
Menu left
--------------------------------------------------------------*/
.menu-left{}
.menu-left ul{list-style: none;padding: 0;margin: 0;}
.menu-left > ul > li > a{text-decoration: none;display: block;padding: 10px;color: #00a4e4;border-top: 1px dotted #ccc;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;font-size: 20px;padding-right: 30px;}
.menu-left ul li a:hover{background-color: #eee;}
.menu-left ul li.active > a:hover{background-color: #00a4e4;}
.menu-left > ul > li:first-child > a{border-top: none;}
.menu-left ul ul{margin-left: 40px;display: none;}
.menu-left ul ul > li > a{cursor: pointer;text-decoration: none;display: block;padding: 10px;color: #00a4e4;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;font-size: 18px;}
.menu-left ul ul > li > a:hover{color: #000;background: none;}
.has-sub-menu{position: relative;cursor: pointer;}
.has-sub-menu:after{content: "+";position: absolute;top: 14px;right: 11px;color: #00a4e4;}
.menu-left ul li.active > a{background-color: #00a4e4;color: #fff;}
.has-sub-menu.active:after{content:"-";color: #fff;}
.menu-news-active{background-color: #eee;}

/*--------------------------------------------------------------
Box search map
--------------------------------------------------------------*/
.box-search-map h3{margin-top: 0;}
.box-search-map {padding: 20px;;border-radius: 10px;;color: #000;;;border: 1px solid #ccc;margin-bottom: 20;margin-bottom: 20px;}
.box-search-map .selecter{
    border: 1px solid #eee;}
.box-search-map  button{background-color: #F05033;border: none;color: #fff;width: 100%;padding: 10px;font-family: 'TPTankhun-Bold', Cordia New;font-weight: normal;font-size: 20px;}
a.view-map{text-decoration: none;display: inline-block;color: #fff;background-color: #00a4e4;padding: 10px 30px;}
.list-location {border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.list-location h3{margin-top: 0;color: #00a4e4;font-size: 25px;}

.contact-form{padding: 20px;border: 1px solid #ccc;}
.contact-form h3{margin-top: 0;}
.contact-form button{border: none;background-color: #F05033;color: #fff;padding: 10px 30px;}

#fb-root {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}

.faq .Q{padding: 10px 40px;position: relative;cursor: pointer;background: #eee;margin-bottom: 2px;}
.faq .Q.active{color: #00a4e4;border: none;margin-top: 20px;}
.faq .Q:before{content:"Q";position: absolute;left: 0;top: 0;background: #00a4e4;color: #FFF;text-align: center;padding: 10px;}
/*.faq .Q.active:before{content: "-";}*/
.faq .A{padding: 10px 40px;border: 1px solid #eee;display: none;position: relative;margin-bottom: 20px;}
.faq .A:before{content:"A";position: absolute;left: -1px;top: 0;background: #00a4e4;color: #FFF;text-align: center;padding: 11px;}
.faq .A.active{display: block;}

.box-career{
    padding: 20px;
    border: 1px solid #ccc;}
.box-career  h3{margin-top: 0;color: #00a4e4;}
.box-career .detail{display: none;padding: 10px 30px;border: 1px solid #ccc;background: #f8f8f8;margin-bottom: 10px;}
.box-career .detail.active{display: block;}
.item-career{padding: 10px 30px;position: relative;cursor: pointer;margin-bottom: 1px;color: #000;background: #eee;;}
.item-career.active{border: none;background-color: #00a4e4;color: #fff;margin-top: 10px;}
.item-career:before{position: absolute;left: 10px;top: 10px;content: "\f007";font: normal normal normal 14px/1 FontAwesome;}
/*--------------------------------------------------------------
Smooth Transfrom
--------------------------------------------------------------*/
.box-navigation, .navigation, .wrapper-box-search{
    transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -webkit-transition:all 0.1s ease-in-out;
}
/*--------------------------------------------------------------
10. Fix IE
--------------------------------------------------------------*/
/*.ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 .box-services .desktop-4 h3, .ie8 .box-search button, .ie8 a.tag-book{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.ie8 .navigation ul li a{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;}
.ie8 .head-box-search h1{font-size: 25px;}*/
.ie8 .input-radio > input{display: inline-block;}
.ie8 .input-radio span{display: none;}
.ie8 .input-radio{padding-left: 0px;}
.ie8 .logo{width: 100%;max-width: 25em;}
/*.ie8 .box-search button{font-size: 25px;}
.ie8 .intro h1{font-size: 30px;}
.ie8 .intro h1 span{font-size: 20px;font-style: italic;}
.ie8 h3{font-size: 20px;}
.ie8 .box-title .view-all{font-size: 12px;}
.ie8 .item-news h4{font-size: 16px;}
.ie8 a.tag-book{font-size: 20px;padding: 10px 15px 23px;}
.ie8 .item-travel .detail h4{font-size: 18px;}
.ie8 .box-services .desktop-4 h3{font-size: 18px;}
.ie8 .footer h3{font-size: 16px;}
.ie8 .address .email{font-size: 14px;}
.ie8 footer{background-color: #f1f1f1;}
.ie8 .box-3{background-color: #f5f5f5;}*/

/*--------------------------------------------------------------
11. Responsive
--------------------------------------------------------------*/
@media (max-width: 1200px) {
    .wrapper-box-search{top: 75px;}
    .box-callcenter a{font-size: 20px;}
    .navigation ul li{display: inline-block;}
    .navigation{text-align: center;}
    .fix-search .head-box-search{width: 200px;left: 50%;margin-left: -50px;z-index: 9999;}
    .fix-logo{left: 29px;}
}
@media (max-width: 992px) {
    h1{font-size: 40px;}
    header{text-align: center;position: relative;height: 53px;border-top: none;border-bottom: 1px solid #eee;}
    header .container{position: initial;}
    .logo{margin-top: 0;}
    .logo img{width: 100px;height: auto;}
    .box-navigation{background-color: #FFFFFF;text-align: center;}
    #open-menu{padding: 17px;display: block;}
    .box-lag{top: 0;right: 0;padding: 17px;text-align: center;border-left: 1px solid #eee;}
    .box-lag:after{right: 29px;bottom: 7px;}
    .select-lang{top: 52px;}
    .box-login{position: relative;top: 0;right: 0;color: #fff;}
    .box-login a{padding: 7px 12px;display: inline-block;margin: 10px 0;background: #00a4e4;color: #fff;border-radius: 5px;width: 100px;}
    .box-navigation{display: none;position: absolute;z-index: 4;width: 100%;}
    .box-navigation .desktop-12{padding-left: 0;padding-right: 0;}
    .box-navigation-active{display: block;}
    .navigation{}
    .navigation ul{list-style: none;padding: 0;margin: 0;}
    .navigation ul li{float: none;display: block;}
    .navigation ul li a{padding: 5px 20px;display: block;border-bottom: 1px dotted #ccc;}
    .owl-theme .owl-controls{margin-top: -70px;padding-bottom: 0px;}
    .wrapper-box-search{position: relative;top: 10px;height: 60px;background: #F4F4F4;}
    .box-main-search{position: absolute;left: 50%;margin-left: -151px;}
    .box-callcenter a{display: block;}
    .box-content{margin-top: 20px;}
    .box-why-sombat li{width: 50%;float: left;}
    .head-box-search{background-color: #f05033;text-align: center;padding:18px 10px;position: relative;cursor: pointer;margin: 0 auto;width: 118px;height: 60px; }
    .head-box-search h1{font-size: 22px;}
    .box-search{padding-top: 40px;margin-top: 5px; position: relative; z-index: 1;}
    .howto-book{text-align: center;}
    .howto-book .desktop-3{margin-bottom: 20px;}
    .address h3{font-size: 20px;}
    .address .email{font-size: 13px;}
    .address .call{font-size: 19px;}
    a.call-mobile, a.email-mobile{display: block;}
    .address h3{}
    .box-title h3{font-size: 20px;}
    .box-title .view-all{font-size: 18px;}
    .item-travel .detail h4{font-size: 22px;}
    .box-services .desktop-4 h3{font-size: 20px;}
    .menu-left ul ul{margin-left: 0;}


}
@media (max-width: 768px) {
    h1{font-size: 35px;}
    h3{font-size: 22px;}
    .bc, .bc a{font-size: 18px;}
    .box-callcenter a{display: inline-block;font-size: 22px;}
    .owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;background-color: #999999;}
    .head-box-search{background-color: #f05033;text-align: center;padding:16px 10px;position: relative;cursor: pointer;width: 118px;margin: 0 auto;z-index: 9999;}
    .head-box-search h1{font-size: 25px;}
    .box-main-search{width: 300px;margin-left: -150px;}
    .box-search{padding-top: 35px;}
    .date-go, .date-back, .date-go input, .date-back input{width: 121px;font-size: 12px;}
    .date-go:after, .date-back:after{top: 20px;}
    .box-search button{width: 300px;font-size: 30px;bottom: -43px;}
    .input-search{max-width: 300px;margin: 0 auto;}
    .box-callcenter{text-align: center;}
    .box-content{margin-top: 40px;}
    .intro h1{font-size: 30px;}
    .intro h1 span{font-size: 25px;}
    .box-title h3{font-size: 25px;}
    .footer ul{padding:20px 30px;clear: both;background-color: #EEE;border-radius: 10px;behavior: url(js/PIE.htc);}
    .footer ul:before, .footer ul:after { content: ""; display: table; }
    .footer ul:after { clear: both; }
    .footer ul { zoom: 1; }
    .footer ul li {width: 50%;float: left;list-style-type: disc;}
    .owl-theme .owl-controls{margin-top: -25px;}
    .ie8 .footer ul{background-color: #fff;}
    .bc{position: relative;left: 0;text-align: left;}
    .address h3{margin-top: 0;}
    .copyright{text-align: center;}
    .copyright .right{text-align: center;}
    .item-news img{margin-bottom: 20px;}
    .ohter-link ul li{float: none;}
    .ohter-link ul li a{border: none;padding: 10px;}
    .ohter-link ul li:first-child a{padding: 10px;}
    #MAP{
        max-width: 970px;
        width: 100%;
        height: 350px;
        margin: 0 auto;
    }
    .box-search-map .selecter{width: 100% !important;max-width: inherit;}

}
@media (max-width: 568px) {
    .box-why-sombat li{width: 100%;float: none;}
    /*.owl-theme .owl-controls{display: none;}*/
    .owl-theme .owl-controls{}
    .wrapper-box-search{}
    .box-search{}
    .footer ul li {width: 100%;float: none;list-style-type: disc;}
    .decrease,.increase{width: 20px; height: 34px;line-height: 34px;padding-left: 7px;}
}

/*LOADER AND MODAL POPUP*/


/******************/

.modal-dialog {
    margin: 108px auto;
    width: 50%;
}

.modal-dialog_detail {
    margin: 108px auto;
    width: 80%;
}

.modal-header {
    text-align: center;
    background-color: #00a4e4;
}

.modal-header h1 {
    color: #ffffff;
}

.modal-body {
    padding-top: 20px;
    font-size: 20px;
    margin-top: 30px;
    text-align: center;
}

.modal-footer {
    margin: 30px auto 30px;
    text-align: center;
    padding-bottom: 60px;
}

.modal-footer button {
    background-color: #f05033;
    width: 180px;
    padding: 8px 15px;
    font-size: 20px;
    color: #ffffff;
    border: none;
}

.modal-footer .no {
    background-color: #ffffff;
    border: 2px solid #f0f0f0 !important;
    color: #f05033;
}

.modal-footer .no:hover {
    background-color: #ccd1d9;
    color: #ffffff;
}