@charset "utf-8";


/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {

	.enq_frm {
		right: 20%;
	}
}

/* Desktops and laptops ----------- */
@media only screen  and (max-width : 1440px) {
	.carousel-caption{
		width: 50%;
		margin-left: -80px;
	}	
}

/* Desktops and laptops ----------- */
@media only screen  and (max-width : 1224px) {
	.carousel-caption{
		width: 50%;
		margin-left: -80px;
	}	

	.carousel-caption .hero-text {
	    font-size: 33px;
	    margin-bottom: 50px;
	}

}

/* Mid screens	 ----------- */
@media only screen and (min-width : 1024px) {

	.leader{
		font-family: 'Roboto', sans-serif;
		text-align: right;
		font-size: 34px;
		font-weight: 800;
		padding-top: 45px;
		line-height: 1.2em;
	}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#topHeader {
	    min-height: 130px;
	}
	.leader{
		font-size: 31px;
		font-weight: 800;
		padding-top: 43px;
	}
	.carousel-caption{
		width: 50%;
		margin-left: -80px;
	}	
	.carousel-caption .hero-text {
	    font-size: 33px;
	    margin-bottom: 50px;
	}
}

@media only screen  and (max-width : 991px) {
	.carousel-caption .hero-text {
	    font-size: 28px;
	    margin-bottom: 50px;
	}
	.enq_frm {
		right:1%;
	}	

	#footer{
		height: inherit;
	}
	ul.footer-links{
		columns:2;
	}
}

@media only screen and (max-width : 767px) {

	.enq_frm{
		display: block;
		width: 100%;
		position: inherit;
		margin-top: 10px;
		top: 0;
		right: 0;
	}

	.mob {
	    display: block;
	    padding: 25px;
	    background-color: #04155b;
	    color: #fff;
	    text-align: center;
	    font-size: 20px;
	}

	.logo{
		text-align: center;
	}
	.leader{
	    font-size: 30px;
	    text-align: center;
	    padding-top: 0;
	    padding-bottom: 15px;
	    line-height: 1.2em;
	}
	.carousel-caption{
	    width: 100%;
	}	
	.carousel-caption .hero-text {
	    font-size: 35px;
	    margin-bottom: 150px;
	    text-align: center;
	}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {
	.step{
		margin:inherit; 
		margin-bottom: 10px;
	}



	.mob {
	    display: block;
	    padding: 25px;
	    background-color: #04155b;
	    color: #fff;
	    text-align: center;
	    font-size: 20px;
	}

	.carousel .item {
	    height: 160px;
	}
	.item.active {
	    background-size: contain;
	}
	.carousel-caption{
		display: none;
	}

	.leader{
		font-size: 21px;		
		text-align: center;
		padding-top: 0;
		padding-bottom: 15px;
	}
		.leader .telephone{
			font-size: 20px;
			display: block;
		}	
}

@media only screen and (max-width : 375px) {
	.carousel .item {
	    height: 130px;
	}


	.mob {
	    display: block;
	    padding: 25px;
	    background-color: #04155b;
	    color: #fff;
	    text-align: center;
	    font-size: 20px;
	}
}
@media only screen and (max-width : 320px) {
	.carousel .item {
	    height: 120px;
	}
	.item.active {
	    background-size: contain;
	}
	.carousel-caption{
		display: none;
	}	
	.leader{
		font-size: 17px;
		line-height: 1.5em;
	}
		.leader .telephone{
			font-size: 20px;
			display: block;
		}
}