@media (min-width:2560px) {
	
}

@media (max-width:1920px) {
	/*.vending-list {
		border:1px solid yellow;
		width:90%;
	}*/
	
	.main-content {
		width:100%;
	}
	
	.main-content .vending-list {
		width:85%;
	}
	
	.inventory-list .wrapper-filter {
		width:350px
	}
	
	.inventory-list .wrapper-content {
		width:calc(100% - 380px);
	}
}

@media (max-width:1680px) {
	.main-content .sub-page {
		width:70%;
	}

	.main-content .vending-list {
		width:95%;
	}
}

@media (max-width:1600px) {
	
}

@media (max-width:1440px) {
	.inventory-list .wrapper-filter {
		width:315px;
	}
	
	.inventory-list .wrapper-content {
		width:calc(100% - 335px);
	}
	
	.main-content .sub-page {
		width:85%;
	}
	
	.main-content .vending-list {
		width:95%;
	}
}

@media (max-width:1366px) {
	.main-content .vending-list {
		width:98%;
	}
}

@media (max-width: 1280px) {
	.main-content .sub-page {
		width:90%;
	}
}

@media (max-width: 1024px) {
	.main-content .wrapper-left,
	.main-content .wrapper-right {
		float: initial;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	
	.main-content .wrapper-right {
		margin-top: 20px;
	}
	
	.main-content .wrapper-left .search .form {
		display: none;
	}
}

@media (max-width: 800px) {
	.navbar-custom {
		top:0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
	
	.navbar-custom .navbar-brand {
		margin:0;
		padding:6px 20px;
		color:#fff;
	}

	.navbar-custom .navbar-nav {
		flex-direction: row;
	}

	.navbar-custom .dropdown-menu {
		position: absolute;
	}

	.navbar-custom .nav-link {
		padding-right: .5rem;
		padding-left: .5rem;
    }
	
	.navbar-custom > .container {
		flex-wrap: nowrap;
	}
    
	.navbar-custom .navbar-collapse {
		display: flex!important;
		flex-basis: auto;
	}
	
	.navbar-custom .navbar-toggler {
		display: none;
	}
	
	.main-content {
		margin:50px 0;
	}
	
	.login-form {
		margin-top: 0;
		margin-bottom: 50px;
	}

	#footer .about {
		margin-bottom:20px;
	}
	
	#footer .about p {
		margin:0;
	}
}

@media (max-width: 768px) {
	
}

@media (max-width:720px) {
	/* */
	.container {
		min-width:1px;
		max-width:none;
	}
	
	.main-content .sub-page {
		width:100%;
	}
	
	.main-content .vending-list {
		width:100%;
	}
}

@media (max-width:640px) {
	.navbar-custom .navbar-collapse .navbar-nav .nav-item .nav-link .text {
		display:none;
		border:1px solid yellow;
	}
	
	#modal-view-vending .modal-dialog,
	#modal-view-pet .modal-dialog {
		width:100%;
		/*height:860px;
		overflow:visible;*/
	}
	
	/*#modal-view-vending .modal-dialog .modal-content .modal-wrapper .item-review,
	#modal-view-pet .modal-dialog .modal-content .modal-wrapper .pet-review {
		float:initial;
		margin:0 auto;
		left:0;
		right:0;
		position:relative;
		border:1px solid yellow;
	}*/
	
	#modal-view-vending .modal-dialog .modal-content .modal-wrapper,
	#modal-view-pet .modal-dialog .modal-content .modal-wrapper {
		width:100%;
	}
	
	#modal-view-vending .modal-dialog .modal-content .modal-wrapper .review-wrapper,
	#modal-view-pet .modal-dialog .modal-content .modal-wrapper .review-wrapper {
		float:initial;
		margin:10px auto;
		width:90%;
	}
	
	#modal-view-vending .modal-dialog .modal-content .modal-wrapper .vending-info,
	#modal-view-pet .modal-dialog .modal-content .modal-wrapper .pet-info {
		float:initial;
		margin:10px auto;
		width:90%;
	}
	
	#modal-view-vending .close,
	#modal-view-pet .close {
		z-index:1001;
	}
	
	.item-statistics .item-chart .chart-box {
		min-width:1px;
		width:100%;
	}
}

@media (max-width: 540px) {
	body {
		margin-bottom: 400px;
	}
	
	.main-content {
		width:100%;
		min-width:1px !important;
	}
	
	.statistics .items .left .item {
		width:100%;
	}
	
	.sub-page .head-title .icon {
		font-size:24px;
		line-height:32px;
	}
	
	.sub-page .head-title h4 {
		font-size:20px;
	}
	
	.sub-page .head-title p {
		font-size:14px;
	}
	
	#footer {
		height:400px;
	}
	
	#footer .community {
		margin-top:10px;
		text-align:center;
	}
}

@media (max-width: 533px) {
	/* empty */	
}

@media (max-width: 480px) {
	.navbar-custom {
		width:100%;
		max-width:none;
		min-width:1px;
	}
	
	.navbar-custom .navbar-collapse .navbar-nav .nav-item {
		width:80px;
	}
	
	.navbar-custom .navbar-collapse .navbar-nav .nav-item .nav-link {
		padding-left:0;
		padding-right:0;
		width:100%;
		min-width:1px;
	}
	
	.navbar-custom .navbar-nav .nav-item.bell .nav-link .badge {
		right:18px;
	}
	
	#sidebar,
	#notifybar {
		width:100%;
		right:-100%;
	}
	
	.new-items-list-left,
	.new-items-list-right {
		float:initial;
		width:100%;
	}
}

@media (max-width: 424px) {
	.login-form {
		width:100%;
	}
}

@media (max-width: 414px) {
	/* Not work ? */
}

@media (max-width: 375px) {
	body {
		margin-bottom:480px;
	}
	
	.navbar-custom .navbar-collapse .navbar-nav .nav-item {
		width:70px;
	}
	
	.navbar-custom .navbar-nav .nav-item.bell .nav-link .badge {
		right:13px;
	}
	
	.sub-page .head-title .icon {
		display:none;
	}
	
	.sub-page .head-title h4 {
		font-size:20px;
	}
	
	.sub-page .head-title .text {
		margin-left:0;
	}
	
	#footer {
		height:480px;
	}
	
	.row-xs,
	.col-xs {
		display:block !important;
		width:100% !important;
		max-width:none !important;
		margin:0;
	}
}