/*/////////////////////////*/
/* TABLET LANDSCAPE DEVICE */
/*/////////////////////////*/
@media only screen and (max-width:1280px) {
	
}


@media only screen and (max-width:1140px) {
	.port-main-section-inner-wrapper .portal-section {
		/* Force 2 columns */
		--spacer: calc( var(--main-sec-gap) * 1 / 2 );
		flex-basis: calc(50% - var(--spacer) );
		max-width: calc(50% - var(--spacer) );
	}
}


/*/////////////////////////////////*/
/* SMALLER TABLET LANDSCAPE DEVICE */
/*/////////////////////////////////*/
@media only screen and (max-width:1024px) {
}



/*////////////////////////*/
/* CUSTOM SIZE 960PX 	  */
/*////////////////////////*/
@media only screen and (max-width: 960px) {
}

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

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

	.show-mobile-menu { display:block; }

}

/*////////////////////////*/
/* TABLET PORTRAIT DEVICE */
/*////////////////////////*/
@media only screen and (max-width: 768px) {
	.port-main-section {
		min-height: calc(100vh - 190px);
	}

	

	body.active-portal-menu .port-main-section-inner-wrapper { 
        padding-left: var(--innerwrapper-padding-lr);
    }

	.port-menu {
		max-width: 100%;
		left: 0px;
		top: unset;
		bottom: -100px;
		transition: bottom 350ms ease-in-out;
		z-index: 10;
		background-color: var(--body-bg-color);
	}

	.port-menu.port-menu-active {
		position: fixed;
		bottom: 0px;
		left: 0px;
	}

	.port-menu-wrapper {
		flex-direction: row;
		column-gap: 30px;
	}
	
	.port-menu-wrapper {
		height: unset;
	}

	.port-menu-item {
		flex-basis: 33.33%;
	}

	.footer {
		padding-bottom: calc( var(--main-sec-gap) * 5 );
	}
		

}


/****************************
/* SPECIFIC TO MOBILE PHONES
/***************************/
/*@media only screen and (max-width: 900px), screen and (max-height: 700px) {*/
@media only screen and (max-width: 414px) and (max-height: 814px) and (orientation: portrait) {
}

@media only screen and (max-width: 814px) and (max-height: 414px) and (orientation: landscape) {
}

@media only screen and (max-width: 640px){
	/* .inner-wrapper { padding-left: 8px; padding-right: 8px; } */
	.port-main-section-inner-wrapper .portal-section {
		/* Force single column */
		flex-basis: 100%;
		max-width: 100%;
	}
}

/*///////////////////////*/
/* LARGER MOBILE DEVICE  */
/*///////////////////////*/
@media only screen and (max-width: 480px) {

	.port-menu-wrapper {
		flex-direction: row;
		column-gap: 4px;
	}

	.port-menu-item a {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		font-size: calc( var(--body-font-size) * 0.75 );
	}

	.port-menu-item img { margin-bottom: 7px; }

	.port-menu .portal-card {
		padding: 0;
		/* border: none; */
		border-bottom: none;
		border-left: none;
		border-right: none;
		border-radius: 0;
		padding-top: calc(var(--body-font-size)* 0.75);
		padding-bottom: calc(var(--body-font-size)* 0.75);
	}

	.header-section .port-header-section-inner-wrapper {
		column-gap: 4px;
	}

	.portalbutton-userprofile {
		padding: 3px 0px;
		max-width: 85px;
		overflow-x: hidden;
		text-wrap: nowrap;
	}
	/* body.portal { padding-bottom: 60px; } */

	/* .portal input[type="text"],
	.portal select { min-width: calc( 100% - 100px ); } */

	/* body.portal.active-portal-menu, body.nextPagePontentActive {  } */

	/* .port-logo { display: none; } */
	/* .hamburger-button { display: block; } */

	/* .hamburger-button span:nth-child(2) { top: 9px; }
	.hamburger-button span:nth-child(3) { top: 18px; } */

	/* a.portalbutton-logout { font-size: 16px; }
	.filter-button { width: 22px; height: 22px; }
	.filter-button::before { bottom: -11px; } */

	/* .portal.active-portal-menu header.header { margin-top: 100vh; } */

	/* .filter-datepicker { width: 100%; max-width: 100%; }
	.portal input[type="text"].inline-search-phrase { min-width: calc( 100% - 200px ); } */

	/* .port-menu-content { min-height: 100vh; } */

	
	/* #nextPagePontent { top:38px; }
	.nextPagecontentContainer {  }
	.nextPagecontentContainer .indicator-bar { top: 38px; }

	.leads-page.editview.nextPagePontentActive .main-indicator { max-width: calc( 100% - 112px ); max-height: 1.1em; word-break: break-all; overflow-y: hidden; }

	.campaign-item-heading.campaign-name { max-width: calc( 100% - 92px ); word-break: break-all; font-size: 20px; padding-left: 23px; }
	.campaign-item-heading > .member-icon { margin-left: -23px; }
	.campaign-indicator, .campaign-indicator .lead-counter { font-size: 20px; }
	.secondary-indicator-container { float: left; }

	.sub-indicator { margin-right: 6px; }
	.sub-indicator span { max-width: 16px; overflow-y: hidden; font-size: 8px; line-height: 7px; }

	.secondary-indicator { margin-right: 6px; }
	.secondary-indicator span { max-width: 16px; overflow-y: hidden; font-size: 8px; line-height: 7px; }


	.campaign-content-section-leads, .campaign-content-section-team-stats { padding-top: 0; }
	.campaign-content-section-leads > .section-row { padding: 16px 0px; }
	.campaign-content-section-leads > .section-row.dual-name-spacing { padding: 16px 0px 8px 0; }

	.campaign-item-content .col-status { width: 18%; }
	.campaign-item-content .col-date {
		width: 18%; position: absolute; top: 46px; left: 0; float: none; clear: none;
	}
	.campaign-item-content .dual-name-spacing .col-date { float: left; position: relative; top: 0; }
	.campaign-item-content .col-comment-excerpt { width: 82%; padding-right: 9px; padding-left: 9px; }
	.campaign-item-content .col-leadname { width: 82%; padding-right: 0px; clear: both; margin-left: 18%; padding-left: 0; padding-top: 4px; }
	.campaign-item-content .col-leadname strong { float: left; margin-right: 8px; }
	.campaign-item-content .col-description { float: left; margin-bottom: 4px; }
	.campaign-type-container { padding-right: 40px; }
	.campaign-type-container:nth-of-type(2n) { padding-left: 40px; }

	.campaign-item-content .dual-name-spacing .col-comment-excerpt {
		width: 100%; margin-top: 4px;
	}
	.campaign-item-content .dual-name-spacing .col-leadname {
		width: calc(100% - 18% - 18% - 18%); margin-left: 0; position: absolute; top: 20px; right: 0;
	}

	.team-member-stat-heading { max-width: 20px; margin: 0 auto; overflow-y: hidden; font-size: 8px; line-height: 7px; }
	.col-team-member { width: 27%; font-size: 10px; line-height: 1em; }
	.col-team-member::after { content: ""; display: block; clear: both; }
	.col-team-member .member-name { width: calc( 100% - 33px ); overflow: hidden; margin-top:-5px; }
	.col-team-member-stat {width: 9%; }
	.team-member-stat { width: 36px; }

	.member-icon, .member-2, .member-3, .member-1::after { width: 16px; }

	.comment-in,
	.comment-out { max-width: calc( 100% - 60px ); } */
}

/*///////////////*/
/* MOBILE DEVICE */
/*///////////////*/
@media only screen and (max-width: 320px) {
}