/* Large desktop :1920px. */
@media (min-width: 1920px) {
	#menu__toggle:checked ~ .menu__container{
		min-height: 600px;
	}
}

@media (max-width: 1300px) {
	.scroll-slim{
		height: 352px;
	}
	#menu__toggle:checked ~ .menu__container{
		min-height: 500px;
	}
}
/* Normal desktop :992px. */
@media (max-width: 1024px) {
	#menu__toggle:checked ~ .menu__container{
		min-height: 400px;
	}
	.social-icons ul li {
		margin: 0px;
	}

	.social-icon {
		width: 24px;
		height: 24px;
	}

	.social-icons ul {
		top: 48px;
	}
	.scroll-slim{
		height: 352px;
	}

	h2 {
		font-size: 22px;
	}
}

@media (min-width: 992px) and (max-width: 1169px) {

}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
@media (min-width: 768px){
	
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		min-width: 50%;
		vertical-align: middle;
	}
	.form-inline .input-group>.form-control {
		width: 1%;
   }
}
/* small mobile :320px. */
@media (max-width: 767px) {
	#menu__toggle:checked ~ .menu__container{
		min-height: 400px;
	}
	/* hamburger-menu */
	.menu__btn {
		top: -40px;
		left: 8px;
		width: 32px;
		height: 32px;
	}

	.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
		width: 18px;
	}
	.scroll-slim {
		height: 180px;
	}
	.preload {
		font-size: 80px;
	}
	.img_prew_stream{
		padding: 0;
		float: none;
		width: 100%;
	}
	.img_prew_stream img {
		margin: 0 auto;
		width: 100%;
	}
	.header-logo .transition {
		top: 5px;
		right: 5px;
		width: 20px;
	}
	img.transition {
		right: 10px;
	}
	#news-category .owl-nav span, #channel-list .owl-nav span {
		font-size: 70px;
		line-height: 57px;
	}
	#news-category .owl-nav div, #channel-list .owl-nav div {
		margin: -28px -15px 0px -15px;
	}
	.datepicker-days table tr td{
		width: 50px;
		height: 35px;
	}
	.datepicker-days table tr td:after{
		width: 42px;
		height: 32px;
	}
	.cld-main {
		width: 350px;
		font-size: 16px;
	}
	.section-post-header .post-name h1{
		font-size: 16px;
	}
}

@media (max-width: 420px) {
	.menu__btn {
		top: -34px;
		left: 6px;
		width: 26px;
		height: 26px;
	}

	.menu__btn > span::after {
		top: 6px;
	}

	.menu__btn > span::before {
		top: -6px;
	}

	.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
		width: 12px;
	}

	.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
		height: 2px;
	}
}

@media (max-width: 320px) {
	.logo {
		margin-left: 20px;
	}

	.menu__box a {
		font-size: 20px;
	}

	.menu__btn {
		top: -31px;
	}

	h2 {
		font-size: 22px;
	}
}