/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {

	.carousel .item {
		height: 400px;			
	    background-size: cover; 
	}

		.carousel-caption > div >h1{
			font-size: 22px;
		}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width : 568px)  {

		.carousel-caption {
		  z-index: 10;
		  font-size: 80%;
		}

		.carousel .item {
			height: 400px;
		}
		.carousel-inner > .item > img {
		  position: absolute;
		  top: 0;
		  left: 0;
		  min-width: 100%;
		  height: 350px;
		}

		.carousel-caption > h1,	h1, .h1 {
		 font-size: 25px; 
		}	

		.logo {
			text-align: center;
		}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) and (max-device-width : 568px) {


		.teaser{
			font-size: 150%;
		}
		.carousel-caption {
		  z-index: 10;
		  font-size: 90%;
		}

		.carousel .item {
			height: 480px;
		    background-size: cover; 
		}
		.carousel-inner > .item > img {
		  position: absolute;
		  top: 0;
		  left: 0;
		  min-width: 100%;
		  height: 250px;
		}

		
		.breadcrumb{
			display: none;
		}
		#double{
			padding-left: 0;
		}
		#double li {
			padding:0;
		  	width: auto;
		}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	#footer:before{
		display: none;
	}
	.carousel .item {
		height: 570px;
		background-size: cover;
		background-position: 50% 0;
	}

	#toTop {
	    bottom: 8% !important;

	}


}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	ul.nav.navbar-nav{
		font-size: .8em;
	}

	.contactDetails {
	    position: absolute;
	    top: 100px;
	    left: 162px;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {



	.contactDetails {
		position: absolute;
		top: 140px;
		left: 36%;
	}

	ul.nav.navbar-nav{
		font-size: .8em;
	}



	.mainHeaderTag {
	    color: #fff;
	    font-size: 1.7em;
	    font-family: 'open sans', sans-serif;
	    padding: 55px 40px 0 0;
	    text-align: right;
	    text-transform: uppercase;
	}

	.navbar-default .navbar-nav>li>a {
	    font-size: 1.1em;
	}
}
/* Desktops and laptops ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#footer {
	    position: inherit;
	}

	.footerCopyright{
		position: inherit !important;
		min-height: 80px;
		color: #fff;
	}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {
	.carousel .item {
	    background-size: cover; 
	}



}


@media only screen and (min-width: 993px) and (max-device-width: 2000px) {
	.catTitle {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 13px;
	    color: #fff;
	    text-transform: uppercase;
	    padding: 10px;
	}
}
/* Medium screens ----------- */
@media only screen and (max-width : 1200px) {



		.carousel .item {
		     height: 400px;
		}

		video{ 
		    max-width: 100%;
		    height: auto !important;
		}

		.contactDetails {
			position: initial;
			top: 100px;
			left: 120px;
		}

		.telHead {
	    	font-size: 31px;
	   	 	font-weight: 700;
		}




}

/* Large screens ----------- */
@media only screen and (min-width : 1200px) {
	.catTitle {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 18px;
	    color: #fff;
	    text-transform: uppercase;
	    padding: 10px;
	}

	.navbar-wrapper{
	    height: auto !important;
	    background: transparent;
	}

}

@media only screen and (max-width: 1202px){
	.logoHolderHome {
	    position: absolute;
	    top: -350px;
	}

	.container-home {
	    position: relative;
	    top: 0;
	}

	.carousel-caption > div > h1 {
	    font-size: 30px;
	}

}

@media only screen and (max-width : 992px) and (min-width : 1024px) {

	#footer {
	    position: inherit;
	    height: auto !important;
	}

	.catTitle {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 13px;
	    color: #fff;
	    text-transform: uppercase;
	    padding: 10px;
	}


}

/* All smart phones with larger screen (nexus etc)----------- */
@media (max-width: 1024px){
	.carousel .item {
	    background-size: cover; 
		background-position: top center;			    
	}
	#footer {
	    position: inherit;
	    height: auto !important;
	}



}


/* All smart phones ----------- */
@media (max-width: 768px){


	#footer:before{
		display: none;
	}


	.footer-section {
		padding: 10px 0 10px 0;
		text-align: center;
	}
	.footerCopyright{
		min-height: 140px !important;
	    position: inherit !important;
	}

	video{ 
	    max-width: 100%;
	    height: auto !important;
	}

	#footer:before{
		left:0;
	}

	.navbar-default .navbar-brand {
		color: #000;
	}
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #000;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background-color: transparent; 
	}
	.navbar-default .navbar-toggle {
	    border-color: transparent;
	}


	ul.topnavlinks li {
		list-style: none;
		list-style-type: none;
		padding: 3px 5px;
		float: left;
	}

	.footer-head-image {
		display: none;
	}

	.navbar{
		position: inherit;
		top: 0;
	}

	.resize{
		padding:10px;
		font-size: .8em
	}


	.carousel_strip_image{
		display: none;
	}
	.item.active {
		background-position: top center;
	}

	.topNavSection{
		min-height: 50px !important;
	}
	body{
		margin-bottom: 0px;
	}

	.navbar-default {
		border-color: transparent;
		z-index: 999;
		background-color: transparent;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
	}


	#footer {
	    height: auto !important;
	    position: inherit;
    	margin-top: 30px;	    
	}

	ul.footer-link li {
		float: inherit;
	}
	#footer > .container > .padded{
		margin-top: 15px;
		text-align: center;
	}
	#double li{
		text-align: center;
		width: 100%;
	}
	img.socialicon{
		float: inherit;		

	}


}

@media (max-width: 767px){




	.footer-social-inner{
	    position: inherit !important;
	    left: inherit !important;
	}
	.carousel-caption{
	    position: absolute;
	    word-wrap: break-word;
	    left: 10%;
	    right: 10%;
	    bottom: 20px;
	}
	.carousel-caption > div > h1 {
	    font-size: 24px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	    color: #000;
	    text-align: center;
	}


}

@media (max-width: 767px) and (orientation : portrait) {
	


}

@media (max-width: 767px) and (orientation : landscape) {
	.page-outer {
	    clear: both;
	    background: #fff;
	    margin-top: 0px; 
	}

}