/*	@Author: Sokha's Developer
	@Date: 2014-Jan-03
	@Launch: 2014-Jun-23 02:00pm
*/
/* Global style */
img{width:100%}
.no-mb{margin-bottom:0}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.text-upper{text-transform:uppercase}
/*.error{padding:15px 20px;border:1px solid #ccc;border-top:none;text-align:center}
.error h1{font-size:1em}*/
dt{
	margin-left:15px;
}
label.valid {
	width: 24px;
	height: 24px;
	background: url(../img/valid.png) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: #AE2018;
	padding: 2px 8px;
	margin-top: 2px;
	margin-bottom:0;
}
.booking-transport{
  position: fixed; top:40%; left: 0;-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);-ms-transform-origin: left top 0;-moz-transform-origin: left top 0;-webkit-transform-origin: left top 0;transform-origin: left top 0;background: #AE2029;color: #fff;margin-left: 40px;padding: 10px;border: 1px solid #ccc;text-transform: uppercase;border: 1px solid #B52C2C;text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 999
}
.booking-transport:hover{background: #fff; border-color: #fff; color: #232323; cursor: pointer; text-decoration: none;}
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline,
.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline,
.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea{color:#333}
.control-group.success input, .control-group.success select, .control-group.success textarea{border-color:#ccc}

.navbar-inverse .navbar-inner{
	background-color:#1B1B1B;
	background-image:linear-gradient(to bottom, #222222, #111111);
	border-bottom:3px solid #AE2028
}
.navbar .nav > li > a{
	padding:18px 10px 18px;
	font-size:12px
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a{
	color:#ffffff;
	text-transform:uppercase
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a:hover{
	color:#999999
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus{
	background-color:#AE2028;
	//color:#AE2028;
	font-weight:bold
}
.img-three-cols{
	overflow:hidden;
	margin:0 0 0.9em 0.9em !important;
	padding-left: 0.6em;
	padding-bottom: 1em;
	border-bottom:1px dashed #CECECE;
}
.img-three-cols:last-child,.no-border{
	border:none;
	padding-bottom:0;
}
.img-three-cols img{width:30.5%;padding:0.3em;border:1px solid #eee}
.img-three-cols-no-mp img{width:23.95%;padding:0.3em;border:1px solid #eee}

.img-four-cols{
	overflow:hidden;
	margin:0 0 0.5em 0.9em !important;
	padding-left: 0.6em;
	padding-bottom: 1em;
	border-bottom:1px dashed #CECECE;
}
.img-four-cols:last-child,.no-border{
	border:none;
	padding-bottom:0;
}
.img-four-cols img{width:23.3%;padding:0.3em;border:1px solid #eee}
.img-four-cols-no-mp img{width:23.95%;padding:0.3em;border:1px solid #eee}
.no-pl{padding-left:0}
.mb10{margin-bottom:10px}
table thead th{padding:5px;background:none repeat scroll 0 0 #E3E3E3/*;border:1px solid #CCCCCC*/}
table tbody td{padding:5px/*;border:1px solid #CCCCCC*/}
table.no-border{margin-left:1em !important}
table.no-border thead th, table.no-border tbody td{border:none;vertical-align:top}
form input[type=text], form textarea{
	width:25em;
}
form select{
	width:26em;	
}
.image-captcha{
	width:22.7em;
	height:3.2em;	
}
.row-fluid [class*="span"] .map{
	margin:10px 14px;
}
/* Carousel */
/* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
    	position:relative;
      margin-bottom: 0;
      margin-top:59px
    }

    .carousel .container-fluid {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      top:45%;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      outline: none;
      z-index: 10;
    }

    .carousel .item {
      min-height: 150px;
    }
    .carousel img {
      position: relative;
      top: 0;
      left: 0;
      min-width: 100%;
      min-height: 150px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: -20%;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }    
    /* main menu */
    .main-menu .brand, .main-menu .nav > li > a{
    	text-transform:uppercase;
    	color:#333;
    	text-shadow:0 1px 1px #999999;
    	font-weight:bold;
    	margin:0;
    	padding:18px 15px
    }
    .main-menu ul{margin:0}
    .main-menu .brand:hover, .main-menu .nav > li > a:hover{
    	color:#AE2028;    	
    }
    .main-menu .nav > li.active > a{
    	color:#AE2028;
    	background-color:transparent;
    	/*border-bottom:2px solid #E5B722;*/
    }
    .main-menu .dropdown-menu{
    	min-width:240px;
	  	background:#FFF;	  	
	  	border:1px solid #eee;
	  	border-top:0;
	  	/*border-right-width: 0;
	  	*border-bottom-width: 0;*/
	  	-webkit-border-radius: 0;
	     	-moz-border-radius: 0;
	    		border-radius: 0;
	    -webkit-box-shadow:0 3px 4px #e3e3e3;
     		-moz-box-shadow:0 3px 4px #e3e3e3;
          		box-shadow:0 1px 2px #ccc;
    }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{
	background-color:transparent;
	color:#AE2028
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus{
	background-color:#FFF;
	color:#AE2028;
	-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
	border-radius:0
}
.nav-pills > li > a {  
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.nav .dropdown-toggle .caret{
	border-bottom-color:#333;
	border-top-color:#333
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #FFF;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret,.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret{
	border-bottom-color:#AE2028;
	border-top-color:#AE2028
}
.nav li.active a .caret{
	border-bottom-color:#AE2028 !important;
	border-top-color:#AE2028  !important
}
.dropdown-menu{
	padding:0
}
.dropdown-menu > li > a{padding:7px 35px 7px 10px;border-bottom:1px solid #E3E3E3}
.dropdown-menu > li:last-child > a{border:none}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #AE2028;
  background-image: -moz-linear-gradient(top, #AE2028, #AC2028);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AE2028), to(#AC2028));
  background-image: -webkit-linear-gradient(top, #AE2028, #AC2028);
  background-image: -o-linear-gradient(top, #AE2028, #AC2028);
  background-image: linear-gradient(to bottom, #AE2028, #AC2028);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffAE2028', endColorstr='#ffAC2028', GradientType=0);
}
/*LOGO*/
.logo{z-index: 10; position: absolute;margin:auto; top: 115px; padding: 15px 25px 8px 15px;}
/* Main - Menu */
.main-menu {margin: 0px; z-index: 100; width: 100%; left: 0px; top: 59px; position: fixed;}
.main-menu .container-fluid{border: medium none;background: none repeat scroll 0px 0px rgba(255, 255, 255, 0.6);border-radius:0}
/* Search Engine */
.block-booking-engine{
	float: right;
    margin-top: 51px;
    padding: 0;
    position: absolute;;
    right:0;
    width: 34%;
    z-index: 10;
}
.booking-engine{
	padding:1px 20px 5px;
	background:url(../img/search-engin-dot.png) repeat;
	color:#FFF;
	text-align:center;
}
.booking-engine h3{
	text-transform:uppercase;
	-webkit-text-shadow:0 1px 1px #000000;-moz-text-shadow:0 1px 1px #000000;text-shadow:0 1px 1px #000000
}
#date-of-arrival,#date-of-departure{
position:absolute;
bottom:-8px;
left:-1px;
border:none;
background:none;
z-index:-1
}
.block-check-availability{position:relative;z-index:9;margin-top:25px}
.block-reservation-assistant{position:relative;z-index:9;margin-top:15px}
div.box-number-of-guest{
	width:100%;
	padding:0;
	position:absolute;
	display: none;left: 0; top: 151px; z-index: 10;
	color:#555 !important
}
div.box-number-of-guest:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFF;
  border-bottom-color: rgba(255, 255, 255, 1);
  position: absolute;
  top: -7px;
  left: 6px;
}
div.box-number-of-guest ul li span{padding:7px 0 !important}
div.box-number-of-guest ul li{border-bottom:1px solid #eee}
div.box-number-of-guest ul li:hover, div.box-number-of-guest ul li span.active{background:#AE2028;color:#FFF}
.box-number-of-guest ul{background:#FFF}
.title{overflow:hidden;display:block;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;-web-kit-text-shadow:0 1px 1px #000000;-moz-text-shadow:0 1px 1px #000000;text-shadow:0 1px 1px #000000}
.block-date{position:relative;background: none repeat scroll 0px 0px rgb(255, 255, 255); color:#555; padding:0.35em 1.2em;cursor:pointer}
.block-date:hover, .block-date:hover input.number-of-child{/*background-color:#AE2028;color:#FFF*/}
.block-date:hover > ul li{border-color:#FFF}
.block-date ul{margin:0}
.block-date > ul li{height:auto;border-bottom:1px solid #888}
.block-date ul li:last-child{border:none}
.block-date ul li span{display:block;padding:5px 0;text-transform:uppercase;cursor:pointer;font-family:Arial}
.block-date ul li span.num-date{display:inline-table;padding:25px 0 10px;font-size:4.5em}
.block-date ul li span.num-year{display:inline-table;padding:12px 0 0;font-size:2em}
.block-date ul li span.num-year-up i{position:absolute;top:3px;left:-5px;border-left:18px solid #FFF;border-bottom:18px solid #555;border-right:18px solid #fff;}
.block-date ul li span.num-year-up{position:relative;display:inline-block;margin-bottom:2px;padding:12px/*;background:url(../img/arrow-up.png) no-repeat 0 0;width:24px;height:24px*/}
.block-date ul li span.number-of-guest-down{position:relative;margin-top:0px;margin-bottom:0px;-moz-margin-bottom:6px;padding:10px 12px 22px/*;background:url(../img/arrow-down.png) no-repeat 0 -21px;width:24px;height:24px*/}
.block-date ul li span.number-of-guest-down i{position:absolute;top:8px;left:-5px;border-left:18px solid #FFF;border-top:18px solid #555;border-right:18px solid #fff;}
.block-date ul li span.num-year-up:hover, .block-date ul li span.number-of-guest-down:hover{color:#CCC}
.block-date input.number-of-child{width:70%;margin: 0px;padding:6px 0; border: medium none; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: none; text-align: center; font-size: 150%}
.txt-access-code,.txt-promo-code{width:91% !important;border:none !important;padding:1px 5px 0px !important;margin:0 !important;color:#999 !important;box-shadow:none  !important;border-radius:0  !important}
.txt-access-code{border-bottom:1px dotted #ccc !important}
.children .block-date:hover,.children .block-date:hover input{background:#AE2028;color:#FFF}
.a-check-availability{overflow:hidden;display:block}
.a-check-availability,.a-check-availability span{overflow:hidden;margin-top:0;color:#AE2028;font-weight:bold;font-size:115%;white-space:nowrap;text-overflow:ellipsis;-web-kit-text-shadow:0 1px 1px #000000;-moz-text-shadow:0 1px 1px #000000;text-shadow:0 1px 1px #000000;text-transform:uppercase}
.a-check-availability{background-color: #fff;}
.a-check-availability:hover{text-decoration:none}
span.btn-check-availability{font-size: 400%; display: inline-block; vertical-align: middle; padding:0px 11px 13px 16px;background-color:#FFFFFF;font-weight:normal;line-height:38px}
.a-check-availability:hover span.btn-check-availability, span.btn-check-availability:hover{
	background-color:#AE2028;
	color:#FFF;	
}
.a-check-availability:hover span{
	-web-kit-text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	text-shadow:1px 1px 1px #000
}
.reservation-assistant{color: rgb(255, 255, 255); font-weight: bold; text-shadow: 0px 2px 1px rgb(0, 0, 0); font-size: 110%;}
/*datepicker*/
.datepicker{
	border-top:none;
	font-family:arial;
	-webkit-border-radius: 0;
  		-moz-border-radius: 0;
  			border-radius: 0;
}
.datepicker tr:first-child th,.datepicker th:first-child td{border-top:none}
.datepicker td,
.datepicker th {
	margin:1px;
  text-align: center;
  width: 25px;
  height: 25px;
  border:1px solid #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker td.day:hover {
  background: #AE2028;
  cursor: pointer;
  color:#FFF
}
.datepicker td.active, .datepicker td.active:hover{
	color: #ffffff;
  background-color: #AE2028;
  background-image: -moz-linear-gradient(top, #AE2028, #AB2028);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AE2028), to(#AB2028));
  background-image: -webkit-linear-gradient(top, #AE2028, #AB2028);
  background-image: -o-linear-gradient(top, #AE2028, #AB2028);
  background-image: linear-gradient(to bottom, #AE2028, #AB2028);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffAE2028', endColorstr='#ffAB2028', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color:transparent;
  *background-color: transparent;
}
/* here you are */
.here-you-are{background-color:#eee}
.here-you-are .text{padding:10px 18px;/*text-transform:uppercase;*/color:#ccc}
.here-you-are .text .breadcrumb{margin:0;padding:0;background:none}
.here-you-are .text a{padding-left:10px;color:#ccc}
.here-you-are .text a:hover{text-decoration:none;color:#333}
.here-you-are .text .active a{color:#333}
.check-availbility{display:none}
.h-nav-right{overflow:hidden;padding-left:40px;padding-bottom:15px;border-left:1px dashed #ccc}
.h-nav-right h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Arial;font-size:26px}
.h-nav-right blockquote{border-left:none}
.h-nav-right blockquote h4{padding: 0px; margin: 0px 0px 5px; text-transform: capitalize;font-size:16px}
.h-nav-right blockquote p{font-size:14px;line-height:20px}
.h-hotel-overview h3{display:inline-block}
.h-hotel-overview dl dd{margin-top:5px}
.h-hotel-overview dl dd ul{list-style:square;margin-left:15px}
.line-dash{border-bottom:1px dashed #ccc}
.promotion h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-image:none !important;font-family:Arial;font-size:26px;margin-top:10px !important;padding-left:0 !important;text-align:center !important}
.promotion p{margin:0 !important;padding:10px 0 5px}
.promotion dl{margin:0}
.promotion ul{margin-left:10px;list-style:circle}
.promotion ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promotion ul li:before{content:"\00BB \0020"}
/*where our guest said*/
.what-our-guest-said{}
.what-our-guest-said .item{height:auto !important;min-height:0}
/* Map */
.local-information{clear:both;padding-bottom:5px;background-color:#f8f8f8;font-family:Arial;color:#888}
.local-information h3{margin:0}
/* Explore Our Destinaion */
.explore-our-destination{}
.explore-our-destination h3, .explore-our-destination p,.title-phara h3, .title-phara p{margin:0;padding:0}
.local-information p{margin:10px 0 0;text-transform:uppercase}
/* Social Media */
.social-media{margin-top:20px}
.social-media h3, .social-media p{margin:0;padding:0}
/* Footer */
.footer-menu{padding:0px 0 0 0;background:url(../img/footer-dot1.png) repeat #f8f8f8;}
.footer-menu h4{margin-top:0;text-transform:uppercase}
.footer-menu ul{margin-left:10px;list-style:none}
.footer-menu ul li{float:left}
.footer-menu a{padding:0 5px;font-size:12px;font-weight:bold;color:#555}
.footer-menu a:hover{color:#000}
.footer-menu ul li a{border-right:1px solid #ccc !important}
.footer-menu ul li:last-child a{border:none !important}
.footer-menu a:hover{text-decoration:none}
.footer-menu h5 a{font-size:1.1em}
.copy-right{font-size:90%;padding-left:15px}
.line-dash-2{border-bottom:2px dashed #333}
.title-phara p.description{margin-bottom:15px}
/* flag */
.flag{float:right !important;margin:0 !important}
.flag #dLabel-flag{padding:18px 0}
.flag-en{
	background:url(../img/flags/flag-en.png) no-repeat 0 0
}
.flag-kh{
	background:url(../img/flags/flag-kh.png) no-repeat 0 0
}
.flag-en, .flag-kh{
	padding-left:32px;
	text-transform:capitalize
}
.fb-like{margin-top:17px}
/* Section Details */
.section-details{}
.social-network-page-like > div{position:relative;float:right;overflow:hidden;top:10px}
.social-network-page-like img{width:auto !important}
/* social-network-page-like */
.social-network-page-like .fb{top:-6px}
.social-network-page-like .g-plus{margin-left:5px;width:60px}
.social-network-page-like .twitter{margin-left:4px}
.social-network-page-like .twitter .twitter-share-button{width:86px !important}
.social-network-page-like .pinterest{/*margin-left:33px*/}

.section-details div > h2{position:relative;padding-top:5px;text-transform:uppercase}
.section-details div > h2 span{position:relative;padding:2px 20px 0;background-color:#FFF;z-index:10}
.section-details div > h2:after{
	position:absolute;
	top:25%;
	/*border-bottom: 1px solid #333;*/
    content: "";
    display: block;
    height: 1px;
    margin: 0.9em 0 0;
    width: 100%;
}
.bt-dashed{
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
}
.section-details div h3,.section-details .span6 dl dd ul li, .section-details .span6 strong{
	overflow:hidden;
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.section-details div h3, .title-promotion{padding-left:15px;background:url(../img/arrow-right-gray.gif) no-repeat scroll 0 center rgba(0, 0, 0, 0)}
.title-promotion{	
	background-position:0 60%;
}
.title-promotion span{
	padding:0 !important
}
.section-details .row-fluid:nth-child(2) div h3{margin-top:0;}
.section-details div p,.section-details div h4,.section-details div h5,.section-details div .myCarousel-img-page,.section-details div table,.accordion{
	/*width:65%;*/
	margin:10px 14px;
}
.section-details div p{margin-right:0}
.section-details div > .middle ul,.section-details div > .middle ol{margin-left:45px}
.section-details div > ul li > ul, .section-details div > ul li > ol{list-style:disc}
.section-details div > ul li > ul li > ul, .section-details div > ul li > ol li > ul{list-style:circle}
.section-details div table{width:98%;margin-left:0}
/* special offers */
.page-title,.page-title-next{z-index:10}
.page-title-next div > h2 span{z-index:0}
.special-offer-booknow{float: right; position: relative; right: 12px; top: -55px;}
.section-details .span6 img{
	float:left;
	width:30%;	
	opacity:1
}
.section-details .span6 img:hover{
	opacity:1
}
.section-details .span6 p, .section-details .span6 dl,.section-details .span6 strong{
	float:left;
	margin-left:10px
}
.section-details .span6 dl,.section-details .span6 strong{
	width:65%;
	margin:0 0 0 10px
}
.section-details .span12 strong{display:block;margin-bottom:10px}
.section-details .span6 dl dt:before, .section-details .span6 strong:before{
	content:"+ "
}
.section-details .span6 p{
	margin-top:-4px
}
.section-details .span6 dl dd ul{margin-left:10px}
.section-details .span6 dl dd ul li:before{content:"- ";}
.block-img-promotion-detail{position:relative;z-index:1}
.red{color:#AE2018}
label .red{float:right;padding-left:0px}
#frm .control-label{text-align:left}
#frm .input-append{position:relative}
#frm .control-group{margin-left:10px}
/*label .red:before{content:"("}
label .red:after{content:")"}*/
.detail-book-now{position:absolute;right:12px;bottom:6px;padding:7px 15px/*;color:#AE2028*/}
/* middle */
.section-details,.middle{margin-top:15px;padding-right:10px;line-height:24px}
.section-details ul li{line-height:24px}
.middle ul{margin-left:2.6em;list-style:square}
.middle p,.middle > div,.middle > h4, .middle > table{margin-left:15px;margin-right:5px;text-align:left}
.middle > h4:first-child{margin-left:0}
.email-image{width:215px}
.map > div{margin:10px 0 2px 0;height:450px}
/* left Menu */
.nav-left{min-height:450px !important;border-right:1px solid #eee}
.nav-left ul{list-style:none;margin:0;padding:0}
.nav-left ul li a{
	display:block;
	padding:12px 5px 12px 15px;
	background-image: -moz-linear-gradient(left,#FFFFFF, #F1F1F1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F1F1F1), to(#FFFFFF));
  background-image: -webkit-linear-gradient(left, #FFFFFF, #F1F1F1);
  background-image: -o-linear-gradient(left, #FFFFFF, #F1F1F1);
  background-image: linear-gradient(to left, #FFFFFF, #F1F1F1);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F1F1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  
  background-color:#EEEEEE;
  border-bottom:1px solid #e3e3e3;
  color:#333;
}
.nav-left ul li:last-child a{border:none}
.nav-left ul li.active a{color:#AE2028;padding-left:25px}
.nav-left ul li a:hover,.nav-left ul li.active a{
	text-decoration:none;
	background-image: -moz-linear-gradient(right,#FFFFFF, #FeFeFe);
  background-image: -webkit-gradient(right, 0 0, 0 100%, from(#F1F1F1), to(#FFFFFF));
  background-image: -webkit-linear-gradient(right, #FFFFFF, #F1F1F1);
  background-image: -o-linear-gradient(right, #FFFFFF, #F1F1F1);
  background-image: linear-gradient(to right, #FFFFFF, #f1f1f1);
  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F1F1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);	
}
.nav-left > img{width:94%}
.nav-left > p, .nav-left blockquote, .nav-left > img{padding:0 5px 20px 0;border-bottom:1px dashed #ccc}
.nav-left > p:last-child, .nav-left blockquote:last-child, .nav-left > img:last-child{border-bottom:none}
.nav-left blockquote{border-left:none}
.nav-left blockquote small{margin:5px 0 0 10px}
.nav-left h3{margin:20px 0 10px -20px;padding:0 0 0px 10px;border-left:10px solid #EEE;
}
/*Dining*/
.accordion-toggle:hover,.accordion-toggle:focus{text-decoration:none;outline: 0 none}
 .accordion-caret .accordion-toggle:not(.collapsed):before {
        content: "▾";
        margin-right: 7px;
    }	
    .accordion-caret .accordion-toggle.collapsed:before {
        content: "▸";
        margin-right: 7px;
    }
    .accordion-body{z-index:0}    
.img-set-menu{float:left;width:50%}
/* meeting and event */
.tbl-facilities thead th img{width:auto}
.tbl-facilities thead th{vertical-align:inherit}
.tbl-facilities thead th:first-child{text-align:center}
/* News Release */
.news-release{padding-bottom:0}
.news-release:last-child{padding-bottom:20px}
.news-release ul{margin:0}
.news-release ul li{overflow:hidden;margin-bottom:10px;border-bottom:1px dashed #ccc}
.news-release ul li:last-child{margin-bottom:0;border-bottom:0 none}
.news-release .read-more,.read-more{float:right;margin-top:-25px;color:#AE2018;font-style:italic;outline:none}
a{color:#333}
/* Go to */
.go-to-top{
	display:none;
	position:fixed;
	bottom:5px;
	right:25px;
	padding:7px 10px 3px;
	background-color:#cecece;
	color:#333;
	outline:0;
	z-index:1000
}
.block-go-to-target{
	display:none;
	position:fixed;
	left:20px;
	top:120px
}
.go-to-target{padding:5px 5px 0;background-color:#fff;border:1px solid #ccc}
.go-to-target:hover{background:#f5f5f5}
#go-to-target-top{float:left;}
#go-to-target-down{clear:left;float:left;margin-top:2px}
.go-to-top:hover{background-color:#AE2028;color:#FFF}
/* Room */
.tbl-room-type tr:hover{cursor:pointer}
.myCarousel-img-page .carousel-caption{margin-top:-5% !important}
.myCarousel-img-page .carousel-inner{z-index:-1}
ul{list-style:square}
.btn-booking-now{
	position:absolute;
	right:10px;
	bottom:5px;
}
/* awards */
.img-auto{text-align:center}
.img-auto img{width:auto}
.read-more-block{display:none;overflow:hidden;margin-top:-10px}
/* Day & Overnight Trip */
.day-trip img:hover{border-color:#999;cursor:pointer}
/* Job Detail */
.job-details{
	padding:0 10px
}
.job-details table{
	margin:0 !important
}
.job-details ul{
	margin-left:45px
}
legend{margin-bottom:10px}
.titlew{font-weight:bold}
/* Marathon */
ul.marathon-register-address{
	margin-left:32px !important;
	margin-top:10px;

}
ul.marathon-register-address li{
	
}
.marathon-information th{
	text-align:center
}
.marathon-information th:first-child{
	text-align:left
}
.room-rate-detail{display:none}
.number-of-night{width:40px;height:16px;padding:0 3px}

ul.ul-marathon{list-style:none;overflow:hidden;width:99%;margin-top:15px !important;margin-left:9px !important;}
.ul-marathon li{float:left;width:32.5%;margin-right:1.2%}/*282px*/
.ul-marathon li:last-child{margin-right:0}
.ul-marathon li span{overflow:hidden;display:block;margin:5px;height:150px;text-align:center;border:1px solid #ccc;cursor:pointer;box-shadow:0px 2px 3px #ccc;border-radius:5px;text-indent:-850px}
.ul-marathon li span.room{height:178px;background:url(../img/marathons/Champei-King-1.jpg) no-repeat center center / 100% auto}
.ul-marathon li span.course-map{height:178px;background:url(../img/marathons/Marathon-Map-02.jpg) no-repeat center center / 100% auto}
.ul-marathon li span.registration{height:178px;background:url(../img/marathons/registration_form.jpg) no-repeat center center / 100% auto}
.ul-marathon li span:hover{border-color:#999;box-shadow:0px 2px 3px #555}
.s-number-of-adult,.s-number-of-kid{width:30%;height:25px}
.welcome-dinner-info{
	margin-left:15px
}
.welcome-dinner-info{
	
}
.welcome-dinner-info table{
	width:auto;
}
.welcome-dinner-info table td{
	padding:0 5px 0;
	margin:0;
}
.welcome-dinner-info table td select{
	width:auto;
}
.ul-room-rate{
	list-style:none !important;
	margin-left:19px !important;
}
.room-booking-include{
	margin-left:25px;
}
.room-booking-include ul{
	margin-left:27px !important;
}
.block-number-of-night{
	margin-left:7px
}
.wauto{
	width:auto !important;
	height:auto !important;
	margin-bottom:15px;
}
.lok-yeay-mao-pic-wauto{
	width:45% !important;
	height:auto !important;
	margin-bottom:15px;
}
.lok-yeay-mao-pic-wauto2{
	width:53% !important;
	height:auto !important;
	margin-bottom:15px;
}
.fright{
	float:right !important
}
.fleft{
	clear:left;
	float:left !important
}
.checkin_out{
display:block;
margin-top:10px;
}
.checkin_out select{
	width:auto
}
/* icon calendar */
.input-append .add-on, .input-append .btn, .input-append .btn-group{
	position:absolute;
	top:0;
	left:24.4em;
	z-index:10;
}
/* contain radio button */
.contain-radio label{
	display:inline-block;
	width:auto;
}
.contain-radio input{
	margin:0 5px 0 0
}
label{
	display:inline-block
}
.enable-mobile{
  		display:none !important;
  	}
  	.disable-mobile{
  		display:block;
  	}
/*.section-details .span6 p:last-child{clear:left}*/
/* RESPONSIVE CSS
    -------------------------------------------------- */
   
    /*@media (max-width:2560px),(max-device-width:2560px){
    	.carousel .item {
        height: 1236px;
      }
      .carousel img {
        width: auto;
        height: 1236px;
      }      
    }*/
	@media screen and (min-width: 1281px){
		.large-screen,.navbar-inner,.main-menu .container-fluid{
		
			width:1280px;
			margin:auto;
		}		
		
		.navbar-inverse .navbar-inner{
			border-bottom:0 none
		}
		.navbar{
			background-color:#1B1B1B;
			background-image:linear-gradient(to bottom, #222222, #111111);
			border-bottom:3px solid #AE2028
		}
		.navbar-inner{
		
		}
		
		
		.section .page-title{
			top:1px;
		}
		
		.nav-left ul li a:hover, .nav-left ul li.active a{
			background-image:linear-gradient(to left, #FFFFFF, #F1F1F1);
		}
		
		
		.block-booking-engine{
			
		}
	}
	@media screen and (min-width:1280px){
		.carousel .item {
	      min-height: 552px; /*590px;*/
	    }
	    .myCarousel-img-page .item{
			min-height:150px
		}
	}
	
	@media (max-width:1200px){
		.img-four-cols img{
			width:22.2%;
		}
		.bt-dashed{padding:0}
		.section-details{font-size:0.7em;line-height:16px}
    	.section-details .span6 dl dd ul li{line-height:16px}
    	.section-details div p{margin:0 0 0 15px}
    	.section-details div > .middle ul, .section-details div > .middle ol{
    		margin-left:30px
    	}
    	.section-details label{font-size:0.95em;line-height:16px}
    	h1,
		h2,
		h3 {
		  line-height: 30px;
		  margin:0;
		}
		
		h1 {
		  font-size: 38.5px;
		}
		
		h2 {
		  font-size: 18px;
		}
		
		h3 {
		  font-size: 15.5px;
		}
		
		h4 {
		  font-size: 17.5px;
		}
		
		h5 {
		  font-size: 14px;
		}
		
		h6 {
		  font-size: 11.9px;
		}
		
		.navbar .nav > li > a{
			padding:18px 8px;
			font-size:65%
		}
		.main-menu .brand, .main-menu .nav > li > a{
			padding:18px 9px;
			font-size:75%
		}
		/* Map */
		.local-information p{font-size:12px}
		.local-information h3{font-size:18px}
		

      .carousel-caption h1 {
        font-size: 28px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 15px;
      }
		.carousel-caption .btn {
        padding:8px 19px;
      }
      .marketing .span4 + .span4 {
        margin-top: 40px;
      }
      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
      
      /*booking engine*/
		.block-booking-engine{}
		.booking-engine{padding:1px 7px 0px 10px}
		.block-date input.number-of-child{padding:2px 0}
		.block-date{padding:0.64em 0.5em}
		.title{margin-bottom:0px;margin-top:0;font-size:70%}
		.block-date ul li span{font-size:100%}
		.booking-engine h3{margin-top:15px;margin-bottom:5px;font-size:14px;line-height:16px}
		.block-date ul li span.num-date{padding:22px 0 13px;font-size:3.5em}
		.block-date ul li span.num-year{padding:5px 0 0;font-size:1em}
		.block-date input.number-of-child{font-size:100%}
		.a-check-availability, .a-check-availability span{font-size:100%}
		span.btn-check-availability{padding:1px 8px 6px 10px;font-size:200%;line-height:21px}
		.block-check-availability{margin-top:10px}
		.block-reservation-assistant{margin-top:5px}
		.reservation-assistant{font-size:70%}
		.reservation-assistant a{color:#FFF}
		
		.block-date ul li span.num-year-up i{top:-6px;left:-13px;border-left:13px solid #FFF;border-bottom:13px solid #555;border-right:13px solid #fff;}      
     	.block-date ul li span.number-of-guest-down i{top:-3px;left:-13px;border-left:13px solid #FFF;border-top:13px solid #555;border-right:13px solid #fff;}
     	.block-date ul li span.num-year-up{margin-top:15px;margin-bottom:6px}
     	.block-date ul li span.number-of-guest-down{margin-bottom:9px}
     	div.box-number-of-guest{top:89px}     	
     	
     	#txt-access-code,#txt-promo-code{font-size:8px !important}
     	.btn-xlarge{font-size:28px}
     	.h-nav-right h3,.promotion h3{font-size:20px}
     	.section-details ul li{
     		line-height:15px
     	}
	}	
	@media (min-width:1100px) and (max-width:1199px){
	
		.navbar .nav > li > a{
			padding:18px 11px
			font-size:73%
		}

      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 15px;
      }
		.carousel-caption .btn {
        padding:8px 19px;
      }     
	}	
	@media (max-width:1025px){	    
    	.tablet-detect{
    		padding-bottom:1px
    	}
    }
    @media  (max-width: 979px) {  /* ipad portable */    
    	.tablet-hide{display:none} 
    	body{font-size:90%}   	
    	.section-details .span6 strong{width:90%}
		.navbar-inner{padding:0 !important}
    	.navbar-fixed-top{position:fixed;margin-bottom:0}
    	.navbar-fixed-top .nav-collapse{margin-left: -38%; margin-right: -30%;background-color:#FFF}
    	.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus{background-color:#EEE;color:#Ae2028 !important}
    	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a{color:#555}
    	.navbar-inverse .nav-collapse .nav > li > a:hover,
		  .navbar-inverse .nav-collapse .nav > li > a:focus,
		  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
		  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
		    background-color: #EEE;
		    color:#AE2028
		  }
		.nav-collapse .nav > li > a{margin-bottom:0;border-bottom:1px dashed #eee;padding:18px 15px;font-size:85%}
		.nav-collapse .nav > li:last-child > a{border:none}		
    	.fb-like{margin-top:13px}
    	.nav-top .span1{float:left;width:20%}
    	.nav-top .span9{float:left;width:64%}
    	.navbar .btn, .navbar .btn-group{margin-top:6px}
    	.nav-top .span2{float:right;width:13%;margin-left:0 !important}
    	.flag #dLabel-flag{padding:12px 0}
    	.flag .dropdown-menu{min-width:none}
    	.flag .dropdown-menu > li > a{padding:7px 8px 7px 10px}
    	/* main-menu */
    	.main-menu{position: relative;top:45px;}
    	.main-menu .offset2{width:100%;margin-left:0 !important}
    	
    	.main-menu .brand, .main-menu .nav > li > a{padding:14px 14px;}
		.main-menu .brand, .main-menu .nav > li > a:hover{}
		/*booking engine*/
		.block-booking-engine{margin-top:46px}
		.booking-engine{padding:1px 7px 0px 10px}
		.block-date input.number-of-child{padding:13px 0 9px}
		.block-date{padding:0 0.3em 0}
		.title{margin-bottom:0px;margin-top:0;font-size:90%}
		.block-date ul li span{font-size:100%;padding-bottom:1px}
		.booking-engine h3{margin-top:15px;margin-bottom:5px;font-size:14px;line-height:16px}
		.block-date ul li span.num-date{padding:8px 0;font-size:2em}
		.block-date ul li span.num-year{padding:5px 0 0;font-size:1em}
		.block-number-of-guest{padding-top:0}
		.block-number-of-guest ul li{line-height:17px}
		div.box-number-of-guest ul li span{padding:3px 0 !important}
		.block-date input.number-of-child{font-size:100%}
		.a-check-availability, .a-check-availability span{font-size:100%}
		span.btn-check-availability{padding:1px 8px 6px 10px;font-size:200%}
		.block-check-availability{margin-top:10px}
		.block-reservation-assistant{margin-top:5px}		
		.reservation-assistant{font-size:90%}
		
		.h-nav-right{padding-left:16px;padding-bottom:0}
		.h-nav-right blockquote h4{margin-top:15px}
		/*Logo*/
		.logo{}
		.logo img{width:106px}
		/* Map */
		.local-information p{font-size:10px !important}
		.local-information h3{font-size:16px !important}
		/* Banner slide */
		.carousel{			
			margin-top: 0px;
		}
		.carousel-caption {
        width: 65%;
        padding: 0 10px 0;
        
      }
      .carousel-caption h1 {
        font-size: 26px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 15px;
      }
		.carousel-caption .btn {
        padding:8px 19px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }
      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
      .block-date ul li span.num-year-up i{left:-13px;border-left:13px solid #FFF;border-bottom:13px solid #555;border-right:13px solid #fff;}
      .block-date ul li span.number-of-guest-down i{left:-13px;border-left:13px solid #FFF;border-top:13px solid #555;border-right:13px solid #fff;}
    }
    @media (max-width:768px){	    		
		.main-menu .brand, .main-menu .nav > li > a{
			padding:18px 11px;
			font-size:70%
		}
		.nav-top .span9{float:left;width:62%}
		.nav-top .span2{width:14%;}
		.flag .dropdown-menu{min-width:none}
		/* Map */
		.local-information p{font-size:12px}
		.local-information h3{font-size:18px}
	}
    @media (max-width: 767px) { 
    .img-four-cols img{
			width:22%;
		}
    	.block-booking-engine,.here-you-are{display:none}
    	.check-availbility{
    		display:block;
    	}
    	.check-availbility div a{
    		display:block;
    		margin-top:0.1em;    	
    		padding:0.5em;
    		background-color:#EEE;
    		text-align:center;
    		color:#AE2028;
    		font-weight:bold;
    	}
    	.check-availbility div a:hover{
    		background-color:#e3e3e3;
    		text-decoration:none
    	}
    	
    	.navbar .nav > li > a{font-size:99%}
    	
    	.nav-left{
    		overflow:hidden;
    		margin-top:5px;
    		height: auto !important;
    		min-height:30px !important;
    		background-color:#eee;
    	}
    	.nav-left ul{margin: 0 !important}
    	.nav-left ul li{float:left;border-right:1px solid #ccc;border-left:1px solid #fff}
    	.nav-left ul li:last-child{border-right:none}
    	.nav-left ul li a{padding:7px 12px;background: transparent;border:none;font-size:15px;font-weight:bold}
    	.nav-left ul li a:hover, .nav-left ul li.active a{background:none}
    	.nav-left ul li.active a{padding-left:15px}
    	.nav-left ul li:first-child a{padding-lefe:0}
    	/* section detail */
    	.bt-dashed{padding:0;border:none}
    	.section-details .span6{overflow:hidden;padding-bottom:20px;border-bottom:1px dashed #ccc}
    	.section-details .row-fluid:first-child .span6,.section-details .row-fluid:last-child .span6:last-child{border:none;padding:0}  
    	.section-details .span6 strong{width:90%}
    	.middle > h4{margin-left:5px !important;font-size:14px}  	
    	
    	.navbar-fixed-top{position:fixed;margin-bottom:0;padding:0 20px}    	
    	.navbar-fixed-top .navbar-inner{padding:0 0 0 22px}
    	.navbar-fixed-top .nav-collapse{margin-left: -38%; margin-right: -30%;background-color:#FFF}
    	.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus{background-color:#EEE;color:#Ae2028 !important}
    	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a{color:#555}
    	.navbar-inverse .nav-collapse .nav > li > a:hover,
		  .navbar-inverse .nav-collapse .nav > li > a:focus,
		  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
		  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
		    background-color: #EEE;
		    color:#AE2028
		  }		  
		  .nav-collapse .nav > li > a{margin-bottom:0;border-bottom:1px dashed #eee;padding:18px 15px;font-size:85%}
		  .nav-collapse .nav > li:last-child > a{border:none}		
    	.fb-like{margin-top:13px}
    	.nav-top .span1{float:left;width:20%}
    	.nav-top .span9{float:left;width:62%}
    	.navbar .btn, .navbar .btn-group{margin-top:8px}
    	.nav-top .span2{float:right;width:14%;margin-right:3.2%}
    	.flag #dLabel-flag{padding:14px 0}
    	.flag .dropdown-menu{min-width:none}
    	.flag .dropdown-menu > li > a{padding:7px 8px 7px 10px}
    	/* main-menu */
    	/*.main-menu{position: relative;top:48px;margin-bottom:-67px}*/
    	.main-menu{position: inherit;margin-top:50px;margin-bottom:0px}
    	.main-menu .container-fluid{background-color:#FFF;}
    	.main-menu:after{clear:both}
    	.main-menu .dropdown-menu{background-color:#EEE;margin-top:-1px}
    	.main-menu .brand, .main-menu .nav > li > a{padding:18px 14px;border-bottom:1px dashed #EEE;font-size:100%}
		.main-menu .brand, .main-menu .nav > li:last-child > a{border-bottom:none}
		.main-menu .brand, .main-menu .nav > li > a:hover{background-color:#EEE}
    	.nav-tabs > li, .nav-pills > li{/*float:none*/;font-size:0.65em}
		.block-booking-engine{
			position:relative;
			margin-top:20px;
			margin-bottom:20px;
			top:0;
			z-index: 10; padding: 0px;
			right: 0px;
		}
		/*Logo*/
		.logo{/*position:relative;*/top: 110px;left: 25px;z-index:10}
		.logo img{width:auto}
		/*Booking Engine*/
		.booking-engine{background:url(../img/footer-dot.png);}
		.booking-engine h3, .title,.reservation-assistant{color:#333;text-shadow:none}
		.datepicker td, .datepicker th{width:4.5em;height:2em}
		.h-nav-right{border-left:none;padding-left:0;padding-bottom:0;border-top:1px dashed #ccc}		
		.h-nav-right blockquote h4{margin-top:0px}
		.local-information h3{border-bottom:1px dashed #ccc}
		.local-information div:last-child h3{border:none}
		/* Map */
		.local-information p{font-size:12px}
		.local-information h3{font-size:15px}
      .carousel {
      clear:both;
       /* margin-left: -20px;
        margin-right: -20px;*/
        margin-top: 0px;
      }

      .carousel-caption {
        width: 65%;
        padding: 0 70px 0 20px;
        margin-top:-25%
      
      }
      .carousel-caption h1 {
        font-size: 24px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 15px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }		
    }
    @media (max-width: 480px) {
    	.enable-mobile{
    		display:block !important;
    		text-align:center
    	}
    	.enable-mobile span{display:block;}
    	.disable-mobile{
    		display:none !important;
    	}
	    .img-four-cols img{
			width:21%;
		}
	    .navbar-fixed-top .nav-collapse{margin-left: -45%; margin-right: -43%}
	    .nav-collapse .nav > li > a{
	    	padding:5px 15px;
	    	font-size:70%;
	    }
	     .main-menu .nav{margin:0 -20px}
	     .main-menu .nav > li > a{padding:7px 3px;font-size:92%}
	     
    	.carousel-caption{display:none}
    	.logo{top:200px}
    	.logo img{width:60px}
    	.nav-top .span1{float:left;width:20%}
	  	.nav-top .span9{float:left;width:46%}
	  	.navbar .btn, .navbar .btn-group{margin-top:8px}
	  	.nav-top .span2{float:right;width:29%;margin-right:3.2%}
    }
    @media screen and (orientation: landscape) and (max-width: 480px) {
    	.nav-top .span1{float:left;width:20%}
	  	.nav-top .span9{float:left;width:56%}
	  	.navbar .btn, .navbar .btn-group{margin-top:8px}
	  	.nav-top .span2{float:right;width:20%;margin-right:3.2%}
    }
    @media (max-width: 360px) {
    .img-four-cols img{
		
		padding:1px
	}