@media only screen and (max-width:1400px) {

	.banner {max-height: 280px;}
	.collapse-fields .industries .custom-control {padding-left: 10px;}
	.collapse-fields .industries .custom-control-label {font-size: 10px; letter-spacing: -0.2px}
}


@media only screen and (max-width:1200px) {

	.panel {padding: 15px;}
	
	#sidebar {padding-top: 20px; padding-bottom: 30px;}
	#sidebar li {display: inline-block; width: auto;}
	#sidebar li a {padding: 5px 15px;}



}


@media only screen and (max-width:992px) {

}


@media only screen and (max-width:767px) {

	body {min-width: 320px;}

	.user-index .btn {font-size: 13px; padding: 6px; line-height: 10px; letter-spacing: 0;}
	.user-index .text-right {text-align: center !important}

	.user-index .btn span {display: none}
	.user-index .grid-view {display: none;}
	.user-index .summary {display: none;}
	.user-index h1 {display: none;}

	.user-index .jersey-number {font-size: 12px; padding: 4px; line-height: 18px; margin-left: 0; margin-top: 5px; margin-bottom: 0;}
	.user-index .position {font-size: 14px;}

	.user-index .pull-right {float: none; display: none;}

	#user-cards .user-card {margin-bottom: 15px; padding: 5px 0; margin: 0 -15px 8px; display: block; color: #000}
	#user-cards .list-view > div:nth-child(odd) .user-card {background: #efefef; padding: 15px 0;}
	#user-cards .user-card .default-avatar {margin: 0 0 0 5px; aspect-ratio: 1 / 1; width: 100%; font-size: 10px; color: transparent;}
	#user-cards .user-card p {color: #777; font-size: 13px; margin: 0;}
	#user-cards .user-card h6 {text-transform: uppercase; padding: 0; margin: 0; color: #000; font-size: 19px;}
		
	.user-view .default-avatar {width: 200px; height: 200px; margin: 0; margin: 0 auto;}
	.user-view h1 {}

	.quick-search input {font-size: 18px}
	
	/*.page-item:not(.prev, .next) .page-link {display: none;}*/

	.page-item .page-link {font-size: 10px; padding: 8px}

	#header {text-align: left; padding: 5px 0;}
	#header .logo {display: none;}
	#header .text-right {text-align: center !important; padding-top: 15px;}
	#header .dropdown { position: absolute; right: 0; top: 0;}
	#header .btn-outline-light {background: none; border: none; position: absolute; right: 0; top: 5px; outline: none !important; box-shadow: none !important}
	#header .dropdown-toggle::after {margin-left: 0; display: none;}
	#header .dropdown-menu.show {left: auto !important; right: -70px !important;}
	#header .btn-outline-light span {display: none;}

	#header #message {position: absolute; right: 60px; top: 2px;}
	#header #message i {font-size: 23px;}
	#header #message .list {width: 300px; right: -60px;}
	
	#sub {text-align: center; padding: 10px 0;}
	#sub a {font-size: 12px; padding: 0 7px;}

	#header .title {font-size: 12px; margin: 10px 0; padding: 0; white-space: nowrap;}

	#sidebar {text-align: center; padding-top: 0; padding-bottom: 0;}
	#sidebar ul {text-align: center; display: block; margin-bottom: 0;}
	#sidebar .dropdown-menu {display: none}
	#sidebar h4,
	#sidebar form {display: none; }
	
	#sidebar .quick-find label {font-size: 10px; padding: 2px 4px; margin: 2px}

	.page-user-index #sidebar h4,
	.page-user-index #sidebar form {display: block;}

	.industries {column-count: 2}
	.industries .custom-control {}
	.industries .custom-control-label {font-size: 10px;  margin-bottom: 6px; line-height: 22px;}
	.banner {display: none;}
	
	h1 {font-size: 24px;}

	h2,
	h1 {text-align: center;}

	footer {text-align: center; padding: 30px 0;}

	.quick-search .btn {margin-top: 4px; padding: 6px 0}
	
	#header #message {padding-left: 0;}
	.message-index .text-right {text-align: center !important}
	#message.all {margin-right: 0; width: 100%;}
	#message.all .message {padding: 15px 0}
	#message.all .message .profile-thumb {margin: 0 auto 10px; display: block;}
	#message.all .message .author {display: block; text-align: center;}
	#message.all .message .date {text-align: center; margin-bottom: 15px;}
}