body.school-login-page,
body.school-admission-page,
body.school-registration-page {
	/* padding-top: 50px; */
	font-family: 'Roboto' !important;
}

.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.navbar-fixed-top {
	border: 0;
}

.sidebar {
	/* display: none; */
}

@media (min-width: 768px) {
	.sidebar {
		position: relative;
		top: 0px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 0px;
		overflow-x: hidden;
		overflow-y: hidden;
		/* Scrollable contents if viewport is shorter than content. */
		/* background-color: #f5f5f5;                border-right: 1px solid #eee; */
	}
}


/* Sidebar navigation */

.nav-sidebar {
	margin-right: -21px;
	/* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}

.nav-sidebar>li>a {
	padding-right: 20px;
	padding-left: 20px;
}

.nav-sidebar>.active>a,
.nav-sidebar>.active>a:hover,
.nav-sidebar>.active>a:focus {
	/* color: #fff;            background-color: #428bca; */
}


/*        * Main content        */

.main {
	padding: 20px;
}

@media (min-width: 768px) {
	.main {
		padding-right: 40px;
		padding-left: 0px;
	}
}

.main .page-header {
	margin-top: 0;
}
@media (min-width: 1400px) and (max-width: 1500px) {
	/* .background-main-div-plugin-login:after {
		right: 110px;
		bottom: 5px;
	} */
}
@media (min-width: 1300px) and (max-width: 1500px) {
	.gym-registration-page .background-main-div-plugin-login .main-div-school-container, .gym-membership-list-main .background-main-div-plugin-login .main-div-school-container, .gym-admin-screenshot-main .background-main-div-plugin-login .main-div-school-container{
		margin: 40px 0px 0px;
	}
}
@media (min-width: 1500px) and (max-width: 1600px) {
	.gym-registration-page .background-main-div-plugin-login .main-div-school-container, .gym-membership-list-main .background-main-div-plugin-login .main-div-school-container, .gym-admin-screenshot-main .background-main-div-plugin-login .main-div-school-container{
		margin: 45px 0px 0px;
	}
}
@media (min-width: 1601px) and (max-width: 1800px) {
	.gym-registration-page .background-main-div-plugin-login .main-div-school-container, .gym-membership-list-main .background-main-div-plugin-login .main-div-school-container, .gym-admin-screenshot-main .background-main-div-plugin-login .main-div-school-container{
		margin: 50px 0px 0px;
	}
}
@media (min-width: 1501px) and (max-width: 1600px) {
	.background-main-div-plugin-login:after {
		right: 115px !important;
		bottom: -50px !important;
	}
}

@media (min-width: 1601px) and (max-width: 1800px) {
	.background-main-div-plugin-login:after {
		right: 208px !important;
		bottom: -60px !important;
	}
}

@media (min-width: 1801px) and (max-width: 1900px) {
	.background-main-div-plugin-login:after {
		right: 255px !important;
		bottom: -60px !important;
	}
}

@media (min-width: 1901px) and (max-width: 2000px) {
	.background-main-div-plugin-login:after {
		right: 360px;
		bottom: -12px;
	}
}
@media (min-width: 2001px){
	.background-main-div-plugin-login:after {
		right: 370px !important;
		bottom: -58px !important;
	}
}
@media (min-width: 768px) {
	.main-div-school-container {
		/* padding: 100px 0px; */
		/* margin: 50px 0px; */
		background-color: #ffffff;
		border-radius: 23px;
		box-shadow: 1px 1px 12px 1px rgba(20, 20, 20, 0.5);
		width: 100%;
		/* float: left; */
		z-index: 1;
		overflow: hidden;
	}
	.nav-school-menu-logo {
		background-color: transparent !important;
		border-color: transparent;
		border: 0px solid;
		margin-bottom: 40px;
	}
}

.admission_successfully_message{
	color: #008000;
}
.logo-title-img-school-plugin {
	text-align: center;
}
.logo-title-img-school-plugin .custom-logo-link img {
	border-radius: 50%;
    min-width: 80px;
    max-width: 80px;
    max-height: 115px;
    border: 0px solid #014D67;
}

.logo-title-img-school-plugin.faux-heading {
	display: grid;
}

.logo-title-img-school-plugin .site-title {
	margin-bottom: 0px;
}

.logo-title-img-school-plugin .site-title a {
	font-size: 38px;
	font-weight: 700;
	color: #004D67;
	text-decoration: none;
}

.logo-title-img-school-plugin .site-description {
	font-size: 20px;
	color: #004D66;
	font-weight: 700;
	padding-bottom: 15px;
}

.header-bnner-login-page-mc {
	padding: 0px 100px 30px;
}

.heade-content-login-page {
	text-align: center;
	padding: 30px 20px 20px;
	background-color: #80CCE6;
	/* margin: 0px 0px 40px; */
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	position: relative;
}

.header-title-trusted-plugin {
	font-size: 50px;
	/* text-shadow: 2px 1px 5px #424242; */
	font-weight: 900;
	font-style: italic;
	color: #004E65;
	margin-bottom: 0px;
}

.selling-codecanyon-plugin {
	margin: auto 170px auto auto;
	max-width: 300px;
	text-align: center;
	font-size: 20px;
	font-style: italic;
	color: #004E65;
	font-weight: 600;
}

.main-div-school-container .row {
	margin: auto;
	/* padding-bottom: 25px; */
}

.ul-menu-tag-school.nav {
	display: grid;
}

.main-menu-desktop-div {
	padding: 0px;
}

.menu-home-menu-container {
	float: left;
}

.ul-menu-tag-school .current_page_item a {
	background-color: #014D67 !important;
	font-size: 20px;
	color: #ffffff !important;
	font-weight: 700;
	/* padding-right: 80px !important; */
}

.ul-menu-tag-school .current_page_item a:hover {
	background-color: #014D67 !important;
}

.ul-menu-tag-school .current_page_item a:before {
	position: absolute;
	height: 100%;
	top: 0px;
	border-top: 0px solid transparent;
	border-bottom: 38px solid transparent;
	border-left: 7px solid #ffffff;
	border-right: 0px solid #ffffff;
	overflow: hidden;
	content: "";
	right: 13px;
}

.ul-menu-tag-school .current_page_item a:after {
	content: "";
	top: 0px !important;
	position: absolute !important;
	right: 20px !important;
	height: 100% !important;
	border-top: 0px solid #e16767e3 !important;
	border-bottom: 38px solid #ffffff !important;
	border-left: 7px solid #c6606000 !important;
	border-right: 0px solid #ffffff00 !important;
}

.ul-menu-tag-school .current_page_item:after {
	position: absolute !important;
	height: 100% !important;
	top: 0px;
	overflow: visible !important;
	border-top: 38px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent !important;
	border-right: 7px solid #ffffff !important;
	content: "";
	 right: 0px !important;
	/* right: 28px !important; */
}
/**** Menu Id Set Up Gym *****/
/* .ul-menu-tag-school #menu-item-19.current_page_item:after {
	right: 22px !important;
}

.ul-menu-tag-school #menu-item-18.current_page_item:after {
	right: 40px !important;
}

.ul-menu-tag-school #menu-item-20.current_page_item:after {
	right: 7px !important;
} */
/* .ul-menu-tag-school #menu-item-32.current_page_item:after {
	right: 11px !important;
} */

/* #menu-item-7 a {
	margin-right: 22px;
} */
#menu-item-48.menu-item{
	 min-width: 370px !important;
    max-width: 370px;
}
.church-login-page #menu-item-48.current_page_item.menu-item{
	min-width: 390px !important;
}
.church-admin-screenshot #menu-item-51.current_page_item.menu-item{
	min-width: 374px !important;
}
.church-login-page #menu-item-152.menu-item{
	max-width: 362px !important;
}
#menu-item-152.current_page_item{
	min-width: 380px !important;
	max-width: 380px;
}
.church-admin-screenshot #menu-item-48.menu-item{
	min-width: 372px !important;
}
.church-admin-screenshot #menu-item-152.menu-item{
	max-width: 362px;
}
.ul-menu-tag-school li {
	margin-bottom: 10px;
}

.ul-menu-tag-school li.menu-item.menu-item-object-page a {
	background-color: #417A8D;
	background-color: #417A8D;
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	padding-right: 38px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.ul-menu-tag-school li.menu-item.menu-item-object-page a:hover {
	background-color: #417A8D;
}

.ul-menu-tag-school li.menu-item.menu-item-object-page a:after {
	position: absolute;
	height: 100%;
	top: 0px;
	overflow: visible;
	border-top: 38px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	border-right: 7px solid #ffffff;
	content: "";
	right: 0;
}

.logo-title-img-school-plugin a {
	margin: auto;
}

.content-form-login-page-school-plugin .login-username label,
.content-form-login-page-school-plugin .login-password label,
.content-form-login-page-school-plugin .login-remember label {
	color: #B6B6B6;
	font-size: 18px;
}

.content-form-login-page-school-plugin .login-remember label input {
	width: 18px;
	height: 18px;
}

.content-form-login-page-school-plugin .login-submit input {
	border-radius: 28px;
	padding: 6px 110px;
	background-color: #014D67;
	border: 0px;
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
}

.content-form-login-page-school-plugin .login-username #user_login,
.content-form-login-page-school-plugin .login-password #user_pass {
	font-family: inherit;
	width: auto;
	border: 0;
	border-bottom: 1px solid #333333;
	outline: 0;
	font-size: 16px;
	color: #333333;
	padding: 0px;
	padding-left: 10px;
	background: transparent;
	transition: border-color 0.2s;
	letter-spacing: 2px;
	border-radius: 0px;
}

.content-form-login-page-school-plugin .login-username label,
.content-form-login-page-school-plugin .login-password label {
	position: relative;
	top: 20px;
	display: block;
	transition: 0.2s;
	font-size: 18px;
	color: #cccccc;
	cursor: text;
	transform: translate(7px, -3px);
	font-weight: 500;
	margin-bottom: 0px;
}

.md-form label.active {
	-webkit-transform: translateY(-14px) scale(0.8);
	font-size: 15px;
	cursor: text;
	transform: translate(10px, -14px);
	top: 15px;
}
.content-form-login-page-school-plugin.md-form form p.login-remember label {
    font-weight: 500;
}
.content-form-login-page-school-plugin.md-form form p.login-username,
.content-form-login-page-school-plugin.md-form form p.login-password,
.content-form-login-page-school-plugin.md-form form p.login-remember {
	display: inline-grid;
	width: 100%;
	max-width: 270px;
	margin-right: 20px;
	margin-bottom: 20px !important;
}

.new-total-four-content-logo-plugin-scl {
	display: inline-flex;
	width: 100%;
	padding: 30px 0px 30px;
	font-style: normal;
}

.same-img-div-main-class-schl:last-child {
	margin-right: 0px;
}

.same-img-div-main-class-schl {
	min-height: 124px;
	/* min-width: 120px; */
	max-width: 135px;
	background-color: #ffffff;
	box-shadow: 2px 0px 12px 6px #e8e8e8;
	/* margin-right: 15px; */
	border-radius: 10px;
	/* margin-right: auto; */
	padding: 10px;
	text-align: center;
	/* align-items: end; */
	/* display: grid; */
	font-weight: 700;
	cursor: pointer;
}

.title-school-all-stps p {
	font-size: 16px;
	color: #417A8D;
	margin-bottom: 0px;
}

a:hover {
	text-decoration: none;
}

.link-button-app-school {
	background-color: #ffffff;
	border-radius: 34px;
	font-weight: 700;
	font-size: 20px;
	padding: 5px 40px;
	box-shadow: 1px 1px 12px 1px rgba(119, 119, 119, 0.5);
	margin: auto;
	color: #417A8D;
	align-items: center;
	display: flex;
}

.link-button-app-school:hover {
	color: #417A8D;
}

.link-button-app-school i {
	font-size: 45px;
	padding-right: 10px;
	color: #004d66;
}

.school-app-button-main-div {
	float: left;
	width: 100%;
	margin: auto;
	text-align: center;
	display: flex;
}

textarea:focus,
input:focus {
	outline: none;
}

.content-form-login-page-school-plugin>a:first-child {
	border-radius: 28px;
	padding: 10px 80px;
	background-color: #014D67;
	border: 0px;
	color: #ffffff;
	font-size: 20px;
	display: block;
	margin-top: 25px;
	margin-right: 10px;
}

.content-form-login-page-school-plugin>a.dashboard_btn_scl,
.content-form-login-page-school-plugin>a.logout_btn_scl {
	border-radius: 28px;
	padding: 10px 80px;
	background-color: #014D67;
	border: 0px;
	color: #ffffff;
	font-size: 20px;
	/* margin-top: 20px; */
	float: left;
	text-decoration: none;
}

.header-title-trusted-plugin:before {
	content: '';
	background-image: url(../twentytwenty-child/images/medal.png);
	background-position: center;
	display: block;
	float: left;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	left: 75px;
	bottom: 20px;
	min-width: 70px;
	min-height: 85px;
}
.main-div-school-container:after {
	content: '';
	background-image: url(../twentytwenty-child/images/Leaf.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	/* right: 0px; */
	/* bottom: -2px; */
	left: 370px;
	bottom: -1px;
	width: 105px;
	height: 105px;
}

.first-img-set-access {
	background-position: 14px -140px;
}

.second-img-set-access {
	background-position: 14px -410px;
}

.third-img-set-access {
	background-position: 14px 0px;
}

.four-img-set-access {
	background-position: 14px -278px;
}
@media (min-width: 480px) and (max-width: 520px){
	.title-school-all-stps p {
		font-size: 15px;
	}
	.four-img-set-access {
		background-position: 7px -368px !important;
	}
	.third-img-set-access {
		background-position: 10px -250px;
	}
	.first-img-set-access {
		background-position: 8px -122px;
	}

	.second-img-set-access {
		background-position: 6px 8px;
	}
}
@media (min-width: 520px) and (max-width: 610px){
	.title-school-all-stps p {
		font-size: 14px;
	}
	.four-img-set-access {
		background-position: 12px -250px !important;
	}
	.third-img-set-access {
		background-position: 12px -0px;
	}
	.first-img-set-access {
		background-position: 12px -126px;
	}

	.second-img-set-access {
		background-position: 12px -370px;
	}
}
@media (min-width: 610px) and (max-width: 620px){
	.title-school-all-stps p {
		font-size: 16px;
	}
	.four-img-set-access {
		background-position: 12px -380px !important;
	}
	.third-img-set-access {
		background-position: 12px -258px;
	}
	.first-img-set-access {
		background-position: 12px -126px;
	}

	.second-img-set-access {
		background-position: 12px 5px;
	}	
}
@media (min-width: 630px) and (max-width: 640px){
	.third-img-set-access {
		background-position: 12px -274px !important;
	}
}
.same-cls-sprite-bck-img {
	background-image: url(../twentytwenty-child/images/Icons_sprite.png);
	min-width: 105px;
	min-height: 75px;
	margin-bottom: 0px;
	/* background-size: 80%; */
	background-size: 76%;
	background-repeat: no-repeat;
}

.first-content-student:before {
	/* content: '';
	background-color: #014D67;
	background-image: url(../twentytwenty-child/images/Icons_sprite_1.png);
	min-width: 32px;
	min-height: 32px;
	position: absolute;
	border-radius: 5px;
	right: -15px;
	background-position: 2px 2px;
	top: 20px;
	background-size: 80%;
	background-position: 4px 4px; */
	display: none;
}

.img-one-right-side-min-sch .img-first-bck-contn-sch {
	position: absolute;
	right: 0px;
    top: 80px;
}

.background-main-div-plugin-login .container {
	position: relative;
	z-index: 9;
}

.img-all-background-box-bck-main-cont {
	z-index: 0;
}

.img-second-right-side-min-sch .img-second-bck-contn-sch {
	position: absolute;
	top: 230px;
    left: 0px;
}

.img-third-bck-contn-sch {
	position: absolute;
	top: 270px;
	left: 0px;
}

.background-main-div-plugin-login:after {
	content: '';
	background-image: url(../twentytwenty-child/images/3.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 40px;
    bottom: -25px;
	width: 151px;
	height: 151px;
}

body.school-page {
	background-color: #ededed;
	position: relative;
}

.background-main-div-plugin-login {
	/* background-color: #ededed; */
	/* position: relative; */
}

.heade-content-login-page:before {
	content: '';
	width: 140px;
	height: 140px;
	border-radius: 50%;
	position: absolute;
	background-color: #60B7D3;
	left: 170px;
	overflow: hidden;
	top: -110px;
}

*:focus {
	outline: none !important;
}

.student_registraion_form,
.student_registraion_form #registration_form {
	float: left;
}

.student_registraion_form #registration_form .col-sm-2.control-label {
	/* text-align: center; */
}

.student_admission_form #admission_form .margin_top_10 {
	margin-top: 0px !important;
}

.student_admission_form #admission_form .form-control[name=phone_code] {
	width: 40px !important;
}

.student_admission_form #admission_form .margin_bottom_5 .form-control[name=phonecode] {
	width: 40px !important;
}

.student_admission_form #admission_form .margin_bottom_5 .form-control[name=alter_mobile_number] {
	width: 40px !important;
}

.school-admission-page #ui-datepicker-div {
	width: auto;
}

#login-error.theme_login_emty_error_sch,
#login-error.login_failed_incorrect_user_pwd {
	color: #C00;
	/* position: absolute;
	top: -15px; */
}

.forgot_pwd_scl,
.forgot_pwd_scl:hover {
	color: #C00;
	display: none;
}

@media (min-width: 1200px) {
	.student_registraion_form #registration_form .col-sm-2.control-label {
		margin-left: -12%;
	}
}

@media (min-width: 768px) {
	/* .student_admission_form .parentFormadmission_form.formError {
		left: 105px !important;
	} */
	/* .student_registraion_form .parentFormregistration_form.formError {
		left: 320px !important;
	} */
}

@media (min-width: 319px) and (max-width: 520px) {
	.student_admission_form #admission_form .formError {
		left: 165px !important;
	}
}

@media (min-width: 319px) and (max-width: 767px) {
	.heade-content-login-page {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.ul-menu-tag-school.nav {
		margin: 0px;
	}
	.content-form-login-page-school-plugin.md-form #loginform {
		padding: 10px;
	}
	#login-error.theme_login_emty_error_sch,
	#login-error.login_failed_incorrect_user_pwd {
		top: -10px;
	}
	.header-title-trusted-plugin:before {
		display: none;
	}
	.selling-codecanyon-plugin {
		margin: auto;
	}
	.img-one-right-side-min-sch .img-first-bck-contn-sch {
		display: none;
	}
	.img-second-right-side-min-sch .img-second-bck-contn-sch {
		display: none;
	}
	.main-div-school-container .row .col-sm-5.col-md-5:after {
		display: none;
	}
	.main-div-school-container:after {
		display: none;
	}
	.background-main-div-plugin-login:after {
		display: none;
	}
	.heade-content-login-page:before {
		display: none;
	}
	.registration-frm-start .col-sm-offset-2 .btn.btn-success {
		float: left;
	}
	.main-div-school-container .row {
		/* margin: 0px -15px; */
	}
	.main-div-school-container .col-sm-5.col-md-5.sidebar {
		padding: 0px;
		width: 100%;
	}
	.ul-menu-tag-school li.menu-item.menu-item-object-page a {
		padding-right: 10px;
		padding-left: 10px;
		margin-right: 0px !important;
	}
	.ul-menu-tag-school .current_page_item a:before {
		display: none;
	}
	.ul-menu-tag-school li.menu-item.menu-item-object-page a:after {
		display: none;
	}
	.ul-menu-tag-school #menu-item-51.current_page_item:after {
		display: none;
	}
	#menu-home-menu #menu-item-50 a {
		margin-right: auto;
	}
	#menu-home-menu #menu-item-49 a {
		margin-right: auto;
	}
	#menu-home-menu #menu-item-50 a {
		margin-right: auto;
	}
	#menu-home-menu #menu-item-51 a {
		margin-right: auto;
	}
	.school-page .container {
		padding: 0px !important;
		width: 100%;
		display: block;
		max-width: 100%;
	}
	.menu-home-menu-container {
		float: unset;
	}
	.ul-menu-tag-school .current_page_item a {
		padding-right: 0px !important;
	}
	.school-page .nav-school-menu-logo.navbar {
		background-color: #80CCE6 !important;
		border-color: #80CCE6;
	}
	.school-page .nav-school-menu-logo.navbar  .navbar-header button{
		margin-left: auto;
		display: block;
		margin-right: 25px;
	}
	.school-page .navbar-inverse .navbar-toggle {
		background-color: #333;
	}
	.school-page .navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: transparent;
	}
	.school-page .student_registraion_form #registration_form .form-group .col-sm-2 {
		width: 100%;
		display: flex;
	}
	.school-page .student_registraion_form #registration_form .form-group .col-sm-8 {
		width: 100%;
	}
	.school-page .student_registraion_form #registration_form .form-group .col-sm-1 {
		width: 70px;
	}
	.school-page .student_registraion_form #registration_form .form-group .col-sm-7 {
		width: auto;
	}
	.ul-menu-tag-school .current_page_item:after {
		display: none;
	}
	.admission-frm-start #admission_form .col-sm-offset-2 span input.btn-success {
		padding: 6px 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.ul-menu-tag-school .menu-item:after{
		display:none;
	}
	.school-page .navbar-inverse {
		background-color: #80CCE6;
		border-color: #80CCE6;
		padding: 10px 0px;
		border-radius: 0px;
	}
	.main-div-school-container .col-sm-5.col-md-5.sidebar {
		width: 100% !important;
	}
	.new-total-four-content-logo-plugin-scl .same-img-div-main-class-schl:last-child {
		margin-right: auto !important;
	}
	.col-sm-7.col-sm-offset-3.col-md-7.col-md-offset-2.main.content-start {
		width: 100%;
		padding: 20px;
		z-index: 1;
	}
	.content-form-login-page-school-plugin .login-username label,
	.content-form-login-page-school-plugin .login-password label {
		position: relative;
	}
	.header-bnner-login-page-mc {
		padding: 0px 0px 30px;
	}
	.header-title-trusted-plugin:before {
		display: none !important;
	}
	.menu-home-menu-container #menu-home-menu li a {
		margin-right: 0px !important;
	}
	.menu-home-menu-container #menu-home-menu {
		width: 100%;
	}
	.menu-home-menu-container {
		width: 100%;
	}
	.ul-menu-tag-school .current_page_item a:before {
		display: none;
	}
	.ul-menu-tag-school #menu-item-51.current_page_item:after,
	.ul-menu-tag-school li.menu-item.menu-item-object-page a:after,
	.ul-menu-tag-school #menu-item-50.current_page_item:after,
	.ul-menu-tag-school #menu-item-49.current_page_item:after {
		display: none;
	}
	.ul-menu-tag-school.nav {
		width: 100%;
	}
	.img-second-right-side-min-sch img,
	.img-one-right-side-min-sch img,
	.background-main-div-plugin-login:after {
		display: none;
	}
	.ul-menu-tag-school li.menu-item.menu-item-object-page a {
		margin-right: 0px !important;
	}
	.main-div-school-container:after {
		left: 100px;
	}
}

@media (min-width: 481px) and (max-width: 550px) {
	.same-img-div-main-class-schl {
		width: calc(50% / 2 - 15px) !important;
		min-height: auto;
		padding: 8px 0px;
	}
}

@media (min-width: 551px) and (max-width: 590px) {
	.same-img-div-main-class-schl {
		width: calc(50% / 2 - 15px) !important;
		min-height: auto;
		padding: 8px 8px;
	}
}

@media (min-width: 591px) and (max-width: 767px) {
	.same-img-div-main-class-schl {
		width: calc(50% / 2 - 15px) !important;
	}
}

@media (min-width: 319px) and (max-width: 767px) {
	.header-bnner-login-page-mc {
		padding: 0px 0px 25px;
	}
	.content-form-login-page-school-plugin .login-username label,
	.content-form-login-page-school-plugin .login-password label {
		position: relative;
	}
	.content-form-login-page-school-plugin>a:first-child {
		/*margin-bottom: 20px !important;*/
		margin: 0px 10px 0px 0px;
		padding: 10px 30px;
	}
	.content-form-login-page-school-plugin>a {
		padding: 10px 30px;
	}
	.main-div-school-container .col-sm-7.col-sm-offset-3.col-md-7.col-md-offset-2.main.content-start {
		float: left;
		width: 100%;
	}
	.main-div-school-container .content-form-login-page-school-plugin.md-form {
		/* display: flex; */
		margin: auto;
		width: 100%;
		max-width: 300px;
	}
}

@media (min-width: 319px) and (max-width: 480px) {
	.header-title-trusted-plugin:before {
		float: unset;
		left: 0px;
		bottom: 0px;
	}
	.header-title-trusted-plugin {
		margin-top: 0px;
	}
	.header-title-trusted-plugin {
		font-size: 30px;
	}
	.selling-codecanyon-plugin {
		margin: 10px auto 0px;
	}
	.same-img-div-main-class-schl {
		margin: 10px auto;
	}
	.new-total-four-content-logo-plugin-scl {
		display: block;
		float: left;
	}
	.same-img-div-main-class-schl:last-child {
		margin-right: auto;
	}
}


/**** Registration page start ****/


.church-registration-page #registration_form .offset-sm-2 input.btn-success {
	border-radius: 28px;
	padding: 6px 80px;
	background-color: #014D67;
	border: 0px;
	color: #ffffff;
	font-size: 20px;
}
@media (min-width: 1024px) {
	.or_login_as_text_simple{
		position: relative;
	}
	.or_login_as_text_simple p{
		position: absolute;
		top: -45px;
		right: 190px;
	}
}
.or_login_as_text_simple p{
	display: flex;
	font-size: 18px;
	color: #A7A7A7;
}
.icon_after_or_login_as_sch_demo:after{
	content: '';
	background-image: url('../twentytwenty-child/images/or_login_as.png');
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 5px;
	display: block;
}
.double_shadow_to_text_plugin_trusted{
	position: absolute;
    /* opacity: 0.5; */
	text-shadow: 2px 0px 8px #424242a6;
}
@media (min-width: 1024px) and (max-width: 1200px){
	.header-title-trusted-plugin {
		font-size: 37px;
	}
}
@media (min-width: 520px) and (max-width: 767px){
	
}
@media (min-width: 767px) and (max-width: 1024px){
	.header-title-trusted-plugin {
		font-size: 40px;
	}
}
@media (min-width: 319px) and (max-width: 767px) {
	.double_shadow_to_text_plugin_trusted{
		display: none;
	}
	.header-title-trusted-plugin{
		text-shadow: 2px 0px 8px #424242a6;
	}
	.header-title-trusted-plugin {
		font-size: 30px;
		margin-top: 0px;
	}
	.user-choice-block{
		margin-right: 10px;
		width:100%;
	}
	.registration-frm-start .user-choice-area .user-choice-block{
		width: auto;
	}
}
.registration-frm-start .user-choice-block .user_login_choice{
	width: 24px;
    height: 14px;
}
.membership_buy_message_membership_list{
	width: 100%;
    display: block;
    float: left;
    color: green;
}
.registration-frm-start .user-choice-area .user-choice-block{
	font-size: 18px;
    font-weight: 500;
	color:#cccccc;
}
.fronted_payment_button{
	margin-top: 20px;
}
.wpgym-btn-buynow{
	margin: 0 10px;
    padding: 10px;
}
.gym-membership-list-main  table thead{
	background-color: #f2f2f2;
	text-align: center;
}
.gym-membership-list-main table td, table th, .gym-membership-list-main .wp-block-table td, .gym-membership-list-main .wp-block-table th {
    padding: 10px;
    border: 1px solid;
	width: 100%;
}
.gym-membership-list-main .wpgym-membershiptitle, .gym-membership-payment-main .wpgym-membershiptitle{
	font-size: 22px;
    font-weight: 500;
    color: #004D67;
}
.gym-membership-list-main .wpgym-course-lession-list{
	color: #333333;
	overflow: auto;
	padding: 0px 20px;
    max-height: 100px;
    margin: 10px 0px;
}
.gym-membership-list-main .fronted_payment_button input{
	border-radius: 28px;
    padding: 4px 40px;
    background-color: #014D67;
    border: 0px;
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
}
.gym-membership-list-main .fronted_payment_button span.wpgym-btn-buynow{
	background-color: #417A8D;
    color: #ffffff;
}
.gym-membership-list-main .membership_list_border_gym_demo_page{
	border-top: 2px solid #eee;
    float: left;
    width: 100%;
}
.gym-membership-payment-main table td, table th, .gym-membership-payment-main .wp-block-table td, .gym-membership-payment-main.wp-block-table th {
    padding: 10px;
    border: 1px solid;
	width: 100%;
}
.gym-membership-payment-main .wpgym-border-box input[name="buy_confirm_paypal"]{
	border-radius: 28px;
    padding: 7px 40px;
    background-color: #014D67;
    border: 0px;
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
	margin-top: 20px;
}
.gym-registration-page .student_registraion_form #registration_form .col-sm-offset-2.col-sm-8 {
	margin: auto;
    align-items: center;
    text-align: center;
}
.gym-admin-screenshot-main .content-start object embed{
	max-width: 100%;
    display: block;
}
@media (min-width: 319px) and (max-width: 767px) {
	.gym-admin-screenshot-main .content-start .content-form-login-page-school-plugin .admin_screenshot_gym_content{
		width: 100% !important;
		height: 100% !important;
	}
	.gym-registration-page #registration_form .btn-group.open .dropdown-menu{
		width: 100%;
	}
	.gym-registration-page #registration_form .btn-group.open .dropdown-menu>li>a{
		white-space: break-spaces;
	}
}
@media (min-width: 480px) and (max-width: 620px) {
	/* .same-cls-sprite-bck-img.first-img-set-access{
		background-position: 12px -130px;	
	}	
	.same-cls-sprite-bck-img.third-img-set-access{
		background-position: 12px -264px;	
	} */
}
@media (min-width: 620px) and (max-width: 640px) {
	/* .same-cls-sprite-bck-img.first-img-set-access{
		background-position: 12px -148px;	
	}	
	.same-cls-sprite-bck-img.third-img-set-access{	
		background-position: 12px -288px;	
	} */
}
.gym-registration-page #registration_form .btn-group.open .multiselect-container.dropdown-menu{
	max-height: 170px;
    overflow: auto;
}
.gym-registration-page #registration_form .btn-group.open .multiselect-container.dropdown-menu li.active a{
	color: #ffffff !important;
}
.registration_after_show_word_success{
	color: green;
}
/**** church new ****/
.nav-school-menu-logo{
	display: block;
}
.ul-menu-tag-school li.menu-item{
	position: relative;
	max-width: 350px;
}
.ul-menu-tag-school li.menu-item a{
	float: left;
	padding: 10px 15px;
	position: relative;
	width: 100%;
	line-height: 20px;
}
.ul-menu-tag-school li.menu-item a{
	text-decoration: none;
}
.church-registration-page  .ui-datepicker{
	width: 14em;
}
@media (min-width: 319px) and (max-width: 992px){
	.menu-mainmenu-container #menu-mainmenu li{
		width: 100%;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	body.school-login-page.church-login-page .menu-mainmenu-container #menu-mainmenu li{
		width: 100%;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	.church-registration-page #registration_form .col-sm-3.control-label{
		text-align: left;;
	}
}
@media (min-width: 320px) and (max-width: 340px){
	.church-registration-page #registration_form .formError {
		left: 145px !important;
	}
}
@media (min-width: 340px) and (max-width: 420px){
	.church-registration-page #registration_form .formError {
		left: 200px !important;
	}
}
@media (min-width: 767px) and (max-width: 992px){
	.school-page .nav-school-menu-logo.navbar {
		background-color: #80CCE6 !important;
		border-color: #80CCE6;
		float: left;
		width: 100%;
	}
	.school-page .nav-school-menu-logo.navbar .navbar-header button {
		margin-left: auto;
		display: block;
		margin-right: 25px;
	}
}
@media (min-width: 1300px){
	.header-title-trusted-plugin{
		max-width: 920px;
		margin: auto;
	}
}
@media (max-width: 992px) {
	#menu-mainmenu #menu-item{
		min-width: 100% !important;
		max-width: 100% !important;
	}
}