/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.about-me-content h1 br {
		display: none;
	}
	#left_container {
		padding: 20px 0 20px 20px;
	}
	.about-me-content h1 {
		font-size: 16px;
		line-height: 20px;
	}
	p {
		font-size: 13px;
		line-height: 18px;
	}
	.list_box h2 {
		font-size: 10px;
	}
	.list_box ul li {
		font-size: 9px;
	}
	.btn {
		font-size: 10px;
		padding: 4px 19px;
	}
}
/* small mobile :320px. */
@media (max-width: 767px) {
	.right-img {
		position: relative;
		height: auto;
		top: 0;
		bottom: 0;
		width: 100%;
		right: 0;
		max-width: inherit;
	}
	#left_container {
		padding: 20px 15px;
	}
	.left_img {
		position: relative;
		height: auto;
		top: 0;
		bottom: 0;
		width: 100%;
		right: 0;
		max-width: inherit;
	}
	#right_inner_container {
		padding: 20px 15px;
	}
	.about-box-img {
		position: relative;
		margin-top: 70px;
	}
	.about-me-content h1 br {
		display: none;
	}
	.about-box {
		padding-bottom: 20px;
	}
	.about-me-wrapper {
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.bottom_right {
		padding-top: 30px;
	}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 450px
	}
}