@media (max-width: 1199px) { 
	.portfolio-item {
		margin: 2.5%;
		width: 28%;
	}
	
	.high-padding {
		padding-left: 100px;
		padding-right: 100px;
		padding-bottom: 50px;
	}
}

@media (max-width: 991px) {
	.banner-text-tournament{
		display: block;
	}
	
	.portfolio-item {
		margin: 2.5%;
		width: 45%;
	}
	
	.page-with-right-sidebar .full-width-section,
	.page-with-left-sidebar .full-width-section {
		margin: 0 -15px;
	}
	
	.high-padding {
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 50px;
	}
	
	.tp-caption.reckless_icon {
		background-size: cover;
		width: 146px;
		height: 184px;
	}
	
	.tp-caption.reckless_icon i.fa {
		font-size: 42px;
		line-height: 105px;
	}
	.top-bar-address/*top-bar-menu*/ {
		font-size: 13px;
	}
	.navbar .header-top-title{
	  margin-left: 185px;
	  margin-right: 5px;
	  float: left;
	  text-align: unset;
	  width: unset;
	}
}

@media (max-width: 768px) { 
	.portfolio-item {
		margin: 2.5%;
		width: 45%;
	}
		
	.blog-post-2 .blog-container:before	{
		top: -20px;
		height: 57px;
		-webkit-transform: skew(0deg, 4deg);
		-moz-transform: skew(0deg, 4deg);
		-ms-transform: skew(0deg, 4deg);
		-o-transform: skew(0deg, 4deg);
		transform: skew(0deg, 4deg);
	}
	
	.owl-slider-container .owl-slider:after	{
		width: 100%;
	}
	
	.banner-content .banner-head {
		top: 80px !important;
		left: 50% !important;
		right: auto !important;
		font-size: 21px !important;
		transform: translatex(-50%);
	}  
	
	.banner-content .banner-text {
		top: 120px !important;
		left: 50% !important;
		right: auto !important;
		font-size: 21px !important;
		-webkit-transform: translatex(-50%);
		-moz-transform: translatex(-50%);
		-ms-transform: translatex(-50%);
		-o-transform: translatex(-50%);
		transform: translatex(-50%);
	}  
	
	.tp-caption.reckless_icon {
		width: 120px;
		height: 152px;
	}
	
	.tp-caption.reckless_icon i.fa {
		font-size: 36px;
		line-height: 85px;
	}

	.gray-left-skew, 
	.gray-right-skew,
	.with-bg {
		padding: 60px 20px 30px;
	}	
	/*drew*/
	.menu-item.mi-dashboard,.menu-item.mi-personnel,.menu-item.mi-roles,.menu-item.mi-travel,.menu-item.mi-eligibility{
		display: block;
	}
	.menu-item.mi-tournamentDashboard{
		display: none;
	}

	/*This is a responsive css for the sponsor page*/
	.icon-box .tile-content {
	    min-height: auto !important;
	}

	.col-xs2-6{
		width: 49% !important;
		display: inline-grid;
	}
	.col-xs2-2{
		width: 20% !important;
		display: inline-grid;
	}
	.col-xs2-3{
		width: 33% !important;
		display: inline-grid;
	}
	.col-xs2-9{
		width: 66% !important;
		display: inline-grid;
	}
	.col-xs2-10{
		width: 79% !important;
		display: inline-grid;
	}

	.col-xs2-5{
		width: 40% !important;
		display: inline-grid;
	}
	.col-xs2-7{
		width: 59% !important;
		display: inline-grid;
	}
	.col-xs2-4{
		width: 33% !important;
		display: inline-grid;
	}
	.col-xs2-8{
		width: 66% !important;
		display: inline-grid;
	}
	
	.top-bar-address/*top-bar-menu*/ {
		display: none;
	}
	.navbar .header-top-title{
		display: none;
	}
	.content-top-title{
		display: block;;
	}
}

@media (max-width: 640px) {
	.portfolio-item {
		margin: 30px 0;
		width: 100%;
	}
	
	.portfolio-filter {
		margin: 20px 0 30px;
	}
	
	.gray-right-skew:after, 
	.white-right-skew:after {
		height: 50px;
	}

	.portfolio-item .zoom {
		right: 0;
	}
	
	.portfolio-item .portfolio-title {
		left: 0;
	}

	.portfolio-navigation {
		position: relative;
		left: auto;
		right: auto;
		top: 30px;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	
	.default-text-banner .banner-text {
		text-align: center;
	}


}

@media (max-width: 581px) { 
	.portfolio-item {
		margin: 30px 0;
		width: 100%;
	}	
	
	.high-padding {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 50px;
	}
	
	.breadcrumb-bar {
		opacity: 0;
	}
	
	
	.banner-content .banner-head {
		top: 50px !important;
		left: 50% !important;
		font-size: 16px !important;
		transform: translatex(-50%);
	}  
	
	.banner-content .banner-text {
		top: 80px !important;
		left: 50% !important;
		font-size: 16px !important;
		transform: translatex(-50%);
	}  	
	
	.tp-caption.reckless_big_accent_bg:after {
		bottom: -5px;
	}
	
	.tp-caption.reckless_small_black_bg:after {
		top: -5px;
	}
	
	.logo-container {
		padding-right: 20px;
		padding-left: 40px;
	}
	
	img.logo {
		max-width: 90%;
	}
	
	.banner-default {
		min-height: 120px;
	}
	
	.banner-default .banner-text {
		top: 42px;
	}
	
}

@media (max-width: 480px) { 
	.blog-post-2 .blog-container:before	{
		-webkit-transform: skew(0deg, 5deg);
		-moz-transform: skew(0deg, 5deg);
		-ms-transform: skew(0deg, 5deg);
		-o-transform: skew(0deg, 5deg);
		transform: skew(0deg, 5deg);
	}
	
	ol.comments ol.children {
		margin-left: 0;
	}
	
	.author-box img {
		float: none;
	}
	
	.author-box .author-content {
		margin-left: 0;
	}
	
	.blog-under {
		display: none;
	}
	
	.tp-caption.reckless_big_accent_bg:after {
		bottom: -3px;
	}
	
	.tp-caption.reckless_small_black_bg:after {
		top: -3px;
	}
	
	.tp-caption.reckless_icon {
		background-size: cover;
		width: 50px;
		height: 62px;
	}
	
	.tp-caption.reckless_icon i.fa {
		font-size: 16px;
		line-height: 35px;
	}	

	.tab-nav {
		margin: 0;
	}
	
	.tab-nav .tab-item {
		width: 100%;
		margin-left: 0;
	}
	
	.tab-nav .tab-item a {
		width: 100%;
	}
	
	.tab-nav .tab-item.active:after {
		display: none;
	}
	
	footer .up-footer {
		padding-right: 40px;
		padding-left: 40px;
	}

	.col-xs2-6{
		width: 99% !important;
		display: unset !important;
	}

}

@media (max-width: 380px) { 
	.staff .staff-social {
		top: 0;
	}
	
	.blog-post-2 .blog-info {
		top: -100px;
		right: 20px;
		left: 20px;
	}
	
	.icon-box-2 .icon-content {
		margin-left: 50px;
	}
	
	.icon-box-2 .icon-place {
		width: 50px;
		height: 60px;
		font-size: 26px;
		line-height: 60px;
	}
	.col-xs-center {
	    bottom: -16px;
	    position: absolute;
	}
}