/* Common styles for about us section */
@media (max-width: 575.98px) {
	#intro_img {
		display      : block;
		width        : 100%;
		max-width    : 575px;
		height       : 150px;
		position     : relative;
		margin       : 0;
		padding      : 0;
		margin-bottom: 20px;
	}

	#intro_img img {
		width    : 100%;
		max-width: 575px;
		height   : 140PX;
	}

	#intro_img h1 {
		width           : calc(100% - 10px);
		font-size       : 31px !important;
		color           : #FFF;
		text-shadow     : 1px 2px 1px rgba(0, 0, 0, 1);
		display         : block;
		position        : absolute;
		bottom          : 0px;
		left            : 0px;
		margin          : 0;
		padding         : 5px;
		margin-bottom   : 10px;
		background-color: #832d1e;
	}

	.box {
		display: inline-block;
	}

	.box_right {
		float : right;
		margin: 0px 20px 3px 15px;
	}

	.box_left {
		float : left;
		margin: 0px 15px 3px 20px;
	}

	/* End of common styles for about us section */

	#about {
		display: block;
		
	}
	#about p {
		padding   : 10px;
		text-align: justify;
	}

	#about img {
		display       : inline-block;
		vertical-align: text-top;

	}

	#about h1 {
		font-size: 21px;
	}

	.img_box {
		display: inline-block;
	}

	.img_box div {
		height          : 20px;
		width           : 100%;
		background-color: #666;
		font-size       : 9px;
		line-height     : 20px;
		color           : #FFF;
		text-align      : center;
		margin-top      : 2px;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
		#intro_img {
			display: block;
			width: 100%;
			max-width: 767px;
			height: 200px;
			position: relative;
			margin: 0;
			padding: 0;
			margin-bottom: 20px;
		}

		#intro_img img {
			width: 100%;
			max-width: 767px;
			height: 100%;
		}

		#intro_img h1 {
			width: calc(100% - 10px);
			font-size: 31px !important;
			color: #FFF;
			text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
			display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			margin: 0;
			padding: 5px;
			margin-bottom: 10px;
			background-color: #832d1e;
		}

		.box {
			display: inline-block;
		}

		.box_right {
			float: right;
			margin: 0px 20px 20px 15px;
		}

		.box_left {
			float: left;
			margin: 0px 15px 3px 20px;
		}

		/* End of common styles for about us section */

		#about {
			display: block;
		}

		#about p {
			padding: 20px;
			text-align: justify;
		}

		#about img {
			display: inline-block;
			vertical-align: text-top;
		}

		#about h1 {
			font-size: 21px;
		}

		.img_box {
			display: inline-block;
		}

		.img_box div {
			height: 20px;
			width: 100%;
			background-color: #666;
			font-size: 9px;
			line-height: 20px;
			color: #FFF;
			text-align: center;
			margin-top: 2px;
		}
}

@media (min-width: 768px) and (max-width: 991.98px) {
		#intro_img {
			display: block;
			width: 100%;
			max-width: 991px;
			height: 200px;
			position: relative;
			margin: 0;
			padding: 0;
			margin-bottom: 20px;
		}

		#intro_img img {
			width: 100%;
			max-width: 991px;
			height: 100%;
		}

		#intro_img h1 {
			width: calc(100% - 10px);
			font-size: 31px !important;
			color: #FFF;
			text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
			display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			margin: 0;
			padding: 5px;
			margin-bottom: 10px;
			background-color: #832d1e;
		}

		.box {
			display: inline-block;
		}

		.box_right {
			float: right;
			margin: 0px 0px 3px 15px;
		}

		.box_left {
			float: left;
			margin: 0px 15px 3px 20px;
		}

		/* End of common styles for about us section */

		#about {
			display: block;
		}

		#about p {
			padding: 20px;
			text-align: justify;
		}

		#about img {
			display: inline-block;
			vertical-align: text-top;
		}

		#about h1 {
			font-size: 21px;
		}

		.img_box {
			display: inline-block;
		}

		.img_box div {
			height: 20px;
			width: 100%;
			background-color: #666;
			font-size: 9px;
			line-height: 20px;
			color: #FFF;
			text-align: center;
			margin-top: 2px;
		}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
		#intro_img {
			display: block;
			width: 922px;
			height: 288px;
			position: relative;
			margin: 0;
			padding: 0;
			margin-bottom: 20px;
		}

		#intro_img img {
			width: 100%;
			height: 100%;
		}

		#intro_img h1 {
			width: calc(100% - 10px);
			font-size: 31px !important;
			color: #FFF;
			text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
			display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			margin: 0;
			padding: 5px;
			margin-bottom: 10px;
			background-color: #832d1e;
		}

		.box {
			display: inline-block;
		}

		.box_right {
			float: right;
			margin: 0px 0px 3px 15px;
		}

		.box_left {
			float: left;
			margin: 0px 15px 3px 0px;
		}

		/* End of common styles for about us section */

		#about {
			display: block;
		}

		#about img {
			display: inline-block;
			vertical-align: text-top;
		}

		#about h1 {
			font-size: 21px;
		}

		.img_box {
			display: inline-block;
		}

		.img_box div {
			height: 20px;
			width: 100%;
			background-color: #666;
			font-size: 9px;
			line-height: 20px;
			color: #FFF;
			text-align: center;
			margin-top: 2px;
		}
}
@media (min-width: 1200px) {
	#intro_img {
		display      : block;
		width        : 922px;
		height       : 288px;
		position     : relative;
		margin       : 0;
		padding      : 0;
		margin-bottom: 20px;
	}

	#intro_img img {
		width : 100%;
		height: 100%;
	}

	#intro_img h1 {
		width           : calc(100% - 10px);
		font-size       : 31px !important;
		color           : #FFF;
		text-shadow     : 1px 2px 1px rgba(0, 0, 0, 1);
		display         : block;
		position        : absolute;
		bottom          : 0px;
		left            : 0px;
		margin          : 0;
		padding         : 5px;
		margin-bottom   : 10px;
		background-color: #832d1e;
	}

	.box {
		display: inline-block;
	}

	.box_right {
		float : right;
		margin: 0px 0px 3px 15px;
	}

	.box_left {
		float : left;
		margin: 0px 15px 3px 0px;
	}

	/* End of common styles for about us section */

	#about {
		display: block;
	}

	#about img {
		display       : inline-block;
		vertical-align: text-top;
	}

	#about h1 {
		font-size: 21px;
	}

	.img_box {
		display: inline-block;
	}

	.img_box div {
		height          : 20px;
		width           : 100%;
		background-color: #666;
		font-size       : 9px;
		line-height     : 20px;
		color           : #FFF;
		text-align      : center;
		margin-top      : 2px;
	}
}