@media screen and (min-width:1230px) and (max-width:1280px) 
 {
  #main,#main-in {width:1200px;}
  div.shadow {display:none;}
 }

@media screen and (min-width:0) and (max-width:1229px) 
 {
  #top-in,#topmenu ul,#main,#main-in,#footer-in,#copy,div.slideshow {width:100%;}
  div.shadow {display:none;}
  #contact {right:10px;}
  #copy {padding:25px 10px 0;}
  #tips div {font-size:80%;}
  #tips div h3 {min-height:80px;}
  div.slideshow div.text {width:100%;display:block;position:static;height:auto;}
 }

@media screen and (min-width:1110px) and (max-width:1210px) 
 {
  #topmenu li {font-size:17px;}
  #topmenu li a,#topmenu li.active {padding:10px 23px;}
  #top-in h3 {font-size:240%;}
 }

@media screen and (min-width:1010px) and (max-width:1109px) 
 {
  #topmenu li {font-size:15px;}
  #topmenu li a,#topmenu li.active {padding:10px 21px;}
  #topmenu b {font-weight:700;}
  #top-in h3 {font-size:230%;}
 }

@media screen and (min-width:910px) and (max-width:1009px) 
 {
  #topmenu li {font-size:14px;}
  #topmenu li a,#topmenu li.active {padding:10px 15px;}
  #topmenu b {font-weight:700;}
  #top-in h3 {font-size:200%;left:280px;}
  #tips div h3 {min-height:100px;}
  div.contact-map {width:40%;margin-left:20px;}
  label {width:100px;}
 } 
 
@media screen and (min-width:800px) and (max-width:909px) 
 {
  #topmenu li {font-size:14px;}
  #topmenu li a,#topmenu li.active {padding:10px 12px;}
  #topmenu b {font-weight:700;}
  #top-in h3 {font-size:200%;left:auto;right:20px;top:10px;}
  #top-in h3 em {font-size:22px;}
  #contact {left:370px;top:120px;padding:0;background:transparent;}
  #alert {left:0;top:-15px;right:auto;padding:4px 14px;background:rgba(255, 255, 255, 0.9);}
  #tips div h3 {min-height:100px;}
  div.reference {min-height:370px;}
  #footer-in div {width:33%;}
  #footer-in div.nobord {display:none;}
  div.contact-map {width:100%;margin-top:0;}
  input,textarea,select {width:90%;}
  label {float:none;width:auto;}
 } 

/*////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 799px) 
 {
  #top {background-image:none;}
  #footer-in div.nobord {display:none;}
  div.contact-map {width:100%;margin-top:0;}
  input,textarea,select {width:90%;}
  label {float:none;width:auto;}
  #alert {left:0;top:-15px;right:auto;padding:5px 14px;background:rgba(255, 255, 255, 0.9);}
 }

@media screen and (min-width: 608px) and (max-width:799px) 
 {
  #top-in h3 {font-size:200%;left:auto;right:20px;top:20px;}
  #top-in h3 em {font-size:22px;}
  #contact {left:auto;right:20px;top:122px;padding:0;background:transparent;}
  #footer-in div {width:33%;}
  #tips div {font-size:70%;padding:20px 10px 10px 10px;} 
  #tips div h3 {line-height:1.3em;font-weight:600;min-height:100px;}
  #tips div i {font-size:500%;margin:5px auto;}
 } 


/*mob*/
@media screen and (min-width: 0px) and (max-width: 607px) 
 {
  #footer-in div {width:80%;float:none;margin:10px auto;min-height:0;border:none;border-bottom:1px dotted #5d8100;text-align:center;} 
  #footer-in h5,#footer-in h4 {text-align:center;}
  #tips {width:90%;margin:5px auto;padding:12px;}
  #tips div {width:100%;display:block;padding:10px 0;margin:5px 0;background:#eaeaea;background:transparent;cursor:auto;}
  #tips div:hover {background:transparent;cursor:auto;}
  #tips div h3 {margin:0;padding-left:30px;text-align:left;font-size:160%;min-height:30px;font-weight:normal;font-family:"Source Sans Pro","trebuchet ms",Tahoma,georgia,verdana,arial,lucida,sans-serif;}
  #tips div i {font-size:160%;margin:0;float:left;margin:-27px 0 0 0;}
  #tips div span {display:inline;}
 }
 
@media screen and (min-width: 480px) and (max-width: 607px) 
 {
  #top-in h3 {font-size:130%;left:auto;right:20px;top:20px;letter-spacing:1px;text-align:right;}
  #top-in h3 em {font-size:100%;}
  #contact {font-size:18px;left:auto;right:20px;top:122px;padding:0;background:transparent;letter-spacing:1px;}
 }

@media screen and (min-width: 0px) and (max-width: 479px) 
 {
  #logo {position:static;margin:0 auto;}
  #top-in h3,#contact {display:none;}
 }