@media only screen and (min-width:768px) and (max-width:1024px){
 
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 767px) {
body{
	font-size:12px;
}

.title_div{
	font-size: 1.5em;
	height:auto;
	float:left;
	width:100%;
	padding-left:0px;
	text-align:center;
}
.title_div span{
	right:0;
	left:0;
	width:100%;
	position:inherit;
	height:auto;
	float:left;
}
.title_div span::after{
	content:none;
}
.subtitle_div{
	font-size:1.5em;
	line-height:3;
	margin:30px 0px;
}
.form-group-section{
	margin:0px 6px;
}
}




.room-holders{ background:url(../images/1.jpg) no-repeat; background-size:100% auto;}
#item-1{position:absolute; top: 190px; left: 50px;}
#item-2{position:absolute; top: 80px; left: 600px;}
#item-3{position:absolute; top: 220px; left: 270px;}
#item-8{position:absolute; top: 130px; left: 250px;}
#item-10{position:absolute; top: 140px; left: 110px;}
.buttons{ display:none;}
.right-buttons{float: right; height: 57px; margin-top: 440px;}

.gutter{ margin-left:0 !important;
	margin-right:0 !important;}
	
.radio input[type="radio"], .checkbox input[type="checkbox"] {
	margin-left:0px !important;	
	}	



@media (min-width: 600px) and (max-width: 767px) {
	.title_div{ padding-left:20px;}
	.title_div h6{ font-size:18px;}
	.title_div span{ right:0px;}
	.subtitle-child{ margin:120px 0px 20px 0px; line-height:3; font-size:18px;}
	.subtitle_div{ font-size:15px; font-weight:bold; line-height:4;}
	
	.left-bighold{ max-width:520px;}	
	.left-maincategory{ width:520px;}
	.right-canvas, .right-bighold, .rooms-wrap{ width:535px; height:auto;}
	.room-holders{ height:385px;}
	.right-buttons{float: right; height: 57px; margin-top: 260px;}
	.right-button2{ float:none; display:inline-block;}
	
}

@media (min-width: 480px) and (max-width: 580px) {
	.title_div{ padding-left:20px;}
	.title_div h6{ font-size:18px;}
	.title_div span{ right:0px;}
	.subtitle-child{ margin:120px 0px 20px 0px; line-height:3; font-size:18px;}
	.subtitle_second_child{margin:0px 0px 20px 0px;}
	.subtitle_div{ font-size:15px; font-weight:bold; line-height:4;}
	.left-bighold{ max-width:400px;}	
	.left-maincategory{ width:400px;}
	.right-canvas, .right-bighold, .rooms-wrap{ width:420px; height:auto;}
	.room-holders{ height:300px;}
	.buttons{ display:block;}
	.right-buttons{ display:none;}
	.right-button2{ float:none; display:inline-block;}
	.gutter2{ padding-left:15px; padding-right:15px;}
	.sub-form-left, .sub-form-mid, .sub-form-right{ width:100%;}
}

@media only screen and (max-width : 480px) {
	.title_div{ padding-left:20px;}
	.title_div h6{ font-size:18px;}
	.title_div span{ right:0px;}
	.subtitle-child{ margin:120px 0px 20px 0px; line-height:3; font-size:18px;}
	.subtitle_second_child{ margin:0px 0px 20px 0px;}
	.subtitle_div{ font-size:15px; font-weight:bold; line-height:4;}
	
	.left-maincategory{ margin-left:0px;}
	
	
	.form-group{  font-size:12px;}
	.form-group-section{ margin:0px;}
	div#room-1{ width:260px;}
	.right-bighold{ width:260px;}
	.right-canvas{ width:100%; height:auto;}
	.room-holders{ height:188px;}
	
	.buttons{ display:block;}
	
	/*.canvs-count{ background: url(../images/count-canvas_320.png) no-repeat; height:28px;}
	.item-cnt-down{ margin-left:0px;}*/
	
	#item-1{top: 30px; left: 0px;}
	#item-3{top: 20px; left: 70px;}
	#item-8{top: 80px; left: 190px;}
	#item-10{top: 70px; left: 100px;}
	
	.accept-room, .previous-room, .more-items{ display:inline-block; float:none;}
	.more-items{ margin-left:10px;}
	.gutter2{ padding-left:15px !important; padding-right:15px !important;}
	.mt40{ margin-top:0px !important;}
	.frame{
	width:230px;
	height:160px;}
	
	.sub-form-left, .sub-form-mid, .sub-form-right{ width:100%;}
	.sub-1{ width:65%;}
	.sub-2{ width:18%;}
	.pl40{ padding-left:0px !important;}
	.w90{ width:80% !important;}
	.error{font-size:12px!important;}
}


@media only screen and (max-width : 320px) {
	.subtitle_div{ font-size:13px;}
        div#room-1{ width:250px;}
	.right-bighold{ width:250px;}
	.right-canvas{ width:100%; height:auto;}
	.room-holders{ height:180px;}
	
	#item-8{top: 80px; left: 180px;}
	.error{font-size:12px!important;}
    }

@media only screen and (min-width: 992px) and (max-width:1200px) {
	.right-canvas, .right-bighold, .rooms-wrap{ width:580px;}
	#item-2{top: 60px; left: 500px;}
	.frame{
	width:250px;
	height:180px;}
    }
	
@media (min-width: 480px) and (max-width: 768px){
	.sub-form-left, .sub-form-mid, .sub-form-right{ width:100%;}
}

@media (min-width: 768px) and (max-width: 980px){
	.left-bighold{ max-width:670px;}	
	.left-maincategory{ width:670px;}
	.right-canvas, .right-bighold, .rooms-wrap{ width:685px;}
	.room-holders{ height:490px;}
	.right-buttons{float: right; height: 57px; margin-top: 420px;}
	.frame{
	width:230px;
	height:150px;}
	.sub-form-left, .sub-form-mid, .sub-form-right{ width:100%;}
}