/** ================================================================== **/
/** ==================== Desktop Very Wide Screen ==================== **/
/** ================================================================== **/
@media (min-width: 1171px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 400px;
	}
*/
	
}

/** ================================================================== **/
/** ====================== Desktop Wide Screen ======================= **/
/** ================================================================== **/
@media (max-width: 1200px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/


}

@media (max-width: 1170px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/


}



/** ================================================================== **/
/** ============== Desktop 4:3 screen / iPad Landscape =============== **/
/** ================================================================== **/
@media (max-width: 999px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 240px;
	}
*/

}

/** ================================================================== **/
/** ================== Phone Size / Portrait Tablet ================== **/
/** ================================================================== **/
@media (max-width: 767px)
{
	#appointmentBox {
		display: none;
		width: 300px !important;
		height: 400px !important;
		overflow-x: hidden;
	}
	#appointmentBox h1 {
		font-size: 20px !important;
		margin: 30px auto 20px auto !important;
	}

	#appointmentFormWrapper .form-title {
		margin-left: 10%;
	}
	#appointmentFormWrapper .form-field {
		margin-left: 10%;
	} 


	#appointmentFormWrapper .form-field input[type=text] {
		width: 65% !important;
		height: 26px;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    color: #555;
	    background-color: #e4e4e4;
	    background-image: none;
	    border: 0px;
	    border-radius: 0px;
	    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	}
	
	
	#appointmentFormWrapper .form-field input[type=text].short {
		width: 40px !important;
	}
	#appointmentFormWrapper .form-action {
		width: 300px !important;
		margin-left: 10px;
	}
	#appointmentFormWrapper .form-remark {
		font-size: 12px !important;
		width: 300px !important;
		margin-left: 10px;
	}
}

/** ================================================================== **/
/** ======================= Smaller Phone Size ======================= **/
/** ================================================================== **/
@media (max-width: 640px)
{	
}

@media (max-width: 500px)
{

}

@media (max-width: 450px)
{

}

@media (max-width: 400px)
{

}





/** ================================================================== **/
/** =========================== All Sizes ============================ **/
/** ================================================================== **/

/* 	Apppointment box */
.fancybox-skin{
    background:rgba(255,255,255,0.9);
	border: 1px #61bece solid;
}

.fancybox-overlay {
    background:rgba(0,91,150,0.4);
	
}

#appointmentBox {
	display: none;
	width: 660px;
	height: 360px;
}

#appointmentBox h1 {
	color: #005c97;
	font-size: 22px;
	text-align: center;
	padding: 0px;
	margin: 60px auto 30px auto; 
}

#appointmentFormWrapper {
	width: 350px;
	margin: 10px auto;
/* 	border: 1px red solid; */
}

#appointmentFormWrapper .row {
	margin-top: 20px;
	margin-bottom: 20px;
}

#appointmentFormWrapper .form-title {
	color: #6b6b6b;
	font-size: 14px;	
} 
#appointmentFormWrapper .form-action {
	margin-top: 10px;
} 

#appointmentFormWrapper .form-remark {
	color: #6b6b6b;
	font-size: 14px;
} 
#appointmentFormWrapper .form-remark span.phone {
	color: #d0ae82;
	font-size: 24px;
	font-family: 'Gill Sans', 'arial';
	font-style: italic;
} 

#appointmentFormWrapper .form-field input[type=text] {
	width: 240px;
	height: 26px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #e4e4e4;
    background-image: none;
    border: 0px;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}


#appointmentFormWrapper .form-field input[type=text].short {
	width: 90px !important;
}