/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
	.left-sidebar-pro {
		display: block;
	}
	.mobile-menu-area {
		display: none;
	}
	.logo-pro {
		display: block;
		text-align: center;
		background: #fff;
	}
	.menu-switcher-pro {
		display: none;
	}
	.logo-pro {
		display: none;
	}
	.col-lg-1.col-md-0.col-sm-1.col-xs-12 {
		display: none;
	}
	.mg-stock-res-n {
		display: none;
	}
	.login2.pull-right.pull-right-pro {
		text-align: left !important;
		float: left !important;
	}
	.res-dis-nn {
		display: none !important;
	}
	.header-top-area {
		position: relative;
		left: 0px;
	}
	.analysis-progrebar-ctn {
		margin-top: 0px;
	}
	.breadcome-list {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.res-mg-t-15 {
		margin-top: 15px;
	}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.nowplaying {
		background-position: 70%, 50%;
		width: 100%;
		height: auto;
		position: relative;
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: 485px auto auto auto auto;
		grid-template-areas: "button_play button_play dj_photo djname" ". . djshift djshift" "livecamera_m  livecamera_m livecamera_m livecamera_m" "div_cover div_song div_song div_song" "div_cover nextsong nextsong nextsong" "billboard_m billboard_m billboard_m billboard_m";
		padding-bottom: 70px;
	}
	.billboard_m {
		display: block;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	.billboard_sub {
		display: none;
	}
	#livecamera_m {
		display: block;
		margin-left: auto;
		margin-top: -20px;
		margin-right: auto;
	}
	#whats_up_banner {
		margin-top: -40px;
	}
	#whats_up_banner .carousel {
		width: 100%;
		height: auto;
	}
	#whats_up_banner .carousel-control {
		color: #fff !important;
	}
	#whats_up_banner .carousel-control.left {
		margin-left: 0;
		border: 0;
	}

	#whats_up_banner .carousel-control.right {
		margin-right: 0;
		border: 0;
	}
	.nowplaying-over {
		display: block;
	}
	#songname,
	#artist {
		font-size: 4vw;
		padding-left: 10px;
	}
	#nextsongsub {
		font-size: 2vw;
		padding-left: 10px;
	}
	#nextsong {
		font-size: 2.2vw;
		margin-left: 10px;
	}
	.djname {
		position: absolute;
		top: -20px;
		color: #fff;
		background-color: transparent;
		right: 10px;
	}
	.dj_photo {
		margin-top: -30px;
		width: 45vw;
		margin-left: -11vw;
	}
	#djshift {
		color: #fff;
		font-weight: normal;
		margin-top: 14px;
		border-left: 10px solid #fff;
		padding-left: 10px;
		position: absolute;
		bottom: 35px;
		font-size: 2.5vw;
		z-index: 9;
	}
	.nowplaing_over {
		background-position: 70%, 50%;
	}
	.logo,
	.otherstations {
		text-align: center;
	}
	.social_button,
	.header-top-area,
	.livechat,
	.billboard,
	.sub-nav-bar {
		display: none;
	}
	.nowplaying_song,
	#music_poll_title > div:nth-child(1) {
		display: block;
		width: auto;
		text-align: center;
	}
	#music_poll {
		grid-template-columns: auto;
	}
	#music_poll_tab {
		color: #ed3b80;
		background-color: transparent;
		font-size: 5vw;
		box-shadow: unset;
	}
	#music_poll_list > div > a > div > div {
		width: 35%;
	}
	#music_poll_list > div > a > div > div > img {
		width: auto;
	}
	#music_poll_list > div > a > div > div:nth-child(2) {
		width: 63%;
		padding-left: 2%;
	}
	span.song_name {
		font-size: 5vw;
	}
	span.song_artist {
		font-size: 3.5vw;
	}
	#banner {
		display: none;
	}
	#footer > div:nth-child(1),
	#footer > div:nth-child(2) {
		display: none;
	}
	#djprofile {
		display: grid;
		grid-template-columns: 100%;
		padding-right: 20px;
	}
	.nowplaying_sub {
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: auto auto auto auto auto;
		grid-template-areas:
			"n_button n_cover n_song n_song"
			"n_livecamera n_livecamera n_livecamera n_livecamera"
			". . n_djname n_djphoto"
			"billboard_m billboard_m billboard_m billboard_m"
			"n_title n_title n_title n_title";
	}
	.n_livecamera {
		grid-area: n_livecamera;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		height: 50px;
		width: 100%;
	}
	.n_djname > div {
		position: absolute;
		bottom: 10px;
	}
	.n_djphoto {
		margin-top: -150px;
		z-index: 9;
	}
	#livecamera_sub {
		display: block;
		width: 648px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#livecamera,
	.n_split,
	#djfullname,
	.djshift_sub {
		display: none;
	}
	.image-wrapper {
		border-radius: 0;
		background-color: transparent;
	}
	.n_djname {
		display: block;
		position: relative;
		margin-top: -47px;
	}
	.left-sidebar-pro {
		display: none;
	}
	.all-content-wrapper {
		margin-left: 0px;
	}
	.mobile-menu-area {
		display: block;
	}
	.logo-pro {
		display: block;
		text-align: center;
		background: #fff;
	}
	.menu-switcher-pro {
		display: none;
	}
	.header-top-menu {
		display: none;
	}
	.header-right-info .navbar-nav {
		float: none;
		text-align: center;
		margin: 0px 230px;
	}
	.responsive-dn-stock {
		display: none;
	}
	.login2.pull-right.pull-right-pro {
		text-align: left !important;
		float: left !important;
	}
	.header-top-area {
		position: relative;
		left: 0px;
	}
	.analysis-progrebar-ctn {
		margin-top: 0px;
	}
	.breadcome-list {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.res-mg-t-15 {
		margin-top: 15px;
	}
	.res-mg-t-30 {
		margin-top: 30px;
	}
	.contain_sub {
		display: block;
	}
	.contain_sub > div {
		padding: 20px 40px 20px 40px;
	}
	.contain_sub > div:nth-child(2) {
		display: grid;
		grid-template-columns: auto auto;
		text-align: center;
	}
	.contain_border {
		margin: 20px;
		text-align: center;
	}
	.dv_music {
		display: block;
	}
	.policy > div {
		display: block;
	}
	.policy {
		font-size: 20px;
		line-height: 24px;
	}
	.policy > div > div:nth-child(2) {
		padding: 20px;
	}
	.acceptPolicy {
		padding: 10px;
	}
}

/* small mobile :320px. */
@media (max-width: 767px) {
	.nowplaying {
		background-position: 70%, 50%;
		width: 100%;
		height: auto;
		position: relative;
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: 51vw auto auto auto auto;
		grid-template-areas: "button_play button_play djname djname" "button_play button_play dj_photo dj_photo" ". . djshift djshift" "livecamera_m  livecamera_m livecamera_m livecamera_m" "div_cover div_song div_song div_song" "div_cover nextsong nextsong nextsong" "billboard_m billboard_m billboard_m billboard_m";
		padding: 10px;
	}
	.billboard_m {
		display: block;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	.billboard_sub {
		display: none;
	}
	#livecamera_m {
		display: block;
		margin-left: -10px;
		margin-top: -20px;
	}
	#whats_up_banner {
		margin-top: -40px;
	}
	#whats_up_banner .carousel {
		width: 100%;
		height: auto;
	}
	#whats_up_banner .carousel-control.left {
		margin-left: 0;
	}

	#whats_up_banner .carousel-control.right {
		margin-right: 0;
	}
	.nowplaying-over {
		display: block;
		height: 600px;
		background-position: 85%, 0;
	}
	#songname,
	#artist {
		font-size: 4vw;
		padding-left: 10px;
	}
	#nextsongsub {
		font-size: 2vw;
		padding-left: 10px;
	}
	#nextsong {
		font-size: 2.2vw;
		margin-left: 10px;
	}
	#button_play {
		margin-left: -20px;
		font-size: 5vw;
	}
	#button_play > a > img {
		max-width: 28vw;
		margin-top: 20px;
	}
	.djname {
		position: absolute;
		top: 0px;
		color: #fff;
		background-color: transparent;
		right: 10px;
	}
	.dj_photo {
		margin-top: -52vw;
		height: 61vw;
		width: 45vw;
		margin-left: -11vw;
	}
	#djshift {
		color: #fff;
		font-weight: normal;
		margin-top: 14px;
		border-left: 10px solid #fff;
		padding-left: 10px;
		position: absolute;
		bottom: 35px;
		font-size: 2.5vw;
		z-index: 9;
	}
	.logo,
	.otherstations {
		text-align: center;
	}
	.social_button,
	.header-top-area,
	.livechat,
	.billboard,
	.sub-nav-bar {
		display: none;
	}
	.nowplaying_song,
	#music_poll_title > div:nth-child(1) {
		display: block;
		width: auto;
		text-align: center;
	}
	#music_poll {
		grid-template-columns: auto;
	}
	#music_poll_tab {
		color: #ed3b80;
		background-color: transparent;
		font-size: large;
		box-shadow: unset;
	}
	#banner {
		display: none;
	}
	#footer > div:nth-child(1),
	#footer > div:nth-child(2) {
		display: none;
	}
	.container {
		width: 300px;
	}
	.left-sidebar-pro {
		display: none;
	}
	.all-content-wrapper {
		margin-left: 0px;
	}
	.mobile-menu-area {
		display: block;
	}
	.logo-pro {
		display: block;
		text-align: center;
		background: #fff;
	}
	.menu-switcher-pro {
		display: none;
	}
	.header-top-menu {
		display: none;
	}
	.header-right-info .navbar-nav {
		float: none;
		text-align: center;
	}
	.header-right-info ul.header-right-menu li .author-message-top {
		left: 4px;
		z-index: 99999999;
	}
	.header-right-info ul.header-right-menu li .notification-author {
		left: -33px;
		z-index: 99999999;
	}
	.header-right-info ul.header-right-menu li .author-log {
		z-index: 99999999;
	}
	.header-right-info ul.header-right-menu > li > a {
		padding: 0px 0px 0px 13px;
	}
	.header-right-info
		ul.header-right-menu
		li
		.admintab-wrap.menu-setting-wrap.dropdown-menu {
		left: -223px;
		width: 270px;
		padding: 10px;
		z-index: 99999999;
	}
	.header-right-info ul.header-right-menu li .author-message-top,
	.header-right-info ul.header-right-menu li .notification-author,
	.header-right-info ul.header-right-menu li .author-log {
		width: 270px;
	}
	.admintab-wrap.menu-setting-wrap .nav > li > a {
		padding: 10px 10px;
	}
	.welcome-inner {
		text-align: center;
	}
	.product-statas-wrap {
		display: flex;
		float: none;
		text-align: center;
		padding: 10px 0px;
	}
	.responsive-mg-b-30 {
		margin-bottom: 30px;
	}
	.reso-mg-b-30 {
		margin-bottom: 30px;
	}
	.responsive-mg-b-0 {
		margin-bottom: 0px;
	}
	.responsive-mg-b-10 {
		margin-bottom: 10px;
	}
	.mt-t-30.mg-b-15.responsive-mg-b-30 {
		margin-bottom: 30px;
	}
	.responsive-mg-t-0 {
		margin-top: 0px;
	}
	.sale-earning-tl {
		text-align: center;
	}
	.history-anl-icon {
		text-align: center;
	}
	.product-hisory-tln-ht {
		text-align: center;
	}
	.product-status-wrap {
		overflow-y: hidden;
		width: 100%;
	}
	.fc-toolbar .fc-right {
		float: left;
		margin: 15px 0px;
	}
	.tab-content-details {
		padding: 20px 0px;
	}
	.login2.pull-right.pull-right-pro {
		text-align: left !important;
		float: left !important;
	}
	.blog-sig-details-dt span {
		margin: 10px 5px 0;
	}
	.fixed-table-toolbar .columns,
	.fixed-table-toolbar .search {
		float: left !important;
	}
	.dropzone-custom-sys {
		padding: 30px 0px;
	}
	.pdf-single-pro .media {
		width: 100% !important;
		overflow-x: auto;
		overflow-y: auto;
		height: 100%;
	}
	.peity-res-scroll,
	.res-tree-ov {
		width: 100% !important;
		overflow-x: auto;
		overflow-y: auto;
		height: 100%;
	}
	.product-list-cart .product-status-wrap {
		width: 100% !important;
		overflow-x: auto;
		overflow-y: auto;
		height: 100%;
	}
	.header-top-area {
		position: relative;
		left: 0px;
	}
	.analysis-progrebar-ctn {
		margin-top: 0px;
	}
	.breadcome-list {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.res-mg-t-15 {
		margin-top: 15px;
	}
	.res-mg-t-30 {
		margin-top: 30px;
	}
	#myTab3.tab-review-design li a {
		margin: 12px 0px;
		display: block;
	}
}

@media (max-width: 1020px) {
	.billboard {
		max-width: 95vw;
		overflow: hidden;
		height: 26vw;
	}
	.billboard > div {
		max-width: 100%;
	}
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.nowplaying {
		background-position: 70%, 50%;
		width: 100%;
		height: auto;
		position: relative;
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: 51vw auto auto auto auto;
		grid-template-areas: "button_play button_play dj_photo djname" ". . djshift djshift" "livecamera_m  livecamera_m livecamera_m livecamera_m" "div_cover div_song div_song div_song" "div_cover nextsong nextsong nextsong" "billboard_m billboard_m billboard_m billboard_m";
		padding-bottom: 20px;
	}
	.billboard_m {
		display: block;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	.billboard_sub {
		display: none;
	}
	#livecamera_m {
		display: block;
		margin-left: -40px;
		margin-top: -20px;
	}
	#whats_up_banner {
		margin-top: -40px;
	}
	.nowplaying-over {
		display: block;
		height: 700px;
	}
	#songname,
	#artist {
		font-size: 4vw;
		padding-left: 10px;
	}
	#nextsongsub {
		font-size: 2vw;
		padding-left: 10px;
	}
	#nextsong {
		font-size: 2.2vw;
		margin-left: 10px;
	}
	.djname {
		position: absolute;
		top: -20px;
		color: #fff;
		background-color: transparent;
		right: 10px;
	}
	.dj_photo {
		margin-top: -30px;
		width: 45vw;
		margin-left: -11vw;
	}
	#djshift {
		color: #fff;
		font-weight: normal;
		margin-top: 14px;
		border-left: 10px solid #fff;
		padding-left: 10px;
		position: absolute;
		bottom: 35px;
		font-size: 2.5vw;
		z-index: 9;
	}
	.nowplaing_over {
		background-position: 70%, 50%;
	}
	.logo,
	.otherstations {
		text-align: center;
	}
	.social_button,
	.header-top-area,
	.livechat,
	.billboard,
	.sub-nav-bar {
		display: none;
	}
	.nowplaying_song,
	#music_poll_title > div:nth-child(1) {
		display: block;
		width: auto;
		text-align: center;
	}
	#music_poll {
		grid-template-columns: auto;
	}
	#music_poll_tab {
		color: #ed3b80;
		background-color: transparent;
		font-size: large;
		box-shadow: unset;
	}
	#banner {
		display: none;
	}
	#footer > div:nth-child(1),
	#footer > div:nth-child(2) {
		display: none;
	}
	.container {
		width: 450px;
	}
	.fc-toolbar .fc-right {
		float: right;
		margin: 0px 0px;
	}
	.product-statas-wrap {
		margin: 0px 110px;
	}
	.knob-single input {
		right: 120px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: landscape) {
	.nowplaying {
		height: 400px;
		grid-template-columns: 20% auto 20% auto 75px;
		grid-template-rows: 260px 80px auto auto auto;
		grid-template-areas:
			"button_play div_cover div_song dj_photo livechat"
			"button_play nextsong nextsong dj_photo livechat"
			"button_play livecamera livecamera dj_photo ."
			". djname djshift dj_photo ."
			"billboard billboard billboard billboard billboard";
		/*
		    margin-left: -3%;
    width: 103%;
*/
	}
	.livechat {
		right: 0px;
	}
	.billboard {
		position: relative;
		margin-left: auto;
		padding: 10px;
		margin-right: auto;
		background: #fff;
		z-index: 3;
		box-shadow: 0px 0px 10px 0px #333;
		top: 0;
		width: 990px;
		max-width: 100%;
		left: -15px;
	}
	.billboard > img {
		width: 970px;
	}
	#whats_up_banner {
		margin-top: 400px;
	}
	#div_song {
		padding-left: 10px;
	}
	.djname {
		position: absolute;
		top: -20px;
		right: 0px;
		padding: 0;
	}
	#djfullname {
		font-size: 28px;
		/*    text-indent: 28px;*/
		line-height: 28px;
	}
	#djname {
		font-size: 28px;
	}
	#f {
		font-size: 26px;
	}
	#artist,
	#nextsong {
		font-size: 22px;
	}
}
/*.livecaht{right: -16px;}*/