/* ================================================== */
@media only screen and (max-width: 480px) {
  .mobile {
    display: block !important;
  }

  .desktop {
    display: none !important;
  }
	.about-user li {
		width: 100% !important;
	}
	.chess-content {
		width: 100%;
	}
	.top-after-header .col-md-12 {
        padding-top: 0;
    }
	.top-after-header .col-md-12 p.mobile {
		margin-bottom: 20px !important;
	}
	.top-after-header h2 {
		margin-bottom: 15px;
	}
	.top-after-header .form-style-2 {
		display: none;
	}
	section.main-content.page-right-sidebar.mt-60 {
		padding: 0 20px;
	}
	section.main-content.page-right-sidebar {
		margin: 0 !important;
	}
	.header-top-nav li::after {
		content: none;
	}
	#header .logo {
		display:flex !important;
		gap: 5px;
		line-height: 60px;
	}
	#header .logo h1 {
        line-height: 60px;
        font-size: 16px;
        margin: 0;	
		text-transform: uppercase;	
    }
	.logo-img {
		height:auto;		
	}
	#header-top .container .col-xs-5 {
		padding-left: 0 !important;
	}
	img.img-qrcode {
		top: 100px !important;
	}
	.mt-60 {
		margin-top: 30px;
	}
	.table-list {
		width: 100% !important;
	}
	.table-list .col-table-item {
		flex: 0 0 50%!important;
		max-width: 50%!important;
		padding: 0!important;
	}
	.widget_title {
		font-size: 20px;
	}
	.logo img {
		height: 45px;
		width: auto;
	}
	#header-top h1 {
		font-size: 26px;
		letter-spacing: 10px;
		line-height: 45px;
	}
	#header-top a i {
		line-height: 50px;
	}
	.form-style .wpcf7-form-control-wrap {
		width: 100%;
	}
	.product-image {
		height: 150px!important;
	}
	.div-btn-cart {
		display: block!important;
	}
	.btn-cart {
		width: 100% !important;
		margin-bottom:10px;
	}
	.div-scroll-mobile {
	    overflow-x: scroll;	
	}
	.div-scroll-mobile table {
		width: 500px;
	}
	.contact-us .page-content, .login .page-content {
        height: auto !important;
    }
	.div-scroll-mobile.css-scroll {
	    max-height: calc(100vh - 120px)!important;	
	}
	.breadcrumbs {
		margin-bottom: 20px;
	}
	.big-search, .big-video {
		margin-top: 0;
	}
	.post-meta .badge-span, #header-social {
		display: none;
	}
	#header {
		padding: 0;
	}
	.mobile-aside .social_icons li {
		margin: 0 12px 0 0;
	}
	.contact-us {
		width: 100%!important;
	}
	.form-style .wpcf7-form-control-wrap {
		width: 100%!important;
		float: none;
	}
	.copyrights {
		margin: 0 !important;
	}
	.table-list .col-table-item {
		width: 50% !important;
	}
	.table-list .table-item {
		width: 150px;
	}
	table td .button.small {
		padding: 5px 8px;	
	}
	.mobile-menu {
		display: flex;
		position: absolute;
		right: 10px;
		gap: 5px;	
	}
	.mobile-menu i {
		font-size: 20px;
	}
	.hide-m {
		display:none;
	}
	.room_item {
		width: 100% !important;
	}
	.setting, .setting_area {
	    flex-direction: column;	
	}
	.single-post .post-inner {
		padding: 10px;
	}
	.setting_time_item {
	    flex-direction: column;	
	}
	.setting_time_item .form-control {
		width:100%;
		margin-bottom: 0;
	}
	.setting_area h2 {
		position: inherit;
		letter-spacing: 0;   
		font-size: 18px;
	}
	.setting_side {
		gap: 10px!important;
	}
	.btn_set_time {
		padding: 15px!important;
		width: auto!important;
	}
	.h2_choosegame {
		margin-top:0;
		margin-bottom: 10px;
		font-size: 22px;
		letter-spacing: 1px;
	}
	.a-link-profile {
	    margin-top: 20px;	
	}
	.navigation_mobile {
		margin-top: 15px;
		height: 30px;
		line-height: 30px;
		width: 30px;
	}
	.navigation_mobile:before {
		font-size: 13px;
	}
	.menu_lang {
		right: 70px;
		top: 20px;
	}
	.menu_lang img {
		width: 25px;
	}
	#header .container {
		padding-right: 10px;
		padding-left: 10px;
	}
	.setting_dg {
		display: block;
	}
	.setting_dg .setting_time, .setting_dg .setting_side {
	    margin-top: 10px;
		justify-content: center;
	}
	.section_set_layout {
		flex-wrap: wrap;
	}
	#header .logo a {
		color: #f50;
	}
	#header .logo span {
		color: #000;
	}
	#header {
        position: fixed;
        width: 100%;
    }
	.main-content {
		padding-top: 80px;
	}
	.page-content {
		margin-top: 80px;
	}
	.main-content .page-content {
		margin-top: 0;
	}
	.chess-content {
		margin-top: 0 !important;
	}
	.menu-tabs {
	    overflow-x: scroll;	
	}
	.menu-tabs ul {
	    min-width: 600px;
	}
	.menu-tabs ul li.tab {
		display: inline-block;
	}
	.menu-tabs ul li.tab a {
        float: none;
        display: inline-block;
	}
	span.question-comment {
		display: none;
	}
	.pagination a, .pagination strong {
		padding: 5px 12px;
	}
	.pagination {
		margin-bottom: 30px !important;
	}
	.post-title, .question h2 {
		font-size: 18px;
	}
	.question-type-poll.question h2 {
        padding-right: 0;
        padding-top: 0;
	}
	.question-author, span.badge-span {
        display: none;
    }
	.setting_area, .setting_dg, #room_list {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
}

/* ================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
/* ================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mobile {
    display: block !important;
  }

  .desktop {
    display: none !important;
  }
	.about-user li {
		width: 100% !important;
	}
	.chess-content {
		width: 100%;
	}
	.top-after-header .col-md-12 {
        padding-top: 0;
    }
	.top-after-header .col-md-12 p.mobile {
		margin-bottom: 20px !important;
	}
	.top-after-header h2 {
		margin-bottom: 15px;
	}
	.top-after-header .form-style-2 {
		display: none;
	}
	section.main-content.page-right-sidebar.mt-60 {
		padding: 0 20px;
	}
	section.main-content.page-right-sidebar {
		margin: 0 !important;
	}
	.header-top-nav li::after {
		content: none;
	}
	#header .logo {
		display:flex !important;
		gap: 5px;
		line-height: 60px;
	}
	#header .logo h1 {
        line-height: 60px;
        font-size: 15px;
        margin: 0;
		text-transform: uppercase;		
    }
	.logo-img {
		height:auto;		
	}
	#header-top .container .col-xs-5 {
		padding-left: 0 !important;
	}
	img.img-qrcode {
		top: 100px !important;
	}
	.mt-60 {
		margin-top: 30px;
	}
	.table-list {
		width: 100% !important;
	}
	.table-list .col-table-item {
		flex: 0 0 50%!important;
		max-width: 50%!important;
		padding: 0!important;
	}
	.widget_title {
		font-size: 20px;
	}
	.logo img {
		height: 50px;
		width: auto;
	}
	#header-top h1 {
		font-size: 26px;
		letter-spacing: 10px;
		line-height: 45px;
	}
	#header-top a i {
		line-height: 50px;
	}
	.form-style .wpcf7-form-control-wrap {
		width: 100%;
	}
	.product-image {
		height: 150px!important;
	}
	.div-btn-cart {
		display: block!important;
	}
	.btn-cart {
		width: 100% !important;
		margin-bottom:10px;
	}
	.div-scroll-mobile {
	    overflow-x: scroll;	
	}
	.div-scroll-mobile table {
		width: 500px;
	}
	.contact-us .page-content, .login .page-content {
        height: auto !important;
    }
	.div-scroll-mobile.css-scroll {
	    max-height: calc(100vh - 120px)!important;	
	}
	.breadcrumbs {
		margin-bottom: 20px;
	}
	.big-search, .big-video {
		margin-top: 0;
	}
	.post-meta .badge-span, #header-social {
		display: none;
	}
	#header {
		padding: 0;
	}
	.mobile-aside .social_icons li {
		margin: 0 12px 0 0;
	}
	.contact-us {
		width: 100%!important;
	}
	.form-style .wpcf7-form-control-wrap {
		width: 100%!important;
		float: none;
	}
	.copyrights {
		margin: 0 !important;
	}
	.table-list .col-table-item {
		width: 50% !important;
	}
	.table-list .table-item {
		width: 150px;
	}
	table td .button.small {
		padding: 5px 8px;	
	}
}

/* ================================================== */
@media only screen and (min-width: 1200px) {
}