@media all and (max-width : 896px) {
	
	html {
		overflow: auto;
	}
		
	body {
		height: 115%;
	}

	.transboxhome {
		display: block;
		top: 0%;
		width: 100%;
		height: 100%;
	}
	
	.transboxhome img {
		top: 30%;
		width: 65%;
	}
	
	.logohead {
		top: 2%;
		left: 0;
	}
	
	.transboxhomephone {
		bottom: 46%;
		width: 80%;
		height: 8%;
	}
	
	.transboxhomeinfo {
		bottom: 40%;
		width: 80%;
		height: 8%;
	}
	
	.hamsterbounce {
		width: 5%;
		bottom: 0;
		left: 65%;
		animation-name: bounce;
		animation-duration: 1s;
		animation-delay: 0s;
		-webkit-animation: bounce 1s infinite 0s;
		-moz-animation: bounce 1s infinite 0s;
	}
	
	.transboxgallery {
		top: 8%;
		left: 0%;
		width: 100%;
		height: 54%;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		box-shadow: 5px 20px 30px 5px black;
	}

	.transboxconsult, .transboxwho, .transboxservices, .transboxopenings, .transboxemergency, .transboxlinks {
		top: 5%;
		left: 15%;
		width: 80%;
		height: 64%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 5px 20px 30px 5px black;
	}
		
	.transboxcontact {
		top: 5%;
		left: 15%;
		width: 80%;
		height: 75%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 5px 20px 30px 5px black;
	}
	
	.iframeconsult, .iframeservices, .iframeemergency, .iframelinks {
		top: 5%;
		height: 83%;
	}
	
	.iframewho {
		top: 1%;
		height: 56%;
	}
	
	.iframecontact {
		top: 0%;
		height: 86%;
	}

	.framecontainermap {
		padding-bottom: 100%;
	}
	
	#sectionhome {
		background-position: bottom;
		height: 100%;
	}
	
	#sectiongallery {
		background-position: bottom;
		height: 100%;
	}
	
	#sectionconsult {
		background-image: url(../images/backimages/mobilebackimageconsult.jpg);
		background-position: bottom;
		height: 100%;
	}
	
	#sectionwho {
		background-image: url(../images/backimages/mobilebackimagewho.jpg);
		background-position: bottom;
		height: 100%;
	}
	
	#sectionservices {
		background-image: url(../images/backimages/mobilebackimageservices.jpg);
		background-position: bottom;
		height: 100%;
	}

	#sectionemergency {
		background-image: url(../images/backimages/mobilebackimageemergency.jpg);
		background-position: bottom;
		height: 100%;
	}
	
	#sectionopenings {
		background-image: url(../images/backimages/mobilebackimageopenings.jpg);
		background-position: bottom;
		height: 100%;
	}

	#sectionlinks {
		background-image: url(../images/backimages/mobilebackimagelinks.jpg);
		background-position: bottom;
		height: 100%;
	}
	
	#sectioncontact {
		background-position: bottom;
		height: 100%;
	}

	.parallax {
		display: none;
	}

	.modalmap-content {
		background : url(../images/modals/mobilemodalmap.jpg) right bottom / cover no-repeat;
		margin: 2% auto;
		width: 95%;
		height: 95%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px;
	}
	
	.modalappointment-content, .modalannouncement-content, .modalteam-content {
		margin: 20% auto;
		width: 90%;
		height: 60%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px;
	}
	
	.closemap {
		margin-top: 0;
		margin-right: 3%;
	}
	
	.closeappointment, .closeannouncement, .closeteam {
		margin-top: 0;
		margin-right: 2%;
	}
	
	.gmap_canvas {
		width: 100%;
		height: 70%;
		margin-left: 3%;
		margin-top: 6%;
	}
	
	.appointmentbutton {
		font-size: 3.0vw;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
	}
	
	@-webkit-keyframes animateright {
		from {right:-900px; opacity:0} 
		to {right:0; opacity:1}
	}

	@keyframes animateright {
		from {right:-900px; opacity:0}
		to {right:0; opacity:1}
	}
	
	@keyframes bounce {
		0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
		40% { transform: translateY(-20px); }
		60% { transform: translateY(-10px); }
	}

	@-webkit-keyframes bounce {
		0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
		40% { -webkit-transform: translateY(-20px); }
		60% { -webkit-transform: translateY(-10px); }
	}
}

@media all and (min-width : 430px) and (max-width : 1280px) and (orientation: landscape) {
	
	html {
		overflow: auto;
	}
		
	body {
		height: 100%;
	}
	
	.transboxhome {
		display: block;
		top: 0%;
		width: 100%;
		height: 100%;
	}
	
	.transboxhome img {
		top: 17%;
		width: 55%;
	}
	
	.logohead {
		top: 2%;
		left: 0;
	}
	
	.transboxhomephone {
		bottom: 34%;
		width: 60%;
		height: 8%;
	}
	
	.transboxhomeinfo {
		bottom: 26%;
		width: 60%;
		height: 8%;
	}
	
	.hamsterbounce {
		width: 5%;
		bottom: 0;
		left: 1%;
		animation-name: bounce;
		animation-duration: 1s;
		animation-delay: 0s;
		-webkit-animation: bounce 1s infinite 0s;
		-moz-animation: bounce 1s infinite 0s;
	}
	
	.transboxgallery {
		top: 1%;
		left: 7%;
		width: 90%;
		height: 94%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	.transboxconsult {
		top: 7%;
		left: 8%;
		width: 50%;
		height: 60%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.transboxwho {
		top: 7%;
		left: 30%;
		width: 65%;
		height: 80%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.transboxservices {
		top: 7%;
		left: 10%;
		width: 60%;
		height: 80%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.transboxemergency {
		top: 7%;
		right: 8%;
		width: 60%;
		height: 70%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.transboxopenings {
		top: 7%;
		left: 7%;
		width: 55%;
		height: 80%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;		
	}
	
	.transboxlinks {
		top: 10%;
		left: 35%;
		width: 60%;
		height: 70%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.transboxcontact {
		top: 7%;
		left: 7%;
		width: 90%;
		height: 80%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.iframeconsult {
		top: 10%;
		height: 76%;
	 }
	
	.iframewho {
		top: 1%;
		height: 26%;
	}
	
	.iframeservices {
		top: 11%;
		height: 78%;
	}
	 
	.iframeemergency {
		top: 13%;
		height: 75%;
	}
	 
	.iframelinks {
		top: 18%;
		height: 66%;
	}
	
	.iframecontact {
		top: 20%;
		height: 67%;
	}
		
	 .iframemap {
		width: 100%;
		height: 35%;
	 }

	.framecontainermap {
		padding-bottom: 100%;
	}
	
	#sectionhome {
		background-position: bottom;
		height: 100%;
	}
	
	#sectiongallery {
		background-position: bottom;
		height: 100%;
	}
	
	#sectionconsult {
		background-position: bottom;
		height: 100%;
	}
	
	#sectionwho {
		background-position: bottom;
		height: 100%;
	}
	
	#sectionservices {
		background-position: bottom;
		height: 100%;
	}

	#sectionemergency {
		background-position: bottom;
		height: 100%;
	}

	#sectionlinks {
		background-position: bottom;
		height: 100%;
	}
	
	#sectioncontact {
		background-position: bottom;
		height: 100%;
	}

	.parallax {
		display: none;
	}
	
	.modalmap-content {
		background : url(../images/modals/mobilemodalmap.jpg) right bottom / cover no-repeat;
		margin: 5% auto;
		width: 100%;
		height: 80%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px;
	}
	
	.modalappointment-content, .modalannouncement-content, .modalteam-content {
		margin: 5% auto;
		width: 80%;
		height: 60%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px;
	}
	
	.closemap {
		margin-top: 0;
		margin-right: 3%;
	}
	
	.gmap_canvas {
		width: 95%;
		height: 80%;
		margin-left: 4%;
		margin-top: 1%;
	}
	
	.appointmentbutton {
		font-size: 1.5vw;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
	}
	
	@-webkit-keyframes animateright {
		from {right:-1250px; opacity:0} 
		to {right:0; opacity:1}
	}

	@keyframes animateright {
		from {right:-1250px; opacity:0}
		to {right:0; opacity:1}
	}
	
	@keyframes bounce {
		0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
		40% { transform: translateY(-30px); }
		60% { transform: translateY(-15px); }
	}

	@-webkit-keyframes bounce {
		0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
		40% { -webkit-transform: translateY(-30px); }
		60% { -webkit-transform: translateY(-15px); }
	}
}

@media all and (min-width : 430px) and (max-width : 850px) and (orientation: portrait) {
	
	html {
		overflow: auto;
	}
		
	body {
		height: 100%;
	}
	
	.transboxhome {
		display: block;
		top: 0%;
		width: 100%;
		height: 100%;
	}
	
	.transboxhome img {
		top: 25%;
		width: 65%;
	}
	
	.logohead {
		top: 2%;
		left: 0;
	}
	
	.transboxhomephone {
		bottom: 48%;
		width: 72%;
		height: 8%;
	}
	
	.transboxhomeinfo {
		bottom: 42%;
		width: 72%;
		height: 8%;
	}
	
	.transboxgallery {
		top: 7%;
		left: 0%;
		width: 100%;
		height: 70%;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
		
	.transboxconsult, .transboxwho, .transboxservices, .transboxopenings, .transboxemergency, .transboxlinks {
		top: 3%;
		left: 12%;
		width: 80%;
		height: 60%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.transboxopenings {
		top: 7%;
		left: 10%;
		width: 80%;
		height: 50%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.transboxcontact {
		top: 3%;
		left: 12%;
		width: 80%;
		height: 80%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.iframeconsult, .iframeservices, .iframeemergency, .iframelinks {
		top: 8%;
		height: 83%;
	}

	.iframewho {
		top: 1%;
		height: 46%;
	}
	 
	.iframecontact {
		top: 1%;
		height: 88%;
	}
	
	.iframemap {
		width: 100%;
		height: 75%;
	}

	.framecontainermap {
		padding-bottom: 100%;
	}
	
	.framecontaineropenings {
		height: 33%;
	}
	
	#sectionhome {
		background-position: bottom;
		height: 100%;
	}
	
	#sectiongallery {
		background-position: bottom;
		height: 100%;
	}
	
	#sectionconsult {
		background-position: bottom;
		height: 100%;
	}
	
	#sectionwho {
		
		background-position: bottom;
		height: 100%;
	}
	
	#sectionservices {
		background-position: bottom;
		height: 100%;
	}

	#sectionemergency {
		background-position: bottom;
		height: 100%;
	}

	#sectionlinks {
		background-position: bottom;
		height: 100%;
	}
	
	#sectioncontact {
		background-position: bottom;
		height: 100%;
	}

	.parallax {
		display: none;
	}
	
	.modalmap-content {
		background : url(../images/modals/mobilemodalmap.jpg) right bottom / cover no-repeat;
		margin: 10% auto;
		width: 100%;
		height: 85%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px;
	}
	
	.modalappointment-content, .modalannouncement-content, .modalteam-content {
		margin: 20% auto;
		width: 100%;
		height: 50%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		border-radius: 10px;
	}
	
	.closemap {
		margin-top: 0;
		margin-right: 3%;
	}
	
	.gmap_canvas {
		width: 100%;
		height: 90%;
		margin-left: 5%;
		margin-top: 5%;
	}
	
	.appointmentbutton {
		font-size: 3.0vw;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
	}
	
	@-webkit-keyframes animateright {
		from {right:-850px; opacity:0} 
		to {right:0; opacity:1}
	}

	@keyframes animateright {
		from {right:-850px; opacity:0}
		to {right:0; opacity:1}
	}
}

@media screen and (min-width: 320px) and (max-width: 915px) and (orientation: landscape) {
	
	.transboxlandscape {
		display: block;
		top: 0%;
		width: 60%;
		height: 100%;
	}

	.transboxlandscape img {
		top: 0;
		width: 100%;
	}

	#sectionlandscape {
		display: block;
		background-size: contain;
	}
  
	#sectionhome, #sectiongallery, #sectionconsult, #sectionwho, #sectionservices, #sectionemergency, #sectionopenings, #sectionlinks, #sectioncontact {
		display:none;
	}
	
	.framecontainerlandscape {
		position: relative;
		width: 95%;
		padding-bottom: 40%;
	}
	
	.iframelandscape {
		width: 100%
	}
	
	.menubutton {
		display: none;
	}
	
	.openingbutton {
		display: none;
	}
	
	.calendarbutton {
		display: none;
	}
	
	.announcementbutton {
		display: none;
	}
	
	.whappbutton {
		display: none;
	}
}

@media screen and (max-width: 162px) and (orientation: landscape) {
	
	.transboxlandscape {
		display: block;
		top: 10%;
		width: 60%;
		height: 10%;
	}

	.transboxlandscape img {
		top: 0;
		width: 110%;
	}

	#sectionlandscape {
		display: block;
		background-size: contain;
	}
  
	#sectionhome, #sectiongallery, #sectionconsult, #sectionwho, #sectionservices, #sectionemergency, #sectionopenings, #sectionlinks, #sectioncontact {
		display:none;
	}
	
	.framecontainerlandscape {
		position: relative;
		width: 90%;
		padding-bottom: 40%;
		z-index: 2;
	}
	
	.iframelandscape {
		width: 100%;
	}
	
	.menubutton {
		display: none;
	}
	
	.openingbutton {
		display: none;
	}
	
	.calendarbutton {
		display: none;
	}
	
	.announcementbutton {
		display: none;
	}
	
	.whappbutton {
		display: none;
	}
}