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

  .desktop {
    display: none;
  }
	.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;
	}
	.navigation, #header-top {
        display: block;
    }
	.header-top-nav li::after {
		content: none;
	}
	.logo-img {
		height:35px;
        margin-top: 3px;	
        max-width: inherit;		
		top:0;	
	}
	#header-top .container .col-xs-5 {
		padding-left: 0 !important;
	}
	img.img-qrcode {
		top: 100px !important;
	}
	.mt-60 {
		margin-top: 30px;
	}
	
	.container.main-content {
		padding: 20px 5px;
	}
	.content_detail {padding: 15px 5px;}
	button.button.color.large:not(.btn_order) {
		width: 100% !important;
		font-size: 17px !important;
	}
	.title-big {
		font-size: 24px;
		margin-top: 20px;
	}
	.social_icons ul li {
		line-height:initial;
	}
	.social_icons ul li.menu-item {
		margin: 0;
	}
	.item-comment p {
		font-size: 12px;
	}
	.item-comment h4 {
	    margin-bottom: 5px !important;
	}
	.item-comment div {
	    width: calc(100% - 110px) !important;
	}
	.social_icons ul {
		float: none;
	}
	.item-pro {
		margin-bottom: 15px;
	}
	#slider .slides img {
		height:320px !important;
	}
	.div-100-mobile {
		width: 100% !important;
	}
	.content_detail {
		margin-top: 0 !important;
	}	
}

/* ================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
/* ================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

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