input[type="button"], input[type="submit"], input[type="reset"]  {-webkit-appearance:none;}

/* iPhone 5 CSS */

@media only screen and (min-width: 560px) and (max-device-width: 1136px) 
{

  div.phone a {display: inline !important;}
  div.phone span {display:none;}
  
}

/* Maximum width of 1000 pixels. */
@media screen and (max-width: 1000px) {
  .layoutRow {width: 100%;}
  .layoutHeader {width: 96%; padding: 0 2%;}
  .layoutBody {padding: 0; min-height: 600px;}
  .layoutColumn.column_1.layoutBlock_2_1 {width: 100%;}
  #gallery .layoutColumn.column_1.layoutBlock_2_1 {width:96%;}
  #home .layoutColumn.column_1.layoutBlock_3_1 {width: 96%; padding: 0 2%;}
  .layoutColumn.column_1.layoutBlock_3_1, .layoutColumn.column_2.layoutBlock_3_2 {float: none;}
  
  .gallery_container {width: 96%; margin: 0 auto;}
  .gallery_container li img {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
  
  .socialNetworks {margin-right: 2%;}
  
  .headerText {width: 45%; max-width: 45%;}
  .headerText .topImage {width: 100%;}
  
  .contentFullWidth, .treeMenu {padding: 0 2% 30px; width: 96%;}
  #gallery .contentFullWidth {padding:0 0 30px; width: 100%;}
  
 /* #contact .layoutColumn.column_1.layoutBlock_3_1, #contact .layoutColumn.column_2.layoutBlock_3_2 {float: none; width: 94%; padding: 0 2%;} */
  #contact .layoutColumn.column_1.layoutBlock_3_1 {float:right; width:45%; padding: 0 2%;}
  #contact .layoutColumn.column_2.layoutBlock_3_2 {float:left; width:45%; padding: 0 2%;}
  #contact .contactForm {width: 100%;}
  #contact .layoutBody {background: #3d3c43;}
  .contactForm {float: none; width: 60%;}
  .contactForm li {width: 100%;}
  .contactForm input, .contactForm textarea, .contactForm .button {width: 75%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
  .contactForm label {width: 25%;}
  .generalText, .layoutBody .contactDetails {margin: 0; width: auto;}
  
  .content li, .contentFullWidth li, .treeMenu ul li ul li {background:url("arrowMobile.png") no-repeat right 16px; background-size: 13px;}
  
  .layoutFooter {position: static; height: auto; width: 96%; padding: 10px 2% 0;}
  .layoutFooter .column_1 {float: none;}
  .layoutFooter .contactDetails {width: 100%;}
  
  .map {height:235px; max-width:385px; width:100%; overflow:hidden; margin: 20px 0px;}
}

/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
.layoutBody {min-height: 400px;}
  .layoutHeader {width: 100%; padding: 0; height: auto; background: #3d3c43;}
  #home .layoutColumn.column_1.layoutBlock_3_1 {width: 94%; padding: 0 3%;}
  .column_1, .column_2 {float: none;}
  #home .layoutRow.row_3 {background: #fff;}
  #gallery .layoutColumn.column_1.layoutBlock_2_1 {width:93%;}
  
  .logo {padding: 20px 3% 0; text-align: center; margin: 0 0 10px;}
  .logo span.professions {display: block;}
  
  .menu div ul {display: none;}
  
   #menu-icon {display: block; color: #fff; padding: 5px 3%; cursor: pointer; border-top: 1px solid #484848; border-bottom: 1px solid #484848; background-color: rgba(130,130,130,0.8);}
  
  .menu {position: static; display: none; background: none; width: 100%; padding: 0; margin: 0;}
  .menu div, .menu div:hover {border-left: none; border-right: none; height: auto; width: 100%; text-align: right; background: none; display: inherit;}
  .menu div a, .menu div a:hover {padding: 5px 3%; background: rgba(200, 200, 200, 0.9); color: #39312E; font-size: 20px; display: block; text-shadow: none;}
  .menu .current a, .menu .current a:hover, .menu div.current, .menu div.current:hover, .menu div.current a, .menu div.current a:hover {background-color: rgba(168, 208, 224, 0.8); color: #39312E;}
  
  .liveHelpWrap, .phone {width: 39%; padding: 12px 3%; height: 20px; padding: 12px 3%; margin: 15px 0 10px;}
.phone {color: #006993; font-size: 22px; float: right; margin-right: 3.5%; background:url("phoneMobile.png") no-repeat 10px center #ddd; background-size: 20px; border-bottom: 3px solid #6A6A6A; border-right: 3px solid #B3B3B3; clear: left;}
div.phone a {color: #006993; background: none; display: inline !important; font-size: 23px; padding: 0; width: auto; height: auto; margin: 0; float: none;}
div.phone span {display:none;}
  .liveHelpWrap .liveHelp.generalTextArea {margin: 0; position: static; padding: 0;}
.liveHelpWrap {float: left; margin-left: 3.5%; background:url("chatMobile.png") no-repeat 10px center #ddd; background-size: 24px; clear: none; border-bottom: 3px solid #6A6A6A; border-right: 3px solid #B3B3B3; position: static;}
.liveHelpWrap p {letter-spacing:0; background: none; height: auto; width: auto; float: right; margin:1px 5px 0 20px; width: auto; padding: 0;}
  .liveHelpWrap p a, .liveHelpWrap p a:hover, .liveHelpWrap .link {color: #39312E; font-size: 16px; line-height: 24px;}
.liveHelpWrap h3 {padding: 0; margin: 0; float: right; color: #006993; font-size: 22px; font-family: 'almoni-tzar', Oswald, Arial, Helvetica, sans-serif;}
  
  .gallery_container {width: 94%;}
  
  .portfolioWrap {display: block; width: 100%; margin: 20px 0 0; border: 0; height: auto; float: none;}
  .portfolioImgWrap, .portfolioImgWrap img {width: 100%; height: auto;}
  .portfolioBox:hover .portfolioTextWrap {display: none;}
  
  .socialNetworks {margin-right: 3%;}
  
  .headerText {width: 100%; max-width: 100%;}
  .headerText.right {margin-bottom: 0;}
  .headerText.left {margin-top: 0;}
  
  .contentFullWidth, .treeMenu {padding: 0 3% 30px; width: 94%;}
  
  #contact .layoutColumn.column_1.layoutBlock_3_1, #contact .layoutColumn.column_2.layoutBlock_3_2 {float: none; width: 94%; padding: 0 2%;}
  .contactForm {float: none; width: 100%;}
  .contactForm label {width: 30%; font-size: 20px;}
  .contactForm input, .contactForm textarea, .contactForm .button {width: 70%;}
  
  .layoutFooter {width: 94%; padding: 10px 3% 0; margin-top: 20px;}
  .layoutFooter .contactDetails li {display: list-item;}
  
   /* Waze */
  .waze {display:block!important; margin:20px 0;}
  .waze a {padding:5px 35px 5px 0; background:url("waze.png") no-repeat right center; background-size:32px 32px;}
}

@media screen and (min-width: 600px) {

	/* ensure menu is visible on desktop version after resizing */
	.menu {display: block !important;}

}