/*===========================================
Tablet Layout: 768px.
============================================*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-menu li>a {
		padding: 30px 10px;
	}

	.single-slide img {
		height: 450px;
	}

	.slide-info {
		min-width: 550px;
	}

	.slide-list .slide-info {
		min-width: 340px;
	}

	.sidebar {
		margin-top: 45px;
	}

	.footer-area .widget {
		margin-bottom: 45px;
	}

	.foot-bg {
		height: 240px;
	}

	.sidebar.spost-static {
		margin-top: 30px;
	}

	.foot-bottom {
		left: 15px;
	}

	.footer-menu {
		margin-bottom: 20px;
	}

	.footer-menu>ul>li {
		padding-bottom: 10px;
	}

	.classic-article .article-thumb img,
	.classic-article .article-thumb-carousel img {
		height: 350px;
	}

	.footer-area .widget-title {
		text-align: left;
	}

	.footer-area {
		padding: 100px 0 0px;
	}
}

/*=======================================
Mobile Layout: 320px.
=========================================*/

@media only screen and (max-width: 767px) {
	.custom-btn {
		padding: 10px 15px;
		font-size: 14px;
	}

	.home-carousel-sec .entry-content {
		max-width: 100%;
	}

	.home-carousel-sec .entry-content h2 {
		font-size: 30px;
	}

	.home-carousel-sec {
		padding: 85px 0 15px;
	}

	.hero-slider .slide-item{
		margin: 0 5px;
	}
	.slider-area .owl-dots {
		bottom: 40px;
		left: 14%;

	}
	article.single-post.full-width {
		margin-right: 0px;
		padding: 20px 12px 1px;
  }

	.home-carousel-sec .entry-thumb {
		margin-bottom: 20px;
	}

	.sp-details>h4 {
		font-size: 16px;
	}

	.single-slide img {
		height: 400px;
	}

	.slide-title {
		font-size: 30px;
		margin: 15px 0;
	}

	.slide-tag {
		font-size: 12px;
	}

	.slide-info>p {
		display: none;
	}

	.txt-gallery figure {
		width: 50%;
  }

	.author-thumb {
		float: none;
	}

	.related-post {
		padding: 20px 0;
	}

	.mega-article .single-content,
	.medium-article .article-content {
		padding: 15px;
	}

	.pager>a,
	.pager>span {
		margin: 2px;
	}

	.article-thumb,
	.article-thumb-carousel {
		float: none;
		width: 100%;
	}

	.blog-details .post-meta li {
		padding: 0;
		margin-bottom: 5px;
	}

	.article-title {
		font-size: 22px;
	}

	.slide-list .slide-info {
		left: 20px;
		min-width: 290px;
	}

	.sidebar.spost-static {
		margin-top: 30px;
	}

	.slider-content .title1 {
		font-size: 25px;
		line-height: 30px;
	}

	.slider-content .title2 {
		font-size: 16px;
		line-height: 24px;
	}

	.single-entry {
		padding-right: 0;
	}

	.single-thumb {
		float: none;
		text-align: center;
		width: 100%;
	}


	.section-title {
		font-size: 18px;
		margin: 15px 0;
	}

	.footer-area .widget {
		margin-bottom: 30px;
	}

	.single-tweet {
		padding-bottom: 20px;
	}

	.foot-bg {
		height: 302px;
	}

	.foot-bottom {
		left: 0px;
	}

	.footer-menu>ul>li {
		padding-right: 20px;
	}

	.footer-area p,
	.f-logo,
	.social-profile {
		text-align: center;
	}

	.footer-menu {
		margin-bottom: 10px;
	}

	.footer-menu>ul>li {
		padding-bottom: 15px;
	}

	.post-tags>a {
		margin-right: 3px;
	}

	.post-meta>span {
		padding: 0px;
	}

	.post-vedio {
		padding: 0;
	}

	.post-vedio iframe {
		height: 150px;
	}

	.author-details,
	.comment-text {
		margin-left: 0;
		margin-top: 30px;
	}

	.author-thumb.alignleft,
	.comment-img {
		float: none;
		width: 100%;
	}

	.post-wrap .widget-title {
		text-align: center;
	}

	.leave-comment>form {
		padding: 40px 0 0;
	}

	.post-details blockquote::after {
		left: 10%
	}

	.post-details blockquote::before {
		left: 40%;
	}

	.contact-us-form {
		padding-bottom: 30px;
	}

	.error-title {
		font-size: 150px;
	}

	.footer-area .widget-title {
		text-align: left;
		padding-bottom: 30px;
	}

	.footer-area {
		padding: 100px 0 0px;
	}

	.single-post.side-image>figure {
		display: none;
	}

	.blog-details .section-title {
		font-size: 30px;
	}

	.offcanvas-top {
		height: 20vh;
	}

	header .offcanvas.offcanvas-start {
		max-width: 320px;
	}

	article.single-post>figure,
	article.single-post .article-thumb-carousel,
	article.single-post .entry-cover {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
	}

	.article-header h1 {
		font-size: 28px;
	}

	article.single-post iframe {
		max-height: 215px;
	}

	article.single-post blockquote {
		padding: 25px 25px;
	}

	.list-article .article-thumb {
		min-height: 220px;
	}

	.slider-area .slide-info {
		left: 15px;
		top: 55%;
		transform: translateY(-50%);
		max-width: 290px;
	}

	.single-article.mega-article .single-content,
	.widget,
	.list-article .single-content {
		padding: 20px;
	}

	.slide-item {
		padding: 50px 10px;
		min-height: 600px;
	}

	.slide-item .sec-title {
		font-size: 28px;
	}

	.hero-slider .owl-nav {
		top: 75%;
		left: 82%;
	}

	.grid-carousel .single-content {
		padding: 30px 25px 20px;
	}
	.grid-carousel .article-title {
		font-size: 25px;
  }
  .grid-carousel .owl-nav {
	display: none;
}
.footer-widget {
	margin-bottom: 45px;
}

.home-carousel-sec .owl-carousel .owl-nav button {
	display: none;
}
}

/*================================
Wide Mobile Layout: 480px.
==================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	header .offcanvas.offcanvas-start {
		max-width: inherit;
	}

	.section-title {
		font-size: 22px;
	}

	.slide-info {
		min-width: 370px;
	}

	.slide-info>p {
		display: block;
		margin-bottom: 15px;
	}

	.post-vedio {
		padding: 0 30px;
	}

	.post-vedio iframe {
		height: 200px;
	}

	.comment-img {
		float: left;
		width: inherit;
	}

	.comment-img img {
		width: 110px;
	}

	.comment-text {
		margin-left: 125px;
	}

	.post-details blockquote::before {
		left: 52%;
	}

	.post-details blockquote::after {
		left: 34%
	}

	.post-tags>a {
		margin-right: 10px;
	}

	.error-title {
		font-size: 230px;
	}

	.article-title {
		font-size: 24px;
	}
}