@media (min-width: 1200px) {
	.hellowi {
		max-width: 1165px;
	}
	.hello2 {
		max-width: 1165px;
	}
}



@media (min-width: 1400px) {
	.container-fluid {
		max-width: 1320px;
	}
	.hellowi {
		max-width: 1165px;
	}
	.hello2 {
		max-width: 1165px;
	}
}


@media (max-width: 1399px) {
	.positionIcon {
		left: 0;
	}
	/* BTS serise */
	.seriseDetails .imgUl li {
	    margin: 0 1.72rem;
	}
	.titleLatest {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.textTop h3 {
		font-size: 2.2rem;
	}
	.tagslatest {
	    font-size: 1.2rem;
	}
	.notisimg .positionIconNoti, .iconPlay.positionIconNoti.non-video {
		bottom: 2rem;
	}
}
@media (max-width: 1199px) {
	.blueSec h2 {
	    font-size: 3rem;
	}
	.iconPlay i {
		    line-height: 3.7rem;
	}
	.yellowInner h3 {
	    font-size: 3rem;
	}
	.notiTitle h3 {
		font-size: 2.25rem;
	}
	.yellowSection h3 {
	    font-size: 2.25rem;
	}
	.titleLatest h2 {
	    font-size: 3.5rem;
	    margin: 2rem 0;
	}
	.titleInner h2 {
		font-size: 4rem;
	}
	.latestBoxPadding {
	    padding-bottom: 4.5rem;
	}
	.bextBoxWrap ul li h3 {
	    font-size: 1.75rem;
	}
	.textTop h3 {
	    font-size: 2rem;
	}
	.textTop p {
	    font-size: 1.4rem;
	}
	.cateIcon {
		font-size: 3rem;
	}
	.iconPlay {
		font-size: 2rem;
	}
	.followText {
	    font-size: 2rem;
	}
	.followIcons a {
	    font-size: 3rem;
	    margin-left: 1rem;
    	margin-right: 1rem;
	}
	.notisimg .ratio-4x3::before {
		padding-top: 100%;
	}
	.tagslatest {
	    font-size: 1.2rem;
	}
	/* BTS serise */
	.seriseDetails .imgUl li {
	    margin: 0 1.4rem;
	}
	.relatedText p {
	    font-size: 1.5rem;
	}
	.detailsSeries .textSarticle h5 {
		font-size: 1.5rem;
	}
	.detailsSeries.articalMain .articlesWrap .textSarticle p {
		font-size: 1.3rem;
	}
	.btnLogin::after {
	    left: -25%;
	}
	.alreadyBox h3 {
	    font-size: 2.5rem;
	}
	.loginWrap h1, .loginWrap h2 {
	    font-size: 4rem;
	}
	/*===== New Hero Slider ======*/
	.mainSlider .slick-dots {
        bottom: -35px;
    }
    /*===== New Hero Slider ======*/
}
@media (max-width: 992px) {
	.titleInner h2 {
	    font-size: 3rem;
	}
	.bextBoxWrap ul li h3 {
	    font-size: 1.5rem;
	}
	.textTop h3 {
	    font-size: 1.75rem;
	}
	.textTop p {
	    font-size: 1.1rem;
	}
	.cateTag p {
	    font-size: 1.5rem;
	}
	.cateIcon {
	    font-size: 2rem;
	}
	.btn-more {
	    margin-top: 5rem;
	}
	.flogoBox {
		margin-bottom: 2rem;
	}
	.notiSection .slick-next {
		right: -22px;
	}
	.notiSection .slick-prev {
		left: -22px;
	}
	/* BTS serise */
	.seriseDetails .imgUl {
		justify-content: space-between;
	}
	.serisePageWrap .seriseDetails .imgUl li {
	    margin: 0;
	    width: 47%;
	}
	.seriseDetails .imgUl li p {
		margin-bottom: 2rem;
	}
	.relatedText p {
	    font-size: 2.25rem;
	}
	.blueSec.liteBlueSec, .blueSec.grayBg {
		padding: 0;
	}
	.navbar .navbar-collapse .nav1 {
		background: #00A1CB;
	}
	.navbar .navbar-collapse ul.nav1 li a {
		font-size: 1.6rem;
		font-weight: 600;
		border-bottom: 1px solid #ffffff;
		padding: 1.5rem 1rem;
		text-transform: uppercase;
		line-height: 1;
	}
	.navbar .navbar-collapse ul.nav2 li a {
		font-size: 1.6rem;
		font-weight: 600;
		border-bottom: 1px solid #ffffff;
		padding: 1.5rem 1rem;
		text-transform: uppercase;
		line-height: 1;
	}
	.navbar .navbar-collapse ul.nav2 li:last-child a {
		border-bottom: 0;
	}
	.navbar .navbar-collapse .nav2, .navbar .navbar-collapse .nav1 {
		padding: 0 1rem;
	}
	.detailsSeries.articalMain h3 {
		font-size: 2.25rem;
	}
	.latestSec .bannerTag2 .slick-dots {
	    bottom: 27rem;
	}
	.box-col {
		width: 100%;
	}
	.detailsSeries .textSarticle h5 {
	    font-size: 1.8rem;
	    margin-top: 1rem;
	}
	.detailsSeries.articalMain h2 {
		font-size: 2rem;
	}
	.detailsSeries.articalMain .articlesWrap p.promoText {
		font-size: 1.4rem;
	}
	.inputField {
	    margin-bottom: 1.5rem;
	}
	.btnLogin::after {
	    left: -27%;
	}
	.alreadyBox button {
	    font-size: 1.5rem;
	}
	.alreadyBox button i {
	    font-size: 3rem;
	}
	.loginWrap h1, .loginWrap h2 {
	    font-size: 3rem;
	}
	.alreadyBox h3 {
	    font-size: 1.75rem;
	}
	.btnLogin {
	    min-height: 516px;
	}
	.loginWrap p {
	    font-size: 1.2rem;
	    color: #4C49A2;
	}
	.agree button.btn {
		margin-bottom: 5rem;
	}
}
@media (max-width: 767px) {
	header.fixed-top {
		position: relative;
		background: #4C49A2;
	}
	header .navbar-toggler {
	    background: #D9E020;
	    border-radius: 0;
	    position: absolute;
	    right: -7.5px;
	    top: -3px;
	    padding: 1.09rem 1.5rem;
	   
	}
	.iconPlay i {
		    line-height: 3.1rem;
	}
	header .navbar-toggler-icon {
		 color: #4e48a1;
	}
	.searchIcon {
	    margin-right: 5.5rem;
	}
	.iconPlay {
	    font-size: 1.5rem;
	}
	.heroBanner .carousel-caption {
		bottom: 0.5rem;
	}
	.heroBanner .carousel-indicators [data-bs-target] {
		width: 1rem;
    	height: 1rem;
    	margin-left: 0;
    	margin-right: 0;
	}
	.heroBanner .carousel-indicators {
	    bottom: 0.4rem;
	}
	.blueSec h2 {
	    font-size: 2rem;
	}
	.yellowInner h3 {
	    font-size: 1.6rem;
	}
	.yellowSection {
		margin-top: 2rem;
		padding: 1.5rem 0;
	}
	.yellowSection h3 {
		font-size: 1.6rem;
	}
	.on_off + label::before {
		font-size: 1.2rem;
		height: 2.2rem;
		width: 5.5rem;
	}
	.on_off + label {
		width: 5.5rem;
	}
	.on_off + label::after {
		width: 1.4rem;
		height: 1.4rem;

	}
	.on_off:checked + label::after {
	    left: 3.7rem;
	}
	.notiSection ul li {
	    margin-top: .5rem;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	.notiSection .slick-dots li button:before {
		font-size: 1rem;
		color: #D9E020;
		opacity: 1;
	}
	.notiSection .slick-dots {
		bottom: -32px;
	}
	.notiSection .slick-dots li.slick-active button:before {
		color: #654AFF;
	}
	.notiTitle h3 {
	    font-size: 1.9rem;
	}
	.titleLatest {
		border-top: 1rem solid #4C49A2;
		padding: .5rem 1rem;
	}
	.latestSec {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	.titleLatest h2 {
	    font-size: 2.2rem;
	    margin: 1rem 0;
	}
	.latestBoxMain {
	    margin-top: -2.5rem;
	    max-width: 92%;
	}
	.blurBorder {
	    border-top: 1rem solid #4C49A2;
	}
	.titleInner h2 {
	    font-size: 2.4rem;
	    padding-left: 0.5rem;
    	padding-right: 0.5rem;
	}
	.titleInner h2 br {
	    display: none;
	}
	.latestBoxPadding {
	    padding-bottom: 1.5rem;
	}
	.innerPadding p {
		padding-left: 0.5rem;
    	padding-right: 0.5rem;
    	font-size: 1.3rem;
	}
	.innerPadding p i {
	    font-size: 2.5rem;
	}
	.latestMain {
	    margin-bottom: 3rem;
	}
	.positionIcon {
		bottom: 3.5rem;
	}
	.positionIcon {
	    left: 1.5rem;
	}
	.bextBoxWrap ul li {
		width: 49%;
	}
	.serisePageWrap .bextBoxWrap ul li {
	    width: 23%;
	    margin-bottom: .75rem;
	}
	.serisePageWrap .bextBoxWrap ul.textUl li {
		width: auto;
	}
	
	.newBadge {
		font-size: 1rem;
		padding: .2rem .75rem;
	}
	.textTop h3 {
	    font-size: 1.4rem;
	}
	.textTop p {
	    display: none;
	}
	.cateTag p span {
		display: none !important;
	}
	.morenotification {
	    margin-top: 2rem;
	    margin-bottom: 2rem;
	}
	.notisimg, .notisText  {
		width: 50%;
	}
	.notisimg .ratio-1x1::before {
		padding-top: 56.25%;
	}
	.positionIconNoti {
	    bottom: 3.5rem;
	    left: 0.5rem;
	}
	.iconPlay.positionIconNoti {
		font-size: 1rem;
		padding: 0;
		
	}
	.iconPlay.positionIconNoti i {
		line-height: 2.5rem;
	}
	.btn-more {
	    margin-top: 2rem;
	}
	.notisimg .ratio-4x3::before {
		padding-top: 56.25%;
	}
	.btn-outline-primary.btn-more {
		font-size: 1rem;
	}
	.tagsMain ul li {
	    font-size: 1rem;
	    padding: 0.2rem 0.5rem;
	}
	.tagsMain ul {
	    padding-right: 1rem;
	    padding-left: 1rem;
	    margin: 1rem;
	}
	.newsLetter p {
		display: none;
	}
	.newsLetter h3 {
		font-size: 1.6rem;
	}
	.formSec {
	    margin-top: 1.2rem;
	}
	.formSec .form-control {
	    font-size: 1.2rem;
	}
	.btn-secondary.btn-sub {
		font-size: 1.2rem;
	}
	.newsLetter {
	    padding: 2rem 0 2.5rem;
	}
	footer {
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	}
	.followText {
		border-bottom: 1px solid #D8D8D8;
		padding-bottom: 1rem;
	}
	.followIcons a {
		margin-left: 0;
		margin-right: 0;
	}
	.follow {
		border-top: 0;
		padding-bottom: .5rem;
	}
	.followIcons  {
		padding-top: .5rem;
	}
	footer .nav-item {
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #D8D8D8;
	}
	.footerLinks a {
		padding-top: 1rem;
		padding-bottom: 1rem;
		font-size: 2rem;
	}
	.option {
		right: 4rem;
	}
	.paginationWrap {
	    margin-top: 3rem;
	}
	/* BTS serise */
	/*.seriseDetails .imgUl li {
		width: 100%;
	}*/
	.tabNav ul li button {
		margin-right: 2rem;
		font-size: 1.4rem;
	}
	.tabNav .col-12 {
	    margin-top: 3rem;
	}
	.searchBox .input-group-text {
	    font-size: 2.5rem;
	    padding: 0.5rem 1.5rem;
	}
	.searchBox .form-control {
	    font-size: 2rem;
	    padding: 0.5rem 1rem;
	}
	.closeButton {
	    right: 2rem;
	    border-radius: 50%;
	    font-size: 1.75rem;
	}
	.relatedText p {
	    font-size: 1rem;
	}
	.relatedText {
	    padding: 1rem;
	}
	.tagDtails p {
	    padding-left: .65rem;
	    padding-right: .65rem;
	    font-size: 1.5rem;
	}
	.latestBoxMain.tagPage {
	    margin-top: -5rem;
	}
	.latestSec .slick-dots {
	    bottom: 27rem;
	    position: relative;
	}
	.readIcon img {
		max-width: 3.5rem;
	}
	.readIcon {
		top: -7rem;
	}
	.latestSec.bannerTag {
		padding-bottom: 0;
	}
	.commentText .signTag {
	    font-size: 2rem;
	}
	.detailsSeries h4 {
		font-size: 2rem;
	}
	.detailsSeries p {
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.detailsSeries.articalMain h3 {
	    font-size: 1.6rem;
	}
	.latestSec .bannerTag2 .slick-dots {
	    bottom: 21rem;
	}
	.detailsSeries.articalMain p {
		font-size: 1.8rem;
	}
	.youLogo {
		max-width: 45px;
	}
	.relatedVideo {
	    margin-bottom: 0rem;
	}
	.postBtn button.btn {
		width: 100%;
	}
	header.yellowBg {
		background: #4C49A2 !important;
	}
	.yellowBg .searchIcon {
	    color: #D9E020;
	}
	.btnLogin::before {
		width: 100%;
		height: 3px;
		left: 0;
		bottom: 0;
	}
	.btnLogin::after {
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		bottom: -2.5rem;
	}
	.alreadyBox h3 {
	    font-size: 2.75rem;
	}
	.loginWrap h1, .loginWrap h2 {
	    margin-bottom: 3rem;
	}
	.alreadyBox {
	    max-width: 100%;
	}
	.btnLogin {
	    min-height: auto;
	    padding-bottom: 6rem;
	    margin-bottom: 6rem;
	}
	.loginWrap {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.loginWrap p {
	    font-size: 1.6rem;
	}
	.agree button.btn {
		width: 100%;
		font-size: 2.25rem;
	}
	.alreadyBox button {
	    font-size: 1.75rem;
	}
	.loginForm {
	    margin-top: 0;
	}
	.loginWrap {
	    padding-top: 4rem;
	    padding-bottom: 4rem;
	}
	.comment {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.sortTitle {
		padding: 2rem 1.5rem;
	}
	.sCount {
	    font-size: 2.5rem;
	}
	.sSort {
	    font-size: .9rem;
	}
	.mob-h-auto {
		min-height: auto;
	}
	.sliderText {
		width: 90%;
		bottom: 34px;
	}
	.sliderText .overlay1 {
		font-size: 14px;
	}
	.sliderText .overlay2 {
		font-size: 10px;
		margin-top: 0;
	}
	.sliderText .col-12 {
		padding: 10px;
	}
	/*===== New Hero Slider ======*/

	.mainSlider .slick-dots {
        bottom: -34px;
    }
    .mainSlider .slick-dots li button:before {
        font-size: 1.6rem;
    }

    

	/*===== New Hero Slider ======*/

	.latestMain .iconPlay.positionIconNoti.non-video img {
	    max-width: 30px;
	}

	.iconPlay.positionIconNoti.onlyPlay i {
	    font-size: 1.5rem;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.notisimg .positionIconNoti, .iconPlay.positionIconNoti.non-video img {
	    max-width: 30px;
	}
	.dataClose .closeButton {
		top: 70%;
	}
}
@media (max-width: 470px) {
	.latestSec .slick-dots {
	    bottom: 28.5rem;
	}
	.textP p {
		font-size: 1.8rem;
	}
	.notisimg .positionIconNoti, .iconPlay.positionIconNoti.non-video img {
    max-width: 25px;
}
.notisimg .positionIconNoti, .iconPlay.positionIconNoti.non-video {
    bottom: 1rem;
    left: 1rem;
}
}
@media (max-width: 399px) {
	.latestSec .slick-dots {
	    bottom: 31rem;
	}
	.mainSlider .slick-dots {
		bottom: -34px;
	}
}
@media (max-width: 340px) {
	/* BTS serise */
	.tabNav ul li button {
		margin-right: 1.2rem;
		font-size: 1.3rem;
	}
}