/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
	
	.container-fluid{
		width:92%;
		padding:0;
		margin:0 auto;
	}
	
	header .phone-num {
		font-size: 25px;
		margin-top: 15px;
		text-align: center;
	}
	
	header .logo{
		margin: 25px auto 10px auto;
		width:80%;
	}
	
	#partner-img{
		margin-top:0;
	}
	
	header .opening-hrs {
		font-size: 12px;
		text-align: center;
	}
	
	#featured h1 {
		font-size:26px;
	}
	
	#featured .feefo-circle img{
		width:50%;
	}
	
	#featured .f-sub-title {
		font-size: 25px;
	}
	
	#featured ul li {
		font-size: 20px;
	}
	
	#featured .feefo-circle {
		top: 0;
		left: 0;
		text-align: center;
		float: none !important;
		margin: 30px auto;
	}
	
	#featured .form_register {
		box-shadow: 0px 1px 10px rgba(0,0,0,0.65);
		-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.65);
		-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.65);
	}
	
	#ja-content h2 {
		font-size: 30px;
	}
	
	.side {
		margin-bottom: 30px;
	}
	
	.side .btn {
		padding: 15px;
	}
	
	#featured-footer h3 {
		font-size: 30px;
		padding: 0;
	}
	
	footer p.pull-left, footer p.pull-right {
		float: none !important;
	}
	
	footer p.text-left, footer p.text-right {
		text-align: center !important;
	}
}

/* TABLET (portrait and landscape) ----------- */
@media (max-width: 1199px) and (min-width: 768px) {

	header .awards img {
		width: 90%;
	}
	
	
	#featured h1 {
		font-size: 45px;
	}
	
	#ja-content h2 {
		font-size: 30px;
	}
	
	#featured-footer h3 {
		padding: 0px;
	}
	
	header .phone-num {
		font-size: 30px;
	}
}

/* SM ----------- */
@media (max-width: 991px) and (min-width: 768px) {

	#featured .feefo-circle {
		top: 0;
		left: 0;
	}
	
	#featured .feefo-circle img {
		width: 80%;
	}
	
	#ja-content .col-link span {
		font-size: 18px;
	}
	
	#ja-content .side-quote {
		font-size: 18px;
	}
	
	#featured .f-sub-title {
		font-size: 26px;
	}
}

/* MD ----------- */
@media (max-width: 1199px) and (min-width: 992px) {

	#featured .feefo-circle {
		top: -28px;
		left: 83px;
	}
	
	#featured .feefo-circle img {
		width: 53%;
	}
	
	#ja-content .side-quote {
		padding: 48px 32px 38px 32px;
	}
}

  
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1024px) {
	
	.modal-dialog{
		width:800px !important;
	}
	
	.modal-dialog iframe{
	min-height:700px !important;
	}
	
}

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