﻿@media screen and (max-width:1280px) {
	/*input[type="submit"], .btn {
		padding: 8px 15px;
	}*/

	a.btn.btn-secondary {
		padding-left: 15px;
		padding-right: 15px;
	}

	.m-table-cols-w5 {
		width: 5%;
	}

	.m-table-cols-w10 {
		width: 10%;
	}

	.m-table-cols-w15 {
		width: 15%;
	}

	.m-table-cols-w20 {
		width: 20%;
	}

	.m-table-cols-w25 {
		width: 25%;
	}

	.m-table-cols-w30 {
		width: 30%;
	}

	.m-table-cols-w35 {
		width: 35%;
	}

	.m-table-cols-w40 {
		width: 40%;
	}

	.m-table-cols-w45 {
		width: 45%;
	}

	.m-table-cols-w50 {
		width: 50%;
	}

	.m-table-cols-w55 {
		width: 55%;
	}

	.m-table-cols-w60 {
		width: 60%;
	}

	.m-table-cols-w65 {
		width: 65%;
	}

	.m-table-cols-w70 {
		width: 70%;
	}

	.m-table-cols-w75 {
		width: 75%;
	}

	.m-table-cols-w80 {
		width: 80%;
	}

	.m-table-cols-w85 {
		width: 85%;
	}

	.m-table-cols-w90 {
		width: 90%;
	}

	.m-table-cols-w95 {
		width: 95%;
	}

	.m-table-cols-w100 {
		width: 100%;
	}

	nav ul li {
		margin-left: 8px;
	}
}

@media screen and (max-width:1100px) {
	nav ul li {
		margin-left: 2px;
	}
}

@media screen and (max-width:1080px) {
}

@media screen and (max-width:1024px) {
	header {
		flex-wrap: wrap;
	}

	.header-left {
		width: 100%;
	}

	.header-right {
		position: static;
	}
}

@media screen and (max-width:980px) {
	.s-table-cols-w5 {
		width: 5%;
		height: 30px;
	}

	.s-table-cols-w10 {
		width: 10%;
	}

	.s-table-cols-w15 {
		width: 15%;
	}

	.s-table-cols-w20 {
		width: 20%;
	}

	.s-table-cols-w25 {
		width: 25%;
	}

	.s-table-cols-w30 {
		width: 30%;
	}

	.s-table-cols-w35 {
		width: 35%;
	}

	.s-table-cols-w40 {
		width: 40%;
	}

	.s-table-cols-w45 {
		width: 45%;
	}

	.s-table-cols-w50 {
		width: 50%;
	}

	.s-table-cols-w55 {
		width: 55%;
	}

	.s-table-cols-w60 {
		width: 60%;
	}

	.s-table-cols-w65 {
		width: 65%;
	}

	.s-table-cols-w70 {
		width: 70%;
	}

	.s-table-cols-w75 {
		width: 75%;
	}

	.s-table-cols-w80 {
		width: 80%;
	}

	.s-table-cols-w85 {
		width: 85%;
	}

	.s-table-cols-w90 {
		width: 90%;
	}

	.s-table-cols-w95 {
		width: 95%;
	}

	.s-table-cols-w100 {
		width: 100%;
	}

	.registration-box {
		width: calc(100% - 25px);
		max-width: 50%;
	}

	h2 {
		font-size: 26px;
	}
}

@media screen and (max-width:767px) {
	.registration-page-wrapper .cast-it-talent-logo {
		height: 60px;
	}

	.page-top {
		flex-wrap: wrap;
	}

		.page-top .page-top-left,
		.page-top .page-top-right {
			width: 100%;
		}

		.page-top .page-top-left {
			margin-bottom: 10px;
		}

	.registration-box {
		width: calc(100% - 25px);
		max-width: 100%;
	}

	.div-divider {
		padding: 0px 10px 0px 0px;
	}

	h2 {
		font-size: 26px;
	}

	.div-stage-name-main {
		flex-direction: column;
	}

	.div-stage-name-left {
		width: 100%;
	}

	a.help {
		width: 40px;
		margin-right: 5px;
	}

	.profile-box select, .profile-box input[type=text], .getstarted-box input[type="text"] {
		width: 100%;
	}

	.btn {
		width: 100%;
		text-align: center;
	}

	.popup-outer-div {
		flex-direction: column;
	}

	.ui-widget-content {
		width: 100% !important;
		left: 0px !important;
	}

	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
		padding: 0.5em 1em;
	}

		.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-link {
			border: 1px solid #4fae62;
		}

	.popup-right-div {
		margin-left: 0px;
		margin-top: 20px;
	}

	.plans-main-div {
		flex-direction: column;
	}

	.membership-benefits {
		display: none;
	}

	.div-plan {
		width: 100%;
		margin-left: 0;
	}

	.plan-description {
		text-align: center;
	}

	.div-plan-checkmarks ul li:first-child {
		display: flex;
		justify-content: center;
	}

	.plan-checkmark-box {
		font-size: 14px;
		font-weight: 500 !important;
	}

		.plan-checkmark-box .plan-feature {
			display: inline;
		}

	.plan-checkmark {
		left: unset;
		right: 0;
	}

	.payment-modal {
		left: 0;
		margin-left: 0;
		width: 100%;
	}

	div.control-group {
		margin-left: 0;
	}

	.control-group .select-month {
		width: 70px;
	}

	.modalPopup {
		width: 90% !important;
		padding: 10px;
		background: #fff;
	}

		.modalPopup .lbl {
			width: 100% !important;
		}

		.modalPopup .payment-message {
			margin: 0 !important;
			padding: 5px;
		}

	.tr-blank {
		height: 10px !important;
	}

	.hamburger {
		display: block;
		z-index: 2;
	}

	.hide-for-mobile {
		display: none !important;
	}

	.show-for-mobile {
		display: flex !important;
		flex-direction: row;
		padding: 5px 15px !important;
		margin: 5px 0px !important;
	}

	.ul-account-menu li {
		padding: unset;
	}

	.ul-account-menu-for-mobile {
		display: inline-table;
		/* right: 0;
		width: 200px;
		top: 0px; */
		padding-top: 10px;
	}

	.account-menu.mobile {
		width: 100%;
		top: 2px;
	}

	a.rocket-ship-mobile {
		padding: 15px;
		right: 5px;
		background-position-x: 9px !important;
	}

	a.help-icon-mobile {
		padding: 15px;
		right: 25px;
		background-size: 28px !important;
	}

	.div-footer {
		flex-direction: column-reverse;
	}

	.footer-ul {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 10px;
	}

		.footer-ul li {
			margin-top: 10px;
		}

			.footer-ul li:nth-child(n+3):before {
				content: none;
			}

	.section-wrapper {
		margin-top: -1px;
	}

	.mobile {
		display: unset !important;
	}

	.controls .row-fluid .span5 {
		min-width: 45%;
	}

	.controls .row-fluid .span3, .controls .row-fluid .span8 {
		min-width: 40%;
	}

	.controls .promo-code-width {
		width: 90%;
	}

	.div-process-order {
		flex-direction: column;
	}

		.div-process-order .form-submit-back {
			width: 100% !important;
			padding-top: 15px;
		}

	.btn-process-order {
		width: 100% !important;
	}

	.div-process-order .checkmark {
		top: 11px !important;
	}
}

@media screen and (max-width:636px) {
	.registration-page-wrapper .cast-it-talent-logo {
		height: 60px;
	}

	.header-left {
		flex-wrap: wrap;
	}

		.header-left .logo {
			margin-bottom: 10px;
		}

		.header-left .search {
			width: 100%;
		}

	.registration-box {
		width: calc(100% - 25px);
		max-width: 100%;
	}

	.div-divider {
		padding: 0px 10px 0px 0px;
	}

	h2 {
		font-size: 26px;
	}

	.div-stage-name-main {
		flex-direction: column;
	}

	.div-stage-name-left {
		width: 100%;
	}

	a.help {
		width: 40px;
		margin-right: 5px;
	}

	.profile-box select, .profile-box input[type=text], .getstarted-box input[type="text"] {
		width: 100%;
	}

	.btn {
		width: 100%;
		text-align: center;
	}

	.popup-outer-div {
		flex-direction: column;
	}

	.ui-widget-content {
		width: 100% !important;
		left: 0px !important;
	}

	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
		padding: 0.5em 1em;
	}

		.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-link {
			border: 1px solid #4fae62;
		}

	.popup-right-div {
		margin-left: 0px;
		margin-top: 20px;
	}

	.plans-main-div {
		flex-direction: column;
	}

	.membership-benefits {
		display: none;
	}

	.div-plan {
		width: 100%;
		margin-left: 0;
	}

	.plan-description {
		text-align: center;
	}

	.div-plan-checkmarks ul li:first-child {
		display: flex;
		justify-content: center;
	}

	.plan-checkmark-box {
		font-size: 14px;
		font-weight: 500 !important;
	}

		.plan-checkmark-box .plan-feature {
			display: inline;
		}

	.plan-checkmark {
		left: unset;
		right: 0;
	}

	.payment-modal {
		left: 0;
		margin-left: 0;
		width: 100%;
	}

	div.control-group {
		margin-left: 0;
	}

	.control-group .select-month {
		width: 70px;
	}

	.modalPopup {
		width: 90% !important;
		padding: 10px;
		background: #fff;
	}

		.modalPopup .lbl {
			width: 100% !important;
		}

		.modalPopup .payment-message {
			margin: 0 !important;
			padding: 5px;
		}

	.tr-blank {
		height: 10px !important;
	}

	.hamburger {
		display: block;
		z-index: 2;
	}

	.hide-for-mobile {
		display: none !important;
	}

	.show-for-mobile {
		display: flex !important;
		flex-direction: row;
		padding: 5px 15px !important;
		margin: 5px 0px !important;
	}

	.ul-account-menu li {
		padding: unset;
	}

	.ul-account-menu-for-mobile {
		display: inline-table;
		/* right: 0;
		/* width: 200px;
		top: 0px; */
		padding-top: 10px;
	}

	.account-menu.mobile {
		width: 100%;
	}

	a.rocket-ship-mobile {
		padding: 15px;
		right: 5px;
		background-position-x: 9px !important;
	}

	a.help-icon-mobile {
		padding: 15px;
		right: 25px;
		background-size: 28px !important;
	}

	.div-footer {
		flex-direction: column-reverse;
	}

	.footer-ul {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 10px;
	}

		.footer-ul li {
			margin-top: 10px;
		}

			.footer-ul li:nth-child(n+3):before {
				content: none;
			}

	.section-wrapper {
		margin-top: -1px;
	}

	.mobile {
		display: unset !important;
	}

		.mobile .ul-account-menu {
			border-top: none;
		}

	.controls .row-fluid .span5 {
		min-width: 50%;
	}

	.controls .row-fluid .span3 {
		min-width: 45%;
	}

	.controls .promo-code-width {
		width: 90%;
	}

	.div-process-order {
		flex-direction: column;
	}

		.div-process-order .form-submit-back {
			width: 100% !important;
			padding-top: 15px;
		}

	.btn-process-order {
		width: 100% !important;
	}

	.div-process-order .checkmark {
		top: 11px !important;
	}
}
