/*Mobile*/
@media (max-width: 767px) {
	.mobile-hidden {
		display: none;
	}
	
	.navbar-header{
		display: block;
	}
	
	.header img {
	    width: 40%;
	    float: left;
	    margin-top: 0;
	}
	#navbar {
	    background-color: #fff;
	}
	
	.header p {
		display: none!important;
	}
	
	.navbar-toggle {
	    float: right;
	    margin-right: 0;
	    margin-top: 20px;
	    background-color: #91a7bc;
	    background-image: none;
	    border: 1px solid #91a7bc;
	    border-color: #91a7bc!important;
	    border-radius: 0;
	    color: #fff;
	}
	
	.navbar-toggle:focus, .navbar-toggle:visited, .navbar-toggle:hover {
		background-color: #91a7bc!important;
	}
	
	.navbar-default .navbar-nav>li>a {
		color: #3b4056!important;
	}
	
	.navbar-nav>li {
	    float: none;
	    display: block;
	}
	
	.navbar-default {
		padding-top: 5px;
		text-align:center;
	}
	
	.navbar {
		margin-bottom: 5px;
	}
	
	/*Home page*/
	
	.home-header .slide1, .home-header .slide2, .home-header .slide3, .home-header .slide4, .home-header .slide5 {
	    height: 250px!important;
	}
	
	h2 {
		font-size: 25px;
	}
	
	.home-intro {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	
	.home-intro h1 {
		font-size: 30px;
	}
	
	.col-cats .img-overlay h2 {
	    color: #fff;
	    margin-bottom: 40px;
	}
	
	.col-cats .img-overlay h2:after {
	    content: '';
	    width: 30%;
	    top:40%;
	    left: 35%;
	    position: absolute;
	    border: 2px solid #fff;
	}
	
	.col-cats:nth-child(odd) {
	    width: 100%;
	    min-height: 100px;
	}
	
	.col-cats:nth-child(even) {
	    float: left;
	    margin-right: 0;
	    margin-left: 0;
	    min-height: 100px;
	    width: 100%;
	}
	
	.home-testimonials {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	
	.home-testimonials .item {
	     padding: 0px; 
	}
	
	#map {
	    height: 300px;
	    width: 100%;
	}
	
	/*.acc-header {*/
	/*	height: 250px;*/
	/*}*/
	
	.acc-header {
	    /*height: 300px;*/
	    text-align: center;
	}
	
	.acc-heading, .gallery-heading, .enquiry-heading, .contact-heading {
	    padding-top: 0px!important;
	    padding-bottom:0px!important;
	}
	
	.acc-heading h1, .gallery-heading h1, .enquiry-heading h1, .contact-heading h1 {
	    font-size: 40px;
	}
	
	.self-catering {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	
	.self-catering-intro h2, .room-intro h2 {
	    margin-bottom: 30px;
	}
	
	.self-catering-intro h2:after {
	    content: '';
	    width: 14%;
	    top: 15%;
	    bottom: 20px;
	    left: 43%;
	    position: absolute;
	    border-top: 3px solid #3b4056;
	}
	
	.room-intro h2:after {
		top:8%;
	}

	
	.self-catering-intro, .room-intro {
	    padding-bottom: 20px;
	}
	
	.nav-tabs>li {
	    width: 33.33%;
	    font-size: 15px;
	    height: 60px;
	}
	
	.nav-tabs.nav2>li {
		font-size: 15px;
	    height: 60px;
	}
	
	.owl-carousel.owl2 .owl-nav {
	    top: 30%;
	}
	
	#tab1, #tab2, #tab3, #tab4, #tab5 {
	    height: 60px;
	}
	
	.tab-text {
	    padding: 20px;
	}
	
	.gallery {
	    padding-top: 30px;
	    padding-bottom: 20px;
	}
	
	.act-item {
	    margin-bottom: 20px;
	    min-height: 150px;
	    height: auto;
	}
	
	.activities .act-desc {
		width: 100%;
	    padding: 10px;
	    text-align: center; 
	}
	
	.act-desc h4 {
	    font-size: 18px;
	    margin-top:0;
	}
	
	.activities .owl-carousel .owl-item {
		text-align: center;
		margin-right: auto;
	    margin-left: auto;
	}
	
	.activities .owl-carousel .owl-item img {
	    width: 45%;
	    float: none;
	}
	
	.hire {
	    height: 300px;
	    padding-top: 20%;
	    text-align: center;
	}
	
	.widgets .col-md-4 {
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.widgets .tripadvisor img {
	    width: 90%;
	}
	
	.widgets .sa-venues img {
	    width: 60%;
	}

	/*Footers*/
	
	.footer {
		text-align: center!important;
	}
	
	.footer .afristay img {
	    width: 80%;
	}
	
	.footer .sa-venues, .footer .tripadvisor {
		margin-left: 70px;
	}
	
	.footer-lower {
		text-align: center;
	}
	
	.footer-lower p, .footer-lower a {
	    font-size: 13px;
	}
	
	.footer-social {
		display: none;
	}
}

/*Tablet & small screens:*/
@media (min-width: 768px) and (max-width: 991px) {
	.header img {
	    margin-bottom:0px;
	    width: 25%;
	    margin-top: 10px;
	}
	
	.header p {
	    font-size: 20px;
	    margin-bottom: 0;
	    font-family: 'Forum', cursive;
	}
	
	.home-header .slide1, .home-header .slide2, .home-header .slide3, .home-header .slide4, .home-header .slide5 {
	    height: 350px!important;
	}
	
	h2 {
		font-size: 35px;
	}
	
	.col-cats:nth-child(odd), .col-cats:nth-child(even) {
	    width: 31%;
	}
	
	.home-testimonials .item {
	    padding: 0px;
	}
	
	#map {
	    height: 300px;
	    width: 100%;
	}
	
	.navbar-default .navbar-nav>li>a {
	    font-size:18px;
	}
	
	.navbar-default .navbar-nav>li>a>i {
	    font-size: 18px;
	}
	
	.nav>li>a {
		padding: 10px;
	}
	
	.acc-heading, .gallery-heading, .enquiry-heading, .contact-heading {
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
	
	.acc-heading h1, .gallery-heading h1,.enquiry-heading h1, .contact-heading h1 {
	    font-size: 60px;
	    margin-bottom: 0;
	}
	
	.room-intro h2:after {
	    top: 15%;
	}
	
	.gallery {
	    padding-top: 30px;
	    padding-bottom: 0px;
	}
	
	.gallery .col-md-3 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.hire {
	    text-align: center;
	    height: 300px;
	    padding-top: 12%;
	}
	
	.contact-details {
		margin-top: 40px;
	}
	
	.widgets .col-md-4 {
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.widgets .tripadvisor img {
	    width: 50%;
	}
	
	.widgets .sa-venues img {
	    width: 60%;
	}

	/*Footers*/
	
	.footer .col-md-6, .footer .col-md-12 {
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.footer-lower .col-md-8 {
		width: 60%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.footer-lower .col-md-4 {
		width: 40%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header img {
	    margin-bottom:0px;
	    width: 20%;
	    margin-top: 10px;
	}
	
	.header p {
	    font-size: 20px;
	    margin-bottom: 0;
	    font-family: 'Forum', cursive;
	}
	
	.home-header .slide1, .home-header .slide2, .home-header .slide3, .home-header .slide4, .home-header .slide5 {
	    height: 300px!important;
	}
	
	.col-cats:nth-child(odd), .col-cats:nth-child(even) {
	    width: 31.6%;
	    margin-bottom: 15px;
	}
	
	.activities .owl-carousel .owl-item img {
		margin-bottom: 20px;
	}
}

@media (min-width: 1199px) and (max-width: 1300px) {
	.header img {
	    margin-bottom:0px;
	    width: 25%;
	    margin-top: 10px;
	}
	
	.header p {
	    font-size: 20px;
	    margin-bottom: 0;
	    font-family: 'Forum', cursive;
	}
	
	.col-cats:nth-child(odd), .col-cats:nth-child(even) {
	    width: 31.9%;
	    margin-bottom: 15px;
	}
	
	.home-header .slide1, .home-header .slide2, .home-header .slide3, .home-header .slide4, .home-header .slide5 {
	    height: 400px!important;
	}
}

/*Laptop:*/
@media (min-width: 1301px) and (max-width: 1600px) {
	.navbar-default {
	    padding-top: 0px;
	}
	
	.navbar {
		margin-bottom: 0;
	}
	
	.navbar-default .navbar-nav>li>a {
	    font-size: 16px;
	}
	
	.navbar-default .navbar-nav>li>a>i {
	    font-size: 17px;
	}
	
	.header img {
		width: 15%;
	}
	
	.home-header .slide1, .home-header .slide2, .home-header .slide3, .home-header .slide4, .home-header .slide5 {
	    height: 400px!important;
	}
	
	.col-cats:nth-child(odd), .col-cats:nth-child(even) {
	    width: 32%;
	    margin-bottom: 15px;
	}
	
	.self-catering-intro h2:after {
	    top: 30%;
	}
	
	.room-intro h2:after {
	    top: 20%;
	}
}