/* RESPONSIVE MEDIA QUERIES -----------------------------------------------------------------*/


/*--------------------------------- iPHONE 5 ---------------------------------*/


/* ---------- iPhone 5 ---------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    
.iphone-remove {
    display: none;  
}
    
.centre-ani {
    width: 210px;
}
    
.topbarli {
    text-align: center;
}
    
.time {
    font-size: 41px;
}
    
/*------------ Page Title ------------*/
    
.imagepanel.map-header {
    height: 150px !important;
}
    
/*------------ Navigation ------------*/
    
.dark #primary-menu:not(.not-dark) > .container > ul > li.sub-menu > a {
        background-image: none;
}
    
.nav-pd-home {
    padding-left: 0px;
    padding-right: 0px;
}
    
/*------------ Home Intro Columns ------------*/

.home-free-range-bg {
    background-image: none;
    background-color: #e3dd18;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 100px;
}

.home-free-range-container {
    padding: 0px;
}
    
.home-all-weather-bg {
    background-image: none;
    background-color: #bbe3fa;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
}
    
.home-all-weather-container {
    padding: 0px;
}

.free-range-title {
    padding-left: 0px;
    padding-right: 0px;
}
    
.intro-mobile-container .container {
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px;
}

.home-free-range-top {
    position: absolute;
}
    
.home-free-range-top {
    position: absolute;
    width: 100%;
    height: 39px;
    padding: 0px;
    margin: 0px;
    top: -39px;
    left: 0px;
    background: url(/images/home/free-range-mobile-top.png) center top no-repeat;
}
    
.home-free-range-bottom {
    position: absolute;
    width: 100%;
    height: 39px;
    padding: 0px;
    margin: 0px;
    bottom: -39px;
    left: 0px;
    background: url(/images/home/free-range-mobile-bottom.png) center top no-repeat;
} 
    
.home-all-weather-top {
    position: absolute;
    width: 100%;
    height: 39px;
    padding: 0px;
    margin: 0px;
    top: -39px;
    left: 0px;
    background: url(/images/home/all-weather-mobile-top.png) center top no-repeat;
}
    
.home-all-weather-bottom {
    position: absolute;
    width: 100%;
    height: 39px;
    padding: 0px;
    margin: 0px;
    bottom: -39px;
    left: 0px;
    background: url(/images/home/all-weather-mobile-bottom.png) center top no-repeat;
}
    
 /*------------ Find Out More ------------*/   
    
.find-out-more {
    position: absolute;
    width: 270px;
    height: 170px;
    top: -70px;
    left: 37px;
}
    
.btn-visitor-info {
  margin-top: 25px;
    width: 100%
}

.find-out-more-bg {
   background-image: none;
}
     
/*------------ Subscribe ------------*/    
    
.email-subscribe-bg {
width: 280px;
    background-image: url(/images/home/subscribe-name-input-bg.png);
}

.subscribe-wood-bg h2 {
    margin-bottom: 0px;
}
    
 /*------------ Social ------------*/    
    
.social-title { 
    margin-bottom: 27px;
}
        
        
/*------------ Slider Backgrounds ------------*/

.slide-1-bg {
    background-image: url('/images/slider/swiper/1-phone.jpg');
}
    
/* ------- Slider Graphics ------- */

/* Slide - 1 */


/* Navigation Sub Menu icon
#primary-menu .container #primary-menu-trigger {
    left: 50% !important;
    margin-left: -25px;
}
*/
    
/* Navigation Sub Menu */      
        
#primary-menu ul ul {
    width: 100% !important;
}

.nav-portrait { 
    background-color: #1B5D1A !important;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 10px;
}
      
.iphone-display {
    display: block;
}

/* ------- Slider Content ------- */
    
.slider-caption .video-title {
    font-size: 68px !important; 
}

.slider-link {
    font-size: 24px !important;
}

.slider-caption-center video-title {
    font-size: 65px !important; 
}

/*------------ Navigation Backgrounds ------------*/

.home-nav-bg {
	background-image:none; 
}

.visit-nav-bg {
	background-image:none; 
}

.explore-nav-bg {
	background-image:none; 
}

.groups-nav-bg {
	background-image:none; 
}

.birthdays-nav-bg {
	background-image:none;  
}

.about-nav-bg {
	background-image:none; 
}

/* ------- How To Find Us ------- */
    
.btn-bus-timetable {
    width: 210px;
    font-size: 17px;
}
    
#google-map { 
  height: 315px;
}
    
 /* ------- Times & Prices ------- */   

.btn-latest-vouchers { 
    width: 190px;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
}
    
 /* ------- The Gift Shop ------- */  
    
.gift-shop-intro {
 margin-top: 0px;   
}
    
.open-sign {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
}
 
/*------------ Footer ------------*/ 

#footer {
    text-align: center;
}

}

/* ---------- iPhone 5 Landscape ---------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
    
.bg-pink-dk, .bg-orange, .bg-orange-lt, .bg-green-1, .bg-green-off, .bg-green-2, .bg-blue-1, .bg-orange-lt-2, .bg-pink, .bg-green-3, .bg-green-4,.bg-blue-2, .bg-red, .bg-purple, .bg-pink-2, .bg-pink-2-lt, .bg-purple-2, .bg-green-map { margin-left: 50px; margin-right: 50px; }

/* Home */
    
.home-all-weather-container {
   text-align: center;
}
    
.home-all-weather-container .btn-prices-bg {
    margin-right: auto;
    margin-left: auto;
}
    
.home-free-range-container img {
    padding-left: 30px;
    padding-right: 30px;
}
    
.find-out-more {
  top: -75px;
  left: 130px;
}
    
.name-subscribe-bg {
    width: 100%;
    background-image: url(/images/home/subscribe-email-input-bg.png);    
}
    
.email-subscribe-bg {
    width: 100%;
    background-image: url(/images/home/subscribe-email-input-bg.png);    
}
    
.subscribe-btn-flash {
    margin-right: auto;
    margin-left: auto;
}
    

/* Other Group Visits */
    
.charities-img { padding-left: 50px; padding-right: 50px;
              
}

 /* Home Page */
    
.title-block-holder {
    width: 60%;
}
        
        
}

/* ---------- iPhone Portrait ---------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    
.animal-time .colour-block img {
    padding-left: 10px;
    padding-right: 10px;
}
        
.animal-time .colour-block.animal-barn img {
    padding-left: 10px;
    padding-right: 10px;
}
        
.animal-time .colour-block.animal-village img {
    padding-left: 10px;
    padding-right: 10px;
}
    
.play-time .colour-block img {
    padding-left: 10px;
    padding-right: 10px;
}
    
.play-time .colour-block.summer-fun img {
    padding-left: 10px;
    padding-right: 10px;
}
       
.btn-download-invitation {
    width: 250px;
    font-size: 15px;
}
    
 /* ------- Bocketts Birthdays ------- */  
    
.btn-download-invitation {
    width: 250px;
    font-size: 15px;
}
    
.btn-view-invitation {
    width: 283px;
    font-size: 19px;
    text-align: center;
}
    
 /* ------- How To Find Us ------- */      
    
.google-maps-btn-flash {
    width: auto;
    height: auto;
    background-image: none;
    padding: 0px;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
}
   
} 



/*--------------------------------- iPHONE 4 ---------------------------------*/


/* ---------- iPhone 4 ---------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    
.iphone-remove {
    display: none;
    
}
    
.time {
    font-size: 41px;
}

/*------------ Page Title ------------*/
    
.imagepanel.map-header {
    height: 150px !important;
}
    
/*------------ Navigation ------------*/
    
.dark #primary-menu:not(.not-dark) > .container > ul > li.sub-menu > a {
        background-image: none;
}
    
.nav-pd-home {
    padding-left: 0px;
    padding-right: 0px;
}
    
/*------------ Home Intro Columns ------------*/

.home-free-range-bg {
    background-image: none;
    background-color: #e3dd18;
    padding-top: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 100px;
}

.home-free-range-container {
    padding: 0px;
}
    
.home-all-weather-bg {
    background-image: none;
    background-color: #bbe3fa;
    padding-top: 25px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
}
    
.home-all-weather-container {
    padding: 0px;
}

.free-range-title {
    padding-left: 0px;
    padding-right: 0px;
}
    
.intro-mobile-container .container {
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px;
}

.home-free-range-top {
    position: absolute;
}
    
.home-free-range-top {
    position: absolute;
    width: 100%;
    height: 39px;
    padding: 0px;
    margin: 0px;
    top: -39px;
    left: 0px;
    background: url(/images/home/free-range-mobile-top.png) center top no-repeat;
}
    
.home-free-range-bottom {
    position: absolute;
    width: 100%;
    height: 39px;
    padding: 0px;
    margin: 0px;
    bottom: -39px;
    left: 0px;
    background: url(/images/home/free-range-mobile-bottom.png) center top no-repeat;
} 
    
.home-all-weather-top {
    position: absolute;
    width: 100%;
    height: 39px;
    padding: 0px;
    margin: 0px;
    top: -20px;
    left: 0px;
    background: url(/images/home/all-weather-mobile-top.png) center top no-repeat;
}
    
.home-all-weather-bottom {
    position: absolute;
    width: 100%;
    height: 39px;
    padding: 0px;
    margin: 0px;
    bottom: -39px;
    left: 0px;
    background: url(/images/home/all-weather-mobile-bottom.png) center top no-repeat;
}
    
 /*------------ Find Out More ------------*/   
    
.find-out-more {
    position: absolute;
    width: 270px;
    height: 170px;
    top: -70px;
    left: 37px;
}
    
.btn-visitor-info {
  margin-top: 25px;
    width: 100%
}

.find-out-more-bg {
   background-image: none;
}
    
/*------------ Subscribe ------------*/    
    
.email-subscribe-bg {
width: 280px;
    background-image: url(/images/home/subscribe-name-input-bg.png);
}

.subscribe-wood-bg h2 {
    margin-bottom: 0px;
}
    
 /*------------ Social ------------*/    
    
.social-title { 
    margin-bottom: 27px;
}
        
        
/*------------ Slider Backgrounds ------------*/

.slide-1-bg {
    background-image: url('/images/slider/swiper/1-phone.jpg');
}
    
/* ------- Slider Graphics ------- */

/* Slide - 1 */

/* Navigation Sub Menu icon
#primary-menu .container #primary-menu-trigger {
    left: 50% !important;
    margin-left: -25px;
}
*/
    
/* Navigation Sub Menu */      
        
#primary-menu ul ul {
    width: 100% !important;
}

.nav-portrait { 
    background-color: #1B5D1A !important;
    margin-bottom: 0px;
    margin-top: 10px;
    border-radius: 0px;
}
      
.iphone-display {
    display: block;
}

/* ------- Slider Content ------- */
    
.slider-caption .video-title {
    font-size: 68px !important; 
}

.slider-link {
    font-size: 24px !important;
}

.slider-caption-center video-title {
    font-size: 65px !important; 
}

/*------------ Navigation Backgrounds ------------*/

.home-nav-bg {
	background-image:none; 
}

.visit-nav-bg {
	background-image:none; 
}

.explore-nav-bg {
	background-image:none; 
}

.groups-nav-bg {
	background-image:none; 
}

.birthdays-nav-bg {
	background-image:none;  
}

.about-nav-bg {
	background-image:none; 
}
    
/*------------ Gift Shop ------------*/   
    
.gift-shop-intro {
 margin-top: 0px;   
}
    
.open-sign {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
}

}

/* ---------- iPhone 4 Landscape ---------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {

/* Home */
    
.home-all-weather-container {
   text-align: center;
}
    
.home-all-weather-container .btn-prices-bg {
    margin-right: auto;
    margin-left: auto;
}
    
.home-free-range-container img {
    padding-left: 30px;
    padding-right: 30px;
}
    
.find-out-more {
  top: -75px;
  left: 130px;
}
    
.name-subscribe-bg {
    width: 100%;
    background-image: url(/images/home/subscribe-email-input-bg.png);    
}
    
.email-subscribe-bg {
    width: 100%;
    background-image: url(/images/home/subscribe-email-input-bg.png);    
}
    
.subscribe-btn-flash {
    margin-right: auto;
    margin-left: auto;
}
    
  
.bg-pink-dk, .bg-orange, .bg-orange-lt, .bg-green-1, .bg-green-off, .bg-green-2, .bg-blue-1, .bg-orange-lt-2, .bg-pink, .bg-green-3, .bg-green-4,.bg-blue-2, .bg-red, .bg-purple, .bg-pink-2, .bg-pink-2-lt, .bg-purple-2, .bg-green-map { margin-left: 50px; margin-right: 50px; }
 
/* Other Group Visits */
    
.charities-img { padding-left: 50px; padding-right: 50px; }
              
}
        
}

/* ---------- iPhone 4 Portrait ---------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    
.animal-time .colour-block img {
    padding-left: 10px;
    padding-right: 10px;
}
        
.animal-time .colour-block.animal-barn img {
    padding-left: 10px;
    padding-right: 10px;
}
        
.animal-time .colour-block.animal-village img {
    padding-left: 10px;
    padding-right: 10px;
}
    
.play-time .colour-block img {
    padding-left: 10px;
    padding-right: 10px;
}
    
.play-time .colour-block.summer-fun img {
    padding-left: 10px;
    padding-right: 10px;
}
    
 /* ------- Bocketts Birthdays ------- */  
    
.btn-download-invitation {
    width: 250px;
    font-size: 15px;
}
    
.btn-view-invitation {
    width: 283px;
    font-size: 19px;
    text-align: center;
}
    
}