/*layout*/

@media only screen and (min-width: 992px) and (max-width:1200px) {
.header-area .nav-menu ul#nav li a {
	padding: 35px 0 35px 15px;
	font-size: 15px;
}
}


/*tablet layout*/

@media only screen and (min-width: 768px) and (max-width:991px) {
.slicknav_menu {
	display: block;
	background: #2C3E50;
}
    .nav-menu {
        display: none;
    }
    .banner-area .banner h1 {
        font-size: 50px;
    }
    .header-area .social-list {
        margin: 20px 0 0;
        text-align: center;
    }
    .navbar-form {
        padding: 0 15px;
    }
    .search-box {
        margin: 0 0 24px 0;
        text-align: center;
    }
    .banner-area .banner {
        margin-top: 50px;
    }

    .latest-posts .item {
	padding-bottom: 50px;
}
    .latest-post-list{
        margin-bottom: 50px;
    }
        .latest-post-list{
        margin-top: 0px;
    }

    .all-blog-list .blog-item .photo img {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    .top-area .social-list {
        text-align: center;
    }
    .top-area .top-right {
        text-align: center;
    }

    .account-bar {
        text-align: center;
        margin: -5px 0 15px 0;
    }
    .logo-area .logo {
        margin: 10px 0;
        text-align: center;
    }
    .logo-area .top-date {
        text-align: center;
    }
    .logo-area .top-date {
        text-align: center;
    }
    .slider-post-thum {
        margin-top: 30px;
    }
    .logo {
	text-align: center;
}
.slider-area.pt15 {
	padding-top: 30px;
}

.bpl0 {
    padding-left: 15px;
}
    .latest-post-section {
	margin-top: 0;
}
.footer-main {
	margin-top: 20px;
} 
.add-section {
	height: 350px;
}   
.latest-posts .item .inner .photo {
	height: 300px;
} 
.latest-post-section .latest-post-list .latest-post-1 .photo {
	height: 300px;
}    
       
    
}

/*mobail small layout*/

@media only screen and (max-width:767px) {
.slicknav_menu {
	display: block;
	background: #2C3E50;
}
    .nav-menu {
        display: none;
    }
    .banner-area .banner h1 {
        font-size: 50px;
    }
    .header-area .social-list {
        margin: 20px 0 0;
        text-align: center;
    }
    .navbar-form {
        padding: 0 15px;
    }
    .search-box {
        margin: 0 0 24px 0;
        text-align: center;
    }
    .goToTop {
        display: none;
    }
    .banner-area .banner {
        margin-top: 50px;
    }
    .all-blog-list .blog-item .photo img {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    .top-area .social-list {
        text-align: center;
    }
    .top-area .top-right {
        text-align: center;
    }
    .account-bar {
        text-align: center;
        margin: -5px 0 15px 0;
    }
    .logo-area .logo {
        text-align: center;
    }
    .logo-area .top-date {
        text-align: center;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .slider-area .slider-item .text h1 {
        font-size: 25px;
    }

    .slider-post-thum .item {
        height: 350px;
    }
    .slider-post-thum {
        margin-top: 30px;
    }
.top-area .contact-bar {
	text-align: center;
	margin: 0;
}
  .logo {
	text-align: center;
}  
 .header-area .logo img {
	height: 30px;
} 
    
    .slider-area.pt15 {
	padding-top: 30px;
}

    .bpl0 {
    padding-left: 15px;
} 
    .latest-post-section {
	margin-top: 0;
}
.footer-main {
	margin-top: 20px;
} 
        .latest-post-list{
        margin-bottom: 50px;
    }
        .latest-post-list{
        margin-top: 0px;
    }
    .all-blog-list .blog-item .photo {
	width: 100%;
}
.banner-area .text h1 {
	font-size: 25px;
}  
.navbar-form {
	padding: 0 15px;
}
.slider-area .slider-item {
	height: 350px;
}
    .latest-posts .item {
	padding-bottom: 50px;
}
    
}

/*mobail large layout*/

@media only screen and (min-width: 480px) and (max-width:767px) {
    .all-blog-list .blog-item .photo {
	width: 100%;
	height: 300px;
}
    .add-section {
	height: 350px;
} 
.latest-posts .item .inner .photo {
	height: 300px;
}
}

@media only screen and (min-width: 300px) and (max-width:500px) {
    .teacher-photo {
        height: 350px;
    }
    .you-may-like .item .text h3 a {
        font-size: 13px;
    }
    .you-may-like .item .text h3 {
        line-height: 1;
    }

}