/* CSS Document */
@media (max-width: 1250px) {
	#menu							{ display:none;}
	.mobile-menu-btn				{ display:block;}
	.company-logo					{ margin:0 20px; display:none; }
	.company-logo.mobile			{ display:block;}
	.company-logo img				{ height:55px;}
	#header							{ height:65px;}
	#menu ul li						{ height:65px;}
	.mobile-header-info				{ display:block;}
	
	#home 							{ min-height:0; }
	#home .banner-container			{ width:100%; left:auto; margin-left:auto;}
	#home .scroll_gif a				{ width:10%; height:auto; background-size:100% auto; min-width:70px; min-height:70px; bottom:0; /*left: -25%;*/}
	
	/*.image_container.first			{ display:none; }*/
	
	.conversation-wrapper			{ width:100%;}
	
	#contact-a .conversation		{ max-width:75%;}
}

@media (max-width: 1100px) {
	.form-container					{ padding:0 30px;}
	/*#enqiry_form>div				{ width:auto;}*/
	#enqiry_form input				{ width:95%; background-size:100% 100%;}
	#enqiry_form textarea			{ width:95%; background-size:100% 100%;}
	#enqiry_form>div>.left 			{ margin-bottom: 10px; min-height: 50px; width: 75%; max-width: 100%; }
	#enqiry_form>div>.left:first-child	{ width: auto; max-width: none;}
}

@media (max-width: 980px) {
	#enqiry_form>div>.left 			{ width: 65%; }
	#enqiry_form>div>.left:first-child	{ width: auto; }
}
	
@media (max-width: 920px) {
	.btn-info						{ width:50px; height:50px; bottom:20px; background-size:100% 100%;}
	
	.conversation					{ max-width:75%;}
	.withBigImg .conversation 		{ max-width:75%;}	
	.withBigImg .conversation p		{ margin:10px 60px 10px 0;}
	.hidden-info					{ max-width:90%; background-size:100% 20px; }
	.hidden-info-content			{ background-size:100% 20px; }
}

@media (max-width: 800px) {
	#home .cycle-next				{ width:60px; height:60px; background-size:100% 100%; }
	#home .cycle-prev				{ width:60px; height:60px; background-size:100% 100%; }
	#home .scroll_gif				{ width:10%; height:20%; background-size:100% auto;}
	.mobile-header-info p			{ font-size:25px; line-height:2.2em;}
	
	.conversation					{ font-size:28px;}	
	.conversation>.conversation-content	{ padding:10px 10px; min-height: 35px;}
	.conversation-arrow.left		{ margin:30px 0 0 -5px;}
	.conversation-arrow.right		{ margin:30px -5px 0 0 ;}
	.conversation p img				{ height:28px;}
	.profile-logo img				{ width:100%; max-width: 90px;}
	.hidden-info					{ font-size:28px;}
	.hidden-info p					{ padding:15px 25px 10px 20px;}	
	
	
	#contact-a .conversation		{ max-width:65%;}
	#enqiry_form					{ font-size:28px;  padding-right: 0; padding-bottom:85px;}
	#enqiry_form .error 			{ font-size:22px;}
	#enqiry_form label				{ width:auto; line-height: normal;}
	#enqiry_form .left				{ float:none; }
	#enqiry_form input				{ width:100%; font-size:24px; height:auto; padding:10px 0 10px 4px; margin:0 0 0 2px;}
	#enqiry_form textarea			{ width:100%; font-size:24px; height:auto; padding:10px 0 10px 4px; margin:0 0 0 2px;}
	#enqiry_form .btn-submit		{ width:70px; height:60px; background-size:100% auto; right:-4px;}	
	
	#enqiry_form>div>.left 			{ width: 100%; margin-bottom: 20px;}
	#enqiry_form>div>.left:first-child	{ width: auto; margin-bottom: 10px; min-height: 0;}
}

@media (max-width: 720px) {
	#background						{ display:none; }
	
	#home .black_header_bg			{ display:block;}
	#home .cycle-next				{ width:40px; height:40px; top:25%;}
	#home .cycle-prev				{ width:40px; height:40px; top:25%;}
	
	#wrapper-chapter-1b 			{ display:none;}
	#wrapper-chapter-2b 			{ display:none;}
	#wrapper-chapter-3b 			{ display:none;}
	#wrapper-chapter-4b 			{ display:none;}
	#wrapper-home-photo				{ display:none;}
}

@media (max-width: 640px) {
	.slide-menu	a					{ font-size: 1.5em; padding: 15px 20px;}
	.btn-info						{ width:35px; height:35px; float:none;}
	.withBigImg .btn-info			{ position:static; }
	.btn-close						{ width:15px; height:15px; background-size:100% 100%;}	
	
	.conversation					{ font-size:20px;}
	.conversation p img				{ height:22px;}	
	.withBigImg .conversation p		{ margin: 10px 0 10px 0px;}
	.withText .conversation>.conversation-content	{ padding: 20px 20px 20px;}
	
	.hidden-info					{ font-size:20px; bottom:100px;}
	.withBigImg .hidden-info		{ bottom:100px; }
	.hidden-info p					{ padding:10px 20px 10px 20px;}
		
	#enqiry_form					{ font-size:20px;}
	#enqiry_form .error 			{ font-size:17px;}	
	#enqiry_form input				{ font-size:17px;}
	#enqiry_form textarea			{ font-size:17px; }
}

@media (max-width: 540px) {
	.conversation					{ max-width:60%;}
	.withBigImg .conversation 		{ max-width:60%;}
	.hidden-info					{ bottom:50px; right:20px;}
	.left .hidden-info				{ left:20px;}
	.withBigImg .hidden-info		{ bottom:50px; }
	
	#contact-a .profile-logo		{ width:100px;}
	#contact-a .conversation		{ max-width:60%;}
}

@media (max-width: 360px) {
	.chapter-title					{ width:310px;}
	.chapter-title img				{ width:100%;}
}