@media only screen and (max-width: 1300px) {
	header nav ul li { margin-left: 40px; }
}

@media only screen and (max-width: 1250px) {
	.wrapper { width: 90%; }
}
@media only screen and (max-width: 1200px) {
	header nav ul li.menu-item-18 a { padding: 20px 24px; }
}
@media only screen and (max-width: 1150px) {
	header nav ul li { margin-left: 30px; }
	.procedures ul.tabs li a { font-size: 14px; }
	.procedures ul.tabs li a small { font-size: 13px; }
}
@media only screen and (max-width: 1100px) {
	header nav ul li { margin-left: 20px; font-size: 13px; }

}
@media only screen and (max-width: 1020px) {
	header .mobileMenuToggle { display: block; }
	header nav ul li { display: none; }
	header nav ul li.menu-item-18 { display: block; }
}
@media only screen and (max-width: 980px) {
	.hangingLine { display: none; }
	.whoAreWe .left,
	.whoAreWe .right { width: 47%; }
	.sendMessage form .field { width: 48%; margin-bottom: 20px; }
	.sendMessage form .field:nth-child(2n) { margin-right: 0 !important; }
	.sendMessage form .field:nth-child(3n) { margin-right: 3%; width: 48%; }
}
@media only screen and (max-width: 920px) {
	.stayInTouch .box { width: 100%; height: auto; }
	.stayInTouch .box .inner { width: 90%; }
	.stayInTouch .box1 .inner { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding: 40px 0; }
	.stayInTouch .box2 img.bg { display: block; width: 100% !important; position: relative !important; height: auto !important; left: 0 !important; top: 0 !important; }
	.stayInTouch .box3 .inner { margin: 40px auto; text-align: center; }
	.stayInTouch .box3 img.hanging { display: none; }
	
	.stories .boxes_static .box { width: 50%; }
}
@media only screen and (max-width: 900px) {
	.topBar .box img { width: 33px; display: block; margin: 0 auto 4px; }
	.topBar .box span { margin-left: 0; }
	.whoAreWe .left,
	.whoAreWe .right { width: 100%; }
	.whoAreWe .left { margin-bottom: 40px; }
	.team .meetTeam .image { display: none; }
	.team .meetTeam .bio { margin-top: 440px; }
	.team .meetTeamSlider { width: 100%; }
	.procedures .flex-control-nav { display: block; }
	.procedures ul.tabs { margin-bottom: 50px; }
	.procedures ul.tabs li { width: 100%; margin-bottom: 0; padding-bottom: 0; display: none; border-bottom: 0; }
	.procedures ul.tabs li:after { display: none; }
	.procedures ul.tabs li.active { display: block; }
	.procedures ul.tabs li .icon { left: 0; margin-left: 0; top: 50%; transform: translateY(-50%); }
	.procedures ul.tabs li a { padding: 18px 0 !important; height: auto; text-align: left; padding-bottom: 0; font-size: 18px; width: calc(100% - 80px); margin-left: 80px; border-bottom: 3px solid #3bc6c6; }
}
@media only screen and (max-width: 800px) {
	.accordion p { width: 100%; }
	.map { padding: 0; }
	.map #map { position: relative; height: 400px; }
	.map .left.overlay { width: 90%; left: 0; padding: 150px 5% 50px; }
}
@media only screen and (max-width: 750px) {
	.topBar .box span { font-size: 12px; }
	.topBar.scrolled .box span { font-size: 12px; margin-left: 0; }
}
@media only screen and (max-width: 700px) {
	.mainContent .left, .mainContent .right { width: 100%; }
	.mainContent .content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	.procedures .tab_content .left,
	.procedures .tab_content .right { width: 100%; }
	.procedures .tab_content .left img { display: none; }
	.textareaLeft { background-color: rgba(255,255,255,0.91); }
	.textareaLeft img.bg { display: block; width: 100% !important; position: relative !important; height: auto !important; left: 0 !important; top: 0 !important; }
	.textareaLeft .left { width: 100%; padding-right: 0; }
	.textareaLeft .overlay { display: none; }
	.textareaRight { background-color: #fff; }
	.textareaRight img.bg { display: block; width: 100% !important; position: relative !important; height: auto !important; left: 0 !important; top: 0 !important; }
	.textareaRight .right { left: 0; width: 100%; padding-left: 0; }
	.textareaRight .overlay { display: none; }
	.team .meetTeam .left, .team .meetTeam .right { width: 100%; margin-top: 0; }
	.team .meetTeamSlider .slides li { height: 150px; }
	.team .meetTeam .bio { margin-top: 300px; }
	.whatswrong .animalInfo .left { width: 100%; }
	.whatswrong .animalInfo .right { top: 0; position: relative; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; }
	.whatswrong .chooseAngle { width: 100%; }
}
@media only screen and (max-width: 650px) {
	.sendMessage form .field { margin: 10px 0 20px !important; width: 100% !important; }
	.hero .intro h1 { font-size: 35px; }
}
@media only screen and (max-width: 620px) {
	header { margin-top: 0px !important; } 
	.topBar { display: none; }
	.home .hero { padding-bottom: 50px; height: auto; }
}
@media only screen and (max-width: 600px) {
	header nav { display: none; }
	.testimonials .wrapper { padding-bottom: 10px; }
	.testimonials .inner { margin-left: 0; margin-top: 100px; }
	footer p { width: 100% !important;  text-align: center; }
	
	.stories .boxes_static .box { width: 100%; height: 300px; }
}
@media only screen and (max-width: 550px) {
	.map .left .box { width: 100%; }
	.team .wrapper > p { padding-right: 0; margin-bottom: 120px; }
}
@media only screen and (max-width: 500px) {
	.team .meetTeamSlider .flex-direction-nav { top: -70px; }
	.team .meetTeamSlider .flex-direction-nav li a { width: 40px; height: 40px; }
}
@media only screen and (max-width: 400px) {
	header a.logo { width: 150px; }
	header .mobileMenuToggle { margin-top: 20px; }
}