/*--- Extra wide screen ---*/
@media (min-width: 1920px) and (max-width: 2560px)  {
    .photo{ height: 490px; overflow: hidden;}
    .h-logo img{ width: 165px; margin-top: 25%; margin-bottom: 6%; }
    .h-menu{ width: 100%; text-align: center; margin-bottom: 30%;}   
    
}

/*--- wide screen ---*/
@media (min-width: 1601px) and (max-width: 1920px)  {
    .photo{ height: 490px; overflow: hidden;}
    .h-logo img{ width: 165px; margin-top: 43%; margin-bottom: 15%; }
}		
    
}

/*--- Normal Screen ---*/
@media (min-width: 1281px) and (max-width: 1600px)  {
    .photo{ height: 490px; overflow: hidden;}		
}

/*--- iPad Landscape ---*/
@media (min-width: 1024px) and (max-width: 1280px)  {
    .home-image{ background-size: 60%;}
    .h-logo img{ width: 140px; margin-top: 25%; margin-bottom: 15%; }
    .container-fluid2 {  width:95%;}
    .photo{ height: 420px; overflow: hidden;}	   
}

/*--- iPad Portrait ---*/
@media (min-width: 768px) and (max-width: 799px) {
    .home-image{ background-size: 60%;}
    .h-logo img{ width: 140px; margin-top: 25%; margin-bottom: 15%; }
    .h-menu{ width: 100%; text-align: center; margin-bottom: 30%;}       
    .logo img { margin-top: 25px;}
    .call, .visit{ display:none; }
    .container-fluid2 {  width:95%;}
    .photo{ height: 280px; overflow: hidden;}
    .autumn2 {
    background: url(../img/events.jpg) repeat-y top center;
    background-size: auto 100%;}	
   
}

/*--- Small Tablet Landscape ---*/
@media (min-width: 800px) and (max-width: 1023px) {
    .home-image{ background-size: 62%;}
    .h-logo img{ width: 140px; margin-top: 30%; margin-bottom: 10%; }
    .h-menu{ width: 100%; text-align: center; margin-bottom: 30%;}  
    .container-fluid2 {  width:95%;}
    .logo {text-align: center; }
    .photo{ height: auto; overflow: hidden;}
    .autumn2 {
    background: url(../img/events.jpg) repeat-y top center;
    background-size: auto 100%;}
   
}

/*--- Small Tablet Portrait ---*/
@media (min-width: 600px) and (max-width: 767px) {
    .home-image{ background-size: 100%;}
    .container-fluid2 {  width:100%;}
    .logo {text-align: center; }
    .call, .visit{ display:none; }
    .fun-facts{height: auto;}
    .photo{ height: auto; overflow: hidden;}		
    .autumn2 {
    background: url(../img/events.jpg) repeat-y top center;
    background-size: auto 100%;}
  
}

/*--- iPhone5 Landscape ---*/
@media (width: 568px) {
    .logo2{ margin: 0px auto; }
    .call{ margin: 8px auto; float: none; width: 204px;}
    .service-box{ background: transparent; border-bottom: 1px solid #ccc; padding: 12px 0;}
    .manu-wrapper{padding: 0;}
    .call, .visit{ display:none; }
    .home-image{ background-size: 100%;}
    .h-logo img{ width: 120px; margin-top: 15%; margin-bottom: 10%; }
    .h-menu{ margin-bottom: 105%;}
    .container-fluid2 {  width:100%;}
    .logo {text-align: center; }
    .fun-facts{height: auto;}
    .photo{ height: auto; overflow: hidden;}	
    .autumn2 {
    background: url(../img/events.jpg) repeat-y top center;
    background-size: auto 100%;}
    .copy-text{ text-align:  center;}
    .wc-text{ text-align: center;}
  

}

/*--- iPhone5 & Smartphone Portrait ---*/
@media (min-width: 320px) and (max-width: 567px) {
    .logo2{ margin: 0px auto; }
    .call{ margin: 8px auto; float: none; width: 204px;}
    .service-box{ background: transparent; border-bottom: 1px solid #ccc; padding: 12px 0;}
    .manu-wrapper{padding: 0;}
    .call, .visit{ display:none; }
    .home-image{ background-size: 100%;}
    .h-logo img{ width: 120px; margin-top: 15%; margin-bottom: 10%; }
    .h-menu{ margin-bottom: 105%;}
    .container-fluid2 {  width:100%;}
    .logo {text-align: center; }
    .fun-facts{height: auto;}
    .photo{ height: auto; overflow: hidden;}	
    .autumn2 {
    background: url(../img/events.jpg) repeat-y top center;
    background-size: auto 100%;}
    .copy-text{ text-align:  center;}
    .wc-text{ text-align: center;}
   
}

/*--- Smartphone Landscape ---*/
@media (width: 480px) {
    .logo2{ margin: 0px auto; }
    .call{ margin: 8px auto; float: none; width: 204px;}
    .service-box{ background: transparent; border-bottom: 1px solid #ccc; padding: 12px 0;}
    .manu-wrapper{padding: 0;}
    .call, .visit{ display:none; }
    .home-image{ background-size: 100%;}
    .h-logo img{ width: 120px; margin-top: 15%; margin-bottom: 10%; }
    .h-menu{ margin-bottom: 109%;}
    .container-fluid2 {  width:100%;}
    .logo {text-align: center; }
    .fun-facts{height: auto;}
    .photo{ height: auto; overflow: hidden;}	
    .autumn2 {
    background: url(../img/events.jpg) repeat-y top center;
    background-size: auto 100%;}
    .copy-text{ text-align:  center;}
    .wc-text{ text-align: center;}
   
}

/*--- Smartphone Portrait ---*/
@media (min-width: 320px) and (max-width: 479px) {
    .logo2{ margin: 0px auto; }
    .call{ margin: 8px auto; float: none; width: 204px;}
    .service-box{ background: transparent; border-bottom: 1px solid #ccc; padding: 12px 0;}
    .manu-wrapper{padding: 0;}
    .call, .visit{ display:none; }
    .home-image{ background-size: 100%;}
    .h-logo img{ width: 120px; margin-top: 15%; margin-bottom: 10%; }
    .h-menu{ margin-bottom: 110%;}
    .container-fluid2 {  width:100%;}
    .logo {text-align: center; }
    .fun-facts{height: auto;}
    .photo{ height: auto; overflow: hidden;}	
    .autumn2 {
    background: url(../img/events.jpg) repeat-y top center;
    background-size: auto 100%;}
    .copy-text{ text-align:  center;}
    .wc-text{ text-align: center;}
  
}