/* #Buttons
================================================== */

.button, button, input[type="submit"],
input[type="reset"], input[type="button"] {
	border:1px solid #ccc;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#444;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	margin-bottom:20px;
	line-height:normal;
	padding:8px 10px;
	font-family:"Open Sans", Arial , sans-serif; 
	box-shadow:0 !important;
	outline:0 !important;
}

.button.full-width, button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width:100%;
	padding-left:0 !important;
	padding-right:0 !important;
	text-align:center; 
}


/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border:0;
	padding:0;
}


/* #Forms
================================================== */

fieldset {
	margin-bottom:20px; 
}

input[type="text"],
textarea, select {
	border:1px solid #ccc;
	padding:3px 2px;
	color:#777;
	margin:0;
	width:180px;
	max-width:100%;
	display:block;
	margin-bottom:20px;
	background:#fff; 
	font-weight:300;
	font-family:"Open Sans",sans-serif;
}
 #comment{margin-left:30px;}
select {
	padding:0; 
}

textarea {
	min-height:60px; 
}

label, legend {
	display:block;
	font-weight:bold;
	font-size:13px;  
}

select {
	width:220px; 
}

input[type="checkbox"] {
	display:inline; 
}

label span,
legend span {
	font-weight:normal;
	font-size:13px;
	color:#444; 
}
/* BASE SKELETON GRID INITIALIZING

/* Table of Contents
==================================================
    #Base 960 Grid
	#Desktops and laptops
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

.container { 
	position:relative; 
	width:960px; 
	margin:0 auto; 
	padding:0; 
}

.container .column,
.container .columns { 
	float:left; 
	display:inline; 
	margin-left:10px; 
	margin-right:10px; 
}

.row { 
	margin-bottom:20px; 
}

/* Nested Column Classes */
.column.alpha, .columns.alpha { 
	margin-left:0; 
}

.column.omega, .columns.omega { 
	margin-right:0; 
}

/* Base Grid */
.container .one.column,
.container .one.columns { 
	width:40px;  
}

.container .two.columns { 
	width:100px; 
}

.container .three.columns { 
	width:160px; 
}

.container .four.columns { 
	width:220px; 
}

.container .five.columns { 
	width:280px; 
}

.container .six.columns {
	width:340px; 
}

.container .seven.columns { 
	width:400px; 
}

.container .eight.columns { 
	width:460px; 
}

.container .nine.columns { 
	width:520px; 
}

.container .ten.columns { 
	width:580px; 
}

.container .eleven.columns { 
	width:700px; 
}

.container .twelve.columns { 
	width:700px; 
}

.container .thirteen.columns { 
	width:760px; 
}

.container .fourteen.columns { 
	width:820px; 
}

.container .fifteen.columns { 
	width:880px; 
}

.container .sixteen.columns { 
	width:940px; 
}

.container .one-third.column { 
	width:300px; 
}

.container .two-thirds.column { 
	width:620px; 
}

/* Offsets */
.container .offset-by-one { 
	padding-left:60px;  
}

.container .offset-by-two { 
	padding-left:120px; 
}

.container .offset-by-three { 
	padding-left:180px; 
}

.container .offset-by-four { 
	padding-left:240px; 
}

.container .offset-by-five { 
	padding-left:300px; 
}

.container .offset-by-six { 
	padding-left:360px; 
}

.container .offset-by-seven { 
	padding-left:420px; 
}

.container .offset-by-eight { 
	padding-left:480px; 
}

.container .offset-by-nine { 
	padding-left:540px; 
}

.container .offset-by-ten { 
	padding-left:600px; 
}

.container .offset-by-eleven { 
	padding-left:660px; 
}

.container .offset-by-twelve { 
	padding-left:720px; 
}

.container .offset-by-thirteen { 
	padding-left:780px; 
}

.container .offset-by-fourteen { 
	padding-left:840px; 
}

.container .offset-by-fifteen { 
	padding-left:900px; 
}


/*begin buy lease tiya */
.rooms-three-columns-list .rooms-list-item-image-wrap img {display: block; height: 230px; width: 345px;}
		.ie8 .room-overlay-readmore, .room-overlay-checkavail, .ie8 .blog-overlay-readmore{ display:none;}
		#top-content-divider{display:block !important; padding-bottom:0px; border-bottom:none;}
		.wrap-devider{width:1224px; border:1px solid #dfdfdf; background:white; margin:auto;}
		.devider-right{  width:auto; height:40px; background:none; margin:auto;}
		.button-best-deal{color:white; float:left; background:#FF9933; font-size:13px; width:240px; text-align:center; height:30px; cursor:pointer; padding-top:8px;}
		.button-best-deal:hover{background:#f7b16c;}
		#button-go{padding:5px 15px; color:#444; display:table; float:left; margin-left:5px;}
		#button-go:hover{background:#3ad3da;}
		.wrap-sort-villa{ float:left; width:auto; margin-left:10px; height:30px;}
		#sort-villa {float: left; width: 130px; height:30px; margin-left:0px;}.sort-p{float:left; font-weight:150px; color:#059ca3; font-size:16px; padding-top:5px; color:444; }
		#term{float:left; width:130px;} #price{float:left; width:135px; margin-left:5px;}
		hr{color:orange !important;}
	a{ text-decoration:none;}
	select{width:150px;}
	.rooms-list-item-deal { position: absolute; bottom: 45px;  left: -9px; color: #fff; padding: 10px 15px; font-size: 1em; font-weight: 900; text-transform: uppercase;   background-color: #ff9933;
}
.by-a{color:#999; font-weight:600; font-size:18px; text-decoration:underline; padding-right:20px; float:left; margin-top:5px;}

#price, #term{ height:30px; border-color:#059ca3;}
.room-list-parametr{color:black;}
.wrap-sort-villa-buy{width:auto; height: 40px; display:table; float:left;}  	
.devider-right{width:auto; display:table;}	
.notice{text-align:center; background:#ececeb; padding-top:5px; padding-bottom:5px;}
#Send, #button-go{ font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal; margin-left: 5px; padding:5px 10px;}	
#Send2{ margin-left:25px; font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal; padding:5px 10px;}
select#number_of_guest{width:220px; height:30px;}
#bookingsync-inquire.title a{display:none !important;}
		.img-sl{width:700px; height:400px;}
		.reservation-page-wrap .bannercontainer{width:700px; height:400px;}
		.room-features-list {height:250px;}
	    #footer-wrap{ margin-top:0px;} #room-person{color:black;} .rooms-list-header{font-weight:normal;}
		
		.devider2 {margin-bottom: 15px;font-size: 24px; padding-top: 30px; font-weight: 600; color: #444;}
		.ie8 .room-overlay-readmore, .room-overlay-checkavail, .ie8 .blog-overlay-readmore{display:none;}
		.wrap-review-1{width:100%; height:auto;}
		.icon-people{float:left;}
		.guest-name{float:left; font-weight:bold;}
		.wrap-guest-info{ width:200px; height:50px; float:left; margin-left:20px; padding-bottom:20px;}
		.wrap-text-guest{float:none; clear:both; height:auto; border-top:1px dotted #ccc; padding-top:5px; font-size:13px; }
		.respon-1{background:#f9f9f9; width:100%; height:auto; clear:both; margin-top:20px; border:1px solid #e8e8e8; padding:10px; font-size:13px;}
		strong{font-weight:600;}
		#current{color:white !important;}
		a#current{font-weight:500;}
		#tab2{width:100%; height:auto; display:block; }
		#am{ height:650px;}
		.am-left{height:30px; background:white; margin-top:5px; clear:both; width:300px;}
		#tabs > #current{background:lightblue;}
		.amenities{float:left; height:40px; width:50%;}
		.amenities-left, .amenities-right{float:left; width:300px; margin-left:5px; background:none; height:300px;}
		.amenities-right{float:right;}
		table td, table th{ text-align:left; padding-left:0px; padding-right:0px; padding:6px; border:none;}
	
		.container .eleven.columns{padding-top:0px;}
		.icon-wa:before{content: url("../../new_optimum/images/Icon/sosmed/wa.png");}
		.inf{ color:white; font-size:20px; padding-top:15px;}
		input.inp-1, select.inp-1{margin-left:35px; margin-bottom:5px;}
		select.inp-1{ padding-bottom:3px; padding-top:3px;}
		textarea.inp-1{ margin-left:35px; height:100px;}
		.wp-cap{background:none; width:270px; height:50px; }
		.wp-cap-1, .wp-cap-2{width:auto; float:left; height:50px;}
		.wp-cap-1{margin-left:25px;}
		
		
		
		#booking-wrap{padding-bottom:20px;}
		img.wish, img.pdf{float:left; margin-right:15px;}
		p.pdf{float:left}
		p.wish, p.pdf{color:#1586d7;}
		p{color:#444;}
		#wish, #wish-button-1{float:left; cursor:pointer; margin-right:15px;}
		
		.label-1{color: red; font-style: italic; font-weight: 600; padding-left: 0px; margin-left: 35px; text-align: left;}
		.camera_thumbs_cont ul li > img{width:100px; height:57px;}
		
		
		#bookingsync-inquire.title a{display:none !important;}
		sup{ font-size:10px; vertical-align:super;}
		#room-size{ border-right:1px dotted #ccc;}
		#room-main-description{line-height:26px; padding-top:40px;}}
	    #booking-wrap form{padding-top:30px;}
		.in{ color:white; padding-top:20px; font-size:20px;}
		.room-overlay-checkavail{display:none;}
		.rooms-list-item-wrap #room-person, .rooms-list-item-wrap #room-bed, .rooms-list-item-wrap #room-size {color:black;}
		.room-list-parametr{margin-top:0px;}
		.room-list-parametr{background:white;} #footer-wrap{margin-top:0px;}
		
		.inf{ color:white; font-size:20px; padding-top:15px;}
		input.inp-1, select.inp-1{margin-left:35px; margin-bottom:5px;}
		select.inp-1{ padding-bottom:3px; padding-top:3px;}
		textarea.inp-1{ margin-left:35px; height:100px;}
		.wp-cap{background:none; width:270px; height:50px; }
		.wp-cap-1, .wp-cap-2{width:auto; float:left; height:50px;}
		.wp-cap-1{margin-left:25px;}
		
		
		#booking-wrap{padding-bottom:20px;}
		img.wish{float:left; margin-right:15px;}
		p.wish{color:#1586d7;}
		
		#room-ref{float:right; font-family:arial;}
		#room-cat{float:left; font-family:arial;}
		.overview{ border:1px solid #dce9f7; width:260px; height:auto; float: left; margin-right:15px; padding:10px;}
		#room-parametr{height:20px; border-top:none;}
		.overview-1{float:left; font-weight:bold; font-family:arial; width:73px;}
	.overview-4{float:left; width:160px; font-weight:bold; color:#444; font-family:arial; position:relative; top:-3px; }
		.overview-3{float:left; font-weight:bold; font-family:arial; width:10px;}
		.overview-2{float:left; width:160px; font-weight:bold; color:#444; font-family:arial; position:relative; top:1px; }
		.wrap-overview{width:100%; height:30px; clear:both;}
		.p-over{font-size:20px;}
		#room-main-description{ padding-top:0px;}
		.container .eleven.columns{padding-top:0px;}
		.font-another-villa{color:black;}
		
		#guestname-label, #guestemail-label, #guestca-label{ color:red; font-style:italic;}
		input[type="text"], input[type="password"], input[type="email"], textarea, select{margin-bottom:0px;}
		 #captcha {margin-left:13px;}
		 label, legend{padding-left:25px;}
	
		#refresh{margin-top:10px; width:40px;}
		.container-vs{width:1100px; dispay:table; margin:auto;}
		#code{margin-top:3px; padding-left:5px; width:200px;}
		#Send1{ padding: 4px 10px;float: left; margin-left: 17px;}
		.container .eleven.columns{padding-top:0px !important;}
		#booking-wrap-1{margin-top:20px;}
		.c-info{clear: both; padding-top: 50px; color: #444; font-size: 20px; border-bottom: 1px dotted #444}
		.devider2 {margin-bottom: 15px; font-size: 24px; padding-top: 30px; font-weight: 600; color: #444; }
		.img1{width:349px; height:230px; float:left; margin-right:20px;}
.img2{width:349px; height:230px; float:left;}
.img3{width:349; height:230px;}
.kotak-1{float:right; height:25px; width:auto; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.kotak-2{width:auto; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.kotak-3{width:auto; float:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:20px;}
/* end buy lease tiya */

/* begin member login */
.wrap-login{margin-top:60px;}
.new-member, .user-login{width:400px; height:auto; background:white; float:left; padding:15px;}
.font-user-1{ color: #444; font-size:24px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; line-height: 1.2; margin-bottom: 0.5em; padding: 0; text-transform:none; text-align:center;}
.font-user-2{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; text-align:center; font-weight: 400; line-height: 1.5; margin-bottom: 1em; padding: 0; font-size:14px; color:#999; text-transform:none;}
.font-user-3{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px;font-weight: 400; margin-left:45px; line-height: 1.5; margin-bottom: 1em; padding: 0; padding-top:10px; font-size:14px; color:#999; text-transform:none;}
.new-member{border-right:1px solid #ccc;}

input[type="text"]#username, input[type="text"]#userp, input[type="text"]#userc, input[type="text"]#useremail, input[type="text"]#username_login, input[type="text"]#userp_login{width:300px; margin-left:45px;}
#submit_new_user{background: #ff9933 none repeat scroll 0 0; cursor:pointer; text-transform:uppercase;border-radius: 5px; box-shadow: 0 2px 0 #d4802d; color: white; margin-left: 45px; padding-bottom: 10px; padding-top: 10px; text-align: center; width: 310px;}
#submit_new_user:hover{background:#febe7f;}	
/* end member login */
/* begin testimonial */
.photo-1{border-radius:34px;}

/*begin article */
.wrap-art-1{width:600px; height:auto; display:block; float:left; background:none; margin-bottom:80px;}
.wrap-art-2{width:200px; height:150px; float:left;}
.wrap-art-3{width:375px; height: auto; float:right;}
.judul-art{font-size:18px; margin-top:0px; margin-bottom:0px; color:black;}
.artikel-1{width:100%; height:60px;}

/* Desktops and laptops
================================================== */

/* Note: Design for a width of 1290+ */
	
@media only screen and (min-width : 1290px) {
	.container { 
		width:1224px; 
	}

	.container .column,
	.container .columns { 
		margin-left:0px; 
		margin-right: 10px;  
	}

	.column.alpha, .columns.alpha { 
		margin-left:0; 
		margin-right:10px; 
	}

	.column.omega, .columns.omega { 
		margin-right:0; 
		margin-left:10px; 
	}

	.alpha.omega { 
		margin-left:0; 
		margin-right:0; 
	}

	.container .one.column,
	.container .one.columns { 
		width:56px; 
	}

	.container .two.columns { 
		width:132px; 
	}

	.container .three.columns { 
		width:208px; 
	}

	.container .four.columns { 
		width:284px; 
	}

	.container .five.columns { 
		width:360px; 
	}

	.container .six.columns { 
		width:436px; 
	}

	.container .seven.columns { 
		width:512px; 
	}

	.container .eight.columns { 
		width:588px; 
	}

	.container .nine.columns { 
		width:664px; 
	}

	.container .ten.columns { 
		width:740px; 
	}

	.container .eleven.columns { 
		width:700px; 
	}

	.container .twelve.columns { 
		width:892px; 
	}

	.container .thirteen.columns { 
		width:968px; 
	}

	.container .fourteen.columns { 
		width:1044px; 
	}

	.container .fifteen.columns { 
		width:1140px; 
	}

	.container .sixteen.columns { 
		width:1224px; 
	}

	.container .one-third.column { 
		width:390px; 
	}

	.container .two-thirds.column { 
		width:785px; 
	}

	
	/* Offsets */
	
	.container .offset-by-one { 
		padding-left:76px; 
	}

	.container .offset-by-two { 
		padding-left:152px; 
	}

	.container .offset-by-three { 
		padding-left:228px; 
	}

	.container .offset-by-four { 
		padding-left:304px; 
	}

	.container .offset-by-five { 
		padding-left:380px; 
	}

	.container .offset-by-six { 
		padding-left:456px; 
	}

	.container .offset-by-seven { 
		padding-left:532px; 
	}

	.container .offset-by-eight { 
		padding-left:608px; 
	}

	.container .offset-by-nine { 
		padding-left:684px; 
	}

	.container .offset-by-ten { 
		padding-left:760px; 
	}

	.container .offset-by-eleven { 
		padding-left:836px; 
	}

	.container .offset-by-twelve { 
		padding-left:912px; 
	}

	.container .offset-by-thirteen { 
		padding-left:988px; 
	}

	.container .offset-by-fourteen { 
		padding-left:1064px; 
	}

	.container .offset-by-fifteen { 
		padding-left: 1140px; 
	}
		
	.row-wrap {
		margin-left:auto !important;
		margin-right:auto !important;
	}
}
	

/* #Tablet (Portrait)
================================================== */


/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.wrap-art-1{width:380px;}
.artikel-1{height:30px;}
.img-art{width:150px; height:auto;}
.wrap-art-2{width:160px; height:auto;}
.wrap-art-3{width:190px; float:left; padding-left:10px;}
.judul-art{line-height:20px; padding-bottom:10px;}	
	.container { 
		width:768px; 
	}
#term, #price{width:135px;}	
.sort-p, .by-a{font-size:14px;}
.devider2{font-size:20px; padding-top:15px;}
#Send{font-size:14px; margin-left: 5px; padding: 4px 10px;}
.by-a{margin-top:5px;}
#code{width:260px;}
#Send1{ padding: 4px 10px;float: left; margin-left: 17px;}
.container .eleven.columns{padding-top:0px !important;}
	.container .column,
	.container .columns { 
		margin-left:10px; 
		margin-right: 10px;  
	}
    
	.column.alpha, .columns.alpha { 
		margin-left:0; 
		margin-right:10px; 
	}
    
	.column.omega, .columns.omega { 
		margin-right:0; 
		margin-left:10px; 
	}
    
	.alpha.omega { 
		margin-left:0; 
		margin-right:0; 
	}

    .container .one.column,  
	.container .one.columns {
		width:28px; 
	}
    
	.container .two.columns { 
		width:76px; 
	}
    
	.container .three.columns { 
		width:124px; 
	}
    
    .container .four.columns { 
		width:172px; 
	}
    
    .container .five.columns { 
		width:220px; 
	}

	.container .six.columns { 
		width:268px; 
	}

	.container .seven.columns{ 
		width:316px; 
	}

	.container .eight.columns { 
		width:364px; 
	}

	.container .nine.columns { 
		width:412px; 
	}

	.container .ten.columns { 
		width:460px; 
	}

	.container .eleven.columns { 
		width:508px; 
	}

	.container .twelve.columns { 
		width:556px; 
	}

	.container .thirteen.columns { 
		width:604px; 
	}

	.container .fourteen.columns { 
		width:652px; 
	}

	.container .fifteen.columns { 
		width:700px; 
	}

	.container .sixteen.columns { 
		width:748px; 
	}

	.container .one-third.column { 
		width:236px; 
	}

	.container .two-thirds.column { 
		width:492px; 
	}

	
    /* Offsets */
    
	.container .offset-by-one { 
		padding-left:48px; 
	}

	.container .offset-by-two { 
		padding-left:96px; 
	}

	.container .offset-by-three { 
		padding-left:144px; 
	}

	.container .offset-by-four { 
		padding-left:192px; 
	}

	.container .offset-by-five { 
		padding-left:240px; 
	}

	.container .offset-by-six { 
		padding-left:288px; 
	}
		
	.container .offset-by-seven { 
		padding-left:336px; 
	}

	.container .offset-by-eight { 
		padding-left:384px; 
	}

	.container .offset-by-nine { 
		padding-left:432px; 
	}

	.container .offset-by-ten { 
		padding-left:480px; 
	}

	.container .offset-by-eleven { 
		padding-left:528px; 
	}

	.container .offset-by-twelve { 
		padding-left:576px; 
	}

	.container .offset-by-thirteen { 
		padding-left:624px; 
	}

	.container .offset-by-fourteen { 
		padding-left:672px; 
	}

	.container .offset-by-fifteen { 
		padding-left:720px; 
	}
	
	
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
	.container { 
		width:300px; 
	}

	.container .columns,
	.container .column { 
		margin:0; 
	}

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { 
		width:300px; 
	}

	
     /* Offsets */

	.container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { 
		padding-left:0; 
	}
.devider2 { font-size:14px; padding-top:10px;}
.img1{width:300px; height:auto; float:none; margin-right:0px; margin-bottom:20px;}
.img2{width:300px; height:auto; float:none;}
.img3{width:300px; height:auto;}
camera_wrap camera_emboss{margin-bottom:95px;}
.reservation-page-wrap #room-parametr{height:auto; display:table;}
#room-ref{margin-top:10px; margin-bottom:7px; float:left; text-align:left; font-size:15px;}
input[type="text"], input[type="password"], input[type="email"], textarea, select{width:225px;}
#room-cat{font-size:15px;}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrap-art-1{width:100%;}
.wrap-art-2{width:150px; height:auto; display:table;}
.wrap-art-3{width:250px; text-align:justify;}
.judul-art{padding-bottom:10px; line-height:20px;}
.artikel-1{height:0px;}
.img-art{width:150px; height:auto;}
    .container { 
		width:420px; 
	}
.by-a{font-size:14px; padding-bottom:10px; padding-left:65px;}
.sort-p{font-size:13px;}
#term{width:75px;}
#price{width:135px;}
#Send{float:left; margin-left:5px; padding:5px 10px;}
.devider-right{width:385px;}
.notice{padding:5px; font-size:12px;}
.overview{width:300px; float:none; margin-bottom:20px;}
.wrap-sort-villa{ margin-left:0px;}
.devider2{font-size:16px;}
.img1{float:none; margin-right:0px; margin-bottom:20px;}
.reservation-page-wrap #room-parametr{height:auto; display:table;}
#room-ref{margin-top:10px; margin-bottom:7px;}
#tabs-content{padding: 30px 10px 40px 10px;}
camera_wrap camera_emboss{margin-bottom:95px;}
    .container .columns,
    .container .column { 
		margin:0; 
	}

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { 
		width:420px; 
	}
	
}


/* #Clearing

/* Blog Page Sidebar */

.blog-sidebar {
	padding-top:30px;
}

#sidebar-search {
	border:1px solid #ddd;
	width:240px;
	font-family:"Open Sans", sans-serif;
	padding:8px 10px;
	margin-bottom:30px;
	border-radius:0;
}

#sidebar-search:focus {
	box-shadow:none;
}

#blog-categories {
	font-family:"Open Sans",sans-serif;
	font-weight:300;
	font-size:1.1em;
}

#blog-categories li span {
	margin-right:12px;
}

#blog-categories li .post-count {
	color:#bbb;
	margin-left:20px;
	margin-left:2px;
}

#blog-categories li {
	font-size:1.1em;
	border-bottom:1px dotted #e0e0e0;
	padding-bottom:10px;
}

#blog-categories li a {
	text-decoration:none;
}

.current-backend {
	font-weight:bold;
}

.blog-booking-wrap {
	padding-top:30px;
}

.blog-booking-wrap .select-styling-wrap {
	margin-bottom:26px !important;
}

.blog-booking-wrap #book-button {
	margin-top:15px;
	margin-bottom:10px;
}

.popular-post-wrap {
	border-bottom:1px dotted #e0e0e0;
	padding-bottom:15px;
	margin-bottom:15px;
}

.popular-post-image {
	float:left;
	width:50px;
	margin-right:10px;
}

.popular-post-header {
	font-size:1.15em;
	font-weight:300;
	text-transform:uppercase;
	float:right;
	width:220px;
}

.popular-post-meta {
	font-weight:300;
	text-transform:uppercase;
	font-size:0.8em;
	color:#777;
	float:right;
	width:220px;
}

.recent-comment-image {
	float:left;
	width:50px;
	margin-right:10px;
	border-radius:25px;
}

.sidebar-events-wrap {
	border-bottom:1px dotted #e0e0e0;
	padding-bottom:15px;
	margin-bottom:15px;
}

.sidebar-events-wrap img {
	margin-right:15px;
}

.sidebar-events-header {
	font-size:1.15em;
	font-weight:300;
	text-transform:uppercase;
}

.sidebar-events-meta {
	color:#777;
	text-transform:uppercase;
	font-size:0.9em;
}

.sidebar-events-image {
	width:50px;
	float:left;
	margin-right:14px;
}


/* Blog Single Page */

.blog-single .blog-comments {
	float:none;
	display:block;
	border-bottom:1px dotted #e0e0e0;
	margin-top:90px;
	margin-right:0;
	padding-bottom:16px;
	font-size:1.6em;
}

.blog-single #name-comments-field, .blog-single #email-comments-field {
	width:360px !important; 
}

.blog-single #text-comments-field {
	width:762px !important;
}	

.blog-single #submit-button span {
	margin-left:6px;
}

.blog-single .blog-post-wrap {
	border-bottom:0;
}

.blog-single .blog-author-wrap {
	display:block;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:50px;
}

.blog-single .blog-author-image {
	width:120px;
	border-radius:60px;
	float:left;
	margin-right:40px;
}

.blog-single .blog-author-header {
	font-size:1.3em;
	text-transform:uppercase;
	margin-bottom:6px;
	margin-top:6px;
}

.blog-single .blog-author-description {
	font-weight:300;
	font-size:1.1em;
	line-height:24px;
}

.blog-single .comment-section {
	margin-top:16px;
}

.blog-single .comment-section .comment-author-image {
	width:100px;
	border-radius:60px;
	float:left;
	margin-right:30px;
	margin-left:10px;
}

.blog-single .comment-section .comment-author {
	font-size:1.1em;
	text-transform:uppercase;
	margin-bottom:8px;
	width:670px;
	float:right;
}

.blog-single .comment-section .comment-text {
	font-size:1.1em;
	font-weight:300;
	line-height:24px;
	width: 670px;
	float: right;
}

.blog-single .comment-wrap {
	border-bottom:1px dotted #e0e0e0;
	padding-top:30px;
	padding-bottom:30px;
}

.blog-single .comment-meta {
	margin-top:12px;
	width:670px;
	float:right;
	color:#999;
}

.blog-single .comment-data {
	text-transform:uppercase;
	font-size:0.8em;
	float:left;
}

.blog-single .comment-reply-link {
	float:right;
	text-transform:uppercase;
	font-size:0.8em;
}

.blog-single .reply-1 {
	margin-left:50px;
}

.blog-single .reply-1 .comment-meta, .blog-single .reply-1 .comment-text, .blog-single .reply-1 .comment-author   {
	width:620px;
}

.blog-single .reply-2 {
	margin-left:100px;
}

.blog-single .reply-2 .comment-meta, .blog-single .reply-2 .comment-text, .blog-single .reply-2 .comment-author   {
	width:570px;
}

.blog-single #leave-comments-header {
	font-size:1.6em;
	margin-top:60px;
	margin-bottom:30px;
	text-transform:uppercase;
	font-weight:300;
}

.blog-single #name-comments-field, .blog-single #email-comments-field, .contact-page #name-comments-field, .contact-page #email-comments-field, .contact-page #phone-comments-field  {
	float:left;
	border-radius:0;
	padding:10px;
	width:329px;
}

.blog-single #name-comments-field, .contact-page #name-comments-field  {
	margin-right:20px;
	font-weight:300 !important;
}

.blog-single #text-comments-field, .contact-page #text-comments-field {
	width:700px;
	height:150px;
	padding:10px;
	border-radius:0;
}

.blog-single #name-comments-field:focus, .blog-single #email-comments-field:focus, .blog-single #text-comments-field:focus, 
.contact-page #name-comments-field:focus, .contact-page #email-comments-field:focus, .contact-page #text-comments-field:focus  {
	box-shadow:none !Important;
}

.contact-page h3 {
	margin-top:0;padding-top:0;
}

.contact-page #submit-button span {
	margin-left:5px;
	font-size:0.9em !important;
}

.blog-single #submit-button, .contact-page #submit-button {
	border:2px solid #de543e;
	background:none;
	border-radius:0;
	color:#de543e;
	font-weight:300;
	font-size:1.1em;
	padding:10px 20px;
	text-shadow:none;
	font-family:"Open Sans", sans-serif;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-single #submit-button:hover, .contact-page #submit-button:hover {
	background-color:#de543e;
	color:#fff;
}

.blog-single #submit-button:focus, .contact-page #submit-button:focus { 
	outline:0;
	box-shadow:none;
}
 
 
/* Blog fullwidth */

.blog-fullwidth .main-blog-images {
	width:100%;
}


/* 5. Other Pages
================================================== */


/* 404 Error Page */

.error-page-wrap {
	padding-top:100px;
	padding-bottom:180px;
}

.body-error-page {
	background:url(../images/404bg.jpg);
	background-position:center bottom;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

.body-error-page #footer-wrap {
	margin-top:0px;
}	

#error-code {
	font-size:10em;
	font-weight:700;
	text-align:center;
	line-height:100px;
	margin-bottom:40px;
}

#error-undercode {
	font-size:2.6em;
	font-weight:300;
	text-align:center;
	color:#888;
}

#error-message {
	width:380px;
	border-top:1px dotted #d0d0d0;
	border-bottom:1px dotted #d0d0d0;
	padding-top:26px;
	padding-bottom:26px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:50px;
	font-size:1.3em;
	font-weight:300;
	line-height:30px;
}


/* Gallery Page Style */

.gallery-wrap {
	margin-top:50px;
}

.gallery-wrap .gallery-image-wrap .room-overlay-readmore {
	border-radius:30px;
	padding:17px 19px;
}

.gallery-with-sidebar .gallery-image-wrap .room-overlay-readmore {
	padding:14px 16px;
}

.gallery-with-sidebar .gallery-image-wrap .icon-search {
	font-size:0.8em !important; 
}

.gallery-item-wrap {
	width:345px;
	margin-top:50px;
	margin:30px;
	display:inline-block;
	vertical-align:top;
}

.gallery-overlay-wrap {
	position:relative;
}

.gallery-image {
	width:345px;
	display:block;
}

.gallery-header {
	text-transform:uppercase;
	font-weight:700;
	font-size:1.4em;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
}

.gallery-sidebar .gallery-item-wrap, .gallery-sidebar .gallery-image {
	width:260px;
}

.gallery-sidebar .gallery-item-wrap {
	margin:12px;
}

.gallery-sidebar .page-sidebar {
	padding-top:12px;
}


/* Info Message */

.info-message {
	color:#fff;
	border:none;
	font-size:1em;
	font-weight:300;
	padding:15px 35px 15px 35px;
	-webkit-transition:0.25s linear;
	transition:0.25s linear;
	display:block;
	text-align:center;
}

.info-message span {
	margin-left:-3px;
	margin-right:5px;
}

.info-message.info {
	background-color:#3498db;
}

.info-message.error {
	background-color:#e74c3c;
}

.info-message.success {
	background-color:#2ecc71;
}

.info-message.warning {
	background-color:#f1c40f;
}


/* Font Awesome Icon */

.message-icon-demo-page .font-awesome-icon {
	width:300px;
	display:inline-block;
	line-height:26px;
	margin-bottom:6px;
}

.message-icon-demo-page .font-awesome-icon span {
	margin-right:5px;
}

/* Contact Page */

.contact-maps-wrap #gmaps {
	width:100%;
	height:450px;
	margin-bottom:80px;
}

#contact-info-window {
	width:auto;
}

#leave-comments-header {
	font-size:1.6em;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:20px;
}

#contact-form-intro {
	padding-top:0px;
	padding-bottom:20px;
	margin-bottom:10px;
	font-weight:300;
	line-height:28px;
	font-size:1.2em;
}

.contact-page #name-comments-field, .contact-page #email-comments-field, .contact-page #phone-comments-field {
	width:240px;
	margin-right:14px;
}

.contact-page #phone-comments-field {
	margin-right:0;
}

.contact-page #text-comments-field {
	width:792px;
}

#contact-us-wrap ul span {
	float:left
}

#contact-us-wrap .contact-info-content {
	float:right;
	width:240px;
	line-height:22px;
}

.contact-info-method-name {
	color:#999;
	display:inline;
}

.contact-maps-wrap {
	position:relative;
}

.highlight {
	border:2px solid red;
}
 
 
/* Page Wrap */

.right-align-image {
	float:right;
	width:300px;
	margin-left:50px;
	margin-top:8px;
	margin-bottom:30px;
}

.left-align-image {
	float:left;
	width:300px;
	margin-right:50px;
	margin-top:6px;
	margin-bottom:30px;
}

.columns-margin {
	margin-right:50px !important;
}

.clear {
	clear:both;
}

.page-sidebar {
	padding-top:34px;
}


/* List and Buttons Page */

ul.list {
	font-weight:300;
	font-size:1.2em;
}

ul.list span {
	margin-right:8px;
	font-size:0.9em;
	line-height:20px;
}

ul.list.painted span {
	color:#de543e;
}

ul.list .icon-circle {
	font-size:0.6em !important;
	position:relative;
	bottom:2px;
}

.list-button-demo-page ul {
	display:inline-block;
	margin-right:40px;
} 

ul.list.with-divider li {
	border-bottom:1px dotted #aaa;
	padding-bottom:8px;
	margin-bottom:14px;
}

.button-standard, .button-alt {
	color:#de543e;
	border:2px solid;
	padding:8px 16px;
	margin-top:12px;
	font-size:1.1em !important;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	font-weight:300;
	font-family:"Open Sans", sans-serif;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	cursor:pointer;
}

.button-alt {
	background-color:#de543e;
	color:#fff;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

 .button-standard:hover {
	border:2px solid #de543e;
	background-color:#de543e;
	color:#fff;
}

.button-standard.black:hover {
	background-color:#000;
	color:#fff;
} 

.button-alt:hover {
	border:2px solid #fff;
	outline:2px solid #de543e;
} 

.button-alt.black:hover {
	border:2px solid #fff;
	outline:2px solid #000;
} 

.button-standard span, .button-alt span {
	margin-left:6px;
}

.button-standard.large, .button-alt.large {
	font-size:1.3em !important;
	padding:12px 24px 14px 24px;
}

.button-standard.small, .button-alt.small {
	font-size:0.9em !important;
	padding:4px 12px;
}

.button-standard.large span, .button-alt.large span {
	margin-left:10px;
}

.button-standard.small span, .button-alt.small span {
	margin-left:4px;
}

.button-standard.black {
	color:#222;
	border-color:#222;
}

.button-alt.black {
	background-color:#000;
}

.button-page-divider {
	margin-left:80px;
	display:inline-block;
}


/* Accordion Widget Style */

.accordion-widget {
   margin:20px 0 20px 0;   
}

#tabs-content .accordion-widget {
	margin-top:0px;
}

.accordion-header, .accordion-content {
    padding:10px;
    border-bottom:0; 
	margin-bottom:0 !important;
	font-weight:300;
}

.accordion-content {
	padding-bottom:20px;
	margin-bottom:6px !important;
}

.accordion-header span {
	margin-right:12px;
	font-size:0.5em;
	border:1px solid;
	padding:4px 5px;
	position:relative;
	bottom:3px;
	background-color:#000;
	color:#fff;
}

.accordion-header {
	font-size:1.2em;
	border-bottom:1px dotted #ddd;
}

.accordion-header a:hover {
	color:#de543e;
}

.accordion-header a, .accordion-content a {
    display:block;
    color:black;
    font-weight:300;
	text-decoration:none;
}
   
.accordion-content {
	border-top:0; 
	font-size:1em !important;
}

.accordion-header.show a {
	color:#de543e;
}

.accordion-header.show span{
	background-color:#de543e;
	color:#fff;
}


/* Tabs Widget Style */

#tabs {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	top:25px;
	z-index:10;
}

#tabs li {
	float:left;
	margin:0 12px 0 0;
	background-color:#fff;
	padding:8px 25px;
	border:1px solid #e0e0e0;
	color:#fff;
	z-index:300;
	font-weight:300;
	text-align:center
}

#tabs a {
	font-family:"Open Sans",sans-serif;
	height:0; 
	line-height:30px;
	text-decoration:none;
	color:#555;
	font-size:1.2em;
	font-weight:300;
}

#tabs a span {
	margin-left:4px;
	color:#555;
}

#tabs li:hover,
#tabs li:focus {
	background-color:1px solid #ccc !important;
}

#tabs li:focus {
	outline:0;
}

#tabs > #current {
	border-bottom:1px solid #fff;	  
}

#tabs-content {
	border:1px solid #e0e0e0;
	font-size:1em !important;
	padding:30px 10px 40px 10px;
	margin-bottom:0 !important;
}

#tabs-content div {
	margin-bottom:0;
}


/* 6. Footer
================================================== */


/* Footer wrap */

#footer-wrap, #another-villa-wrap {
	margin-top:0px;
	background-color:#059ca3; 
	color:#fff;
	height:auto;
	padding-top:75px;
	padding-bottom:110px;
	font-weight:300;
}
#another-villa-wrap { padding-bottom:0px; background:white; padding-top:25px; padding-bottom:25px; margin-top:0px;}
.font-another-villa{font-size:26px; font-family:"Open Sans", sans-serif; font-weight:200 !important; padding-top:0px;}
.footer-header {
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:4px;
	margin-bottom:16px;
	display:inline-block;
	padding-right:6px;
	color:#fff;
}


/* Footer Twitter Feed */

.tweetprofilelink a, .twitterRow a {
	color:#fff;
	text-decoration:none;
}

.twitterRow {
	position:relative;
	width:256px;
	padding-left:25px;
}

.twitterRow p {
	margin:0;
}

.twitter-text .icon-twitter {
	position:absolute;
	top:4px;
	left:0px;
	font-size:1.4em;
	color:#fff;
}

.twitter-row-divider {
	display:block;
	border-bottom:1px dotted #fff;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:25px;
	width:240px;
}

.twitter-row-divider:last-child {
	border-bottom:0;
}


/* Footer Contact Info */

#footer-subscribe-text {
	margin-bottom:14px;
}

#footer-subscribe-email-field {
	width:270px;
	display:inline-block;
	border-radius:0;
	margin-top:1px;
	border:1px solid #fff;
	color:#999;
	padding:7px 0 7px 6px;
	margin-right:6px;
}

#footer-subscribe-button {
	display:inline-block;
	background:none;
	text-shadow:none;
	color:#fff;
	border-radius:0;
	border:1px solid #fff;
	padding:7px 10px;
	margin-top:0;
	font-weight:300;
	font-size:0.9em;
	font-family:"Open Sans",sans-serif;
	transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
}

#footer-subscribe-button:hover {
	background-color:#fff;
	color:#677c8b;
}

#footer-email-wrap, #footer-phone-wrap, #footer-skype-wrap {
	margin-bottom:8px;
}

#email-title, #phone-title, #skype-title, #address-title {
	float:left;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:300;
}

#email-value, #phone-value, #skype-value, #address-value {
	float:right;
	width:210px;
	text-align:right;
}

#address-value {
	width:210px;
}

#footer-email-wrap .icon-envelope-alt {
	margin-right:6px;
	font-size:1.3em;
	color:#fff;
}

#footer-phone-wrap .icon-phone  {
	margin-right:9px;
	font-size:1.3em;
	color:#fff;
}

#footer-skype-wrap .icon-skype  {
	margin-right:8px;
	font-size:1.3em;
	color:#fff;
}
 
#footer-address-wrap .icon-compass  {
	margin-right:8px;
	font-size:1.3em;
	color:#fff;
}

#footer-logo {
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:14px;
	opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#footer-contact-info-wrap {
	border-top:1px dotted #fff;
	padding-top:18px;
	padding-bottom:18px;
	padding-right:5px;
	margin-top:8px;
}


/* Footer Connect With Us */

#flickr-feed {
	margin-top:-12px;
}

#flickr-feed img {
	float:left;
	margin:3px;
}

#footer-social-wrap span {
	font-size:1.5em;
	margin-right:6px;
	border:1px solid #fff;
	padding:10px;
	border-radius:50px;
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#footer-social-wrap .icon-facebook {
	padding:10px 16px;
}

#footer-social-wrap .icon-twitter, #footer-social-wrap .icon-google-plus  {
	padding:10px 11px;
	transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
}

#footer-social-wrap .icon-linkedin, #footer-social-wrap .icon-skype, #footer-social-wrap .icon-instagram {
	padding:10px 12px;
	transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
	
}

#footer-social-wrap .icon-twitter:hover:before, #footer-social-wrap .icon-google-plus:hover:before, #footer-social-wrap .icon-linkedin:hover:before, 
#footer-social-wrap .icon-skype:hover:before, #footer-social-wrap .icon-instagram:hover:before, #footer-social-wrap .icon-facebook:hover:before {
	-webkit-animation: verticalScroll 0.3s forwards;
	-moz-animation: verticalScroll 0.3s forwards;
	animation: verticalScroll 0.3s forwards;
}

#footer-social-wrap .icon-twitter:hover, #footer-social-wrap .icon-google-plus:hover, #footer-social-wrap .icon-linkedin:hover, 
#footer-social-wrap .icon-skype:hover, #footer-social-wrap .icon-instagram:hover, #footer-social-wrap .icon-facebook:hover {
	opacity:1;
}

@-webkit-keyframes verticalScroll {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

@-moz-keyframes verticalScroll {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

@keyframes verticalScroll {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.social-wrap-divider {
	display:block;
	border:1px solid #ddd;
	margin-top:20px;
	margin-bottom:30px;
	width:100px;
}

#to-top {
	position:relative;
}

#back-to-top {
	border:1px solid #fff;
	padding:8px;
	position:absolute;
	bottom:35px;
	right:60px;
	border-radius:25px;
	text-decoration:none;
	transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
	opacity:0.9;
}

#back-to-top span {
	color:#fff;
	padding:0 4px;
}

#back-to-top:hover {
	bottom:40px;
}


/* Footer Copyright Wrap */

#copyright-wrap {
	padding-top:40px;
	padding-left:2px;
	margin-top:60px;
	border-top:1px dotted #fff;
}

#copyright-wrap a {
	color:#fff;
	text-decoration:none;
}

#copyright-text {
	float:left;
	display:inline-block;
}

#copyright-links {
	float:right;
	display:inline-block;
}

#copyright-wrap .icon-smile {
	margin-left:2px;
}
.title-devider1{padding-top:20px; font-size:13px; margin-bottom:0px;}


/* 7. Style for Mobile Devices
================================================== */


/* Style for Desktops and Laptops */

@media only screen and (min-width: 1030px) and (max-width: 1289px) {
input[type="text"], input[type="password"], input[type="email"], textarea, select{margin-left:10px; width:200px;}
.wrap-art-1{width:450px; margin-right:20px;}
.wrap-art-2{width:170px; height:auto;}
.img-art{width:150px; height:auto;}
.wrap-art-3{width:280px;}
.judul-art{line-height:20px; padding-bottom:10px;}
.artikel-1{height:30px;}

#Send1{margin-left:10px;}
	/* Main page header */
	
	.under-title {
		display:none !important;
	}
	
	#top-navigation-menu li .top-navigation-content-wrap {
		border-right:0;
		margin-right:10px;
	}
	
	#top-navigation-menu-wrap {
		width:740px;
	}
	#top-navigation-menu{ margin-top:25px;}
	ul.dropdown ul ul {
		left:140px;
		top:-15px;
	}
	
	#main-logo {
		display:block;
	}
	
	#main-logo-min {
		margin-top:9px;
		display:block;
		margin-left:-30px;
	}
	
	#top-navigation-menu .sub_menu {
		margin-top:35px;
	}
	
	.bannercontainer .new_small_text {
		display:none;
	}
	
	.bannercontainer  .text-intro {
		font-size:3em;
	}
	
	.responsive-large-text, .responsive-text-intro {
		display:block;
	}
	
	.normal-large-text, .normal-text-intro {
		display:none;
	}
	
	.man-image {
		margin-left:-100px !important;
	}
	
	
	/* Room Section */
	
	.main-rooms-list .rooms-list-item-wrap {
		width:345px;
		margin-right:40px;
	}
	
	#room-view-content img {
		width:280px;
	}
	
	.main-rooms-list .rooms-list-item-wrap:last-child {
		margin-right:0;
	}
	
	.rooms-three-columns-list .rooms-list-item-image-wrap img{width:270px !important;}
	.rooms-three-columns-list .rooms-list-item-wrap{margin:15px 45px 15px 0px;}
	
	.rooms-list-item-image-wrap{width:270px;}
	/* Reservation Message */
	
	#reservation-text-wrap .container {
		width:960px;
	}
	
	#reservation-button {
		font-size:0.9em;
		padding:8px 21px;
	}
	
	#main-reservation-text {
		font-size:0.85em;
		width:auto;
		padding-top:10px;
	}
	
	#main-reservation-undertext {
		display:none;
	}
	
	
	/* Info main wrap */
	
	#main-aboutus-wrap img {
		margin-top:8px;
		width:200px;
	}
	
	.module-side { 
		right:0px;
	}
	
	
	/* Location wrap */
	
	#gmaps {
		width:300px;
		height:200px;
	}
	
	
	/* News wrap */
	
	.main-news-image, .main-blog-post-content-wrap {
		width:210px;
	}
	
	.main-news-more-button {
		display:none;
	}
	
	#main-blog-posts-wrap {
		width:219px !important;
	}
	
	
	/* Footer wrap */
	
	#footer-subscribe-email-field, #email-value, #phone-value, #skype-value, #address-value {
		width:190px;
	}
	
	#footer-social-wrap .icon-facebook, #footer-social-wrap .icon-twitter, #footer-social-wrap .icon-google-plus, 
	#footer-social-wrap .icon-linkedin, #footer-social-wrap .icon-skype, #footer-social-wrap .icon-instagram {
		font-size:1.2em;
		padding:7px 12px;
		margin-right:4px;
	}
	
	#footer-social-wrap .icon-twitter, #footer-social-wrap .icon-google-plus {
		padding:7px 8px;
	}
	 
	#footer-social-wrap .icon-linkedin, #footer-social-wrap .icon-skype, #footer-social-wrap .icon-instagram  {
		padding:7px 9px;
	}
	 
	#footer-wrap  #flickr-feed li:nth-last-child(2), #footer-wrap  #flickr-feed li:last-child {
		display:none;
	}
	
	#prefooter-wrap .offset-by-one {
		padding-left:0px;
	}
	
	#prefooter-wrap .five.columns {
		margin-right:45px;
	}
	
	#prefooter-wrap .offset-by-one {
		margin-right:0px !important;
	}
	
	.room-overlay-content .room-overlay-readmore .icon-search, .room-overlay-content .room-overlay-checkavail .icon-calendar {
		font-size:0.9em;
	}
	
	.room-overlay-content .room-overlay-readmore, .room-overlay-content .room-overlay-checkavail {
		padding:13px 14px !important;
	}
	
	.room-overlay-readmore, .room-overlay-checkavail, .blog-overlay-readmore {
		margin-right:2px;
	}
	
	#main-news-wrap .room-main-list-overlay {
		width:210px;
	}
	
	#main-news-wrap .room-overlay-readmore .icon-search {
		font-size:0.85em;
	}
	
	#main-news-wrap .room-overlay-readmore {
		padding:10px 12px !important
	}
	
	
	/* Three columns wrap */
	
	.rooms-three-columns-list .rooms-list-item-wrap img, .rooms-three-columns-list .rooms-list-item-wrap {
		width:270px;
	}
	
	.rooms-three-columns-list .rooms-list-item-wrap {
		margin:15px 45px 15px 0px;
	}
	.rooms-three-columns-list .rooms-list-item-image-wrap img{height:180px !important;}
	.rooms-three-columns-list .rooms-list-item-wrap:last-child { margin-right:0px;}
	.rooms-three-columns-list{padding-left:40px;}
	.rooms-three-columns-list .list-three-last {
		margin-right:0 !important;
	}
	
	#main-title-undertext {
		font-size:0.9em;
	}
	
	#main-title-wrap {
		font-size:2em;
	}
	
	#top-content-divider {
		padding-bottom:34px;
	}
	
	#main-title-wrap {
		padding-top:30px;
	}
	
	.rooms-list-header {
		font-size:1.3em;
	}
	
	
	/* Two items list */
	
	.two-item-list .rooms-list-image, .two-item-list .rooms-list-item-wrap {
		width:400px;
	}
	
	.two-item-list .rooms-list-item-wrap {
		margin:40px 39px;
	}
	
	.one-item-list .rooms-list-item-wrap {
		width:960px;
		margin-left:0;
		margin-right:0;
		
	}
	
	.one-item-list .rooms-list-image, .one-item-list .rooms-list-item-image-wrap {
		width:360px;
	}
	
	.one-item-list .rooms-list-content-wrap {
		width:540px;
	}
	
	
	/* Rooms single */
	
	#price-value {
		width:190px;
		font-size:2em;
	}
	
	#price-wrap-from, #price-period {
		font-size:0.95em;
	}
	
	#check-in-date, #check-out-date {
		width:166px;
	}
	
	.select-styling-wrap {
		width:194px;
		background:url(../images/select-bg.png) no-repeat 165px 11px #fff
	}
	
	#booking-wrap #number-of-room {
		width:186px;
	}
	
	.reservation-form-caption {
		margin-left:32px;
		font-size:0.95em;
	}
	
	#contact-us-wrap .contact-info-content {
		width:210px;
	}
	
	#frontend-check-in, #frontend-check-out {
		width:260px;
	}
	
	.reservation-page-wrap .four.columns {
		width:260px;
	}
	
	.reservation-page-wrap .DOPFrontendBookingCalendarPRO_Day .bind-content .content {
		padding:4px 1px !important;
	}
		
	.main-reservation-form .check-room-avail {
		display:none;
	}
	
	.main-reservation-form .select-styling-wrap select {
		width:230px;
	}
	
	.main-reservation-form .select-styling-wrap {
		width:240px;
	}
	
	.main-reservation-form #check-in, .main-reservation-form #check-out {
		width:200px;
	}
	
	.main-reservation-form #data-wrap {
		padding-left:65px;
	}
	
	.main-reservation-form input {
		width:220px;
	}
	
	.main-reservation-form #additional-request-text {
		width:483px;
	}
	
	
	/* Sidebar */
	
	.popular-post-image, .recent-comment-image {
		width:40px;
	}
	
	.popular-post-header, .popular-post-meta {
		width:165px;
	}
	
	.blog-sidebar #contact-us-wrap .contact-info-content, 
	.contact-sidebar #contact-us-wrap .contact-info-content,
	.page-sidebar #contact-us-wrap .contact-info-content, 
	.reservation-form-sidebar #contact-us-wrap .contact-info-content {
		font-size:0.9em;
		width:178px;
	}
	
	.blog-sidebar {
		padding-top:30px;
	}
	
	.page-sidebar {
		padding-top:40px;
	}
	
	#sidebar-search {
		width:200px;
	}
	
	
	/* Blog */
	
	.main-blog-images {
		width:640px;
	}
	
	
	/* Blog Single */ 
	
	.blog-single .comment-section .comment-author, 
	.blog-single .comment-section .comment-text {
		width:495px;
	}
	
	.blog-single .comment-meta {
		width:496px;
	}
	
	.blog-single  .reply-1 .comment-author, 
	.blog-single  .reply-1 .comment-text {
		width:448px !important;
	}
	
	.blog-single  .reply-1 .comment-meta {
		width:449px !important;
	}
	
	.blog-single  .reply-2 .comment-author, 
	.blog-single  .reply-2 .comment-text {
		width:398px !important;
	}
	
	.blog-single  .reply-2 .comment-meta {
		width:399px !important;
	}
	
	.blog-single #name-comments-field, .blog-single #email-comments-field {
		width:285px !important;
	}
	
	.blog-single #text-comments-field {
		width:612px !important;
	}
	
	.blog-single .blog-post-wrap {
		margin-bottom:0px;
	}
	
	
	/* Gallery */
	
	.gallery-item-wrap {
		width:280px;
		margin:25px 50px 25px 0;
	}
	
	.gallery-image {
		width:280px;
	}
	
	.gallery-three-last {
		margin-right:0;
	}
	
	
	/* Gallery with sideabar */
	
	.gallery-sidebar .gallery-image, .gallery-sidebar .gallery-item-wrap  {
		width:300px;
	}
	
	.gallery-sidebar .gallery-item-wrap {
		margin:12px;
	}
	
	.gallery-sidebar .room-overlay-readmore {
		padding:11px 14px !important;
	}
	
	.page-wrap .four.columns, .blog-wrap .four.columns {
		width:215px !important;
	}
	
	.page-wrap .five.columns, .blog-wrap .four.columns {
		width:266px !important;
	}
	
	.page-wrap .eight.columns, .blog-wrap .four.columns {
		width:450px !important;
	}
	
	.button-standard.large, .button-alt.large {
		font-size:1.2em !important;
		padding:10px 20px 12px 20px !important;
	}
	
	.button-standard.medium, .button-alt.medium{
		font-size:1em !important;
		padding:7px 15px 8px 15px !important
	}
	
	.list-button-demo-page .simple:last-child {
		display:none;
	}
	
	.painted:nth-child(6) {
		display:none !important;
	}
	
	.last-list {
		display:none !important;
	}
	
	
	/* Contact page */
	
	.contact-page #name-comments-field, .contact-page #email-comments-field, .contact-page #phone-comments-field {
		width:182px;
	}
	
	.contact-page #text-comments-field {
		width:618px;
	}
	
	.reservation-page-wrap .bannercontainer {
	    width:580px;
	}
	
}

	
/* Style for Tablet (Portrait and Landscape) */

@media only screen and (min-width: 769px) and (max-width: 1029px) {
#booking-wrap-1{width:350px; float:right; margin-top:0px;}
#contact-us-wrap-intro{margin-top:20px;}
input[type="text"], input[type="password"], input[type="email"], textarea, select{width:275px;}
.c-info{clear: both; padding-top: 50px; color: #444; font-size: 20px; border-bottom: 1px dotted #444}
header{height:170px;}
	/* Main page header */

	.under-title {
		display:none !important;
	}
	
	#top-navigation-menu li .top-navigation-content-wrap {
		border-right:0;
		margin-right:10px;
	}
	
	#top-navigation-menu-wrap {
		width:580px;
	}
	
	#top-navigation-menu li .top-navigation-content-wrap {
		padding:4px 20px 4px 0;
		margin-right:0;
	}
	
	ul.dropdown ul ul {
		left:140px;
		top:-15px;
	}
	
	#main-logo {
		display:block; width:130px;
	}
	
	#main-logo-min {
		margin-top:9px;
		display:block;
		margin-left:-30px;
	}
	
	#top-navigation-menu .sub_menu {
		margin-top:65px;
	}
	
	.bannercontainer .new_small_text {
		display:none;
	}
	
	.bannercontainer  .text-intro {
		font-size:3em;
	}
	
	.responsive-large-text, .responsive-text-intro {
		display:block;
	}
	
	.normal-large-text, .normal-text-intro {
		display:none;
	}
	
	.man-image {
		display:none;
	}
	
	
	/* Room Section */
	
	.main-rooms-list .rooms-list-item-wrap {
		width:240px;
		margin-right:20px;
	}
	
	#room-view-content img {
		width:240px;
	}
	
	.main-rooms-list .rooms-list-item-price {
		right:-9px;
		font-size:0.9em;
		bottom:36px;
		padding:6px 11px;
	}
	
	.main-rooms-list .rooms-list-item-wrap:last-child {
		margin-right:0;
	}
	
	#main-news-header {
		font-size:1.8em;
	}
	
	#room-view-wrap {
		margin-top:75px;
	}
	
	
	/* Reservation Message */
	
	#reservation-text-wrap {
		
		margin-bottom:80px;
		text-align:center;
		padding-top:45px;
		padding-bottom:40px;
	}
	
	#reservation-text-wrap .container {
		width:768px;
	}
	
	#reservation-button {
		font-size:0.9em;
		padding:8px 21px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#main-reservation-text {
		padding-top:0px;
		font-size:1em;
		float:none;
		width:auto;
	}
	
	#reservation-button {
		margin-top:30px;
		float:none;
	}
	
	
	/* Info Main Wrap */
	
	#main-aboutus-wrap img {
		margin-top:8px;
		width:170px;
	}
	
	.testimonials-content, .testimonials-content-wrap {
		width:250px;
		font-size:1em;
		line-height:24px;
	}
	
	#main-aboutus-intro {
		font-size:1em;
		line-height:26px;
	}
	
	#main-aboutus-wrap .right-aboutus-column, #main-aboutus-wrap .left-aboutus-column {
		font-size:1em;
		line-height:26px;
	}
	
	.module-side { 
		right:0px;
	}
	
	/* Location wrap */
	
	#gmaps {
		width:240px;
		height:200px;
	}
	
	
	/* News wrap */
	
	#main-news-wrap #main-blog-posts-wrap:last-child	{
		display:none;
	}
	
	#main-news-wrap .main-news-image, #main-news-wrap .main-blog-post-content-wrap, #main-news-wrap .room-main-list-overlay {
		width:236px;
	}
	
	.main-news-more-button {
		display:none;
	}
	
	#main-blog-posts-wrap {
		width:236px !important;
	}
	
	.room-overlay-content .room-overlay-readmore .icon-search, .room-overlay-content .room-overlay-checkavail .icon-calendar {
		font-size:0.9em;
	}
	
	.room-overlay-content .room-overlay-readmore, .room-overlay-content .room-overlay-checkavail {
		padding:13px 14px !important;
	}
	
	.room-overlay-readmore, .room-overlay-checkavail, .blog-overlay-readmore {
		margin-right:2px;
	}
	
	#main-news-wrap .room-main-list-overlay {
		width:236px;
	}
	
	#main-news-wrap .room-overlay-readmore .icon-search {
		font-size:0.85em;
	}
	
	#main-news-wrap .room-overlay-readmore {
		padding:10px 12px !important
	}
	
	
	/* Footer wrap */
	
	.twitterRow, .twitter-row-divider {
		width:200px;
	}
	
	#footer-subscribe-email-field, #email-value, #phone-value, #skype-value, #address-value {
		width:143px;
	}
	
	#footer-subscribe-email-field {
		margin-right:2px;
	}
	
	#footer-social-wrap .icon-facebook, #footer-social-wrap .icon-twitter, #footer-social-wrap .icon-google-plus, 
	#footer-social-wrap .icon-linkedin, #footer-social-wrap .icon-skype, #footer-social-wrap .icon-instagram {
		font-size:1.1em;
		padding:7px 12px;
		margin-right:0px;
	}
	
	#flickr-feed img {
		width:65px;
	}
	
	#footer-social-wrap .icon-twitter, #footer-social-wrap .icon-google-plus {
		padding:7px 8px;
	}
	 
	#footer-social-wrap .icon-linkedin, #footer-social-wrap .icon-skype, #footer-social-wrap .icon-instagram  {
		padding:7px 9px;
	}
	 
	#footer-wrap  #flickr-feed li:nth-last-child(2), #footer-wrap  #flickr-feed li:last-child {
		display:none;
	}
	
	#prefooter-wrap .offset-by-one {
		padding-left:0px;
	}
	
	#prefooter-wrap .five.columns {
		margin-right:39px;
	}
	
	#prefooter-wrap .offset-by-one {
		margin-right:0px !important;
	}
	
	
	/* Three columns wrap */
	
	#main-title-wrap {
		padding-top:25px !important;
	}
	
	#top-content-divider {
		padding-bottom:33px !important;
	}
	
	.rooms-three-columns-list .rooms-list-item-wrap img, .rooms-three-columns-list .rooms-list-item-wrap {
		/*width:225px;*/ width:345px;
	}
	
	.rooms-three-columns-list .rooms-list-item-wrap {
		margin: 15px 18px 15px 18px;/*15px 36px 15px 0px;*/ width: 345px;
	}
	
	.rooms-three-columns-list .rooms-list-item-wrap:last-child {
		margin-right:0px;
	}
	
	.rooms-three-columns-list .list-three-last {
		margin-right:0 !important;
	}
	
	.rooms-three-columns-list .rooms-list-item-price {
		font-size:0.9em;
		bottom:36px;
		padding:6px 11px;
	}
	
	#main-title-undertext {
		font-size:0.9em;
	}
	
	#main-title-wrap {
		font-size:2em;
	}
	
	#top-content-divider {
		padding-bottom:34px;
	}
	
	#main-title-wrap {
		padding-top:30px;
	}
	
	.rooms-list-header {
		font-size:1.3em;
	}
	
	
	/* Two items list */
	
	.two-item-list .rooms-list-image, .two-item-list .rooms-list-item-wrap {
		width:322px;
	}
	
	.two-item-list .rooms-list-item-wrap {
		margin:40px 30px;
	}
	
	.one-item-list .rooms-list-item-wrap {
		width:768px;
		margin-left:0;
		margin-right:0;	
	}
	
	.one-item-list .rooms-list-image, .one-item-list .rooms-list-item-image-wrap {
		width:300px;
	}
	
	.one-item-list .rooms-list-content-wrap {
		width:400px;
	}
	
	.one-item-list .rooms-list-content {
		display:none;
	}
	
	
	/* Rooms single */
	
	#main-title-wrap, #main-title-undertext {
		width:768px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.reservation-page-wrap .eleven.columns {
		width:768px;
	}
	
	.reservation-page-wrap .bannercontainer {
		width:750px;
		float:left;
		clear:both;
	}
	
	.reservation-page-wrap #room-parametr {
		clear:both;
	}
	
	.reservation-page-wrap .four.columns {
		width:768px;
		margin-left:auto;
		margin-right:auto;
		padding-left:0;
		float:none;
		padding-top:75px;
		clear:both;
		display:block; position:relative; height:auto; display:table;
	}
	
	#booking-wrap {
		float:left;
		width:350px;
	}
	
	.reservation-sidebar .booking-wrap-header {
		width:350px;
	}
	
	.reservation-sidebar #contact-us-wrap {
		width:350px;
		float:right;
	}
	
	.reservation-sidebar #contact-us-wrap ul li span.icon-mobile-phone, 
	.reservation-sidebar #contact-us-wrap ul li span.icon-envelope-alt, 
	.reservation-sidebar #contact-us-wrap ul li span.icon-skype,
	.reservation-form-sidebar #contact-us-wrap ul li span.icon-mobile-phone,
	.reservation-form-sidebar #contact-us-wrap ul li span.icon-envelope-alt, 
	.reservation-form-sidebar #contact-us-wrap ul li span.icon-skype {
		display:block;
	}
	
	.reservation-page-wrap .DOPFrontendBookingCalendarPRO_Day .bind-content .content {
		padding:4px 1px !important;
	}
	
	#frontend {
		width:720px;
	}
	
	.reservation-sidebar  .sidebar-header {
		display:none;
	}
	
	.reservation-sidebar .reservation-form-caption {
		margin-left:65px;
	}
	
	.reservation-sidebar #contact-us-wrap .contact-info-content {
		width:270px;
		font-size:1.1em;
	}
	
	
	/* Reservation form page */
	
	.main-reservation-form {
		width:450px !important;
	}
	
	.reservation-form-sidebar {
		width:220px !important;
	}
	
	.reservation-form-sidebar .popular-post-wrap img {
		display:block;
	}
	
	.main-reservation-form .check-out-wrap, .main-reservation-form .children-guest-wrap, .main-reservation-form .surname-wrap, 
	.main-reservation-form .phone-wrap, .main-reservation-form .cvv2-code-wrap {
		margin-left:0;
	}
	
	.total-sum-final {
		margin-right:15px;
	}
	
	.main-reservation-form .check-room-avail {
		display:none;
	}
	
	.main-reservation-form .select-styling-wrap select {
		width:270px;
	}
	
	.main-reservation-form .select-styling-wrap {
		background:url(../images/select-bg.png) no-repeat 240px 11px #fff;
		width:270px;
	}
	
	.main-reservation-form #check-in, .main-reservation-form #check-out {
		width:230px;
	}
	
	.main-reservation-form #data-wrap {
		padding-left:80px;
	}
	
	.main-reservation-form input {
		width:250px;
	}
	
	.main-reservation-form #additional-request-text {
		width:250px;
	}

	
	/* Sidebar */
	
	.popular-post-image, .recent-comment-image {
		width:40px;
	}
	
	.popular-post-header, .popular-post-meta {
		width:165px;
	}
	
	.blog-sidebar #contact-us-wrap .contact-info-content, 
	.contact-sidebar #contact-us-wrap .contact-info-content,
	.page-sidebar #contact-us-wrap .contact-info-content, 
	.reservation-form-sidebar #contact-us-wrap .contact-info-content {
		font-size:0.9em;
		width:178px;
	}
	
	.blog-sidebar {
		padding-top:30px;
	}
	
	.page-sidebar {
		padding-top:40px;
	}
	
	#sidebar-search {
		width:150px;
	}
	
	.popular-post-image, .recent-comment-image {
		display:none;
	}
	
	#contact-us-wrap ul li span.icon-mobile-phone, #contact-us-wrap ul li span.icon-envelope-alt, #contact-us-wrap ul li span.icon-skype {
		display:none;
	}

	
	/* Blog */
	
	.blog-post-header {
		line-height:40px;
	}
	
	.main-blog-images {
		width:507px;
	}
	
	.blog-post-meta-wrap .blog-author, .blog-post-meta-wrap .blog-category, .blog-post-meta-wrap .blog-comments {
		display:block;
		float:left;
		line-height:30px;
	}
	
	
	/* Blog Single */ 
	
	.blog-single .blog-author-description {
		float:right;
		width:347px;
	}
	
	.blog-single .blog-comments {
		line-height:30px;
	}
	
	.blog-single .comment-section .comment-author, 
	.blog-single .comment-section .comment-text {
		width:365px;
	}
	
	.blog-single .comment-meta {
		width:366px;
	}
	
	.blog-single  .reply-1 .comment-author, 
	.blog-single  .reply-1 .comment-text {
		width:318px !important;
	}
	
	.blog-single  .reply-1 .comment-meta {
		width:319px !important;
	}
	
	.blog-single  .reply-2 .comment-author, 
	.blog-single  .reply-2 .comment-text {
		width:268px !important;
	}
	
	.blog-single  .reply-2 .comment-meta {
		width:269px !important;
	}
	
	.blog-single #name-comments-field, .blog-single #email-comments-field {
		width:222px !important;
	}
	
	.blog-single #text-comments-field {
		width:486px !important;
	}
	
	.blog-single .blog-post-wrap {
		margin-bottom:0px;
	}
	
	
	/* Gallery */
	
	.gallery-item-wrap {
		width:220px;
		margin:25px 50px 25px 0;
	}
	
	.gallery-image {
		width:220px;
	}
	
	.gallery-three-last {
		margin-right:0;
	}
	
	
	/* Gallery with sidebar */
	
	.gallery-sidebar .gallery-image, .gallery-sidebar .gallery-item-wrap  {
		width:240px;
	}
	
	.gallery-sidebar .gallery-item-wrap {
		margin:12px;
	}
	
	.gallery-sidebar .room-overlay-readmore {
		padding:11px 14px !important;
	}
	
	.page-wrap .four.columns, .blog-wrap .four.columns {
		width:167px !important;
	}
	
	.page-wrap .five.columns, .blog-wrap .five.columns {
		width:216px !important;
	}
	
	.columns-margin {
		margin-right:30px !important;
	}
	
	.page-wrap .eight.columns, .blog-wrap .five.columns {
		width:354px !important;
	}
	
	.button-standard.large, .button-alt.large {
		font-size:1.2em !important;
		padding:10px 20px 12px 20px !important;
	}
	
	.button-standard.large span, .button-alt.large span, .button-standard.medium span, 
	.button-alt.medium span, .button-standard.small span, .button-alt.small span {
		display:none;
	}
	
	.button-standard.medium, .button-alt.medium{
		font-size:1em !important;
		padding:7px 15px 8px 15px !important
	}
	
	.list-button-demo-page .simple:last-child {
		display:none;
	}
	
	.painted:nth-child(6) {
		display:none !important;
	}
	
	.last-list, .second-last-list {
		display:none !important;
	}
	
	
	/* Contact page */
	
	.contact-page #name-comments-field, .contact-page #email-comments-field, .contact-page #phone-comments-field {
		width:144px;
		margin-right:5px;
	}
	
	.contact-page #phone-comments-field  {
		margin-right:0;
	}
	
	.contact-page #text-comments-field {
		width:486px;
	}
	
}
 
	
@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	input[type="text"],
input[type="password"],
input[type="email"],
textarea, select, #code { width:345px;}
.social-likes, .social-likes_single-w{float:left !important;}
.c-info{clear: both; padding-top: 50px; color: #444; font-size: 20px; border-bottom: 1px dotted #444}	
	/* Head Container */
	
	#headcontainer {
		width:420px;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		background:none;
		border-top:1px dotted #e0e0e0;
		padding-bottom:25px;
		padding-top:15px;
		margin-bottom:0px;
	}
	
	.country-flag {
		opacity:0.7;
	}
	
	#logocontainer {
		padding-top:10px;
		margin-bottom:0px;
		padding-bottom:10px;
	}
	#top-navigation-menu-wrap{width:420px;}
	#top-sticky-bar #top-street-address, #top-sticky-bar #top-phone {
		line-height:32px;
		color:#888;
	}
	
	#top-sticky-bar #top-email, #top-language-select a {
		color:#888;
	}
	
	#top-sticky-bar #top-phone {
		float:right;
	}
	
	#top-language-select, #top-search {
		color:#888;
		float:right;
	}
	
	#top-search {
		margin-left:10px;
		margin-right:10px;
	}
	
	
	/* Top Header */
	
	#top-logo-wrap {
		width:250px !Important;
	}
	
	#top-navigation-menu-wrap {
		width:155px ;
		position:relative;
	}
	
	#top-navigation-menu-wrap .icon-reorder {
		float:right;
		font-size:2.2em;
	}
	
	#top-search {
		position:relative;
	}
	
	#top-search-window-wrap {
		position:absolute;
		right:0px;
		top:0px;
		width:165px;
	}
	
	#top-search-window-wrap input {
		right:5px;
	}
	
	#mobile-navigation-menu {
		margin-top:5px;
		margin-right:5px;
		float:right;
		display:block;
		position:relative;
	}
	
	#mobile-navigation-menu-list {
		display:none;
		position:absolute;
		top:40px;
		z-index:1000;
		right:-0px;
		width:300px;
		background:#fff;
		padding:20px;
		padding-top:12px; padding-bottom:0px;		
		overflow:auto;
		box-shadow:0px 0px 2px #999;
	}
	
	#mobile-navigation-menu-list li {
		border-bottom:1px dotted #e0e0e0;
		padding-bottom:6px;
	}
	
	#mobile-navigation-menu-list li a{
		color:#555;
		text-decoration:none;
		line-height:30px;
		font-size:1.4em;
	}
	#main-logo {width:130px;}
	
	/* Main Page Header */
	
	.under-title {
		display:none !important;
	}
	
	#top-navigation-menu {
		display:none;
	}
	
	#top-navigation-menu-wrap {
		width:100%;
	}
	#logocontainer{width:480px;}
	#top-navigation-menu li .top-navigation-content-wrap {
		padding:4px 20px 4px 0;
		margin-right:0;
	}
	
	ul.dropdown ul ul {
		left:140px;
		top:-15px;
	}
	
	#main-logo {
		display:block; margin-left:175px;
	}
	
	#main-logo-min {
		margin-bottom:0px;
		margin-top:0px;
		display:block;
		margin-left:-10px;
	}
	
	#top-navigation-menu .sub_menu {
		margin-top:65px;
	}
	
	.bannercontainer .new_small_text {
		display:none;
	}
	
	.bannercontainer  .text-intro {
		font-size:3em;
	}
	
	.responsive-large-text, .responsive-text-intro {
		display:block;
	}
	
	.normal-large-text, .normal-text-intro {
		display:none;
	}
	
	.man-image {
		display:none;
	}
	
	
	/* Rooms List Main Page */
	
	#main-news-header {
		line-height:30px;
		font-size:1.8em;
	}
	
	#room-view-wrap {
		margin-top:65px;
	}
	
	#room-view-content {
		text-align:center;
	}
	
	.main-rooms-list .rooms-list-item-wrap {
		margin-left:auto;
		margin-right:auto;
	}
	
	
	/* Reservation Message Text */
	
	#reservation-text-wrap .container {
		width:420px;
		text-align:center;
		line-height:26px;
	}
	
	#main-reservation-text {
		float:none;
		width:auto;
	}
	
	#reservation-text-wrap {
		padding-top:30px;	
		padding-bottom:45px;
	}
	
	#reservation-button {
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
		font-size:0.9em !Important;
		padding:9px 20px;
	}

	#main-reservation-undertext {
		display:block;
	}
	
	
	/* Information Wrap */
	
	#information-wrap .offset-by-one {
		padding-left:0px;
	}
	
	#main-aboutus-intro {
		font-size:1em;
	}
	
	#main-aboutus-wrap img {
		margin-left:auto;
		margin-right:auto;
		float:none !important;
		display:block;
		margin-bottom:20px;
	}
	
	#main-aboutus-wrap .right-aboutus-column, 
	#main-aboutus-wrap .left-aboutus-column {
		font-size:1em;
		text-align:center;
	}
	
	.module-side {
		right:0px;
	}
	
	/* Info Main Wrap */
	
	#gmaps {
		margin-bottom:40px;
	}
	
	#location-wrap {
		margin-top:55px;
	}
	
	#location-wrap .columns {
		margin-bottom:30px;
	}

	
	/* Main News Wrap */
	
	#main-news-wrap #main-blog-posts-wrap {
		margin-bottom:60px;
	}
	
	.main-news-image, #main-news-wrap .room-main-list-overlay {
		width:350px;
	}
	
	.main-blog-post-image-wrap {
		width:350px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.main-blog-post-content-wrap {
		width:350px;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	/* Main Footer Wrap */
	
	#prefooter-wrap .columns {
		margin-bottom:30px;
	}
	
	.twitterRow {
		width:390px;
	}
		
		
	/* Three Columns Room List Page */

	#main-title-undertext, #main-title-divider {
		display:none;
	}
	
	#main-title-wrap {
		margin-right:auto;
		margin-left:auto;
		width:420px;
		line-height:30px;
		font-size:1.8em;
		padding-top: 30px;
	}
	
	#top-content-divider {
		padding-bottom:10px; background:none; width:420px; margin:auto;
	}
	
	.rooms-three-columns-list {
		text-align:center;
	}
	
	.rooms-three-columns-list .rooms-list-item-wrap {
		margin-left:auto;
		margin-right:auto;
	}
	
	.modal-body, #myModal {
		width:400px !important;
		margin-left:auto;
		margin-right:auto;
		left:auto;
	}
	
	.modal #frontend {
		width:380px !important;
	}
	
	
	/* Two Columns Room List Page */
	
	.two-item-list {
		padding-top:20px;
	}
	
	.two-item-list .rooms-list-item-wrap, .two-item-list .rooms-list-image {
		width:420px;
		margin:0;
	}
	
	.two-item-list .rooms-list-item-wrap {
		margin-bottom:60px;
	}
	
	
	/* One Columns Room List Page */
	
	.one-item-list .rooms-list-item-wrap {
		width:420px;
		margin:0;
		margin-bottom:60px;
	}
	
	.one-item-list .rooms-list-image, .one-item-list .rooms-list-item-image-wrap {
		width:420px;
	}
	
	.one-item-list .rooms-list-content-wrap {
		display:none;
	}
	
	
	/* One Room Reservation */
	
	#room-person, #room-bed, #room-size {
		line-height:30px;
	}
	
	.reservation-sidebar {
		padding-top:60px;
	}
	
	.reservation-form-caption {
		margin-left:100px;
	}
	
	#contact-us-wrap .contact-info-content {
		width:370px;
	}
	
	.room-features-list li {
		float:none;
		width:100%;
	}
	
	
	/* Reservation form page */
	
	.form-date-picker-in {
		z-index:1000;
	}
	
	.main-reservation-form #data-wrap {
		padding-left:55px;
	}
	
	.main-reservation-form .check-room-avail {
		display:none;
	}
	
	.main-reservation-form .check-out-wrap, .main-reservation-form .children-guest-wrap, .main-reservation-form .surname-wrap, 
	.main-reservation-form .phone-wrap, .main-reservation-form .cvv2-code-wrap {
		margin-left:0;
	}
	
	.main-reservation-form #additional-request-text {
		width:280px;
	}
	
	.total-sum-final {
		margin-right:30px;
	}
	
	.reservation-form-sidebar, .page-sidebar, .blog-sidebar, .contact-sidebar {
		padding-top:50px;
	}
	
	.reservation-form-sidebar #sidebar-search, .page-sidebar #sidebar-search, .blog-sidebar #sidebar-search, .contact-sidebar #sidebar-search {
		width:400px;
	}
	
	.reservation-form-sidebar .popular-post-wrap, .page-sidebar .popular-post-wrap, .blog-sidebar .popular-post-wrap, .contact-sidebar .popular-post-wrap {
		width:420px;
	}
	
	.gallery-sidebar  .gallery-item-wrap {
		display:block;
	}
	
	.reservation-form-sidebar .popular-post-header, .reservation-form-sidebar .popular-post-meta,
	.page-sidebar .popular-post-header, .page-sidebar .popular-post-meta,
	.blog-sidebar .popular-post-header, .blog-sidebar .popular-post-meta,
	.contact-sidebar .popular-post-header, .contact-sidebar .popular-post-meta {
		width:350px;
	}
	
	.gallery-sidebar .gallery-image, .gallery-sidebar .gallery-item-wrap {
		margin-right:auto;
		margin-left:auto;
		width:345px;
		margin-bottom:50px;
	}
	
	
	/* Page Wrap */
	
	.page-wrap .columns, .blog-wrap .columns {
		margin-bottom:30px;
	}
	
	.page-left-sidebar {
		margin-top:30px !important;
	}
	
	.page-left-sidebar-sidebar {
		padding-top:15px !important;
	}
	
	
	/* Blog Wrap */
	
	.blog-wrap .blog-post-header {
		line-height:40px;
	}
	
	.main-blog-images {
		width:420px;
	}
	
	.blog-author, .blog-category, .blog-comments {
		line-height:30px;
	}
	
	.blog-wrap  .blog-overlay-readmore {
		padding:14px 15px;
	}
	
	.blog-wrap  .blog-overlay-readmore span {
		font-size:0.9em;
	}
	
	.blog-sidebar-left {
		padding-top:15px;
	}
	
	.blog-sidebar-left-content {
		margin-top:40px !important;
	}
	
	
	/* Blog Single */
	
	.blog-single .comment-section .comment-author-image {
		width:100px;
	}
	
	.blog-single .comment-section .comment-author, .blog-single .comment-section .comment-text {
		width:280px;
		font-size:1em;
	}
	
	.blog-single .comment-meta {
		width:281px;
	}
	
	.blog-single .reply-1 .comment-author, .blog-single .reply-1 .comment-text {
		width:220px;
		font-size:1em;
	}
	
	.blog-single .reply-1 .comment-meta {
		width:221px;
	}
	
	.blog-single .reply-2 .comment-author, .blog-single .reply-2 .comment-text {
		width:180px;
		font-size:1em;
	}
	
	.blog-single .reply-2 .comment-meta {
		width:181px;
	}
	
	.blog-single #name-comments-field, .blog-single #email-comments-field,
	.contact-page #name-comments-field, .contact-page #email-comments-field {
		width:185px !important;
		margin-right:6px;
	}
	
	.blog-single #email-comments-field, .contact-page #email-comments-field  {
		margin-right:0px !important;
	}
	
	.blog-single #text-comments-field {
		width:398px !Important;
	}
	
	.blog-single .blog-post-wrap {
		margin-bottom:0;
	}
	
	
	/* Contact Page */
	
	.contact-maps-wrap #gmaps {
		height:300px;
	}
	
	.contact-page #phone-comments-field, .contact-page #text-comments-field {
		width:398px;
	}
	
	.reservation-page-wrap .bannercontainer {
	    width:414px !important;
	    border-width:3px;
	}
	
	.one-item-list .rooms-list-content-wrap {
	    display:block;
	    width:420px;
	    margin-top:20px;
	}
	
}


/* Style for Mobile Devices (Landscape and Portrait) */

@media only screen and (max-width: 480px) {
.artikel-1{width:100%; height:0px;}
.wrap-art-1{width:100%;}
.wrap-art-2{width:110px;}
.img-art{width:100px;}
.wrap-art-3{width:190px;}
.judul-art{line-height:20px; padding-bottom:5px;}
.c-info{clear: both; padding-top: 50px; color: #444; font-size: 20px; border-bottom: 1px dotted #444}	
#button-go{margin-left:190px; float:left;}
#sort-villa{margin-left:45px;}
.button-best-deal-vr{margin-left:30px;}	
	/* Head Container */
	
	#headcontainer {
		height:auto;
		background:none;
		border-top:1px dotted #e0e0e0;
		padding-bottom:6px;
		padding-top:15px;
		text-align:center;
		margin-bottom:0;
	}
	
	#top-sticky-bar {
		text-align:center;
	}
		
	#top-sticky-bar #top-street-address, #top-sticky-bar #top-phone {
		line-height:30px;
	}
	
	.country-flag {
		opacity:0.7;
	}
	
	#logocontainer {
		padding-top:10px;
		margin-bottom:0px;
	}
	
	#top-sticky-bar #top-street-address, #top-sticky-bar #top-phone {
		line-height:32px;
		color:#888;
		width:100%;
		display:block;
	}
	
	#top-sticky-bar #top-email {
		color:#888;
		width:100%;
		display:block;
	}
	
	#top-language-select a {
		color:#888;
	}
	
	#top-language-select, #top-search {
		color:#888;
		float:none !important;
		margin-top:8px;
	}
	
	#top-search {
		margin-left:10px;
		margin-right:10px;
	}
	
	#top-search .icon-search {
		float:left !important;
		margin-top:-35px;
	}
	
	
	/* Top Header */
	
	#top-logo-wrap {
		width:150px; height:auto; display:table; float:none; margin:auto;}
	
	
	#top-navigation-menu-wrap {
		width:125px;
		position:absolute;
	}
	
	#top-navigation-menu-wrap .icon-reorder {
		float:right;
		font-size:2.2em;
	}
	
	#top-search {
		position:relative;
	}
	
	#top-search-window-wrap {
		position:absolute;
		left:0px;
		top:0px;
		width:165px;
	}
	
	#top-search-window-wrap input {
		top:-10px;
		right:5px;
	}
	
	#mobile-navigation-menu {
		margin-top:5px;
		margin-right:5%;
		float:right;
		display:block;
		position:relative;
	}
	
	#mobile-navigation-menu-list {
		display:none;
		position:absolute;
		top:40px;
		z-index:1000;
		right:-0px;
		width:270px;
		background:#fff;
		padding:20px;
		padding-top:10px; padding-bottom:0px;
		overflow:auto;
		box-shadow:0px 0px 2px #999;
	}
	
	#mobile-navigation-menu-list li {
		border-bottom:1px dotted #e0e0e0;
		padding-bottom:6px;
	}
	
	#mobile-navigation-menu-list li a{
		color:#555;
		text-decoration:none;
		line-height:30px;
		font-size:1.3em;
		font-weight:300;
	}
	
	
	/* Main Page Header */
	
	.under-title {
		display:none !important;
	}
	
	#top-navigation-menu {
		display:none;
	}
	
	#top-navigation-menu-wrap {
		width:580px; display:none;
	}
	
	#top-navigation-menu li .top-navigation-content-wrap {
		padding:4px 20px 4px 0;
		margin-right:0;
	}
	
	ul.dropdown ul ul {
		left:140px;
		top:-15px;
	}
	
	#main-logo {
		display:block; width:130px; margin:auto;
	}
	
	#main-logo-min {
		margin-bottom:20px;
		margin-top:5px;
		display:block;
		margin-left:-10px;
	}
	
	#top-navigation-menu .sub_menu {
		margin-top:65px;
	}
	
	#top-language-select ul.dropdown ul li {
		padding-left:0;
	}
	
	ul.dropdown ul li a {
		width:auto;
	}
	
	.bannercontainer .new_small_text {
		display:none;
	}
	
	.bannercontainer  .text-intro {
		font-size:3em;
	}
	
	.responsive-large-text, .responsive-text-intro {
		display:block;
	}
	
	.normal-large-text, .normal-text-intro {
		display:none;
	}
	
	.man-image {
		display:none;
	}
	
	
	/* Rooms List Main Page */
	
	#main-news-header {
		line-height:30px;
		font-size:1.8em;
	}
	
	#room-view-wrap {
		margin-top:65px;
	}
	
	#room-view-content {
		text-align:center;
	}
		
	.main-rooms-list .rooms-list-item-wrap {
		width:300px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#room-view-content img {
		width:300px;
	}
	
	.main-rooms-list .rooms-list-item-price {
		right:-9px;
	}
	
	.room-overlay-readmore, .room-overlay-checkavail, .blog-overlay-readmore {
		padding:13px 15px;
	}
	
	#myModal {
		width:300px !important;
		margin-left:auto;
		margin-right:auto;
		left:auto;
	}
	
	.modal-body, .modal #frontend {
		width:280px !important;
	}
	
	#myModal .DOPFrontendBookingCalendarPRO_Day .bind-content .content .available, #myModal .DOPFrontendBookingCalendarPRO_Day .bind-content .content .old-price, #myModal .DOPFrontendBookingCalendarPRO_Day.next_month {
		display:none;
	}
	
	
	/* Reservation Message Text */
	
	#reservation-text-wrap .container {
		width:300px;
		text-align:center;
		line-height:26px;
	}
	
	#main-reservation-text {
		float:none;
		font-size:0.95em;
		width:auto;
	}
	
	#reservation-text-wrap {
		padding-top:30px;	
		padding-bottom:45px;
		margin-top:50px;
		margin-bottom:90px;
	}
	
	#reservation-button {
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-top:24px;
		font-size:0.9em !Important;
		padding:9px 20px;
	}
	
	#main-reservation-undertext {
		display:none;
	}
	
	
	/* Information Wrap */
	
	#information-wrap .offset-by-one {
		padding-left:0px;
	}
	
	#main-aboutus-intro {
		font-size:1em;
	}
	
	#main-aboutus-wrap img {
		margin-left:auto;
		margin-right:auto;
		float:none !important;
		display:block;
		margin-bottom:20px;
	}
	
	#main-aboutus-wrap .right-aboutus-column, 
	#main-aboutus-wrap .left-aboutus-column {
		font-size:1em;
		text-align:center;
	}
	
	.testimonials-content-wrap, .testimonials-content {
		width:300px;
	}
	
	.module-side {
		right:0px;
	}
	
	/* Info Main Wrap */ 
	
	#gmaps {
		margin-bottom:40px;
		width:290px;
		height:190px;
	}
	
	#location-wrap {
		margin-top:55px;
	}
	
	#location-wrap .columns {
		margin-bottom:30px;
	}

	
	/* Main News Wrap */
	
	#main-news-wrap #main-blog-posts-wrap {
		margin-bottom:60px;
	}
	
	.main-news-image, #main-news-wrap .room-main-list-overlay {
		width:300px;
	}
	
	.main-blog-post-image-wrap {
		width:300px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.main-blog-post-content-wrap {
		width:300px;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	/* Main Footer Wrap */
	
	#prefooter-wrap .columns {
		margin-bottom:30px;
	}
	
	.twitterRow {
		width:270px;
	}
	
	#footer-subscribe-email-field {
		width:210px;
	}
	
	#footer-social-wrap span {
		margin-right:2px;
	}
	
	#footer-wrap {
		margin-top:40px;
	}
	
	
	/* Three Columns Room List Page */

	#main-title-undertext, #main-title-divider {
		display:none;
	}
	
	#main-title-wrap {
		margin-right:auto;
		margin-left:auto;
		width:300px;
		line-height:30px;
		font-size:1.8em;
		padding-top: 30px;
	}
	
	#top-content-divider {
		padding-bottom:25px;
		margin-bottom:0px;
	}
	
	.rooms-three-columns-list {
		text-align:center;
	}
	
	.rooms-three-columns-list {
		padding-top:0px;
	}
	
	.rooms-three-columns-list .rooms-list-item-wrap {
		margin-bottom:0px;
	}
	
	.rooms-three-columns-list .rooms-list-item-wrap {
		margin-left:auto;
		margin-right:auto;
	}
	
	.rooms-three-columns-list .rooms-list-item-wrap, .rooms-three-columns-list .rooms-list-item-image-wrap img {
		width:300px; height:auto;
	}
	
	
	/* Two Columns Room List Page */
	
	.two-item-list {
		padding-top:20px;
	}
	
	.two-item-list .rooms-list-item-wrap, .two-item-list .rooms-list-image {
		width:300px;
		margin:0;
	}
	
	.two-item-list .rooms-list-item-wrap {
		margin-bottom:60px;
	}
	
	
	/* One Columns Room List Page */
	
	.one-item-list .rooms-list-item-wrap {
		width:300px;
		margin:0;
		margin-bottom:60px;
	}
	
	.one-item-list .rooms-list-image, .one-item-list .rooms-list-item-image-wrap {
		width:300px;
	}
	
	.one-item-list .rooms-list-content-wrap {
		display:none;
	}
	
	
	/* One Room Reservation */
	
	.tp-bullets.tp-thumbs, .tp-bullets.tp-thumbs .tp-mask, .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
		display:none;
	}
	
	#room-parametr {
		text-align:center;
	}
	
	#room-person, #room-bed, #room-size {
		line-height:30px;
		border-right:0;
		margin-right:0;
		padding-right:0;
		display:block;
	}
	
	.reservation-sidebar {
		padding-top:60px;
	}
	
	.reservation-form-caption {
		margin-left:40px;
	}
	
	#contact-us-wrap .contact-info-content {
		width:250px;
	}
	
	.room-features-list li {
		float:none;
		width:100%;
	}
	
	#frontend-check-in, #frontend-check-out {
		width:300px;
	}
	
	
	/* Reservation form page */
	
	.form-date-picker-in {
		z-index:1000;
	}
	
	.main-reservation-form #data-wrap {
		padding-left:30px;
	}
	
	.main-reservation-form .check-room-avail {
		display:none;
	}
	
	.main-reservation-form .check-out-wrap, .main-reservation-form .children-guest-wrap, .main-reservation-form .surname-wrap, 
	.main-reservation-form .phone-wrap, .main-reservation-form .cvv2-code-wrap {
		margin-left:0;
	}
	
	.main-reservation-form input, .main-reservation-form #additional-request-text {
		width:214px;
	}
	
	.main-reservation-form .select-styling-wrap select {
		width:235px;
	}
	
	.main-reservation-form #check-in, .main-reservation-form #check-out {
		width:195px;
	}
	
	.main-reservation-form .select-styling-wrap {
		width:235px;
		background:url(../images/select-bg.png) no-repeat 208px 11px #fff
	}
		
	.total-sum-final {
		margin-right:0px;
	}
	
	.reservation-form-sidebar, .page-sidebar, .blog-sidebar, .contact-sidebar {
		padding-top:50px;
	}
	
	
	/* Sidebar Style */
	
	.reservation-form-sidebar #sidebar-search, .page-sidebar #sidebar-search, .blog-sidebar #sidebar-search, .contact-sidebar #sidebar-search {
		width:278px;
	}
	
	.reservation-form-sidebar .popular-post-wrap, .page-sidebar .popular-post-wrap, .blog-sidebar .popular-post-wrap, .contact-sidebar .popular-post-wrap {
		width:290px;
	}
	
	.gallery-sidebar  .gallery-item-wrap {
		display:block;
	}
	
	.reservation-form-sidebar .popular-post-header, .reservation-form-sidebar .popular-post-meta,
	.page-sidebar .popular-post-header, .page-sidebar .popular-post-meta,
	.blog-sidebar .popular-post-header, .blog-sidebar .popular-post-meta,
	.contact-sidebar .popular-post-header, .contact-sidebar .popular-post-meta {
		width:224px;
	}
	
	
	/* Gallery style */
	
	.gallery-sidebar .gallery-image, .gallery-sidebar .gallery-item-wrap {
		margin-right:auto;
		margin-left:auto;
		width:300px;
		margin-bottom:50px;
	}
	
	.gallery-item-wrap, .gallery-image {
		width:300px;
		margin-left:0;
		margin-right:0;
	}
	
	
	/* 404 Page */
	
	#error-message {
		width:270px;
	}
	
	/* Blog Wrap */
	
	.blog-wrap .blog-post-header {
		line-height:40px;
	}
	
	.main-blog-images {
		width:420px;
	}
	
	.blog-author, .blog-category, .blog-comments {
		line-height:30px;
	}
	
	.blog-wrap  .blog-overlay-readmore {
		padding:14px 15px;
	}
	
	.blog-wrap  .blog-overlay-readmore span {
		font-size:0.9em;
	}
	
	.blog-sidebar-left {
		padding-top:15px;
	}
	
	.blog-sidebar-left-content {
		margin-top:40px !important;
	}
	
	
	/* Page Wrap */
	
	.page-wrap .columns, .blog-wrap .columns {
		margin-bottom:30px;
	}
	
	.page-left-sidebar {
		margin-top:30px !important;
	}
	
	.page-left-sidebar-sidebar {
		padding-top:15px !important;
	}
	
	
	/* Blog Single */
		
	.blog-post-meta-wrap .blog-author, .blog-post-meta-wrap  .blog-category, .blog-post-meta-wrap  .blog-comments {
		display:block;
	}	
	
	.main-blog-images {
		width:300px;
	}
	
	.blog-single .comment-section .comment-author-image {
		width:100px;
	}
	
	.blog-single .comment-section .comment-author, .blog-single .comment-section .comment-text {
		width:280px;
		font-size:1em;
	}
	
	.blog-readmore-button {
		font-size:0.9em;
	}
	
	.blog-post-wrap {
		margin-bottom:50px;
	}
	
	.blog-comments {
		font-size:0.8em;
	}
	
	blockquote.left, blockquote.right {
		width:170px;
		margin-left:10px;
	}
	
	/* Blog Single */
	
	.blog-single .comment-section .comment-author {
		float:right;
	}
	
	.blog-single .comment-meta {
		width:281px;
	}
	
	.blog-single .reply-1 .comment-author, .blog-single .reply-1 .comment-text {
		width:220px;
		font-size:1em;
	}
	
	.blog-single .reply-1 .comment-meta {
		width:221px;
	}
	
	.blog-single .reply-2 .comment-author, .blog-single .reply-2 .comment-text {
		width:180px;
		font-size:1em;
	}
	
	.blog-single .reply-2 .comment-meta {
		width:181px;
	}
	
	.blog-single #name-comments-field, .blog-single #email-comments-field,
	.contact-page #name-comments-field, .contact-page #email-comments-field {
		width:185px !important;
		margin-right:6px;
	}
	
	.blog-single #email-comments-field, .contact-page #email-comments-field  {
		margin-right:0px !important;
	}
	
	.blog-single #text-comments-field {
		width:398px !Important;
	}
	
	.blog-single .blog-post-wrap {
		margin-bottom:0;
	}
	
	
	/* Contact Page */
	
	.contact-maps-wrap #gmaps {
		height:300px;
	}
	
	.contact-page #phone-comments-field, .contact-page #text-comments-field {
		width:398px;
	}
	
	.reservation-page-wrap .bannercontainer {
	    width:294px !important;
	    border-width:3px;
	}
	
	.one-item-list .rooms-list-content-wrap {
	    display:block;
	    width:300px;
	    margin-top:20px;
	}
	
	.one-item-list .rooms-list-content-wrap .rooms-list-content {
	    display:none;
	}
	
	.first-1{padding-left:0px;}
}


/* Styles for IE9 */

.ie9 .module-bottom, .ie9 .module-side, .ie9 .come-in,
.ie8 .module-bottom, .ie8 .module-side, .ie8 .come-in {
	display:block;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.ie9 .module-side, .ie8 .module-side {
	right:0px;
}

.ie9 .select-styling-wrap, .ie8 .select-styling-wrap {
	background:#fff !important;
}

.ie9 .room-overlay-content, .ie9 .blog-overlay-content, .ie8 .room-overlay-content, .ie8 .blog-overlay-content {
	height:61px;	
}


/* Style for IE8 */


/* Main page header */

.ie8 .under-title {
	display:none !important;
}
	
.ie8 #top-navigation-menu li .top-navigation-content-wrap {
	border-right:0;
	margin-right:10px;
}
	
.ie8 #top-navigation-menu-wrap {
	width:580px;
	float:right;
}
	
.ie8 #top-navigation-menu li .top-navigation-content-wrap {
	padding:4px 35px 4px 0;
	margin-right:0;
}
	
.ie8 ul.dropdown ul ul {
	left:140px;
	top:-15px;
}
	
.ie8 #main-logo {
	display:none;
}
	
.ie8 #main-logo-min {
	margin-top:9px;
	display:block;
	margin-left:-30px;
}
	
.ie8 #top-navigation-menu .sub_menu {
	margin-top:65px;
}
	
.ie8 .text-intro {
	background-color:#000;
}

.ie8 #top-language-select li a {
	border:none;
}
	
	
/* Room Section */
	
.ie8 .main-rooms-list .rooms-list-item-wrap {
	width:297px;
	margin-right:20px;
}
	
.ie8 #room-view-content img {
	width:297px;
}
	
.ie8 .main-rooms-list .rooms-list-item-price {
	right:-9px;
	font-size:0.9em;
	bottom:36px;
	padding:6px 11px;
}
	
.ie8 .main-rooms-list .rooms-list-item-wrap:last-child {
	margin-right:0;
}
	
.ie8 #main-news-header {
	font-size:1.8em;
}
	
.ie8 #room-view-wrap {
	margin-top:75px;
}
	
.ie8 .room-overlay-content, .ie8 .blog-overlay-content {
	-ms-filter:inherit;
}
	
	
/* Reservation Message */

.ie8 #reservation-text-wrap {
	margin-top:40px;
	margin-bottom:80px;
	text-align:center;
	padding-top:45px;
	padding-bottom:40px;
}
	
.ie8 #reservation-text-wrap .container {
	width:768px;
}
	
.ie8 #reservation-button {
	font-size:0.9em;
	padding:8px 21px;
	margin-left:auto;
	margin-right:auto;
}
	
.ie8 #main-reservation-text {
	padding-top:0px;
	font-size:1em;
	float:none;
	width:auto;
}
	
.ie8 #reservation-button {
	margin-top:30px;
	float:none;
}

.ie8 .left-aboutus-column img, .ie8 .right-aboutus-column img {
	width:200px;
}	

.ie8 #location-wrap #gmaps {
	width:320px;
}


/* News wrap */
		
.ie8 #main-news-wrap .main-news-image, .ie8 #main-news-wrap .main-blog-post-content-wrap, .ie8 #main-news-wrap .room-main-list-overlay {
	width:220px;
}
	
.ie8 #main-blog-posts-wrap {
	width:220px !important;
}
	
.ie8 .room-overlay-content .room-overlay-readmore .icon-search, .ie8 .room-overlay-content .room-overlay-checkavail .icon-calendar {
	font-size:0.9em;
}
	
.ie8 .room-overlay-content .room-overlay-readmore, .ie8 .room-overlay-content .room-overlay-checkavail {
	padding:13px 14px !important;
}
	
.ie8 .room-overlay-readmore, .room-overlay-checkavail, .ie8 .blog-overlay-readmore {
	margin-right:2px;
}
	
.ie8 #main-news-wrap .room-main-list-overlay {
	width:220px;
}
	
.ie8 #main-news-wrap .room-overlay-readmore .icon-search {
	font-size:0.85em;
}
	
.ie8 #main-news-wrap .room-overlay-readmore {
	padding:10px 12px !important
}
	
	
/* Footer wrap */
		
.ie8 #email-value, .ie8 #phone-value, .ie8 #skype-value, .ie8 #address-value {
	width:143px;
}

.ie8 #footer-subscribe-email-field {
	width:190px;
	margin-right:6px;
}
	
.ie8 #footer-subscribe-email-field {
	margin-right:2px;
}
	
.ie8 #footer-social-wrap .icon-facebook, .ie8 #footer-social-wrap .icon-twitter, .ie8 #footer-social-wrap .icon-google-plus, 
.ie8 #footer-social-wrap .icon-linkedin, .ie8 #footer-social-wrap .icon-skype, .ie8 #footer-social-wrap .icon-instagram {
	font-size:1.1em;
	padding:7px 12px;
	margin-right:0px;
}
	
.ie8 #flickr-feed img {
	width:65px;
}
	
.ie8 #footer-social-wrap .icon-twitter, .ie8 #footer-social-wrap .icon-google-plus {
	padding:7px 8px;
}
	 
.ie8 #footer-social-wrap .icon-linkedin, .ie8 #footer-social-wrap .icon-skype, .ie8 #footer-social-wrap .icon-instagram  {
	padding:7px 9px;
}
	 
.ie8 #prefooter-wrap .offset-by-one {
	padding-left:0px;
}
	
.ie8 #prefooter-wrap .five.columns {
	margin-right:39px;
}
	
.ie8 #prefooter-wrap .offset-by-one {
	margin-right:0px !important;
}


/* Three columns wrap */
	
.ie8 .rooms-three-columns-list .rooms-list-item-wrap img, .ie8 .rooms-three-columns-list .rooms-list-item-wrap {
	width:270px;
}
	
.ie8 .rooms-three-columns-list .rooms-list-item-wrap {
	margin:15px 70px 15px 0px;
}
	
.ie8 .rooms-three-columns-list .rooms-list-item-wrap:last-child {
	margin-right:0px;
}
	
.ie8 .rooms-three-columns-list .list-three-last {
	margin-right:0 !important;
}
	
.ie8 #main-title-undertext {
	font-size:0.9em;
}
	
.ie8 #main-title-wrap {
	font-size:2em;
}
	
.ie8 #top-content-divider {
	padding-bottom:34px;
}
	
.ie8 #main-title-wrap {
	padding-top:30px;
}
	
.ie8 .rooms-list-header {
	font-size:1.3em;
}	

/* Two items list */
	
.ie8 .two-item-list .rooms-list-image, .ie8 .two-item-list .rooms-list-item-wrap {
	width:400px;
}
	
.ie8 .two-item-list .rooms-list-item-wrap {
	margin:40px 39px;
}
	
.ie8 .one-item-list .rooms-list-item-wrap {
	width:960px;
	margin-left:0;
	margin-right:0;	
}
	
.ie8 .one-item-list .rooms-list-image, .ie8 .one-item-list .rooms-list-item-image-wrap {
	width:360px;
}
	
.ie8 .one-item-list .rooms-list-content-wrap {
	width:540px;
}
	
	
/* Rooms single */
	
.ie8 #price-value {
	width:190px;
	font-size:2em;
}

.ie8 .reservation-page-wrap .bannercontainer {
	width:590px;
}

.ie8 #price-wrap-from, .ie8 #price-period {
	font-size:0.95em;
}
	
.ie8 #check-in-date, .ie8 #check-out-date {
	width:166px;
}
		
.ie8 #booking-wrap #number-of-room {
	width:186px;
}
	
.ie8 .reservation-form-caption {
	margin-left:32px;
	font-size:0.95em;
}
	
.ie8 #contact-us-wrap .contact-info-content {
	width:210px;
}
	
.ie8 #frontend-check-in, .ie8 #frontend-check-out {
	width:260px;
}
	
.ie8 .reservation-page-wrap .eleven.columns {
	width:600px;
}
	
.ie8 .reservation-page-wrap .four.columns {
	width:260px;
}
	
.ie8 .reservation-page-wrap .DOPFrontendBookingCalendarPRO_Day .bind-content .content {
	padding:4px 1px !important;
}
		
.ie8 .main-reservation-form .check-room-avail {
	display:none;
}
	
.ie8 .main-reservation-form .select-styling-wrap select {
	width:230px;
}
	
.ie8 .main-reservation-form .select-styling-wrap {
	width:240px;
}
	
.ie8 .main-reservation-form #check-in, .main-reservation-form #check-out {
	width:200px;
}
	
.ie8 .main-reservation-form #data-wrap {
	padding-left:65px;
}
	
.ie8 .main-reservation-form input {
	width:220px;
}
	
.ie8 .main-reservation-form #additional-request-text {
	width:483px;
}
	
	
/* Sidebar */
	
.ie8 .popular-post-image, .ie8 .recent-comment-image {
	width:40px;
}
	
.ie8 .popular-post-header, .ie8 .popular-post-meta {
	width:165px;
}
	
.ie8 .blog-sidebar #contact-us-wrap .contact-info-content, 
.ie8 .contact-sidebar #contact-us-wrap .contact-info-content,
.ie8 .page-sidebar #contact-us-wrap .contact-info-content, 
.ie8 .reservation-form-sidebar #contact-us-wrap .contact-info-content {
	font-size:0.9em;
	width:178px;
}
	
.ie8 .blog-sidebar {
	padding-top:30px;
}
	
.ie8 .page-sidebar {
	padding-top:40px;
}
	
.ie8 #sidebar-search {
	width:200px;
}
	
	
/* Blog */
	
.ie8 .main-blog-images {
	width:640px;
}
	
	
/* Blog Single */ 
	
.ie8 .blog-single .comment-section .comment-author, 
.ie8 .blog-single .comment-section .comment-text {
	width:495px;
}
	
.ie8 .blog-single .comment-meta {
	width:496px;
}
	
.ie8 .blog-single  .reply-1 .comment-author, 
.ie8 .blog-single  .reply-1 .comment-text {
	width:448px !important;
}
	
.ie8 .blog-single  .reply-1 .comment-meta {
	width:449px !important;
}
	
.ie8 .blog-single  .reply-2 .comment-author, 
.ie8 .blog-single  .reply-2 .comment-text {
	width:398px !important;
}
	
.ie8 .blog-single  .reply-2 .comment-meta {
	width:399px !important;
}
	
.ie8 .blog-single #name-comments-field, .ie8 .blog-single #email-comments-field {
	width:285px !important;
}
	
.ie8 .blog-single #text-comments-field {
	width:612px !important;
}
	
.ie8 .blog-single .blog-post-wrap {
	margin-bottom:0px;
}

.ie8 .blog-overlay-link {
	top:0px;
}

.ie8 .blog-fullwidth .main-blog-images {
	width:940px;
}
	
	
/* Gallery */
	
.ie8 .gallery-item-wrap {
	width:280px;
	margin:25px 50px 25px 0;
}
	
.ie8 .gallery-image {
	width:280px;
}
	
.ie8 .gallery-three-last {
	margin-right:0;
}
	
	
/* Gallery with sidebar */
	
.ie8 .gallery-sidebar .gallery-image, .ie8 .gallery-sidebar .gallery-item-wrap  {
	width:300px;
}
	
.ie8 .gallery-sidebar .gallery-item-wrap {
	margin:12px;
}
	
.ie8 .gallery-sidebar .room-overlay-readmore {
	padding:11px 14px !important;
}
	
.ie8 .page-wrap .four.columns, .blog-wrap .four.columns {
	width:215px !important;
}
	
.ie8 .page-wrap .five.columns, .blog-wrap .four.columns {
	width:266px !important;
}
	
.ie8 .page-wrap .eight.columns, .blog-wrap .four.columns {
	width:450px !important;
}
	
.ie8 .button-standard.large, .button-alt.large {
	font-size:1.2em !important;
	padding:10px 20px 12px 20px !important;
}
	
.ie8 .button-standard.medium, .button-alt.medium{
	font-size:1em !important;
	padding:7px 15px 8px 15px !important
}
	
.ie8 .list-button-demo-page .simple:last-child {
	display:none;
}
	
.ie8 .painted:nth-child(6) {
	display:none !important;
}
	
.ie8 .last-list {
	display:none !important;
}
	
	
/* Contact page */
	
.ie8 .contact-page #name-comments-field, .ie8 .contact-page #email-comments-field, .ie8 .contact-page #phone-comments-field {
	width:182px;
}
	
.ie8 .contact-page #text-comments-field {
	width:618px;
}

/* Styles for firefox */

@-moz-document url-prefix() {
    .select-styling-wrap, .main-reservation-form .select-styling-wrap, #booking-wrap .select-styling-wrap {
        background:#fff;
    }
}

/* Styles for IE10 */

.ie10 .select-styling-wrap, .ie10 .main-reservation-form .select-styling-wrap, .ie10 #booking-wrap .select-styling-wrap {
    background:#fff;
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#top-navigation-menu li{font-size:14px;}
}