/*

ABBREVIO -n
Abbreviation, shortened, tiny small. Basically - this is for mobile styling.

*/



/* ----- MENU ----- */
	@media(max-width:1250px) {
		.menu--main {
			display: none;
		}

		#block-mmb {
			display: block;
		}
	}

	@media(max-width: 768px) {
		.collapse {
			display: block;
			border: none;
		}

		.container-fluid {
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			justify-content: space-between;
			width: 100%;
		}

		.navbar-header {
			width: 60%;
		}
	}

	@media(max-width:600px) {
		.logo a {
			margin-left: 0px;
		}
	}


/* ----- BANNER ----- */
	@media(max-width: 1024px) {
		.ban-cnt {
			width: 90%;
		}

		.webform-submission-order-now-form #edit-flexbox-01 {
			flex-flow: column;
		}

		.webform-submission-order-now-form #edit-flexbox-01 .webform-flex--1,
		.webform-submission-order-now-form #edit-flexbox-01 .webform-flex--2 {
			flex: 1;
			width: 100%;
		}
	}



/* ----- ABOUT ----- */
	@media(max-width: 1300px) {
		.cw_40 {
			width: 70%;
		}
	}

	@media(max-width: 600px) {
		.cw_40 {
			width: 90%;
		}
	}


/* ----- PRODUCTS ----- */
	@media(max-width:1250px) {
		.view-products .views-row {
			width: 48%;
		}
	}

	@media(max-width: 900px) {
		.cw_80 {
			width: 90%;
		}
	}

	@media(max-width:750px) {
		.view-products .views-row {
			width: 95%;
		}

		.heading,
		.heading-drk {
			font-size: 4rem;
		}

		.tablesaw-stack tr {
			display: table;
		}

		.tablesaw-cell-content {
			max-width: 68%;
			width: 68%;
		}

		#edit-order table td:nth-of-type(2),
		#edit-order table td:nth-of-type(3) {
			width: 100%;
			display: block;
		}

		.webform-multiple-table-responsive td.webform-multiple-table--operations {
			position: static;
		}
	}

/* #region HEIGHT FIXES */
	@media(max-height: 950px) {
		.ban-cnt .bc-logo img {
			width: 250px;
			margin-bottom: 40px;
		}

		.ban-cnt .bc-cnt {
			margin-bottom: 40px;
		}
	}

/* #endregion */

/* #region MODAL */
	@media(max-width: 500px) {
		.field--name-field-pcat {
			width: 300px;
			padding: 17px 20px 8px 20px;
			font-size: 1.7rem;
			margin: 20px 0px 0px 0px;
		}

		.field--name-field-price,
		.field--name-field-pclass {
			width: 300px;
		}

		.fs-cnt {
			width: 100%;
			padding: 0px;
		}

		.ui-dialog .ui-dialog-titlebar-close {
			top: 15% !important;
		}

		.ui-dialog .ui-widget-content.ui-dialog-content {
			max-height: 81vh !important;
			overflow-y: auto !important;
			-webkit-overflow-scrolling: touch !important;
		}
	}	



/* #endregion */