@charset "utf-8";
/* CSS Document */

@media (max-width: 768px){
	
.header {border:none;}
.header-top {padding:7px 15px; border-radius:0; float:none;}

.logo {
    padding: 3px 0;
	z-index: 1;
}
.affix .logo a img {
    width: 100%;
}
.affix .menu {
    margin-top: -47px;
}
.affix.header-bot {padding: 7px 16px 7px 21px;}

.hostel {
    padding: 73px 50px;
    float: none;
    background: url(../images/bg.png) center no-repeat;
    text-align: center;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    float: right;
    right: 7%;
    margin-top: 0;
}

.header-top h2, .header-top h3 {font-size:12px;}
.header-top h2 {
    background: url(../images/call.png) left center no-repeat;
    background-size: 14px;
    background-position: 0 -2px;
    padding-left: 18px;
    margin-right: 7px;
}
.header-top h3 {
    background: url(../images/location.png) left center no-repeat;
    background-size: 14px;
    padding: 1px 0 1px 17px;
}
.header-bot {
    padding: 0px 10px;
    margin-top: 5px;
    margin-bottom: 0;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-right: -10px;}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333;
}
.navbar-inverse .navbar-toggle {
    border: none;
    margin-right: 5px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background: none;
}
.menu {
    padding: 0;
    text-align: right;
    margin-top: -45px;
}
.navbar-nav {
    margin: 0;
	display: block;
    width: 100%;
	padding-top: 4px;
	float: none;
    text-align: center;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
}
.navbar-inverse .navbar-nav>li>a {
    color: #333;
    font-size: 15px;
    background: #ff0303;
    color: #ddd;
}
.navbar-nav>li>a.active, .navbar-nav>li>a:hover {
    color: #fff !important;
    background: #ff0303 !important;
}

.caption h2 {
    font-size: 18px;
    font-weight: 900;
    padding: 10px 15px;
}
.caption h3 span {
    font-size: 10px;
    font-weight: 300;
    padding: 7px 10px;
    margin-top: 5px;
    letter-spacing: 5px;
}
.prev img {
    width: 3%;
}
.next img {
    width: 3%;
}
.prev{top:45%; left:10px;} 
.next{top:45%; right:10px;}

.hostel {
    padding: 1px 0 1px 0;
    float: none;
    background: #ff0303;
    text-align: center;
    border-radius: 0;
    position: relative;
    z-index: 1;
    float: none;
    right: 0;
    margin-top: 0;
}
.hostel h3 {font-size:29px;}
.hostel h2 {font-size:12px;}
.hostel img {
    width: 75px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*.hostel h5 {display:none;}*/
.hostel h5 img {
    width: 65px;
    background: #efd24f;
    padding: 20px 20px 25px 20px;
    border-radius: 100px;
    margin-top: 20px;
    transform: rotate(-90deg);
}
.index-form {padding:30px 15px;}
.index-form .form-group {padding: 0 3px; margin-bottom:7px;}
.index-form .form-control {height: 45px; padding:0px 20px; font-size:12px;}
.welcome {
    padding: 40px 15px 20px 15px;
    z-index: 2;
}
.welcome-note h1 {font-size:23px;}
.welcome-note h6 {font-size:12px;}

.facility {
    padding: 8px;
}
.facilities {
    padding: 0;
    margin-top: 40px;
}
.facility-in {padding:40px 0;}
.facility p {
    font-size: 14px;
}
.slick-prev {
    left: -15px;
}
.slick-next {
    right: -15px;
}

.near-me h1 {font-size: 23px;}
.near-me h6 {font-size: 12px;}
.near-me {padding: 150px 5px 50px 5px; margin-top: -70px;}

.near-me-places.three {position:relative; margin-top:20px;}
.near-me-places.four {position:relative; margin-top:70px;}
.near-me-places.one:hover{margin-top: 20px;}
.near-me-places.two:hover{margin-top: 50px;}
.near-me-places.three:hover{margin-top: 20px;}
.near-me-places.four:hover{margin-top: 50px;}

.near-me-places-content h2 {font-size:12px;}
.near-me-places-content {padding:10px 0px 10px 10px; width:80%; bottom:0;}

.footer-left {padding:30px 0 20px 0;}
.footer-left img {width:150px; margin:0 auto;}
.footer-mid {padding:0 35px; margin-top:40px;}
.footer-right {padding:30px 40px; margin-top:0;}
.footer-bot {padding:15px 45px; text-align:center;}
.footer-bot p span {float:none; font-size:12px; display:block; margin-top:5px;}

.imagelightbox-arrow-left {
    left: -10px;
}
.imagelightbox-arrow-right {
    right: 16px;
}
.imagelightbox-arrow-left:before, .imagelightbox-arrow-right:before {opacity: 1;}

.bath-finder {
    position: absolute;
    bottom: 5%;
    left: 2%;
}
.bath-finder p {
    font-size: 13px;
}
.gallery-page {
    padding: 30px 15px 30px 15px;
}
.welcome-note h2 {font-size: 23px;}
.welcome-note p {margin: 20px 0;}

.about-mid {padding:0;}
.about-mid-left, .about-mid-right {min-height:auto;}

.about-us-gallery{padding:0;}
.about-mid-gallery{padding:0; margin:20px 0;}
.slick-dots {
    bottom: 10px;
    left: 0%;
}

.facity-page {margin-top:20px;}
.facity-page-detail img {width:45px;}
.facity-page-detail h2 {font-size:17px; position:relative; top:14px; padding-left:7px;}

.index-gallery {margin-top:20px;}

.contact-page {margin-top:20px;}

.contact-left {padding:10px 0;}
.contact-left-in, .contact-mid, .contact-right {padding: 30px 10px; min-height:auto;}

.contact-form {
    padding: 30px 20px;
    background: #ff0303;
    min-height: auto;
    float: left;
}
form#contact-form {
    width: 100%;
}

.contact-left-in h4{font-size: 17px;}
.contact-right a {font-size: 17px;}
.contact-left-in img, .contact-mid img, .contact-right img {width:70px; padding:20px; margin-bottom:20px;}


.caption{left:5%;}



.near-me-places.two, .near-me-places.four {margin-top: 50px;}
.near-me img {margin-bottom: 0;}




}