/*====================================
 MOBILE CSS
 
    320px for common smartphones including iPhone at portrait orientation
    480px and below for iPhones at landscape orientation and many of the HTC handsets
    576px below for Smartphones at horisontal orientation 
    768px – 980px for iPad and other tablets
    980px and upwards for desktop monitors
    1200px and upwards for larger desktop monitors

=====================================*/
/* max-width:980px   */
@media screen and (max-width:980px) { 
}


/*       max-width:768px      */
@media screen and (max-width:768px) { 

/* GLOBAL SETTINGS */
	html { 
	/*	background: transparent none; */
	}	
	body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figure, figcaption, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		font-size:100%;
		line-height:125%;
	}
	h1 { font-size:150%; line-height:150%; }
	h1 a { font-size:100%; line-height:100%;}
	h2 { font-size:125%; }
	h2 a { font-size:100%; }
	h3 { font-size:115%; }
	h3 a { font-size:100%; }
	h4 { font-size:125%; }
	h4 a { font-size:100%; }
	h5 { font-size:90%; }
	h5 a { font-size:100%; }

	
	#mobileShortcuts { 
		position:relative; 
		top:0; 
		left:0; 
		height:55px;
		margin:0 0 -3px; 
		padding:0 0 0 8px; 
		list-style:none; 
		display:block;
		background:#A66758;
		border-top:4px solid #A66758;
		border-bottom:4px solid #A66758;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;		
	}
	
	#mobileShortcuts li { 
		float: left;
		margin: 0 7px 0 0;
	}
	
	#mobileShortcuts li a { 
		display:block; 
		margin:2px; 
		width:44px; 
		height:44px; 
		overflow:hidden; 
		border-radius:4px; 
		text-indent: 100%;
	}
	
	#mobileShortcuts li a:hover, #mobileShortcuts li a:focus {
		margin:0; 
		border:2px solid #ccc; 
		border-radius: 6px;
	}
	
	#mobileShortcuts li.nav a { 
		background: url(../images/icon-menu.png) no-repeat 0 0; 
	}
	

	#mainMenu { 
		display:none; 
	}

	#mainMenuResponsive {
		position:absolute; 
		z-index:100;
		width:100%;
		background-color:#A66758;
		border-top:4px solid #A66758;
		border-bottom:4px solid #A66758;
		-moz-border-radius:0 0 4px 4px;
		-webkit-border-radius:0 0 4px 4px;
		border-radius:0 0 4px 4px;		
	}
	#mainMenuResponsive ul { list-style:none outside none; margin:0; }
	#mainMenuResponsive > ul > li {  }
	#mainMenuResponsive ul > li a { font-size:120%; color:#ffffff; padding:3% 0 3% 4%; display:block;  }
	#mainMenuResponsive ul ul { }
	#mainMenuResponsive ul ul >li { }
	#mainMenuResponsive ul ul > li a { padding:2% 0 2% 12%; }	

	#wrapper {
		top:0px;
		width:100%;
		padding:0;
		border:0px none;
		border-bottom:0 none;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0; 
		background-color:transparent;
	}
	
	#header { 
		padding:0 0 2% 0;
		margin:0 0 4% 0;
	/*	border-bottom:8px solid #A66758; */
	}

	#banner, #websiteLogo {
		margin-top:10px;
	}

	#websiteLogo a {
		
	}
	#websiteLogo img {
		width:70% !important;
		height:auto;
		margin:0 auto;
	}
	
	#websiteLogo::before {
		display:none;
	}
	#leftCol-1, .subpage-1 #leftCol-1, #rightContainer, #rightCol-1, #rightCol-2, #footerCol-1 {
		width:100%;
		padding:2%;
		margin:4% 0; 
	}
	 #rightContainer {
		 display:none;
	 }
	.shortField { width:100%; }
	
	fieldset.animalInfo .shortField.odd	{
		margin-left:0
	}
	
	#leftCol-1 img {
		max-width:97%;
		margin:0 0 3% 0;
	}
	
	label, .powermail_label {
		width:100%;
		height:auto;
		min-height:0;
		padding-bottom:calc(0.5% + 0px);
	}
	
	.streetInfo {
		padding:0;	
	}
	
	.streetInfo label {
		padding:calc(0.5% + 7px) 0;
	}

	.animalInfo .animalFirst label {
    	width: 50%;
	}

	.animalInfo .hasInsurance label {
    	width: 50%;
	}	
	.fieldWrap.acceptTerms label {
    	width: 50%;
    	margin-bottom:15px;
	}
	.fieldWrap.acceptTerms input[type="checkbox"], .fieldWrap.acceptTerms input.checkBox {
		width:50%;
		margin:0;
    	margin-bottom:15px;
	}
	.fieldWrap, div.inputfields {
		margin-bottom:4%;
	}
	
	/* <input type="text"> */
	input[type="text"],input.text, input.stdText, .powermail_input, .powermail_select {
		width:91%;
		height:28px;
		box-shadow: none;
	}

	/* <input type="checkbox"> */
	input[type="checkbox"], input.checkBox {	
		margin:3% 91% 3% 3%;
	}
	
	/* select */
	select, .powermail_select {
		min-width:97%;
		padding:5px 3%;
		box-shadow:none; 
		-webkit-appearance:listbox;
		-moz-appearance:listbox;
		appearance: listbox;
	}
	
	/* <input type="submit"> */
	input[type="submit"],input.submit, input.stdSubmit, input.powermail_submit, div.mbl_newsevent_register a { 
		min-width:97%;
		height:52px; 	
	}


}

/*       max-width:576px      */
@media screen and (max-width:576px) { 
	#c209 {
		display:block;
	}
	#leftCol-1, #rightCol-1, #rightCol-2 {
	    border: 0 none;
    }
	
	/* formular */
	#newFeUser fieldset legend {
		display:none;
	}
	.fieldWrap, div.inputfields {
		margin-bottom:6%;
	}
	#content .ce-gallery {
		float:none;
	}
		
}

/*       max-width:480px      */
@media screen and (max-width:480px) { 
	#footerContainer > div { 
		float:left; width:100%; margin:0 0 5% 0; 
	} 

	#footerContainer > div > div:first-child {
		min-height:100px;	
	}
}

/*______________________*/
/*       max-width:320px      */
@media screen and (max-width:320px) { 

	#breadcrumb ul li {
		width:90%;	
	}
}