@media (min-width: 576px){
	.container {
		max-width: 520px;
	}
}
@media (min-width: 768px){
	 .container {
		max-width: 720px;
	}
}
@media (min-width: 992px){
	 .container {
		max-width: 940px;
	}
    .category-for-mobile.select-dropbox {
    	display: none !important;
    }
    .blog-filter-row.video-filter label {
    	display: none;
    }
    .jq-selectbox {
    	max-width: 150px;
    }
}
@media (min-width: 1200px){
	 .container {
		max-width: 1150px;
	}
}

@media (max-width: 1199px){
	.blog-list-section {
		padding: 100px 0 100px;
	}
	.content-title h1 {
		font-size: 65px;
		line-height: 75px;
	}
    
}
@media (max-width: 991px){
	.blog-list-row .row .col-12 {
		width: 50%;
	}
    .category-for-desktop {
    	display: none !important;
    }
    .blog-filter-row.video-filter label {
    	display: flex;
        white-space: nowrap;
        color: #344054;
        font-family:' Poppins Medium';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
}
@media (max-width: 767px){
	.content-title h1 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
	}
	.blog-list-section {
		padding: 70px 0 70px;
	}
	.jq-selectbox.category-for-mobile .jq-selectbox__select {
    	background-color: #FAFAFA;
    }
	.blog-list-row .row .col-12 {
		width: 100%;
	}
	.pagination ul li:nth-child(3),
    .pagination ul li:nth-child(4) {
		display: none;
	}
	.pagination {
        margin: 60px 0 0;
        gap: 0;
    }
    .video-title-info {
        margin: -21px auto 33px;
    }
    .post-detail-title {
        padding-left: 0;
        margin-bottom: 40px;
    }
    .post-detail-section {
        padding: 94px 0 62px;
    }
    .back-btn {
        gap: 10px;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 26px;
    }
    .back-btn img {
    	width: 10px;
    }
    .post-detail-title .post-cat {
        font-size: 16px;
    }
    .post-detail-title h1 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 15px;
    }
    .post-detail {
        flex-direction: column-reverse;
    }
    .post-share {
        position: relative;
        left: 0;
        top: auto;
        display: flex;
        flex-direction: row;
        gap: 23px;
        margin-top: 0;
        align-items: center;
        flex-wrap: wrap;
    }
    .post-share ul {
        flex-direction: row;
        gap: 14px;
    }
	.latest-post-section {
        padding: 70px 0;
    }
    .latest-post-section .content-title h2 {
        font-size: 45px;
        line-height: 50px;
    }
    .vide-btn {
        text-align: center;
        justify-content: center;
        width: 100%;
    }
}