.slicknav_menu{
	display: none;
}
#menu{
	display: block;
}
.slicknav_nav {
	background: url('../images/three.jpg');
	width: 300px;
}
.slicknav_menu {
	position: absolute;
	right: 0;
	top: 12px;
	z-index: 5;
}
@media screen and (max-width: 1024px) {
.mainmenu ul li a {
	padding: 31px 14px;
	font-weight: 400;
	font-size: 12px;
}
.cta-pro h3 {
	font-size: 19px;
}
.footer-post-title {
	width: 74%;
}
}

@media screen and (max-width: 768px) {
.slicknav_menu{
	display: block;
	background: transparent !important;
}
#menu{
	display: none;
}
.about-left {
	margin-bottom: 24px;
}
.faq-left {
	margin-bottom: 20px;
}
.well-area, .course-area, .about-area, .testimonial-area, .faq-area, .blog-area {
	padding: 70px 0;
}
.footer-top .widget {
	min-height: 222px;
}
.breadcrumb-text {
	max-width: 100%;
}

}

@media screen and (max-width: 640px) {
.well-featured {
	margin-top: 0;
	margin-bottom: 25px;
}
.cta-proBtn, .cta-button {
	text-align: center;
}
.cta-pro {
	text-align: center;
	margin-bottom: 13px;
}
.inner-service .icon img{
	width: 100%;
}
.single-post .thumbnails img {
	height: auto;
	width: 100%;
}
.cta-text {
	text-align: center;
	margin-bottom: 20px;
}
.featuredthumb img {
	height: auto;
}
.footer-top .widget {
	margin-bottom: 28px;
	min-height: auto;
}
#myCarousel .item h2 {
	font-size: 29px;
}
.about-content-one, .about-content-two, .about-content-three {
	padding: 50px 0;
}
.course-sidebar {
	margin-top: 30px;
}
.blogPost .col-sm-5.col-xs-12 {
	padding-left: 15px;
}
.right-sidebar {
	margin-top: 27px;
}
}

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


}

@media screen and (max-width: 380px) {
.inner-text h2 {
	font-size: 17px;
}
.why-features-content h2 {
	font-size: 18px;
}
.breadcrumb-title h3 {
	font-size: 23px;
}
.why-icon {
	width: 14%;
}
.why-features-content {
	width: 78%;
}
.tab-data ul.nav li {
	width: 100%;
}
.cta-text h3 {
	font-size: 18px;
}
.cta-button a {
	padding: 11px;
	width: 179px;
	font-size: 17px;
}
.entry-thumb.image-hover2 {
	margin-bottom: 15px;
}
.inner-course .mod-content {
	float: none;
	width: 100%;
}
.breadcrumb-text p {
	line-height: 20px;
}
}

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

}

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

}