/* 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) {
}

/* small mobile :320px. */
@media (max-width: 767px) {
.logo {
	position: relative;
	width:250px;
	top:5px;
}
.logo img {
	width: 100%;
	height: auto;
}
#top_part {
	display: none;
}
#about .about-me {
	position: relative;
	bottom: 0;
	z-index:0;
}
.about-me h1 {
	font-size: 22px;
	line-height: 34px;
}
.slider-content h2 {
	font-size: 25px;
}
.slider-content p {
	font-size: 15px;
	padding-top: 10px;
}
#growing {
	padding: 30px 0 5px;
}
#learning .learning-me {
	background: #ededed;
}
.learning-wrapper h2 {
	font-size: 26px;
}
.box_text h3 {
	font-size: 24px;
}
#learning {
	padding: 15px 15px 50px 15px;
	position: relative;
}
#newsletter {
	position: relative;
	padding-top: 10px;
	margin-top: 10px;
}
.newsletter-me {
	padding: 30px 15px;
	position: relative;
	bottom: -20px;
	width: 100%;
	max-width: 400px;
}
.newsletter_text h3 {
	font-size: 22px;
	text-align: center;
	padding-bottom: 20px;
}
#foot_top .col-sm-6, .col-sm-3 {
	width: 100%;
	max-width: 100%;
	flex: 100%;
	margin-bottom:25px;
}


}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
	width: 450px
}
}