@media (max-width:1199px) {
#the-rabbit-hole .follow-us a.facebook { top:50px; left:40px;}
#the-rabbit-hole .follow-us a.instagram { top:32px; left:92px;}
}

@media (max-width:1024px) {
#home .home-img { display:block;}
#home video { display:none;}
}

@media (max-width:992px) {
#the-white-rabbit .book-table-img img { position:relative; top:0;}
#private-hire ul.img-grid li:last-child { display:none;}
#the-rabbit-hole .follow-us { margin-left:20px;}

}

@media screen and (width:768px) {
#private-hire { height:740px;}
}

@media (max-width:767px) {
.mobile-logo { display:none; position:absolute; top:0; z-index:9; left:50%; top:18px; margin-left:-44px;}
.intro-section { margin-top:-105px;}
.intro-section h1 { font-size:30px; line-height: 36px; font-family: 'Cinzel', serif; margin-bottom:15px;}
.section-divider { max-width:300px; margin:0 auto;}
.hide{ display:block;}
.show{ display:none;}
.navbar-default {display:none;}
#the-rabbit-hole,#private-hire,#find-us { padding:40px 0 70px 0;}
#the-white-rabbit { padding:0px 0 70px 0;}
#the-white-rabbit .book-table { margin-top:18px;}
#the-rabbit-hole .bird-teacup,#the-rabbit-hole .botanical { margin:0;}
#the-rabbit-hole .leaf img { float:left;}
#gallery-slider .carousel-control img { width:50%;}
#gallery-slider .carousel-caption { display:none;}
.carousel-indicators li,.carousel-indicators .active { border-width:2px; width:9px; height:9px;}
#private-hire h1 { font-size:20px;}
.map { padding:0; margin-bottom:40px;}
#the-rabbit-hole h1 img { position:static; top:0; left:0;}
#the-rabbit-hole .content { margin-top:0;}
#the-rabbit-hole .follow-us { margin-left:50px;}
#the-rabbit-hole .follow-us a.instagram { top:40px; left:120px;}
#the-rabbit-hole .pankh { position:static; text-align:center;}
#the-rabbit-hole .opening-hours { margin-top:40px;}
#private-hire #testimonials { margin-top:15px;}
.whiite-rabbit-nav { background:url(../images/the-white-rabbit-mobile-nav-icon.png) no-repeat center top; text-indent:-9999px; height:38px;}
.rabit-hole-nav {background:url(../images/the-rabbit-hole-mobile-nav-icon.png) no-repeat center top; text-indent:-9999px; height:58px;}
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent;}

/*==============Mobile menu starts==============*/
.button_container {position: fixed;top: 5%;left: 4%;height: 33px;width: 35px;cursor: pointer;-webkit-transition: opacity .25s ease;transition: opacity .25s ease; z-index:9999; background:#a89c8d;}
.button_container.active .top {-webkit-transform: translateY(7px) translateX(0) rotate(45deg);-ms-transform: translateY(7px) translateX(0) rotate(45deg);transform: translateY(7px) translateX(0) rotate(45deg);background: #a89c8d;}
.button_container.active .middle {opacity: 0;background: #a89c8d;}
.button_container.active .bottom {-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);transform: translateY(-8px) translateX(0) rotate(-45deg);background: #a89c8d;}
.button_container.active { background:none;}
.button_container span {background: #eeebe8;border: none;height:4px;width: 70%;position: absolute;top:8px;left:15%;-webkit-transition: all .35s ease;
transition: all .35s ease;cursor: pointer;}
.button_container span:nth-of-type(2) {top: 15px;}
.button_container span:nth-of-type(3) {top: 22px;}
.overlay {position: fixed;background: #f3ecde;top: 0;left: 0;width: 100%;height: 0%;opacity: 0;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, height .35s;transition: opacity .35s, visibility .35s, height .35s;overflow: hidden; display:block;}
.overlay.open {opacity:1;visibility: visible;height: 100%;z-index:999;}
.overlay.open li {-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;-webkit-animation-delay: .35s;
animation-delay: .35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay: .4s;animation-delay: .4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay: .45s;animation-delay: .45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay: .50s;animation-delay: .50s;}
.overlay nav {position: relative; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
font-size:18px; text-align: center;}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative; width:100%;}
.overlay ul li {display: block; position: relative;opacity: 0; margin-bottom:15px;}
.overlay ul li a {display: block;position: relative;color: #3f2200;text-decoration: none;overflow: hidden;}
@-webkit-keyframes fadeInRight {
0% {opacity: 0;left: 20%;}
100% {opacity: 1;left: 0;}
}
@keyframes fadeInRight {
0% {opacity: 0;left: 20%;}
100% {opacity: 1;left: 0;}
}
/*==============Mobile menu ends//==============*/
}

@media only screen and (min-device-width:420px) and (max-device-width:640px) {
.overlay ul {padding: 0;margin: 0 auto;display: inline-block;position: relative; width:100%; overflow-y:scroll; height:230px; overflow-x:hidden;}
#the-rabbit-hole .follow-us a.facebook { top:60px;left:50px;}
#the-rabbit-hole .follow-us a.instagram { top:41px; left:119px;}
}

@media (max-width:480px) {
#home .home-img { height:736px;}
#the-rabbit-hole .botanical,.leaf { display:none;}
#private-hire ul.img-grid { text-align:center;}
#private-hire ul.img-grid li { float:none; display:inline-block;}
.rabbit-hire-img { display:none;}
#the-rabbit-hole h1 { padding-bottom: 20px;}
#the-rabbit-hole .bird-teacup { margin-left:-20px;}
#the-rabbit-hole .follow-us { margin-left:50px;}
#private-hire { height:1120px;}
.intro-section { margin-top:-160px;}
#home .intro-section .header-heading  img { width:240px;}
botanical { display:none;}
#home .home-img { height:736px;}
}

@media (max-width:375px) {
#the-rabbit-hole .bird-teacup { margin-left:-30px;}
#the-rabbit-hole .follow-us { margin-left:30px;}
#private-hire { height:1300px;}
#the-rabbit-hole .follow-us a.facebook { top:60px; left:50px;}
}

@media (max-width:360px) {
#home .home-img { height:640px;}
#the-rabbit-hole .follow-us a.facebook { top:60px;left:50px;}
#the-rabbit-hole .follow-us a.instagram { top:41px; left:119px;}
#find-us .book-table .latest h5, #find-us .book-table .follow-us h5 { font-size:13px;}
}


@media (max-width:320px) {
#home .home-img { height:500px;}
#the-rabbit-hole .bird-teacup { margin-left:0px;}
#the-rabbit-hole .follow-us { margin-left:4px;}
#private-hire { height:1400px;}
}