body {
    background: #fff;
    float: left;
    width: 100%;
   
}
.card_main {
	position: relative;
	background-color: #fff;
	box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75);
	display: inline-block;
	width: 100%;
	border-radius: 4px;
	padding: 25px;
	margin: 0px 0px 5px;
}
.badge{
	font-weight: normal !important;
}
.login-logo img {
	text-align: center;
}
.login-logo {
	display: flex;
}

 .rtb {
    margin:auto;
    width:234px;
    padding-top:20px;
	}
.bg-light-magenta {
	width: 85px;
	height: 85px;
	background: #ffeaea;
	border-radius: 60px;
	float: left;
	text-align: center;
	line-height: 90px;
	color: #111111;
}
.bg-light-magenta i.fa.fa-bell {
	color: #ff0000;
}
.mn_left {
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.mn_right {
	text-align: right;
	display: inline-block;
	width: calc(100% - 95px);
}
.mn_right h3 {
	    font-size: 19px;
    margin: 0px;
    color: #000;
}
.mn_right h5 {
	    font-size: 23px;
    color: #ec5252;
}
.container.main_stud {
	/*background: #f0f1f3 !important;*/
	width: 100%;
	max-width: 100%;
	padding: 10px 30px 15px;
    min-height: 710px;
	/*float:left;*/
}
.login-inter{
.background-color: #f24462; 
font-size: 18px; 
width: 80% !important; 
color: #FFF; margin: auto;
}
.ws-btn{
	background-color:#3d5188; 
	width: 328px !important;
}
.wf-btn{
	background-color:#4285f4; 
	width: 328px !important;
}
.input[type=text]:focus:not([readonly])+label{
	color: #ff0000 !important;
}
#messageloader{

    background: #0000003b;
}
.main_studOne ul.tabs li a {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	padding: 5px;
}
.main_studOne ul.tabs li a.active {
	color: #ec5252;
}
.main_studOne ul.tabs li.tab {
	height: auto !important;
}
#password{
	font-size: 16px !important;
}
.main_studOne ul.tabs {
	height: auto !important;
}
.bg-light-magenta .fa {
	text-align: center;
	font-size: 28px;
}
.bg-light-magenta i.fa.fa-bell {
	color: #ff0000;
}
.bg-light-magenta.magenta_to {
	background: #fff2d8;
}
.bg-light-magenta.magenta_to i.fa.fa-calendar {
	color: #ffa001;
}
.bg-light-magenta.magenta_tr {
	background: #d1f3e0;
}
.bg-light-magenta.magenta_tr .fa {
	color: #3cb878;
}
.bg-light-magenta.magenta_fr {
	background: #e1f1ff;
}
.bg-light-magenta.magenta_fr .fa {
	color: #3f7afc;
}
.bg-light-magenta.magenta_fv {
	background: #f3e5f5;
}
.bg-light-magenta.magenta_fv .fa {
	color: #8e24aa;
}
.bg-light-magenta.magenta_sv .fa {
	color: #00b6bf;
}
.bg-light-magenta.magenta_sv {
	background: #00b6bf5c;
}
.bg-light-magenta.magentas_et .fa {
	color: #a649f2;
}
.bg-light-magenta.magentas_et {
	background: #a649f259;
}
.bg-light-magenta.magenta_se .fa {
	color: #ff1d78;
}
.bg-light-magenta.magenta_se {
	background: #ff1d7859;
}
.main_stud .card.material-table {
	margin-top: 0px;
}
.main_stud .card.material-table .table-header {
	border-bottom: 1px solid #ccc;
}
.main_stud .card.material-table table#lessiontable thead tr th {
	font-size: 18px;
	color: #111111;
}
.main_stud .card.material-table table#lessiontable tbody tr td {
	font-size: 14px;
}
.main_stud .card.material-table .table-footer {
	font-size: 13px !important;
}
.main_stud .card.material-table .table-footer label {
	font-size: 14px !important;
}
.main_stud .card.material-table .table-footer div#lessiontable_info {
	font-size: 14px !important;
}
nav .brand-logo {
	margin-left: 10px;
	/*padding: 10px !important;*/
}
ul#nav-mobile ul li {
	position: relative;
}
#totalnotification {
	color: white;
	border-radius: 100%;
	line-height: 20px;
	text-align: center;
	font-size: 11px;
	top: 10px;
	right: 20px;
	z-index: 9;
	height: 22px !important;
	width: 22px !important;
	max-width: 100%;
	background: #00000047 !important;
	line-height: 22px;
	padding: 0px !important;
	min-width: inherit;
	position: absolute;
}
.vtn_msg {
	cursor: pointer;
	background: #3bb3bd;
	border-radius: 4px;
	color: #fff;
	border: 1px solid #3bb3bd;
	display: inline-block;
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	width: auto !important;
	padding: 6px 30px !important;
	float: right;
}

.tnvid img {
	width: 100%;
}
.tnvid {
	border-radius: 100%;
	overflow: hidden;
}
.mid_way {
	border-radius: 10px;
	box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.9);
	height: auto;
	background-color: white;
	margin-top: 10px;
	max-width: 1200px;
	margin: 0px auto 25px;
	padding: 25px;
}
.mid_way .row {
	margin-bottom: 0px;
}
.vd_mid a {
	font-size: 22px;
	text-transform: capitalize;
	color: #111;
}
table.tbl_grd {
	max-width: 105px;
}
.tbl_acti tbody tr td:first-child {
	width: 40px;
}
.mn_fav .fa {
	font-size: 24px;
	color: #ee6e73;
}
.tbl_acti tbody tr td {
	padding: 0px;
}



table.tbl_acti {
	margin-bottom: 15px;
}
.vd_mid {
	margin-top: 10px;
}
div#cirruculum .dataTable thead tr th {
	font-size: 18px;
	color: #111111;
	/*    padding: 15px;*/

}

/*div#cirruculum .dataTable tbody tr td {

    padding: 15px;

    }*/

div#cirruculum .table-footer {
	font-size: 14px !important;
}
.right ul#dropdown {
	min-width: 280px;
	top: 64px !important;
	right: 0px !important;
	left: inherit !important;
}
.right ul#dropdown li a p {
	margin: 0px;
	color: #333;
	font-size: 15px;
}
.right ul#dropdown li a p span {
	font-size: 14px;
	color: #8a8a8a !important;
}
.right ul#dropdown li + li {
	border-top: 1px solid #ccc;
}
.right ul#dropdown li a {
	padding: 15px 25px;
}
.right ul#dropdown li a p span strong {
	display: inline-block;
	color: #ee6e73;
}

ul#nav-mobile ul li.vsn_vx > a {
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    outline: none;
    align-items: center;
}

ul#nav-mobile ul li.vsn_vx a img {
	width: 100%;
	height: 100%;
}
ul#nav-mobile ul li.vsn_vx {
	margin-right: 15px;
}
ul#nav-mobile ul li.vsn_vx:hover {
	background: none !important;
}
.dropdown-content.drop_cont {
	min-width: 180px !important;
	top: 65px !important;
}
.dropdown-content.drop_cont li a {
	color: #111;
	font-size: 15px;
}
.right ul#dropdownone li a p {
	margin: 0px;
	color: #333;
	font-size: 15px;
}
.right ul#dropdownone li a p span {
	font-size: 14px;
	color: #8a8a8a !important;
}
.right ul#dropdownone li + li {
	border-top: 1px solid #ccc;
}
.right ul#dropdownone li a {
	padding: 15px 25px;
}
.mig_wit {
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 60%;
	max-width: 190px;
	height: 190px;
	overflow: hidden;
	margin: 10px auto;
	vertical-align: middle;
	display: flex;
	align-items: center;
	width: 100%;
}
.vx_nam b {
	font-size: 20px;
	color: #111;
	margin-left: 5px;
	font-weight: 400;
}
.vx_eml {
	margin-top: 60px;
}
.vx_rtr span {
	font-size: 18px;
	margin-right: 10px;
}
.vx_rtr {
	margin-bottom: 10px;
}
.vx_rtr a {
	font-size: 16px;
	color: #ee6e73;
}
table.vx_rigt tr td {
	padding-top: 0px;
	padding-bottom: 0px;
}
table.vx_rigt {
	margin-top: 55px;
}
.mig_wit img {
	margin: 0px auto;
}
.vx_man center a {
	color: #3bb3bd;
}
div#myprofile .card-content .row {
	margin-bottom: 0px;
}
ul#picdropdown {
	position: static !important;
	width: 300px !important;
	box-shadow: none;
	border: 1px solid #ccc;
	text-align: center;
	margin: 10px 0px 0px;
}
div#myprofile .card.myprofilecard {
	max-width: 1600px;
	margin: 0px auto;
}
#app nav {
	background-color: #ffffff;
	margin-bottom: 1px;
}
#app nav ul a {
	color: #808080;
}
ul#nav-mobile ul li.active {
	background: none !important;
}
ul#nav-mobile ul li.active a {
	color: #ee6e73;
}
.main_div_str {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 5%;
}
.main_div_str_bott_s {
	width: 1088px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 90px;
}
.main_div_str_main {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.main_div_str_one {
	width: 18.5%;
	float: left;
	padding: 0px;
	position: relative;
	margin: 0.5% 0.7%;
}
.main_div_str_one .quick-view {
	display: none;
	position: absolute;
	top: 45%;
	left: 25%;
}
.main_div_str_one:hover .quick-view {
	display: block;
}
a.quick-view {
	background: #ffffff;
	color: #000;
	-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
	box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
	padding: 8px 16px;
	float: left;
	cursor: pointer;
}
.img_di_n {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
}
.main_div_str_one_ine {
	width: 18.7%;
	float: left;
	padding: 0px;
	position: relative;
	margin: 0.5% 0.5% 2%;
}
.img_di_n_in {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
	float: left;
}
.main_div_str_one_ine img {
	width: 100%;
}
.main_div_str_one_ine .quick-view {
	display: none;
	position: absolute;
	top: 44%;
	left: 21%;
}
.main_div_str_one_ine:hover .quick-view {
	display: block;
}
.img_di_n img {
	width: 100%;
}
.main_div_str_one_ine .quick-view {
	display: none;
	position: absolute;
	top: 28%;
	left: 32%;
}
.container.inner_det_s {
	width: 85%;
}
.img_di_n_in h3 {
	font-size: 20px;
}
.col_o {
	background: #ffffff;
	border-radius: 5px;
	padding: 10px 0;
	-webkit-box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.13);
	box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.13);
}
.col_o h3 {
	color: #000000;
	font-size: 18px;
	letter-spacing: 0px;
	float: left;
	margin-top: 15px;
	padding-left: 0px;
	font-weight: 300;
	text-transform: capitalize;
	margin-bottom: 10px;
	width: calc(100% - 70px);
	float: right;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.main_div_str_one_ine .mn_left {
	margin-left: 10px;
}
.col_o .bg-light-magenta {
	width: 50px;
	height: 50px;
}
ul.new_tab_section {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
	height: 58px;
	background-color: #fff;
	margin: 0 auto;
	width: 100%;
	white-space: nowrap;
}
ul.new_tab_section li.tab1 {
	color: #111111;
	font-size: 16px;
	font-weight: 500;
	padding: 0px 0px;
}
li.tab1 {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: block;
	float: left;
	text-align: center;
	line-height: 54px;
	height: 58px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	letter-spacing: .8px;
	width: 15%;
	min-width: 80px;
}
ul.new_tab_section li.tab1 a {
	color: #000;
}
ul.new_tab_section li.tab1 a {
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: color .28s ease;
	-moz-transition: color .28s ease;
	-o-transition: color .28s ease;
	-ms-transition: color .28s ease;
	transition: color .28s ease;
}
ul.new_tab_section li.tab1 a:hover {
	color: #f9c9cb;
}
ul.new_tab_section li.tab1 a.active {
	color: #ee6e73;
	border-bottom: 2px solid #ee6e9e;
}
.fancybox-wrap.fancybox-desktop.fancybox-type-html.fancybox-opened {
	width: 90% !important;
	height: 90% !important;
}
.fancybox-opened .fancybox-inner {
	width: 100% !important;
	height: 100% !important;
	min-height: 450px !important;
}
.fancybox-opened iframe#iframeobj {
	width: 100%;
	height: 100%;
	max-height: 900px;
	min-height: 800px;
}
.com_pop a.checkurlcls.active_cls {
	color: rgb(79, 185, 225) !important;
}
.com_pop a.checkurlcls {
	color: #333 !important;
	font-size: 22px;
	text-decoration: none !important;
	padding: 0px 15px 0px 0px;
	text-transform: capitalize;
}
a.btn.btn-primary.pull-right.unique {
	background: #3bb3bd;
	margin: 10px;
	border-color: #3bb3bd;
}
.unitesBack a {
	border: 1px solid #ccc;
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 10px !important;
	color: #333;
	font-size: 18px !important;
}
.lecturescls {
	border: 1px solid #cccccc52;
	padding: 0px;
	min-width: 150px;
	height: 85px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 16px !important;
	border-radius: 2px;
	background: #3bb3bd;
	display: table-cell;
	align-items: center;
	box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75);
	width: 100% !important;
}
.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {
	width: 550px !important;
	height: 400px !important;
	margin: 0 auto !important;
	display: table !important;
}
p.fancybox-error {
	text-align: center;
	font-size: 26px;
	line-height: 46px;
}
.lecturescls a {
	color: #fff;
	text-transform: capitalize;
}
.main_div_str_one .quick-view .lecturescls {
	border: none;
	padding: 0px;
	min-width: inherit;
	height: auto;
	vertical-align: middle;
	text-align: center;
	color: #333;
	font-size: 15px !important;
	border-radius: 0px;
	background: none;
	display: table-cell;
	align-items: center;
	box-shadow: none;
	width: auto !important;
}
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
	width: 17%;
	margin: 5px;
}
.main_div_str_main.backbtncls a.btn.btn-primary.pull-left {
	margin: 0 !important;
	margin-top: 30px !important;
	position: relative;
	left: -10px;
}
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o .mn_left {
	width: 50px;
}
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o .mn_left img {
	width: 100%;
}
iframe#fancybox-frame1592975700758 {
	height: 95vh !important;
	width: 100% !important;
}
.df-outline-container {
	display: none;
}
.ti-menu-alt {
	display: none !important;
}
.ti-layout-grid2 {
	display: none !important;
}
.ti-sharethis {
	display: none !important;
}
.ti-more-alt {
	display: none !important;
}
 @media (min-width: 1367px) {
html body div#GameContainer {
	max-height: 90% !important;
}
}
button.plyBtn {
	background: #3bb3bd;
	border: 0px;
	color: #fff;
	padding: 8px 20px;
	border-radius: 3px;
}
button.plyBtn {
	background: #3bb3bd;
}
.BtnCls {
	background: #3bb3bd;
	border: 0px;
	color: #fff;
	padding: 8px 20px;
	border-radius: 3px;
}
div#GameContainer a.checkurlcls.active_cls {
	color: #039be5 !important;
}
div#GameContainer a.checkurlcls {
	float: left !important;
	color: #000 !important;
	font-weight: 600;
}
div#GameContainer tbody td {
	width: auto !important;
	display: initial;
	padding: 15px 10px;
	float: left;
}
div#GameContainer tbody td:nth-child(2) {
	display: none;
}
canvas#c2canvas {
	max-height: 510px !important;
}
div#c2canvasdiv {
	background: #fff !important;
}
div#GameContainer body {
	background: #fff;
	padding: 4px;
}
body {
	background: #fff;
}
div#GameContainer {
	max-height: 510px !important;
}
table.tbl_grd {
	max-width: 350px !important;
}
table.tbl_grd tbody tr td:first-child {
	width: 62px !important;
}
.btn_lang a.dropdown-button img {
	padding-top: 0px !important;
}
.btn_lang a.dropdown-button {
	line-height: 65px;
}
li.btn_lang {
    /* position: relative; */
    float: left;
    /* margin: 0%; */
    margin-right: 15px;
    margin-top: 3px;
} 
.drop_lang {
	top: 60px !important;
	min-width: auto !important;
}
.right ul#dropdown li a img {
	float: left;
	margin-right: 5px;
	max-width: 40px !important;
	width: 100% !important;
}
.main_div_str_bott_s img {
	width: 100%;
}
.main_div_str_bott_s {
	width: 100%;
	}
.main_studOne ul.tabs li a {
	font-size: 15px !important;
	font-weight: 600 !important;
	font-family: "Roboto", sans-serif;
	}
.btn_lang a.dropdown-button img {
	padding-top: 0px !important;
	}
.btn_lang a.dropdown-button {
	line-height: 55px;
    margin-top: 0px;
    display: inline-block;
    position: relative;
    padding-right: 30px;	
	}
 .btn_lang ul.dropdown-content {
    overflow: inherit !important;
    width:125px !important;
	}
#totalnotification {
    font-size: 12px !important;
	top: 10px !important;
	right: 8px !important;
	height: 22px !important;
	width: 22px !important;
	background: #ec5252 !important;
	line-height: 20px !important;
	color: #fff !important;
	font-weight: 600 !important;
	border: 1px solid #fff !important;
}
nav.tut_nav ul a i.material-icons.left {
	font-size: 34px;
}
.msg_icon i.fa.fa-envelope {
	font-size: 24px;
}
.msg_icon span#totalnotification {
	right: 7px !important;
}
div#flipbookContainer {
	margin-top: 8px;
}
.right ul#dropdown li a img {
	float: left;
	margin-right: 5px;
}
.right ul#dropdown li p {
	font-size: 14px !important;
	line-height: 18px;
}
.right ul#dropdown li a {
	padding: 10px !important;
}
.right ul#dropdown li a p {
	width: 100%;
	display: flex;
	align-items: center;
}
.pendding_attending_cls a.waves-effect.waves-light.btn {
	display: block;
	padding: 0px 4px;
	margin-top: 10px;
	color: #fff;
	font-size: 12px;
	width: 100% !important;
	max-width: 100% !important;
}
.pendding_attending_cls a + a.waves-effect.waves-light.btn {
	background: #3bb3bd;
}
tbody#student_pendding_lesson .row {
	margin-bottom: 10px;
}
.msg_icon span.badge.red.round {
	font-size: 12px !important;
	top: 12px !important;
	right: 0px !important;
	height: 22px !important;
	width: 22px !important;
	background: #ec5252 !important;
	line-height: 19px !important;
	color: #fff !important;
	font-weight: 600 !important;
	border-radius: 100%;
	text-align: center;
	z-index: 9;
	max-width: 100%;
	padding: 0px !important;
	min-width: inherit;
	position: absolute;
}
.tnvid img {
	height: 100%;
}
.tnvid {
	border-radius: 100%;
	overflow: hidden;
	width: 160px;
	height: 160px;
	background: #f1f1f1;
}
.clPass {
	margin-bottom: 20px;
}
#myprofile .card-content table.vx_rigttwo {
	display: none;
}
.clPass ~ button.wwaves-effect.waves-light.btn {
	background: #3bb3bd;
}
div#acceptModal123 h4 {
	font-size: 20px;
}
#acceptModal123 form#form1123 label {
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 20px;
	border: 1px solid #ccc;
	padding: 25px;
	margin-bottom: 20px;
}
button#btn1123 {
	color: #fff;
	background-color: #26a69a;
	padding: 5px 25px;
	border: 0px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 1px;
}
#acceptModal123 .modal-footer {
	display: inline-block;
	width: auto;
	float: right;
	padding: 0px;
	margin-top: -40px;
}
#acceptModal123 .modal-footer a {
	color: #fff;
	background-color: #26a69a;
	padding: 0px 25px;
	border: 0px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 1px;
	margin-bottom: 0px;
}
.card-content p label {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 15px !important;
	display: inline-block;
	color: #333;
}
.acceptModalCls form label {
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 20px;
	border: 1px solid #ccc;
	padding: 25px;
	margin-bottom: 20px;
}
.acceptModalCls h4 {
	font-size: 20px;
}
.acceptModalCls button {
	color: #fff;
	background-color: #3bb3bd;
	padding: 7px 35px;
	border: 0px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 1px;
}
.acceptModalCls .modal-footer {
	display: inline-block;
	width: auto;
	float: right;
	padding: 0px;
	margin-top: -40px;
}
.acceptModalCls .modal-footer a.modal-action.modal-close.waves-effect.waves-green.btn-flat {
	color: #fff;
	background-color: #3bb3bd;
	padding: 0px 25px;
	border: 0px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 1px;
	margin-bottom: 0px;
	margin-top: 5px;
}
ul#picdropdown input#imageUpload {
	width: 100%;
}
html body ul#picdropdown {
	max-width: 100% !important;
	width: 100% !important;
}
html body ul#picdropdown li {
	min-height: inherit !IMPORTANT;
}
a.btn.btn-primary.pull-right.unique {
	background: #3bb3bd;
	margin: 10px;
	border-color: #3bb3bd;
}
#changepassfrm button.waves-effect.waves-green.btn {
	background: #3bb3bd !important;
}
.bc_class {
	background: #3bb3bd !important;
	color: #fff !important;
	margin-top: 15px;
	margin-left: 15px;
	font-weight: 600;
}
.col.s12.pendding_attending_cls a {
	background: #3bb3bd !important;
}
.col.s12.pendding_attending_cls a + a {
	background: #ee6e73 !important;
}
.notificationslist_cls .row {
	margin: 0px;
}
.notificationslist_cls .row .col.s10 {
	width: 100%;
}
.main_iText .main_imgtext {
	display: inline-block;
	float: left;
	padding: 5px 5px 0px;
	box-shadow: 1px 1px 5px #ccc;
	width: 80px;
	height: 80px;
	margin-right: 15px;
}
.main_iText .main_imgtext img {
	height: 70px !important;
	width: 70px !important;
}
.main_iText {
	display: flex;
	align-items: center;
}
span.title {
	text-align: center;
	font-size: 14px;
	color: #000;
	display: inline-block;
	width: 100%;
}
div#cirruculum {
	width: 98%;
	max-width: 100%;
}
.curriculum_inner_page {
	background-color: #4fb9e1;
	padding: 10px;
	text-align: center;
}
.curriculum_inner_page span {
	position: relative !important;
	left: inherit !important;
}
#how_it_work b {
	margin-bottom: 10px;
	display: inline-block;
}
.main_studOne .hide-tab-scrollbar .hide-tab-scrollbar .indicator {
	bottom: 10px !important;
}
.container.inner_det_s.backbtncls_one {
	width: 100%;
}
.picker__select--year.browser-default {
	width: 40% !important;
}
.row.disnon {
	display: none;
}
#modal2 .modal-content {
	padding-top: 0px !important;
}
.tutor_dashboard div#modal_content form {
	padding-top: 0px;
}
#modal1 .modal-footer {
	margin-top: -45px;
}
.header-btn li ul.dropdown-content li {
    clear: both;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    min-height: 30px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
    margin-bottom: -7px;
    text-transform: none;
}
li.btn_lang ul#dropdownlang li a {
	padding: 7px 7px;
	text-align: center;
}
#history_lesson_table div#modal_content h4 {
	text-align: center;
}
#history_lesson_table .modal-footer a {
	border: 1px solid #333;
}
.mig_rop img#profile_pic {
	min-height: 100%;
}
.picker__wrap {
	margin-bottom: 25px !important;
}
.hiddensearch {
	display: inline-block;
	float: right;
	margin-right: 25px;
	border: 0px !important;
	margin-top: 15px;
}
.hiddensearch input.form-control.input-sm {
	border: 2px solid #6d6a6a !important;
	border-radius: 50px;
	padding: 0px 0px 0px 20px !important;
	height: 30px;
	color: #333 !important;
}
#history_lesson_table a.waves-effect.waves-light.btn.plyBtn {
	width: 90%;
	padding-left: 0px;
	padding-right: 0px;
}
.mig_wit img#imagePreview {
	width: 100%;
}
#historytable a.waves-effect {
	width: 120px;
	padding-left: 10px;
	padding-right: 10px;
}
div.material-table table th {
	font-size: 16px !important;
	color: #111111 !important;
	width: 100%;/*    width: 100% !important;*/

}
table.dataTable thead th, table.dataTable thead td {
	border-color: #ccc !important;
}
table.dataTable.no-footer {
	border-bottom: none !important;
}
table tr td {
	box-sizing: border-box !important;
}
.dataTables_wrapper .dataTables_filter {
	min-width: 260px !important;
}
.dataTables_wrapper input[type="search"] {
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	padding: 0px 10px 0px 10px !important;
	height: 36px;
	color: #333 !important;
	width: 75% !important;
	min-width: 75% !important;
	max-width: 75%;
	box-sizing: border-box;
	margin-bottom: 0px !important;
	float: revert;
	margin-left: 4% !important;
}
.dataTables_wrapper .dataTables_filter label {
	width: 100% !important;
	display: inline-block;
	padding-right: 15px;
	padding-top: 10px;
	font-size: 14px;
	}
.dataTables_wrapper .dataTables_length {
	min-width: 170px;
	margin-left: 15px;
	margin-top: 10px;
	}
.dataTables_wrapper .dataTables_length select {
	display: inline-block !important;
	width: 50px;
	padding: 0px 0px 0px 5px !important;
	height: 36px;
	border: 1px solid #ccc !important;
	border-radius: 2px;
	margin-left: 10px;
	}
.dataTables_wrapper .dataTables_length label span {
	font-size: 14px;
	}
.dataTables_wrapper .dataTables_info {
	font-size: 14px;
	margin-left: 15px;
	}
.dataTables_wrapper .dataTables_paginate {
	padding-bottom: 5px;
	}
.dataTables_wrapper .dataTables_paginate span a {
	background: none !important;
	padding: 3px 10px !important;
	}
.main_loader {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background: #000000d9;
	padding-top: 20%;
	}
.say-testimonial  .testi-text{
	text-transform:capitalize !important;
	}
.berti-slider .draggable {
    padding:50px 1px !important;
	}
    
.social-post .col.s4.slick-slide {
    padding:25px;
	}
.social-post .say-testimonial  .testi-text a {
    text-transform:capitalize;
	}
.social-post .col.s4.slick-slide .img-box {
    padding: 0px;
    background:#f1f1f1;
    text-align:center;
	}
.social-post .col.s4.slick-slide .img-box img {
    width:100%;
    margin:0px auto;
	}


.vertical-center-3 button.slick-arrow {
    font-size:48px;
    width:30px !important;
    height:30px !important;
    background:none !important;
	}
.vertical-center-3 button.slick-arrow:before {
    font-size:34px;
    color:#000 !important;
	}
.social-post button.slick-arrow {
    font-size:48px;
    width:30px !important;
    height:30px !important;
    background:none !important;
	}
.social-post button.slick-arrow:before {
    font-size:34px;
    color:#000 !important;
	}




.bxd_sortFill a {
    border: 1px solid #3a93a4;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 2px;
	}
.bxd_sortFill select {
    max-width: 70%;
    float: right;
        display: block;
    border: 1px solid #ccc;
	}
.courses_main_left.xd_catgory {
    box-shadow: none;
	}
.courses_main_left.xd_catgory button.accordion {
    background: none !important;
    border-bottom: 1px solid #ccc !important;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    color: #333 !important;
    font-size: 14px;
    text-transform: capitalize;
        box-shadow: none;
	}
.bxd_sortFill {
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
	}
.courses_main_left.xd_catgory button.accordion::after {
    top: 3px;
    right: 0px;
    color: #333;
    font-size: 26px;
	}
.courses_main_left.xd_catgory .panel {
    background: #fff !important;
   /* padding: 10px 0px 10px;*/
    margin-top: -1px;
    z-index: 1111;
    position: relative;
    border-bottom: 1px solid #ccc;
	}
.courses_main_left.xd_catgory .container_n .checkmark:after {
    left: 5px;
    top: 2px;
	}
.courses_main_left.xd_catgory .checkmark {
    height:15px;
    width:15px;
	}

.courses_main_left.xd_catgory .container_n{
    font-size:13px;
    line-height:15px;
	}
.courses_main_left.xd_catgory .container_nn .checkmark:after {
    top:4px;
    left:4px;
    width:7px;
    height:7px;
	}



div#signupModal .modal-dialog {
    background-color: #fafafa;
/*    height: 620px !important;*/
    width: 350px !important;
    margin: 0px auto !important;
    border-radius: 2px;
    will-change: top,opacity;
    position: relative;  
}

.error {
    color: red !important;
}

.question_page_cont div#singupDiv i.fa.fa-times {
    display: none;
}



/**Responsive**/





@media (max-width: 1280px) {
div#myprofile .card.myprofilecard .card-content .col.s2 {
	width: 25%;
}
}
 @media (max-width: 1100px) {
#teacher .mid_way .col.s2 {
	width: 30%;
}
#teacher .mid_way .col.s7 {
	width: 70%;
}
#teacher .mid_way .col.s3 {
	width: 70%;
}
.vtn_msg {
	margin-top: 0px;
	float: left;
}
table#lessiontable {
	width: 100% !important;
}
}
 @media (max-width: 1024px) {
.picker__day--infocus {
 padding: .4rem 0px !important;
}
.mn_right h3 {
	font-size: 18px;
}
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
	width: 32%;
}
.main_tutor {
	padding: 10px 15px 15px;
}
.list_vd ul.tabs li a .card-panel.teal {
	min-height: 170px;
	padding: 10px;
}
.list_vd ul.tabs li a img {
	max-width: 90px;
}
.list_vd ul.tabs li a .card-panel.teal span.white-text p {
	font-size: 18px;
}
.list_vd ul.tabs li {
	margin: 10px;
}
.hold-transition .modal {
	max-height: 90% !important;
	margin-bottom: 15px !important;
}
}
 @media (max-width: 992px) {
.main_stud div#dashboard .col.l3.s12 {
	width: 50%;
}
.main_stud div#dashboard .row {
	margin-bottom: 0px;
}
#how_it_work b {
	margin-top: 20px;
}
html body .hide-on-med-and-down {
	display: inline-block !important;
}
html body nav .brand-logo {
	float: left;
	left: 85px;
}
}
 @media (max-width: 840px) {
div#myprofile .card.myprofilecard .card-content .col.s2 {
	width: 35%;
}
table.vx_rigt {
	margin-top: 12px;
}
.vx_eml {
	margin-top: 10px;
}
.fc-scroller.fc-time-grid-container {
	height: auto !important;
}
}
 @media (max-width: 767px) {




.pendding_attending_cls a.waves-effect.waves-light.btn {
	display: inline-block;
	width: 45% !important;
	max-width: 50% !important;
	font-size: 9px !important;
}

#historytable tr td {
	width: 33.33% !important;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 5px !important;
	height: 40px;
}
#historytable tr {
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
	width: 96%;
	margin-left: 2%;
	margin-top: 10px;
	display: inline-block;
}
#historytable thead {
	display: none;
}
#penddingtable tr td {
	width: 33.33% !important;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 5px !important;
	height: 40px;
}
#penddingtable tr {
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
	width: 96%;
	margin-left: 2%;
	margin-top: 10px;
	display: inline-block;
}
#penddingtable thead {
	display: none;
}
#recordertable tr td {
	width: 33.33% !important;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 5px !important;
	height: 40px;
}
#recordertable tr {
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
	width: 96%;
	margin-left: 2%;
	margin-top: 10px;
	display: inline-block;
}
#recordertable thead {
	display: none;
}
#lessiontable tr td {
	width: 33.33% !important;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 5px !important;
	height: 40px;
}
#lessiontable tr {
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
	width: 96%;
	margin-left: 2%;
	margin-top: 10px;
	display: inline-block;
	overflow: scroll;
}
#lessiontable thead {
	display: none;
}
#lessiontable button {
	margin-left: 0px;
}
#lessiontable button {
	padding: 4px 15px !important;
}
#history_lesson_table div#modal_content h4 {
	text-align: center;
	font-size: 26px;
	word-break: break-all;
	white-space: break-spaces;
}
.pendding_attending_cls a.waves-effect.waves-light.btn {
	margin-top: 0px;
}
div#modal_content img {
	width: 100% !important;
}
#modal1 button.waves-effect.waves-light.btn {
	float: left;
}
.main_tutor div#profile .card {
	padding: 15px;
}
#cirruculum .main_div_str_main.backbtncls {
	margin-bottom: 25px;
}
div#myprofile .card.myprofilecard .card-content .table-responsive {
	border: 0px;
	margin-bottom: 0px;
}
#teacher .mid_way .col.s7 .table-responsive {
	border: 0px;
	margin-bottom: 0px;
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}

table {
	width: 100%;
	max-width: 100%;/*    table-layout: inherit !important;*/

}
.main_studOne ul.tabs li a {
	font-size: 13px !important;
}
nav .brand-logo img {
	max-width: 140px;
}
#schedule_calendar {
	padding: 15px;
}
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
	width: 31%;
}
.container.inner_det_s {
	width: 100%;
}
.curriculum_inner_page span {
	font-size: 16px !important;
}
.main_div_str_one {
	width: 100%;
	max-width: 300px;
	display: block;
	float: none !important;
	margin: 0px auto;
}
div#profile .col.s12 > .card > .row > .col.s5 {
	width: 100%;
	margin-bottom: 20px;
}
div#profile .col.s12 > .card > .row > .col.s7 {
	width: 100%;
}
.container.main_stud {
	padding: 10px 15px 15px;
}
div#myprofile .card.myprofilecard .card-content .col.s2 {
	width: 40%;
}
/* 12 oct */



ul#dropdownone li a {
	padding-top: 12px !important;
	font-weight: 600;
}
textarea#reason {
	width: 100% !important;
}
}
 @media (max-width: 600px) {
nav .nav-wrapper i {
	height: 60px;
	line-height: 60px;
}
#profile .grd_right .col.s3 {
	width: 100%;
}
#profile .grd_right .col.s5 {
	width: 65%;
}
.msg_icon i.fa.fa-envelope {
	margin-top: 20px;
}
ul#nav-mobile ul li a.dropdown-button i.material-icons.left {
	margin-top: 18px;
}
div#myprofile .card.myprofilecard .card-content .col.s2 {
	width: 100%;
}
div#myprofile .card.myprofilecard .card-content .col.s4 {
	width: 100%;
}
div#myprofile .card.myprofilecard .card-content .col.s5 {
	width: 100%;
}
.main_stud div#dashboard .row .card_main {
	padding: 15px;
}
.main_stud div#dashboard .col.l3.s12 {
	width: 100%;
}
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
	width: 48%;
}
.list_vd ul.tabs li {
	display: inline-block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 10px 0px;
}
.list_vd ul.tabs {
	display: grid;
	width: 100%;
	text-align: center;
}
#studentstable button {
	margin-left: 10px;
}
.fc-toolbar h2 {
	font-size: 16px !important;
}
.main_tutor div#lession ul.tabs {
	max-width: 100%;
}
.main_tutor div#lession ul.tabs .indicator {
	bottom: 0px !important;
}
#teacher .mid_way .col.s2 {
	width: 100%;
}
#teacher .mid_way .col.s7 {
	width: 100%;
}
#teacher .mid_way .col.s3 {
	width: 100%;
}
/* 12 oct */



ul#dropdownone li a {
	padding-top: 12px !important;
	font-weight: 600;
}
textarea#reason {
	width: 100% !important;
}
}
 @media (max-width: 540px) {
nav ul a {
	padding: 0 8px;
}
.msg_icon span.badge.red.round {
	right: -2px !important;
}
.main_studOne ul.tabs li a {
	text-transform: uppercase;
}
.vd_mid a {
	font-size: 18px;
}
.main_studOne .hide-tab-scrollbar {
	height: auto;
}
#profile .grd_right .col.s4 {
	width: 100%;
}
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
	width: 96%;
}
nav.tut_nav {
	background: #fff;
	margin-bottom: 1px;
	height: auto;
	line-height: 10px;
}
nav .brand-logo {
	margin-left: 0px;
	padding-top: 4px;
	margin-bottom: 5px !important;
	display: inline-block;
	position: relative;
}
.main_studOne ul.tabs li.tab {
	height: auto !important;
	width: 100%;
	border-bottom: 1px solid #cccccc85;
	line-height: 24px;
}
.main_studOne ul.tabs {
	height: auto !important;
	overflow: hidden;
	display: inline-block;
	width: 100% !important;
	float: left;
}
.fc-toolbar.fc-header-toolbar {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.fc-toolbar.fc-header-toolbar .fc-center {
	margin: 10px 0px;
}
.tutor_dashboard .modal-content form button[type="submit"] {
	display: inline-block;
	width: 100%;
	margin: 0px 0px 10px;
}
div#session_delete_box {
	display: inline-block;
	width: 100% !important;
}
div#session_delete_box button#delete_session {
	width: 100%;
}
.tutor_dashboard .modal-footer {
	margin: 0px;
	width: 100% !important;
	float: left;
	padding: 0px;
}
.tutor_dashboard .modal-footer a.modal-action.modal-close.waves-effect.waves-green.btn-flat.cl_attwo {
	width: 100%;
	text-align: center;
	border: 1px solid;
	margin: 0px;
}
/* 12 oct */	

	

ul#dropdownone li a {
	padding-top: 12px !important;
	font-weight: 600;
}
textarea#reason {
	width: 100% !important;
}
}
 @media (max-width: 767px) {
#penddingtable tr td {
	width: 100% !important;
}
}

 @media (max-width: 480px) {

  	.btn_lang a.dropdown-button {
        padding-right: 25px;
	}
	li.btn_lang {
    	margin-right: 5px;
	}
	



 #historytable tr td {
 width:50% !important;
}
 #penddingtable tr td {
 width:100% !important;
}
 #recordertable tr td {
 width:50% !important;
}
 #lessiontable tr td {
 width: 50% !important;
}
 #lessiontable tr {
 border-bottom:1px solid #e0e0e0 !important;
}
 ul#nav-mobile ul li.vsn_vx > a {
 margin-top: 5px;
 padding: 0px !important;
}
 ul#nav-mobile ul li.vsn_vx {
 margin-right: 5px;
}
 html body nav .brand-logo {
 float: left;
 left: 50px;
}
 nav .brand-logo img {
 max-width: 100px;
}
 nav ul a {
 padding: 0 10px !important;
}
 i.material-icons.left {
 margin-right: 0px !important;
}
.btn_lang a.dropdown-button {
 	margin-top:0px;
    padding-right:20px !important;
}
 .msg_icon span.badge.red.round {
 top: 8px !important;
 right: 5px !important;
}
 .msg_icon i.fa.fa-envelope {
 margin-top: 14px;
}
 ul#nav-mobile ul li a.dropdown-button i.material-icons.left {
 margin-top: 12px;
}
 #totalnotification {
 top: 8px !important;
 right: 0px !important;
}
 div#acceptModal131 {
 width: 98%;
}
 div.material-table .table-footer .dataTables_info, div.material-table .table-footer .dataTables_length {
 margin-right:10px !important;
}
 div.material-table .table-footer select {
 margin-left:0px !important;
}
 div.material-table .table-footer .material-pagination li:first-child {
 margin-right: 0px !important;
}
 .modal {
 width:90%;
 position: inherit !important;
}
 #addLessonForm .input-field.col.s6 {
 width: 100%;
}
 .modal .modal-content {
 padding:15px !important;
}
 #inviteStudentForm .input-field.col.s6 {
 width:100%;
}

	

/* 12 oct */	



ul#dropdownone li a {
 padding-top: 12px !important;
 font-weight: 600;
}
 textarea#reason {
 width: 100% !important;
}
 a.waves-effect.waves-light.btn.plyBtn {
 width:100px !important;
 padding-left:5px !important;
 padding-right:5px !important;
 font-size:12px !important;
}
}
/**Responsive end**/



















/*12 oct */

th.sorting_asc {
	max-width: 59px !important;
}
div#historytable_paginate span a:hover {
	color: #000 !important;
}
div#history_lesson_table_paginate span a:hover {
	color: #000 !important;
}
/* 13 oct */



th.msg_ser_until {
	width: 135px !important;
}
th.msg_ser_from {
	width: 140px !important;
}
th.msg_ser_date {
	width: 125px !important;
}
th.msg_ser_no {
	width: 160px !important;
}
th.msg_ser_grade {
	width: 163px !important;
}
th.msg_ser_lesson {
	width: 150px !important;
}
th.msg_ser_descrip {
	width: 350px !important;
}
th.msg_ser_name {
	width: 180px !important;
}
th.msg_ser_no {
	width: 66px !important;
}




/* new dashboard page */


/* 23 nov */

.justify-content-center {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.inner_bg_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.inner_bg_page img {
    width: 100%;
}

.inner_bg_main_page {
    background: #f0f1f3 !important;
    width: 100%;
    max-width: 100%;
    padding: 10px 0px 15px;
    float: left;
}


.inner_bg_main_page_l_on
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.inner_bg_main_page {
padding: 0;
    width: 100%;
    float: left;
    margin: 0;
    padding-top: 20px;
}

.inner_bg_main_page_l {
    float: left;
    background: #fff;
    padding: 10px;
    margin: 0;
    box-shadow: 0px 0px 10px #ccc;
    margin-top: 15px;
}

.inner_bg_main_page_l_on h2 {
    font-size: 30px;
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0px;
}

.bg_main_s {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}


.bg_main_s {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.col_secc_8 {
    width: 100%;
    float: left;
    margin-right: 1.5%;
}

.col_secc_4 {
    width: 25%;
    float: left;
}

.inner_bg_main_page_l img {
    width: 100%;
}


.inner_bg_main_page_r_on
{
    width: 100%;
    float: left;
    background: #fff;
    min-height: 60px;
    padding: 10px 15px;
}

input.swm-search-form-input {
    margin: 0;
    width: 92%;
    padding: 15px 10px 15px 10px;
    position: relative;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    height: auto;
}

.swm-search-form_inner {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

button.swm-search-button {
	position: absolute;
    top: 10px;
    right: 10px;
}


.inner_bg_main_page_l_on p {
    float: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 0;
    padding-left: 3px;
    margin-bottom: 10px;
}



input.swm-search-form-input {
    border: 1px solid #999;
    border-radius: 50px;
    padding-left: 25px;
    width: 92%;
    margin-bottom: 0;
}

.inner_con_on
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	
}

.inner_con_on_l
{
    width: 49%;
    float: left;
    background: #fff;
    padding: 10px 10px 5px;
    margin: 1% 1% 0% 0%;
    box-shadow: 0px 0px 10px #ccc;
}

.inner_con_on_r
{
    width: 49%;
    float: left;
    margin: 1% 0% 0% 1%;
    background: #fff;
    padding: 10px 10px 5px;
    box-shadow: 0px 0px 10px #ccc;
}


.inner_con_two
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}

.inner_con_on h1 {
    font-size: 36px;
    text-align: center;
    margin-top: 0;
}

.inner_con_two {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    margin: 0;
    box-shadow: 0px 0px 10px #ccc;
    margin-top: 15px;
}

.inner_con_two h1 {
    margin-top: 10px;
    font-size: 36px;
    text-align: center;
    text-transform: capitalize;
    color: #000;
}

.inner_con_two a {
    width: 100%;
    float: left;
    padding: 10px;
    margin: 0;
}

.inner_con_two a img {
    margin: 0 auto;
    display: table;
    float: none;
    margin-bottom: 25px;
}


.swm-post-meta {
    margin-bottom: 15px;
    display: block;
}
.swm-post-meta ul {
    padding: 0;
    margin: 0;
}
.swm-post-meta ul li.swm-post-date {
    letter-spacing: 2px;
    margin-right: 19px;
}
.swm-post-meta ul li {
    list-style: none;
    display: inline-block;
    float: left;
    margin: 0 25px 0 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 30px;
}
.swm-post-meta ul li.swm-post-date i {
    display: none;
}
.swm-post-meta ul li i {
    margin-right: 8px;
}
.swm-post-date-line {
    display: inline-block;
    width: 40px;
    height: 30px;
    position: relative;
    margin-left: 15px;
}
.swm-post-date-line:before, .swm-mobi-nav-close {
    background: #d83030;
}
.swm-post-date-line:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    left: 0;
    top: 50%;
    margin-top: 0px;
    display: block;
    background: #000000;
}

.swm-post-meta ul li a {
    color: #000;
    font-weight: 400;
}


.swm-post-meta ul li.swm-post-date span.swm-postmeta-text {
    position: relative;
    top: -10px;
    left: 2px;
}

.inner_con_three
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}


.inner_con_three {
    float: left;
    background: #fff;
    padding: 10px 10px 20px;
    margin: 0;
    box-shadow: 0px 0px 10px #ccc;
    margin-top: 25px;
    width: 100%;
}

.inner_con_three h1 {margin-top: 10px;font-size: 36px;text-align: center;text-transform: capitalize;color: #000;}

.inner_con_three span.psd_d {
    width: 15.5%;
    float: left;
    text-align: center;
    margin: 0px 6px;
}

.inner_con_three span.psd_d a {
    float: left;
    width: 100%;
    margin: 0;
    padding: 25px;
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
}

.inner_con_three span.psd_d a i.fa.fa-file-text-o {
    float: left;
    width: 100%;
    font-size: 50px;
    margin-bottom: 12px;
}

.inner_con_three span.psd_d a:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}


.inner_con_four
{
    float: left;
    background: #fff;
    padding: 10px 10px 10px;
    margin: 0;
    box-shadow: 0px 0px 10px #ccc;
    margin-top: 25px;
    width: 100%;
}

.inner_con_four h1 {
    margin-top: 10px;
    font-size: 36px;
    text-align: center;
    text-transform: capitalize;
    color: #000;
}

.inner_con_five
{
    float: left;
    margin-top: 25px;
    width: 100%;
    margin-bottom: 35px;
}




.inner_con_five h1 {
    margin-top: 10px;
    font-size: 36px;
    text-align: center;
    text-transform: capitalize;
    color: #000;
}

.shop_now_sec1 {
    width: 24%;
    float: left;
    background: #fff;
    padding: 10px 10px 10px;
    margin: 0 10px 0 0;
    box-shadow: 0px 0px 10px #ccc;
}

.shop_now_sec2 {
    width: 24%;
    float: left;
    background: #fff;
    padding: 10px 10px 10px;
    margin: 0 10px 0 0;
    box-shadow: 0px 0px 10px #ccc;
}

.shop_now_sec3 {
    width: 24%;
    float: left;
    background: #fff;
    padding: 10px 10px 10px;
    margin: 0 10px 0 0;
    box-shadow: 0px 0px 10px #ccc;
}

.shop_now_sec4 {
    width: 24%;
    float: left;
    background: #fff;
    padding: 10px 10px 10px;
    margin: 0 10px 0 0;
    box-shadow: 0px 0px 10px #ccc;
}

.shop_now_sec4 img {
    width: 100%;
}

.shop_now_sec3 img {
    width: 100%;
}

.shop_now_sec2 img {
    width: 100%;
}

.shop_now_sec1 img {
    width: 100%;
}


.shop_now_sec1 p {
    text-align: center;
    font-size: 16px;
    color: #000;
    float: none;
    display: table;
    margin: 15px auto;
}

.shop_now_sec1 p a {
    color: #000;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 5px 5px;
}

.shop_now_sec1 p a:hover {
    background: #000;
    color: #fff;
}





.shop_now_sec2 p {
    text-align: center;
    font-size: 16px;
    color: #000;
    float: none;
    display: table;
    margin: 15px auto;
}

.shop_now_sec2 p a {
    color: #000;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 5px 5px;
}

.shop_now_sec2 p a:hover {
    background: #000;
    color: #fff;
}



.shop_now_sec3 p {
    text-align: center;
    font-size: 16px;
    color: #000;
    float: none;
    display: table;
    margin: 15px auto;
}

.shop_now_sec3 p a {
    color: #000;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 5px 5px;
}

.shop_now_sec3 p a:hover {
    background: #000;
    color: #fff;
}


.shop_now_sec4 p {
    text-align: center;
    font-size: 16px;
    color: #000;
    float: none;
    display: table;
    margin: 15px auto;
}

.shop_now_sec4 p a {
    color: #000;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 5px 5px;
}

.shop_now_sec4 p a:hover {
    background: #000;
    color: #fff;
}











/* 24 nov */

.slider .indicators .indicator-item {
  background-color: #666666;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.slider .indicators .indicator-item.active {
  background-color: #ffffff;
}
.slider {
  width: 900px;
  margin: 0 auto;
}
.slider .indicators {
  bottom: 60px;
  z-index: 100;

}

.slider
{
    height: 400px !important;
}

.slider ul.indicators {
    position: relative;
    bottom: 40px;
}



@media(min-width:320px) and (max-width:400px)
{

.inner_con_on_l {
    width: 100%;
	margin: 1% 0% 2% 0%;
}
.inner_con_on_r {
    width: 100%;
    margin: 1% 0% 0% 0%;
}

.inner_con_two img {
    width: 100%;
    margin-bottom: 10px !important;
}
.inner_bg_main_page_l_on h2 {
    font-size: 26px;
	line-height:25px;
}


.inner_con_three span.psd_d {
    width: 45%;
    margin: 0px 6px 3%;
}


.shop_now_sec1 {
    width: 100%;
    margin: 0 0px 20px 0;
}
.shop_now_sec2 {
    width: 100%;
    margin: 0 0px 20px 0;
}
.shop_now_sec3 {
    width: 100%;
    margin: 0 0px 20px 0;
}
.shop_now_sec4 {
    width: 100%;
    margin: 0 0px 20px 0;
}

}

@media(min-width:401px) and (max-width:567px)
{

.inner_con_on_l {
    width: 100%;
	margin: 1% 0% 2% 0%;
}
.inner_con_on_r {
    width: 100%;
    margin: 1% 0% 0% 0%;
}

.inner_con_two img {
    width: 100%;
    margin-bottom: 10px !important;
}
.inner_bg_main_page_l_on h2 {
    font-size: 26px;
	line-height:25px;
}


.inner_con_three span.psd_d {
    width: 45%;
    margin: 0px 6px 3%;
}


.shop_now_sec1 {
    width: 100%;
    margin: 0 0px 20px 0;
}
.shop_now_sec2 {
    width: 100%;
    margin: 0 0px 20px 0;
}
.shop_now_sec3 {
    width: 100%;
    margin: 0 0px 20px 0;
}
.shop_now_sec4 {
    width: 100%;
    margin: 0 0px 20px 0;
}

}

@media(min-width:568px) and (max-width:767px)
{

.inner_con_on_l {
    width: 100%;
	margin: 1% 0% 2% 0%;
}
.inner_con_on_r {
    width: 100%;
    margin: 1% 0% 0% 0%;
}

.inner_con_two img {
    width: 100%;
    margin-bottom: 10px !important;
}
.inner_bg_main_page_l_on h2 {
    font-size: 26px;
	line-height:25px;
}


.inner_con_three span.psd_d {
    width: 30%;
    margin: 0px 6px 3%;
}


.shop_now_sec1 {
    width: 47.5%;
    margin: 0 10px 20px 0;
}
.shop_now_sec2 {
    width: 47.5%;
    margin: 0 0px 23px 10px;
}
.shop_now_sec3 {
    width: 47.5%;
    margin: 0 10px 20px 0px;
}
.shop_now_sec4 {
    width: 47.5%;
    margin: 0 0px 20px 10px;
}

}

@media(min-width:768px) and (max-width:991px)
{

.inner_con_two img
{
	width:100%;
}
.inner_con_three span.psd_d {
    width: 23%;
    margin: 0px 6px 14px;
}

.shop_now_sec1 {
    width: 24%;
    margin: 0 3px 0 0;
}

.shop_now_sec2 {
    width: 24%;
    margin: 0 4px 0 4px;
}

.shop_now_sec3 {
    width: 24%;
    margin: 0 4px 0 4px;
}

.shop_now_sec4 {
    width: 24%;
    margin: 0 0px 0 4px;
}

.shop_now_sec1 p a
{
    padding: 5px 10px;
}
.shop_now_sec2 p a
{
    padding: 5px 10px;
}
.shop_now_sec3 p a
{
    padding: 5px 10px;
}
.shop_now_sec4 p a
{
    padding: 5px 10px;
}

}

@media(min-width:992px) and (max-width:1199px)
{

.inner_con_two img
{
	width:100%;
}
.inner_con_three span.psd_d {
    width: 23%;
    margin: 0px 6px 14px;
}

.shop_now_sec1 {
    width: 24%;
    margin: 0 3px 0 0;
}

.shop_now_sec2 {
    width: 24%;
    margin: 0 4px 0 4px;
}

.shop_now_sec3 {
    width: 24%;
    margin: 0 4px 0 4px;
}

.shop_now_sec4 {
    width: 24%;
    margin: 0 0px 0 4px;
}

.shop_now_sec1 p a
{
    padding: 5px 10px;
}
.shop_now_sec2 p a
{
    padding: 5px 10px;
}
.shop_now_sec3 p a
{
    padding: 5px 10px;
}
.shop_now_sec4 p a
{
    padding: 5px 10px;
}

}

@media(min-width:1200px) and (max-width:1420px)
{

.inner_con_two img
{
	width:100%;
}
.inner_con_three span.psd_d {
    width: 15.5%;
    margin: 0px 4px 14px;
}

.shop_now_sec1 {
    width: 24%;
    margin: 0 3px 0 0;
}

.shop_now_sec2 {
    width: 24%;
    margin: 0 4px 0 4px;
}

.shop_now_sec3 {
    width: 24%;
    margin: 0 4px 0 4px;
}

.shop_now_sec4 {
    width: 24%;
    margin: 0 0px 0 4px;
}

.shop_now_sec1 p a
{
    padding: 5px 10px;
}
.shop_now_sec2 p a
{
    padding: 5px 10px;
}
.shop_now_sec3 p a
{
    padding: 5px 10px;
}
.shop_now_sec4 p a
{
    padding: 5px 10px;
}

}


/* end new dashboard */



/* new page */


.header {
    position: relative;
    padding: 170px 0 170px;
    z-index: 201;
	font-family: 'Montserrat', sans-serif;
}
.header>.container {
    position: relative;
	font-family: 'Montserrat', sans-serif;
}
.container {
    padding: 0 15px;
    max-width: 1170px;
    margin: 0 auto;
	font-family: 'Montserrat', sans-serif;
}
.header h1 {
    color: #1e467f;
    width: 600px;
    max-width: 100%;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 60px;
    z-index: 2;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 46px;
}
.header h1 span {
    color: #e65752;
	font-family: 'Montserrat', sans-serif;
}
.header .btn {
    position: relative;
    z-index: 2;
    margin-right: 10px;
	font-family: 'Montserrat', sans-serif;
}
.btn-red {
    background-color: #e65752 !important;
}
.btn-dark-blue {
    background-color: #1e467f !important;
}

.header .header-svg {
    position: absolute;
    top: 45px;
    right: 8%;
    bottom: 0;
    left: 50%;
    width: auto;
    height: auto;
    z-index: 1;
    background: url(../images/header-bg.svg) center 15% no-repeat;
    background-size: contain;
}
.header .header-svg svg {
    max-width: 100%;
}


.header .btn {
    min-width: 140px;
    padding: 14px 28px;
    line-height: 36px;
    text-align: center;
    transition: all .3s;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    border-radius: 50px;
    box-shadow: 0 5px rgba(0,0,0,.15);
	    height: auto;
}




.header-svg svg {
	overflow: visible
}
.header-svg svg g {
	-webkit-transform-origin: center center;
	transform-origin: center center
}
.header-svg svg .laptop {
	transition: .9s
}
.header-svg svg .lamp-details {
	transition: .6s
}
.header-svg svg .book-1.animated, .header-svg svg .book-2.animated, .header-svg svg .book-3.animated, .header-svg svg .book-4.animated, .header-svg svg .fade-shadow.animated, .header-svg svg .lamp.animated, .header-svg svg .laptop.animated, .header-svg svg .man-1.animated, .header-svg svg .man-2.animated, .header-svg svg .man-3.animated, .header-svg svg .man-5.animated, .header-svg svg .man-6.animated, .header-svg svg .pencil.animated, .header-svg svg .phone.animated, .header-svg svg .stairs.animated {
	transition-delay: 0s!important;
	transition-duration: .5s
}
.header-svg:hover .lamp.animated {
	-webkit-transform: translateY(-60px);
	transform: translateY(-60px)
}
.header-svg:hover .book-2.animated {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}
.header-svg:hover .book-3.animated {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px)
}
.header-svg:hover .book-4.animated {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px)
}
.header-svg:hover .phone.animated {
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}
.header-svg:hover .pencil.animated {
	-webkit-transform: translateY(30px);
	transform: translateY(30px)
}
.header-svg:hover .laptop.animated, .header-svg:hover .man-2.animated {
	-webkit-transform: translate(20px, 20px);
	transform: translate(20px, 20px)
}
.header-svg:hover .man-5.animated {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)
}
.header-svg:hover .man-6.animated {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px)
}
.header-svg:hover .book-1.animated, .header-svg:hover .man-1.animated, .header-svg:hover .man-3.animated, .header-svg:hover .stairs.animated {
	-webkit-transform: translate(-20px, 20px);
	transform: translate(-20px, 20px)
}
@-webkit-keyframes man-2 {
0%, 100% {
-webkit-transform:translate(-20px, 20px) rotate(0);
transform:translate(-20px, 20px) rotate(0)
}
50% {
-webkit-transform:translate(-20px, 20px) rotate(2deg);
transform:translate(-20px, 20px) rotate(2deg)
}
}
@keyframes man-2 {
0%, 100% {
-webkit-transform:translate(-20px, 20px) rotate(0);
transform:translate(-20px, 20px) rotate(0)
}
50% {
-webkit-transform:translate(-20px, 20px) rotate(2deg);
transform:translate(-20px, 20px) rotate(2deg)
}
}
@-webkit-keyframes airman {
0%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
}
@keyframes airman {
0%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
}
@-webkit-keyframes lamp {
0%, 12%, 4% {
fill:rgba(0,0,0,.15)
}
10%, 100%, 14%, 2%, 6% {
fill:#ebd265
}
}
@keyframes lamp {
0%, 12%, 4% {
fill:rgba(0,0,0,.15)
}
10%, 100%, 14%, 2%, 6% {
fill:#ebd265
}
}
@-webkit-keyframes lamp-2 {
0%, 12%, 4% {
fill:#969696
}
10%, 100%, 14%, 2%, 6% {
fill:#dea749
}
}
@keyframes lamp-2 {
0%, 12%, 4% {
fill:#969696
}
10%, 100%, 14%, 2%, 6% {
fill:#dea749
}
}


@media (max-width:1440px) {
.header {
	padding-bottom: 150px
}
}
@media (max-width:1200px) {
.header {
	padding-top: 50px
}
.header .header-container {
	margin-bottom: 100px
}
.header .header-svg {
	top: 148px;
	left: 40%
}

}
.header-intro .header-container .navigation>li.divider:after, body.frontend-course-builder .frontend-builder-slider .owl-nav {
	display: none
}
@media (max-width:1024px) {
.header .header-svg {
	opacity: .4;
	left: 25%
}
}
@media (max-width:768px) {
.header {
	padding-bottom: 100px;
	padding-top: 30px
}
.header .header-svg {
	left: 15%
}
.header h1 {
	font-size: 36px;
	line-height: 42px;
	letter-spacing: -1px
}
}
@media (max-width:480px) {
.header .header-svg {
	left: 5%;
	right: 5%
}
}


.header-intro .header-container {
	padding: 0 15px;
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 160px;
	max-width: 100%
}
.header-intro .header-container .navigation>li>a:not(.download-app) {
	color: #fff
}
.header-intro .header-container .navigation>li>a:not(.download-app):hover {
	color: #f2d072
}
.header-intro .title-box {
	font-size: 105px;
	line-height: 84px;
	padding-left: 15px;
	padding-right: 15px
}
.header-intro .burger {
	right: 15px
}
.header-intro .burger span {
	background-color: #fff
}
@media (max-width:1200px) {
.header-intro .header-container {
	padding-left: 15px
}
}
@media (max-width:1300px) {
.header.header-intro .header-container {
	margin-bottom: 80px!important
}
.header.header-intro .title-box {
	font-size: 80px;
	line-height: 78px
}
}
@media (max-width:768px) {
.header-intro {
	min-height: 500px
}
.header.header-intro .header-container {
	margin-bottom: 70px!important
}
.header.header-intro .title-box {
	font-size: 60px;
	line-height: 54px
}
}

.cls-1 {
	isolation: isolate
}
.cls-2, .cls-21, .cls-41 {
	fill: #a8c4e5
}
.cls-2 {
	opacity: .4
}
.cls-2, .cls-41 {
	mix-blend-mode: multiply
}
.cls-3 {
	fill: #ffc2b0
}
.cls-4 {
	fill: #d88d2b
}
.cls-5 {
	fill: #dd4078
}
.cls-6 {
	fill: #d8e3f0
}
.cls-7 {
	fill: #dea749
}
.cls-8 {
	fill: #ebd265
}
.cls-15, .cls-32, .cls-9 {
	fill: none
}
.cls-15, .cls-9 {
	stroke: #baced8;
	stroke-miterlimit: 10
}
.cls-9 {
	stroke-width: 1.36px
}
.cls-10 {
	fill: #4c73db
}
.cls-11 {
	fill: #69f
}
.cls-12 {
	fill: #527beb
}
.cls-13 {
	fill: #4265c2
}
.cls-14 {
	fill: #6271f0
}
.cls-15 {
	stroke-width: 1.38px
}
.cls-16, .cls-27, .cls-49 {
	fill: #fff
}
.cls-17 {
	fill: #97cbff
}
.cls-18 {
	fill: #ce3a77
}
.cls-19 {
	fill: #eb6092
}
.cls-20 {
	fill: #8db0da
}
.cls-22 {
	fill: #2c4482
}
.cls-23 {
	fill: #e1eaf4
}
.cls-24 {
	fill: #bbd6f2
}
.cls-25 {
	fill: #5366c4
}
.cls-26 {
	fill: #4367c7
}
.cls-27 {
	opacity: .51
}
.cls-28 {
	fill: #21275e
}
.cls-29 {
	fill: #ea8a6c
}
.cls-30 {
	fill: #fcfeff
}
.cls-31 {
	fill: #d0e7f4
}
.cls-32 {
	stroke: #fff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 7px
}
.cls-33 {
	fill: #685b80
}
.cls-34 {
	fill: #45446c
}
.cls-35 {
	fill: #dbedff
}
.cls-36 {
	fill: #8787cc
}
.cls-37 {
	fill: #9687ae
}
.cls-38 {
	fill: #715255
}
.cls-39 {
	fill: #ab9ac7
}
.cls-40 {
	fill: #3f5da0
}
.cls-42 {
	fill: #ef487c
}
.cls-43 {
	fill: #88bdeb
}
.cls-44 {
	fill: #514677
}
.cls-45 {
	fill: #423a66
}
.cls-46 {
	fill: #bc4073
}
.cls-47 {
	fill: #dbefff
}
.cls-48 {
	fill: #283d75
}
.cls-49 {
	opacity: .46
}
.cls-50 {
	fill: #513554
}
.cls-51 {
	fill: #715154
}
.cls-52 {
	fill: #dcefff
}


@media only screen and (min-width: 993px){
	
.header .container {
    width: 100%;
}

}

.dash_new_two
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}


.icon_list {
    display: flex;
    justify-content: space-between;
    padding: 44px 88px 21px;
    margin: 0 0px;
    background-color: #e65752;
}

.icon_list .icon_single {
    width: calc(25% - 15px);
    margin: 0 0 40px;
    color: #fff;
}
.icon_list .icon_single .inner {
    position: relative;
    padding: 0 15px;
}
.icon_list .icon_single .icon {
    position: absolute;
    top: -5px;
    left: 8px;
    border: 1px solid #cccc;
    border-radius: 50px;
    overflow: hidden;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    background: #FFF;
    width: 80px;
    height: 80px;
}
.icon_list .icon_single .icon_content {
    padding-left: 80px;
}
.icon_list .icon_single .icon_content .title {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.icon_list .icon_single .icon_content .content {
    font-size: 14px;
    line-height: 22px;
}


/* ads */

@media (max-width: 1820px)
#about .advantages-list li {
    background-position: 50% 100%;
}
#about .advantages-list>li {
    padding: 70px 15px;
    height: auto;
}
.advantages-list li {
    list-style: none;
    padding: 0 74px;
/*    height: 600px;*/
    position: relative;
    overflow: hidden;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.advantages-list {
    background-color: #fff;
    position: relative;
    z-index: 10;
    float: left;
    width: 100%;
	margin-bottom: 0;
}
.advantages-list li>div {
    margin: 30px 0;
}

.text-center {
    text-align: center;
}

@media (min-width: 1200px)
.col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
@media (min-width: 1200px)
.col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.advantages-list li>div {
    margin: 30px 0;
}
.advantages-list-description h3, .advantages-list-description-content h3 {
    margin-bottom: 20px;
    line-height: 50px;
    font-weight: 700;
    font-size: 40px;
	font-family: 'Montserrat', sans-serif;
    margin-top: 0;
}
.advantages-list-description p, .advantages-list-description-content p {
    line-height: 33px;
    margin-bottom: 28px;
    font-weight: 400;
    font-size: 17px;
}

.advantages-list-description p, .advantages-list-description-content p {
    line-height: 27px;
    margin-bottom: 28px;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
}

.advantages-list .nav-link-list-wrap {
    display: flex;
    justify-content: flex-start;
    padding-top: 0px;
}
#about .nav-link-list-wrap .item {
    padding: 0 60px 0 0;
    text-align: left;
}
.advantages-list .nav-link-list-wrap .item a {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	color: #195cc5;
}

.advantages-list .nav-link-list-wrap .item a:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 14px;
    top: 2px;
    left: 0;
    background: url(//stylemixthemes.com/masterstudy/wp-content/themes/landing/assets/dist/../svg/arrow-right.svg) center center no-repeat;
}

/*#about .nav-link-list-wrap .item a {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    font-weight: 500;
}

*/

.col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}


.nav-link-list {
    float: left;
    width: auto;
    margin-right: 25px;
}


.advantages-list .nav-link-list-wrap .item {
    padding: 0 10px 0 0;
    text-align: left;
	line-height: 29px;
}



/* demo */

.demos {
    position: relative;
    padding: 35px 38px 1px;
    background-color: #FFF; /*#273044*/
    z-index: 200;
    float: left;
    width: 100%;
}
.demos h2 {
    font-size: 90px;
}

.demos .subtitle {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    width: 920px;
    line-height: 36px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 66px;
    font-family: 'Montserrat', sans-serif;
}

.demos-list {
    flex-wrap: wrap;
    margin: 0 -15px;
}

.btn, .white {
    color: #fff;
}

.demos h2.white {
    background: transparent !important;
	}
.demos h2.white {
    background: transparent !important;
    margin-top: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
	font-size: 45px;
	}
.demos-list .demo {
    width: 18.60%;
    margin: 0 0 29px;
    float:none;
    border: 1px solid #ddd;
    padding: 1px;
    margin-left: 16px;
    background-color: #f5f5f5 !important;
    max-width: 242px;
    display:inline-block; 
	}
.demos-list .demo .inner {
    display: block;
    padding: 0 0px;
	}
.demos-list .demo .inner h4 {
   /* margin: 0 0 35px;
    min-height: 24px;*/
    color: #152b75;
    text-align: center;
    text-transform: capitalize;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    font-weight: bold;
        background-color: #fff;
    padding: 10px;
}

.demos-list .demo .inner .image img {
    position: relative;
    top: 0;
    width: 100%;
    transition: .5s ease-in-out;
    vertical-align: top;
    max-width: inherit;    
    object-fit: cover;
    height: 100%;
	}
.demos-list .demo .inner:hover img {
    top: -30px;
}
.demos-list .demo .inner .image {
   	height:320px !important;    
    box-shadow: 0 10px 25px rgba(0,0,0,.2);
    overflow: hidden;
	}
.course_creation{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	}
.advantages-list-description-content p {
    line-height: 36px;
    font-size: 20px;
}

.loop-video {
    width: 80%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 16px 24px rgba(0,0,0,.24);
    border-radius: 5px;
    min-height: 465px;
	margin-left: 5%;
}

.advantages-list-description-content h3.blue {
    background: transparent !important;
    color: #000;
    text-transform: uppercase;
}

.advantages-list-description-content a {
    min-width: 140px;
    padding: 14px 28px;
    line-height: 36px;
    text-align: center;
    transition: all .3s;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    border-radius: 50px;
    box-shadow: 0 5px rgba(0,0,0,.15);
    height: auto;
    background: #2c4ba1;
}


.advantages-list-description-content {
    max-width: 506px;
    margin-right: 50px;
    margin-left: auto;
}

.loop-video video {
    position: relative;
    width: 100%!important;
    vertical-align: bottom;
    z-index: 10;
}

.advantages-list-description-content h3 {
    background: transparent !important;
    color: #000;
    text-transform: uppercase;
}

.lazy_d
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}

.lazy_d img
{
    width: 93%;	
}

#footer {
    position: relative;
    background-color: #eae9e9;
    float: left;
    width: 100%;
}
.footer {
    display: flex;
    padding: 10px 0;
    align-items: center;
    justify-content: center;
}
.footer .right {
    margin: 0 -5px;
}
.footer .right a {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
        color: #505050;
    font-size: 15px;
}
.footer .left {
    margin-left: auto;
    font-size: 15px;
    font-weight: 400;
}
.footer .left a {
    color: #000;
    opacity: 1;
}
.social-icon-footer a {
    border: 1px solid #ccc;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    display: flex !important;
    justify-content: center; 
    align-items: center; 
    vertical-align: middle;
    float: left;
    color: #2c4ba1 !important;   
	}
li.row {
    margin-bottom:0px;
	}
input#book_code {
	font-size:26px !important;
    text-align:center;
    border:2px solid #ec5252 !important;
    height:50px;
    border-radius:2px;
    margin-bottom:15px;
    padding:0px;
    line-height:40px;    
	}
a.active {
    cursor:pointer;
	}


@media (min-width: 1200px) and (max-width:8065px)
{
.col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
}


@media (max-width: 1700px)
{
.loop-video {
    min-height: 294px;
}

}


/* 26 nov */

/* course page */

/* course_page_banner */

.course_page_banner
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/bann_c.jpg);
	background-size: cover;
}
.course_page_banner img
{
	width:100%;
}

.course_page_banner_txt
{
	width:100%;
	float:left;
	margin:190px 0px;
	padding:0px;
}

.course_page_banner_bott
{
    width: 100%;
    float: left;
    padding: 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: -10px 0 25px;
    padding-top: 10px;
    overflow-x: auto;
}

.course_page_banner_txt h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.course_page_banner_txt h1 {
    font-size: 100px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    color: #fff;
}




.stm_lms_courses_category {
    padding: 15px;
    margin: 0 0 33px;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
    border-radius: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(25% - 10px)!important;
}


.stm_lms_courses_category img {
    width: 80px;
    margin: 0 auto;
    display: table;
}

.stm_lms_courses_category h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.stm_lms_courses_category:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}





.course_page_main
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}



.courses_filters {
    display: flex;
    align-items: center;
}
.courses_filters__title {
    margin-right: 30px;
}
.courses_filters__title h1 {
    margin-bottom: 15px;
    line-height: 55px;
    letter-spacing: -.4px;
    font-weight: 700;
    font-size: 40px;
	margin-top: 0px;
}

.courses_filters__activities {
    display: flex;
    flex-grow: 1;
    margin-bottom: 15px;
    margin-left: auto;
}
.courses_filters .stm_lms_courses_grid__sort {
    display: flex;
    flex-grow: 1;
    max-width: 380px;
    align-items: center;
    margin-left: auto;
}
.courses_filters__switcher {
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.courses_filters .stm_lms_courses_grid__sort .sort_label {
    margin-right: 10px;
    white-space: nowrap;
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 700;
}
.select2-hidden-accessible {
/*    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
		border: 0!important;
	*/
	
    border: 1px solid #676767;
    clip: rect(0 0 0 0)!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
}
.courses_filters .stm_lms_courses_grid__sort .select2 {
    max-width: 300px;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container--default .select2-selection--single {
    border-color: #babdc1;
    border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #293145;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0;
    border-color: #385bce transparent transparent;
    -webkit-transform: none!important;
    transform: none!important;
    top: -4px!important;
}
.courses_filters__switcher {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.courses_filters__switcher i.active {
    background-color: #f2f2f2;
    border-radius: 4px;
    color: #000;
}
.courses_filters__switcher i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #2c75e4;
    margin-right: 5px;
    cursor: pointer;
}
.courses_filters__switcher i:last-child {
    margin-right: 0;
}

select.no-search.select2-hidden-accessible {
    display: block;
}

.courses_filters__switcher i {
    border-radius: 4px;
    color: #000;
    font-weight: 300;
}


.courses_filters {
    margin-top: 25px;
    margin-bottom: 10px;
}

.courses_main
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}


.courses_main_left
{
    width:27%;
    float: left;
    margin: 0px;
    padding: 0px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.18), inset 0 3px 0 0 rgba(25,94,200,.004);
}

.courses_main_right
{
    width: 70%;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 3%;
}






/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
/* Horizontal line  for faq*/

.accordion {
    background-color: #fff;
    width: 100%;
    border: none;
    text-align: left;
    transition: 0.4s;
    position: relative;
    padding: 16px 60px 16px 25px;
    cursor: pointer;
   /* border-top: 1px solid #e0e0e0;*/
    margin: 0;
    font-size: 16px;
    color: #232628;
    font-weight: 600;
    letter-spacing: 0;    
	}
.active, .accordion:hover {
    background-color: #fff;
    /*border-bottom: 1px solid #e0e0e0;*/
	}
button.accordion:after{
    content: '\002B';
    color: #385bce;
    font-weight: 300;
    float: right;
    margin-left: 5px;
    font-size: 35px;
    position: absolute;
    right: 22px;
    top: 13px;
}
.collapsible-body {
    display: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem;
}
button.accordion.active:after {
    content: "\2212";
}

.panel {
  padding: 15px 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/








.container_n {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
      font-size: 14px;
    line-height: 25px;
    color: #273044;
    vertical-align: top;
}

/* Hide the browser's default checkbox */
.container_n input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
      border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.container_n:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_n input:checked ~ .checkmark {
  background-color: #1db874;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_n input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_n .checkmark:after {
  left: 9px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}








.container_nn {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 3px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container_nn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.container_nn .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_nn:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_nn input:checked ~ .checkmark {
  background-color: #1db874;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_nn input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container_nn .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

span.st_s {
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
    top: -6px;
}

span.st_s a {
    color: #EFB467;
    font-size: 16px;
}

span.st_s b {
    font-weight: 400;
    font-size: 13px;
    color: #222326;
}











.stm_lms_courses__archive_wrapper .stm_lms_courses__archive {
	margin: 0;
	flex-grow: 1
}
.stm_lms_courses__archive_wrapper .stm_lms_courses__archive_filter {
	width: 280px;
	margin: 55px 20px 20px 0
}
.stm_lms_courses__archive_filters {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.18), inset 0 3px 0 0 rgba(25,94,200,.004)
}
.stm_lms_courses__filter {
	border-top: 1px solid #e0e0e0
}
.stm_lms_courses__filter:first-child {
	border-top: 3px solid #385bce
}
.stm_lms_courses__filter_heading {
	position: relative;
	padding: 21px 60px 21px 25px;
	cursor: pointer
}
.stm_lms_courses__filter_heading h3 {
	margin: 0;
	font-size: 16px;
	color: #232628;
	font-weight: 600;
	letter-spacing: 0
}
.stm_lms_courses__filter_heading .toggler {
	position: absolute;
	right: 25px;
	top: 50%;
	height: 20px;
	width: 20px;
	margin: -10px 0 0
}
.stm_lms_courses__filter_heading .toggler:after {
	top: 50%;
	left: 0;
	margin-top: -1px;
	width: 100%;
	height: 2px;
	transition: .3s ease
}
.stm_lms_courses__filter_heading .toggler:before {
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	transition: .3s ease;
	opacity: 1
}
.stm_lms_courses__filter_content {
	padding: 0 25px 25px
}
.stm_lms_courses__filter_content input[type=text] {
	width: 100%;
	background-color: #fff;
	height: 40px;
	line-height: 40px
}
.stm_lms_courses__filter.active .stm_lms_courses__filter_heading .toggler:after {
	background-color: #9397a1
}
.stm_lms_courses__filter.active .stm_lms_courses__filter_heading .toggler:before {
	opacity: 0
}
.stm_lms_courses__filter .stm_lms_styled_checkbox {
	margin: 0 0 10px;
	vertical-align: top;
	cursor: pointer
}
.stm_lms_courses__filter .stm_lms_styled_checkbox__inner {
	position: relative;
	top: 0;
	border: 0;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	overflow: hidden
}
.stm_lms_courses__filter .stm_lms_styled_checkbox__inner i {
	position: relative;
	top: -1px;
	font-size: 10px;
	color: #fff
}
.stm_lms_courses__filter .stm_lms_styled_checkbox__inner span {
	background-color: #dfe1e5
}
.stm_lms_courses__filter .stm_lms_styled_checkbox__inner input {
	cursor: pointer
}
.stm_lms_courses__filter .stm_lms_styled_checkbox__inner input:checked+span {
	background-color: #1db874
}
.stm_lms_courses__filter .stm_lms_styled_checkbox span {
	font-size: 14px;
	line-height: 18px;
	color: #273044;
	vertical-align: top
}
.stm_lms_courses__filter_actions {
	padding: 10px 25px 30px
}
.stm_lms_courses__filter_actions input[type=submit] {
	margin: 0 0 30px;
	background-color: #385bce;
	color: #fff;
	border: 0;
	box-shadow: none;
	height: 49px;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	transition: .3s ease
}
.stm_lms_courses__filter_actions input[type=submit]:hover {
	background-color: #17d292
}
.stm_lms_courses__filter_reset {
	display: block;
	color: #273044;
	opacity: .6;
	text-align: center
}
.stm_lms_courses__filter_reset i {
	margin-right: 5px
}
.stm_lms_courses__filter_reset span {
	position: relative;
	top: -1px;
	border-bottom: 1px dashed #273044
}
.stm_lms_courses__filter_reset:hover {
	opacity: 1
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label {
	display: flex;
	margin-bottom: 10px;
	align-items: center;
	width: 100%
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label .stm_lms_radio {
	position: relative;
	top: 2px;
	width: 20px
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label .stm_lms_radio__fake:before {
	width: 18px;
	height: 18px;
	background-color: #dfe1e5;
	border: 0;
	transition: .3s ease
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label .stm_lms_radio__fake:after {
	top: 5px;
	left: 5px;
	background-color: transparent;
	transition: .3s ease
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label .stm_lms_radio input:checked+.stm_lms_radio__fake:before {
	background-color: #1db874
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label .stm_lms_radio input:checked+.stm_lms_radio__fake:after {
	background-color: #fff
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label .stm_lms_radio__rating {
	display: flex;
	flex-grow: 1
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label .stm_lms_radio__rating .star-rating {
	margin: 0 10px 0 0
}
.stm_lms_courses__rating .stm_lms_courses__filter_content label .stm_lms_radio__rating .label--rating {
	color: #222326
}
.reveal_limited {
	font-size: 13px;
	color: #273044;
	opacity: .6;
	cursor: pointer;
	transition: .3s ease
}
.reveal_limited span {
	border-bottom: 1px dotted #273044
}
.reveal_limited i {
	position: relative;
	margin-right: 5px;
	top: 1px
}
.reveal_limited:hover {
	opacity: 1
}






@media (max-width:992px) {
.stm_lms_courses__archive_wrapper .stm_lms_courses__single {
	width: 50%;
	margin: 0 0 30px
}
}
@media (max-width:850px) {
.stm_lms_courses__archive_wrapper {
	flex-wrap: wrap
}
.stm_lms_courses__archive_wrapper .stm_lms_courses__archive_filter_toggle {
	display: inline-block;
	margin: 0 0 30px
}
.stm_lms_courses__archive_wrapper .stm_lms_courses__archive_filter {
	width: 100%;
	margin: 50px 0 40px
}
.stm_lms_courses__archive_wrapper .stm_lms_courses__archive_filters {
	display: none
}
.stm_lms_courses__archive_wrapper .stm_lms_courses__archive {
	width: 100%;
	margin: 0!important
}
}
.archive_grid {
	padding-bottom: 50px
}
.stm_lms_courses__archive {
	margin-top: 55px!important
}
.stm_lms_courses {
	margin: 0 0 45px
}
.stm_lms_courses__top {
	display: flex;
	align-items: center;
	margin: 0 0 23px
}
.stm_lms_courses__top h3 {
	margin: 0;
	padding-right: 30px
}
.stm_lms_courses__top a {
	padding: 15px 20px;
	margin-left: auto;
	background-color: #eef1f7;
	color: #273044;
	text-transform: none;
	letter-spacing: 0
}
.stm_lms_courses__top a i {
	color: #385bce;
	margin-right: 5px;
	transition: .3s ease
}
.stm_lms_courses__top a:hover i {
	color: #fff
}
.stm_lms_courses__grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px
}
.stm_lms_courses__grid_2 .stm_lms_courses__single {
	width: 50%
}
.stm_lms_courses__grid_4 .stm_lms_courses__single {
	width: 25%
}
.stm_lms_courses__grid_6 .stm_lms_courses__single {
	width: 16.6666%
}
.stm_lms_courses__single {
	position: relative;
	width: 33.333%;
	margin: 0 0 50px
}
.stm_lms_courses__single.stm_carousel_glitch {
	margin-bottom: 0
	}
.stm_lms_courses__single__inner {
	height:100%;
    background-color:#fff;
    margin:0px 10px;
    border:1px solid #e0e0e0;
    box-shadow:0px 0px 10px #dcdbdb;
	}
.stm_lms_courses__single__inner:hover .stm_lms_courses__single--info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: .3s ease
}
.stm_lms_courses__single--image {
	width: auto;
	min-width: 100%;
	position: relative;
	margin: -1px -1px 15px
}
.stm_lms_courses__single--image:after, .stm_lms_courses__single--image:before {
	top: 0;
	width: 1px;
	display: block;
	background-color: rgba(0,0,0,.1);
	bottom: 0;
	content: ''
}
.stm_lms_courses__single--image:after {
	position: absolute;
	left: 0
}
.stm_lms_courses__single--image:before {
	position: absolute;
	right: 0
}
.stm_lms_courses__single--image>a>div:after {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	height: 1px;
	background-color: rgba(0,0,0,.1)
}
.stm_lms_courses__single--image img {
	width: 100%
}
.stm_lms_courses__single--actions {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(36,39,47,.85);
	text-align: center;
	opacity: 0;
	transition: .3s ease
}
.stm_lms_courses__single--actions a {
	display: inline-block;
	padding: 12px 10px;
	margin: 0 4px;
	min-width: 90px;
	font-size: 16px;
	color: #fff;
	vertical-align: top;
	border: 3px solid #fff;
	text-align: center;
	font-weight: 600;
	border-radius: 49px;
	-webkit-transform: translateY(-5px) translateX(-5px);
	transform: translateY(-5px) translateX(-5px);
	text-decoration: none!important
}
.stm_lms_courses__single--actions a:last-child {
	-webkit-transform: translateY(-5px) translateX(5px);
	transform: translateY(-5px) translateX(5px)
}
.stm_lms_courses__single--actions a:hover {
	background-color: #fff;
	color: #273044
}
.stm_lms_courses__single--inner {
	padding: 0 20px 7px
}
.stm_lms_courses__single--term {
	margin: 0 0 10px;
	color: #aaa;
	font-size: 13px
}
.stm_lms_courses__single--term a {
	color: #aaa
}
.stm_lms_courses__single--title h5 {
	margin: 0 0 15px;
	padding: 0 0 19px;
	font-size: 15px;
	line-height: 20px;
	border-bottom: 1px solid #e0e0e0
}
.stm_lms_courses__single--meta {
	display: flex;
	align-items: center;
	min-height: 28px
}
.stm_lms_courses__single--meta .average-rating-stars__top {
	width: 66%;
	display: flex
}
.stm_lms_courses__single--meta .average-rating-stars__av {
	margin-left: 5px
}
.stm_lms_courses__single--meta .views {
	margin-left: auto;
	font-size: 13px;
	color: #aaa
}
.stm_lms_courses__single--meta .views i {
	position: relative;
	top: 2px;
	margin-right: 2px;
	vertical-align: top;
	font-size: 16px
}
.stm_lms_courses__single--bottom {
	display: flex
}
.stm_lms_courses__single--status {
	margin: 0 0 5px;
	padding-right: 15px;
	font-size: 13px;
	color: #273044
}
.stm_lms_courses__single--status.publish i {
	position: relative;
	top: 2px;
	vertical-align: top;
	font-size: 16px;
	color: #22d497
}
.stm_lms_courses__single--status i {
	margin-right: 3px
}
.stm_lms_courses__single--price {
	margin-left: auto;
	text-align: right
}
.stm_lms_courses__single--price span {
	display: block;
	margin: -9px 0 -7px;
	font-size: 12px;
	color: #aaa;
	text-decoration: line-through
}
.stm_lms_courses__single--price strong {
	font-weight: 600;
	font-size: 15px
}
.stm_lms_courses__single .star-rating {
	margin-top: 0
}
.stm_lms_courses__single.has-sale .stm_lms_courses__single--meta .average-rating-stars__top {
	position: relative;
	top: -3px
}
.stm_lms_courses__single.is_featured .stm_lms_courses__single__inner {
	border-color: #f09b23
}
.stm_lms_courses__single.is_featured .stm_lms_courses__single__inner .stm_lms_courses__single--image {
	overflow: hidden
}
.stm_lms_courses__single.is_featured .stm_lms_courses__single__inner .stm_lms_courses__single--image .elab_is_featured_product {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 29px;
	background-color: #f09b23;
	text-align: center;
	line-height: 29px;
	color: #fff;
	padding: 0 5px;
	-webkit-transform: rotate(-45deg) translateY(20px) translateX(-120px);
	transform: rotate(-45deg) translateY(20px) translateX(-120px);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	width: 200px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 99
}
.stm_lms_courses .stm_lms_load_more_courses, .stm_lms_courses.all_loaded .stm_lms_courses__grid {
	margin-bottom: 55px
}
.stm_lms_courses__single:hover {
	z-index: 110
}
.stm_lms_courses__single:hover .stm_lms_instructor_courses__single--actions {
	opacity: 1
}
.stm_lms_courses__single:hover .stm_lms_instructor_courses__single--actions a {
	-webkit-transform: translateY(0) translateX(0);
	transform: translateY(0) translateX(0)
}
.stm_lms_courses__hours {
	font-size: 13px
}
.stm_lms_courses__hours i {
	position: relative;
	font-size: 14px;
	top: 1px;
	margin-right: 3px
}
.stm_lms_courses__single--info {
	position: absolute;
	top: -20px;
	left: -50px;
	right: -50px;
	padding: 35px 40px 22px;
	background-color: #fff;
	box-shadow: 0 10px 30px 11px rgba(0,0,0,.25);
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	z-index: 100;
	transition: none
}
.stm_lms_courses__single--info_author {
	display: flex;
	align-items: center;
	margin: 0 0 10px
}
.stm_lms_courses__single--info_author__avatar {
	max-width: 40px;
	margin-right: 5px;
	border-radius: 50%;
	overflow: hidden
}
.stm_lms_courses__single--info_author__login {
	color: #777
}
.stm_lms_courses__single--info_title h4 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	margin: 0 0 15px
}
.stm_lms_courses__single--info_rate {
	display: flex;
	margin: 0 0 16px;
	align-items: center
}
.stm_lms_courses__single--info_rate .star-rating {
	margin: 0
}
.stm_lms_courses__single--info_rate .average-rating-stars__av {
	margin-left: 5px
}
.stm_lms_courses__single--info_status {
	padding: 2px 10px;
	margin-left: auto;
	background-color: #f09b23;
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	letter-spacing: .5px;
	border-radius: 2px
}
.stm_lms_courses__single--info_excerpt {
	margin: 0 0 13px;
	font-size: 14px;
	line-height: 26px;
	color: #777
}
.stm_lms_courses__single--info_meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 -5px 18px
}
.stm_lms_courses__single--info_meta .stm_lms_course__meta {
	padding: 0 5px;
	margin: 0 0 10px;
	color: #273044;
	font-size: 13px;
	vertical-align: top
}
.stm_lms_courses__single--info_meta .stm_lms_course__meta i {
	position: relative;
	top: 2px;
	margin-right: 2px;
	font-size: 16px
}
.stm_lms_courses__single--info_preview a {
	display: block;
	padding: 14px 15px;
	margin: 0 0 28px;
	background-color: #385bce;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center
}
.stm_lms_courses__single--info_preview a:hover {
	background-color: #17d292;
	color: #fff!important
}
.stm_lms_courses__single--info_bottom {
	display: flex;
	align-items: center
}
.stm_lms_courses__single--info_bottom .stm-lms-wishlist {
	margin: 0 0 10px
}
.stm_lms_courses__single--info_bottom .stm_lms_courses__single--price {
	margin: 0 0 10px auto
}
.stm_lms_courses__single--info_bottom .stm_lms_courses__single--price span, .stm_lms_courses__single--info_bottom .stm_lms_courses__single--price strong {
	font-size: 18px
}
.stm_lms_courses__single--info .star-rating {
	margin-top: 0!important
}
.stm_lms_courses__single--info .stm-lms-wishlist span {
	color: #b1b1b1;
	font-size: 12px
}
.stm_lms_courses__single--info .stm-lms-wishlist i.far {
	border-color: #b1b1b1;
	color: #b1b1b1
}
.stm_lms_courses__single--info .stm_lms_courses__single--price span {
	display: inline-block;
	margin-right: 3px;
	font-weight: 300;
	font-size: 18px
}
.stm_lms_courses__single--info .stm_lms_courses__single--price strong {
	font-size: 18px
}
@media (max-width:1440px) {
.stm_lms_courses__grid_6 .stm_lms_courses__single {
	width: 25%
}
.stm_lms_courses__grid_6 .stm_lms_courses__single .stm_lms_courses__single--meta .average-rating-stars__top {
	width: 60%
}
.stm_lms_courses__grid_6 .stm_lms_courses__single .stm_lms_courses__single--meta .average-rating-stars__av {
	display: none
}
}
@media (max-width:1520px) {
.stm_lms_courses__single__inner .average-rating-stars__av {
	display: none
}
}
@media (max-width:1024px) {
.stm_lms_courses__grid_6 .stm_lms_courses__single {
	width: 25%
}
.stm_lms_courses__grid_2 .stm_lms_courses__single, .stm_lms_courses__grid_4 .stm_lms_courses__single {
	width: 33.333%
}
.stm_lms_courses__single--info {
	/*display: none!important*/
}
}
@media (max-width:769px) {
.stm_lms_courses__grid_2 .stm_lms_courses__single .average-rating-stars__av, .stm_lms_courses__grid_3 .stm_lms_courses__single--meta .average-rating-stars__top .average-rating-stars__av, .stm_lms_courses__grid_4 .stm_lms_courses__single .average-rating-stars__av {
	display: none
}
.stm_lms_courses__grid_6 .stm_lms_courses__single {
	width: 33.333%
}
.stm_lms_courses__grid_2 .stm_lms_courses__single .average-rating-stars__top, .stm_lms_courses__grid_3 .stm_lms_courses__single, .stm_lms_courses__grid_3 .stm_lms_courses__single--meta .average-rating-stars__top, .stm_lms_courses__grid_4 .stm_lms_courses__single .average-rating-stars__top {
	width: 50%
}
.stm_lms_courses__grid_3 .stm_lms_courses__single--info {
	right: 15px;
	left: 15px
}
}
@media (max-width:1023px) {
.stm_lms_courses__grid_6 .stm_lms_courses__single {
	width: 50%
}
}
@media (max-width:550px) {
.stm_lms_courses__grid .stm_lms_courses__single {
	width: 100%
}
.stm_lms_courses__grid .stm_lms_courses__single--info {
	left: 10px;
	right: 10px
}
}
@media (min-width:1441px) {
.stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_6 .stm_lms_courses__single:nth-child(6n) .stm_lms_courses__single--info, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_6 .stm_lms_courses__single:nth-child(6n+5) .stm_lms_courses__single--info {
	top: -25%;
	right: calc(100% - 10px);
	left: calc(-100% - 90px);
	-webkit-filter: drop-shadow(0 10px 30px rgba(0,0,0,.05));
	filter: drop-shadow(0 10px 30px rgba(0,0,0,.05))
}
.stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_6 .stm_lms_courses__single:nth-child(6n) .stm_lms_courses__single--info:before, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_6 .stm_lms_courses__single:nth-child(6n+5) .stm_lms_courses__single--info:before {
	left: auto;
	right: -17px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
}
.stm_lms_courses__grid.stm_lms_courses__grid_right .stm_lms_courses__single .stm_lms_courses__single--info {
	top: -25%;
	left: calc(100% - 10px);
	right: calc(-100% - 90px);
	-webkit-filter: drop-shadow(0 10px 30px rgba(0,0,0,.05));
	filter: drop-shadow(0 10px 30px rgba(0,0,0,.05))
}
.stm_lms_courses__grid.stm_lms_courses__grid_right .stm_lms_courses__single .stm_lms_courses__single--info:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 17px 15px 0;
	border-color: transparent #fff transparent transparent
}
.stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_2 .stm_lms_courses__single:nth-child(4n) .stm_lms_courses__single--info, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_2 .stm_lms_courses__single:nth-child(4n+3) .stm_lms_courses__single--info, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_4 .stm_lms_courses__single:nth-child(4n) .stm_lms_courses__single--info, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_4 .stm_lms_courses__single:nth-child(4n+3) .stm_lms_courses__single--info {
	top: -25%;
	right: calc(100% - 10px);
	left: calc(-100% - 90px);
	-webkit-filter: drop-shadow(0 10px 30px rgba(0,0,0,.05));
	filter: drop-shadow(0 10px 30px rgba(0,0,0,.05))
}
.stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_2 .stm_lms_courses__single:nth-child(4n) .stm_lms_courses__single--info:before, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_2 .stm_lms_courses__single:nth-child(4n+3) .stm_lms_courses__single--info:before, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_4 .stm_lms_courses__single:nth-child(4n) .stm_lms_courses__single--info:before, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_4 .stm_lms_courses__single:nth-child(4n+3) .stm_lms_courses__single--info:before {
	left: auto;
	right: -17px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
@media (max-width:1440px) {
.stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_6 .stm_lms_courses__single:nth-child(4n) .stm_lms_courses__single--info, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_6 .stm_lms_courses__single:nth-child(4n+3) .stm_lms_courses__single--info {
	top: -25%;
	right: calc(100% - 10px);
	left: calc(-100% - 90px);
	-webkit-filter: drop-shadow(0 10px 30px rgba(0,0,0,.05));
	filter: drop-shadow(0 10px 30px rgba(0,0,0,.05))
}
.stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_6 .stm_lms_courses__single:nth-child(4n) .stm_lms_courses__single--info:before, .stm_lms_courses__grid.stm_lms_courses__grid_right.stm_lms_courses__grid_6 .stm_lms_courses__single:nth-child(4n+3) .stm_lms_courses__single--info:before {
	left: auto;
	right: -17px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
}
.stm_lms_courses__single__inner:hover .stm_lms_courses__single--info {
	transition-delay: .35s!important
}
.tax-stm_lms_course_taxonomy h2 {
	margin-bottom: 40px
}
.stm_lms_courses__single--image__progress {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5px;
	background-color: #e0e0e0;
	z-index: 99
}
.stm_lms_courses__single--image__progress_bar {
	position: relative;
	background-color: #1db874;
	height: 5px
}
.stm_lms_courses__single--image__progress_label {
	position: absolute;
	right: 0;
	top: -25px;
	padding: 2px 5px;
	font-size: 11px;
	color: #fff;
	line-height: 12px;
	background-color: #1db874
}
.stm_lms_courses__single--image__progress_label:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 0;
	border-color: transparent #1db874 transparent transparent
}
@-webkit-keyframes MOVE-BG {
from {
-webkit-transform:translateX(0)
}
to {
	-webkit-transform: translateX(46px)
}
}
@keyframes MOVE-BG {
from {
-webkit-transform:translateX(0);
transform:translateX(0)
}
to {
	-webkit-transform: translateX(46px);
	transform: translateX(46px)
}
}
.course_available_only_in_subscription {
	display: flex;
	margin-left: auto
}
.course_available_only_in_subscription__image {
	width: 26px;
	margin-right: 5px
}
.course_available_only_in_subscription__title {
	max-width: 54px;
	min-height: 26px;
	color: #66828f;
	font-size: 12px;
	line-height: 1.1;
	white-space: initial
}
.stm_lms_courses__single--price .course_available_only_in_subscription__title {
	color: #fff
}
.stm_lms_courses__grid_found_1, .stm_lms_courses__grid_found_2, .stm_lms_courses__grid_found_3, .stm_lms_courses__grid_found_4 {
	margin-bottom: 100px!important
}
.stm-lms-wishlist {
	margin: 0 0 30px;
	cursor: pointer
}
.stm-lms-wishlist i {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	margin: 0 5px 0 0;
	border: 1px solid #41495b;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color: #ff1f59;
	font-size: 16px;
	opacity: 1;
	transition: .3s ease
}
.stm-lms-wishlist span {
    color: #949494;
    line-height: 29px;
}
.stm-lms-wishlist:hover i {
	background-color: #41495b;
	color: #fff
}
.stm-lms-wishlist.loading {
	min-height: inherit
}
.stm-lms-wishlist.loading i {
	opacity: 0
}
.stm-lms-wishlist.loading:before {
	top: 0;
	left: 15px
}



.star-rating a {
    color: #EFB467;
    font-size: 16px;
}

.stm_lms_courses__single--title a h5 {
    color: #000;
    font-size: 14px;
}

.stm_lms_courses__single--info_author__avatar img {
    width: 100%;
    border-radius: 100px;
}


#inn_footer {
	position: relative;
    background-color: #fff;
    float: left;
    width: 100%;
    border-top: 1px solid #cccccc;
}


.bott_buton
{
	width:auto;
	margin:0 auto;
	float:none;
	display:table;
}


.bott_buton a {
    display: block;
    padding: 10px 15px;
    background: #3853af;
    border-radius: 5px;
    color: #fff;
}

.bott_buton a:hover
{
 background: #000;
}



@media (min-width:1360px) and (max-width:8065px)
{

.container {
    margin: 0 auto;
    max-width: 1280px !important;
	    width: 100% !important;
}
	
}




.grid_view_sec {float: left;width: 100%;display: flex;flex-wrap: wrap;margin: 0 -10px;}

.list_view_sec {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.list_view_sec
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.list_view_sec_main
{
width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #9999996b;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 20px;
}

.list_view_sec_main_l
{
	width:33%;
	float:left;
	margin-right:2%;
	padding:0px;
}

.list_view_sec_main_r
{
	width:64%;
	float:left;
	margin-left:1%;
	padding:0px;
}





.stm_lms_term {
    float: left;
    width: 100%;
    color: #999;
    font-size: 13px;
}

.stm_lms_courses_title {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #000;
}

.stm_lms_courses_title h4 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.sec_se_ar {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.ssec_se_ar_l {
    width: 65%;
    float: left;
}

.sec_se_ar_rig {
    width: 35%;
    float: left;
}

.sec_se_ar_on {
    width: 34%;
    float: left;
}

.sec_se_ar_tw {
    width: 33%;
    float: left;
}

.sec_se_ar_th {
    width: 33%;
    float: left;
}

.star-rating.star-rating__big {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
}

.average-rating-stars__av.heading_font {
    width: 30%;
    float: left;
}


.sec_se_ar__bottom {
    float: left;
    width: 65%;
    margin: 15px 0px;
    padding: 0;
}

.sec_se_ar__bottom .stm_lms_courses__single--price.heading_font {
    float: left;
    width: 15%;
    text-align: left;
    line-height: 34px;
}

.sec_se_ar__bottom .stm-lms-wishlist {
    float: left;
    width: 85%;
}




.sec_se_ar__bottom_r {
    float: right;
    width: auto;
    margin: 15px 0px;
    padding: 0;
}

.stm_lms_cour__author {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0;
}

.stm_lms___avatar {
    float: left;
    margin: 0;
    width: 35px;
    padding: 0;
    height: 35px;
}

.stm_lms___avatar img {
    width: 100%;
    border-radius: 100px;
}

.sec_se_ar__bottom_r .stm_login__avatar {
    float: left;
    color: #777;
    font-size: 12px;
    padding: 10px;
}
.sec_se_ar__bottom i.fa.fa-heart-o {
    color: #949494;
    border: 1px solid #949494;
}


.course_page_main
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}



.course_page_main .list_view_sec {
    display: none;
}

.course_page_main.openlist .grid_view_sec {display: none;}

.course_page_main.openlist .list_view_sec {
    display: block;
}

.list_view_sec_main_l a.heading_font {
    margin: 0 0 20px;
}



.course_page_main .lnricons-icons2 {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
}
.course_page_main 
 .lnricons-list4 {
    border: 1px solid #c5c5c5;
}

.course_page_main.openlist .lnricons-icons2 {
    background: transparent;
    border: 1px solid #c5c5c5;
}
.course_page_main.openlist .lnricons-list4 {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
}



/* Course Details main */


.Course_Details_main
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	margin-top: 10px;
	padding-bottom: 25px;
}

.Course_Details_main_l {
    width: 68%;
    float: left;
    margin-right: 2%;
    padding: 0px;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
}
.Course_Details_main_r
{
    width: 30%;
    float: left;
    margin: 0%;
    padding: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.Course_Details_main_l_on
{
	width:100%;
	float:left;
	margin:0px 0px 15px;
	padding:0px;
}

.Course_Details_main_l_tw
{
	width:100%;
	float:left;
	margin:0px;
	padding:20px 15px;
    background: #ecececb3;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}


.Course_Details_main_l_tw {background: #ececec;border: 1px solid #999;border-radius: 5px;}

.Course_Details_main_l_tw h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
}

.Course_Details_main_l_tw ul {
    float: left;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
}

.Course_Details_main_l_tw ul li {
    width: auto;
    float: left;
    margin-right: 30px;
    font-size: 14px;
}

.Course_Details_main_l_tw ul li i.fa.fa-check {
    padding-right: 3px;
}



/*  28 nov */
.Course_Details_main_l_thr
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}



.Course_Details_main_l_thr {
    width: 100%;
    float: left;
    margin: 0px 0px 15px;
    padding: 0px;
}

.Course_Details_main_l_four {
    width: 100%;
    float: left;
    margin: 0px 0px 15px;
    padding: 0px;
}

.Course_Details_main_l_thr h3 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.Course_Details_main_l_four {
   width: 100%;
    float: left;
    margin: 0px 0px 15px;
    padding: 0px;
    background: #ececec;
    border: 1px solid #999;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px 15px;
}

.Course_Details_main_l_four h3 {
   margin: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.Course_Details_main_l_four p {
    font-size: 16px;
    width: 45%;
    float: left;
    line-height: 27px;
}

.Course_Details_main_l_four ol {
    padding-left: 0;
    float: left;
    width: 100%;
    margin-left: 15px;
    margin-top: 0;
}

.Course_Details_main_l_four ol li {
    line-height: 28px;
}


.Course_Details_main_r p { 
    margin-top: 0;
    width: auto;
    background: #ffe9aa;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
    max-width: 145px;
    margin-bottom: 0;
}

span.hed_s {
    width: 100%;
    /*
	display: block;
    float: left;
    margin: 10px 0 5px;
	*/
}

span.hed_s h3 {
    margin-top: 3px;
    font-weight: 500;
    font-size: 34px;
    float: left;
	margin-bottom:0px;
}



.rig_tx {
    width: 100%;
    display: block;
    float: left;
    margin: 0px 0 10px;
}

.rig_tx2 {
    width: 100%;
    display: block;
    float: left;
    margin: 10px 0;
}

span.hed_s b {
    float: left;
    width: auto;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 0;
    margin-left: 10px;
}

.rig_tx p.red_col {
    background: transparent;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    color: #b71111;
    font-size: 13px;
}

.rig_tx a.add_cart {
    background: #ec5252;
    width: 100%;
    float: left;
    padding: 12px;
    text-align: center;
    border-radius: 5px;
    margin: 10px 0 0;
    color: #fff;
    font-weight: 500;
    border: 1px solid #ec5252;
}

a.buy_no {
    width: 100%;
    float: left;
    padding: 12px;
    text-align: center;
    border-radius: 5px;
    margin: 10px 0;
    color: #5f5f5f;
    font-weight: 500;
    border: 1px solid #999;
    text-transform: capitalize;
}

b.mon_bak {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #999;
    text-align: center;
    float: left;
}

.rig_tx2 {
    width: 100%;
    display: block;
    float: left;
    margin: 0px 0 10px;
}

.rig_tx2 h4 {
    font-size: 18px;
    font-weight: 600;
}

.rig_tx2 ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.rig_tx2 ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.rig_tx2 ul li i.fa {
    margin-right: 10px;
    width: 15px;
}

.rig_tx2 a.apply_code_but {
   width: 100%;
    float: left;
    margin: 0px;
    /* padding: 2px 0px 0; */
    text-align: center;
    font-weight: normal;
    text-transform: capitalize;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    color: #999;
}

.rig_tx a.add_cart:hover {
    background: #000;
    border: 1px solid #000000;
}

a.buy_no:hover {
    background: #ec5252;
    border: 1px solid #ec5252;
    color: #fff;
}

.rig_tx2 a:hover {
    color: #000;
}




@media (min-width:320px) and (max-width:400px)
{

	.header h1.text-left {
		font-size: 18px;
		line-height: 25px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.header .container {
		padding: 0;
	}
	
	.header {
		padding-top: 10px;
	}
	
	.header .btn {
		min-width: 115px;
		padding: 5px 28px;
		line-height: 34px;
	}
	
	.dash_new_two {
		margin-top: 160px;
	}

.icon_list{
    padding: 50px 10px 50px;
	display: inherit;
	
}

.icon_list .icon_single {
    width: calc(100% - 15px);
}

.advantages-list li {
    padding: 0px 15px;
}

.lazy_d img {
    width: 100%;
    height: auto;
}

.lazy_d {
    width: 100%;
}

.nav-link-list {
    width: 100% !important;
    float: left;
    margin-right: 0px;
}

.nav-link-list-wrap {
    display: inherit !important;
}

.advantages-list .col-xl-5.col-lg-12.col-md-12.col-sm-12.text-center {
    min-width: 100%;
}

.advantages-list .col-xl-7.col-lg-12.col-md-12.col-sm-12 {
    min-width: 100%;
}

.demos {
    padding:30px 15px 50px;
}

.demos h2 {
    font-size: 55px;
}
.demos .subtitle
{
    font-size: 14px;
    width: auto;
    line-height: 26px;
    margin-bottom: 25px;
}
.demos-list .demo {
    width: 100%;
    margin: 0 0 25px;
}

.demos-list .demo .inner:hover img {
    top: 0px;
}

.advantages-list-description-content
{	
	margin-right: 0px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 img {
    width: 100%;
    height: auto;
}

.footer {
    display: inherit;
}
.footer .left {
    width: 100%;
    text-align: center;
}
.footer .right {
    margin: 0 auto;
    width: auto;
    float: none !important;
    display: table;
}




.justify-content-center .header .header-svg {
    opacity: 1 !important;
}


}




@media (min-width:401px) and (max-width:520px)
{

	.header h1.text-left {
		font-size: 18px;
		line-height: 25px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.header .container {
		padding: 0;
	}
	
	.header {
		padding-top: 10px;
	}
	
	.header .btn {
		min-width: 115px;
		padding: 5px 28px;
		line-height: 34px;
	}
	
	.dash_new_two {
		margin-top: 200px;
	}

.icon_list{
    padding: 50px 10px 50px;
	display: inherit;
	
}

.icon_list .icon_single {
    width: calc(100% - 15px);
}

.advantages-list li {
    padding: 0px 15px;
}

.lazy_d img {
    width: 100%;
    height: auto;
}

.lazy_d {
    width: 100%;
}

.nav-link-list {
    width: 50% !important;
    float: left;
    margin-right: 0px;
}

.nav-link-list-wrap {
    display: inherit !important;
}

.advantages-list .col-xl-5.col-lg-12.col-md-12.col-sm-12.text-center {
    min-width: 100%;
}

.advantages-list .col-xl-7.col-lg-12.col-md-12.col-sm-12 {
    min-width: 100%;
}

.demos {
    padding:30px 15px 50px;
}

.demos h2 {
    font-size: 55px;
}
.demos .subtitle
{
    font-size: 14px;
    width: auto;
    line-height: 26px;
    margin-bottom: 25px;
}
.demos-list .demo {
    width: 100%;
    margin: 0 0 25px;
}

.demos-list .demo .inner:hover img {
    top: 0px;
}

.advantages-list-description-content
{	
	margin-right: 0px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 img {
    width: 100%;
    height: auto;
}


.justify-content-center .header .header-svg {
    opacity: 1 !important;
}


}


@media (min-width:521px) and (max-width:620px)
{
	.header h1.text-left {
		font-size: 18px;
		line-height: 25px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.header .container {
		padding: 0;
	}
	
	.header {
		padding-top: 10px;
	}
	
	.header .btn {
		min-width: 115px;
		padding: 5px 28px;
		line-height: 34px;
	}
	
	.dash_new_two {
		margin-top: 284px;
	}

.icon_list{
    padding: 50px 10px 50px;
	display: inherit;
	
}

.icon_list .icon_single {
    width: calc(100% - 15px);
}

.advantages-list li {
    padding: 0px 15px;
}

.lazy_d img {
    width: 100%;
    height: auto;
}

.lazy_d {
    width: 100%;
}

.nav-link-list {
    width: 100% !important;
    float: left;
    margin-right: 0px;
}

.nav-link-list-wrap {
    display: inherit !important;
}

.advantages-list .col-xl-5.col-lg-12.col-md-12.col-sm-12.text-center {
    min-width: 100%;
}

.advantages-list .col-xl-7.col-lg-12.col-md-12.col-sm-12 {
    min-width: 100%;
}

.demos {
    padding:30px 15px 50px;
}

.demos h2 {
    font-size: 55px;
}
.demos .subtitle
{
    font-size: 14px;
    width: auto;
    line-height: 26px;
    margin-bottom: 25px;
}
.demos-list .demo {
    width: 100%;
    margin: 0 0 25px;
}

.demos-list .demo .inner:hover img {
    top: 0px;
}

.advantages-list-description-content
{	
	margin-right: 0px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 img {
    width: 100%;
    height: auto;
}

.justify-content-center .header .header-svg {
    opacity: 1 !important;
}


}


@media (min-width:621px) and (max-width:700px)
{

.header h1.text-left {
    font-size: 26px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}
.header .container {
	padding: 0;
}
.header {
	padding-top: 10px;
}
.header .btn {
	min-width: 115px;
	padding: 5px 28px;
	line-height: 34px;
}
	
.icon_list{
    padding: 50px 10px 50px;
	display: inherit;
	
}

.icon_list .icon_single {
    width: calc(100% - 15px);
}

.advantages-list li {
    padding: 0px 15px;
}

.lazy_d img {
    width: 100%;
    height: auto;
}

.lazy_d {
    width: 100%;
}
.nav-link-list {
    width: 100% !important;
    float: left;
    margin-right: 0px;
}

.nav-link-list-wrap {
    display: inherit !important;
}

.advantages-list .col-xl-5.col-lg-12.col-md-12.col-sm-12.text-center {
    min-width: 100%;
}

.advantages-list .col-xl-7.col-lg-12.col-md-12.col-sm-12 {
    min-width: 100%;
}

.demos {
    padding:30px 15px 50px;
}

.demos h2 {
    font-size: 55px;
}
.demos .subtitle
{
    font-size: 14px;
    width: auto;
    line-height: 26px;
    margin-bottom: 25px;
}
.demos-list .demo {
    width: 100%;
    margin: 0 0 25px;
}

.demos-list .demo .inner:hover img {
    top: 0px;
}

.advantages-list-description-content
{	
	margin-right: 0px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 img {
    width: 100%;
    height: auto;
}

.justify-content-center .header .header-svg {
	opacity: 1 !important;
    left: 49%;
    top: 50px;
}

.header {
    height: auto !important;
    float: left;
    padding-bottom: 35px;
}

.header .container {
    width: 47%;
    margin-left: 2%;
    float: left;
}

.header  .header-svg {width: 50%;float: right;left: 48%;bottom: inherit;top: 11px;}


}


@media (min-width:701px) and (max-width:767px)
{

.header h1.text-left {
    font-size: 26px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}
.header .container {
	padding: 0;
}
.header {
	padding-top: 10px;
}
.header .btn {
	min-width: 115px;
	padding: 5px 28px;
	line-height: 34px;
}
	
.icon_list{
    padding: 50px 10px 50px;
	display: inherit;
	
}

.icon_list .icon_single {
    width: calc(100% - 15px);
}

.advantages-list li {
    padding: 0px 15px;
}

.lazy_d img {
    width: 100%;
    height: auto;
}

.lazy_d {
    width: 100%;
}
.nav-link-list {
    width: 100% !important;
    float: left;
    margin-right: 0px;
}

.nav-link-list-wrap {
    display: inherit !important;
}

.advantages-list .col-xl-5.col-lg-12.col-md-12.col-sm-12.text-center {
    min-width: 100%;
}

.advantages-list .col-xl-7.col-lg-12.col-md-12.col-sm-12 {
    min-width: 100%;
}

.demos {
    padding:30px 15px 50px;
}

.demos h2 {
    font-size: 55px;
}
.demos .subtitle
{
    font-size: 14px;
    width: auto;
    line-height: 26px;
    margin-bottom: 25px;
}
.demos-list .demo {
    width: 100%;
    margin: 0 0 25px;
}

.demos-list .demo .inner:hover img {
    top: 0px;
}

.advantages-list-description-content
{	
	margin-right: 0px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 img {
    width: 100%;
    height: auto;
}

.justify-content-center .header .header-svg {
	opacity: 1 !important;
    left: 49%;
    top: 50px;
}

.header {
    height: auto !important;
    float: left;
    padding-bottom: 35px;
}

.header .container {
    width: 47%;
    margin-left: 2%;
    float: left;
}

.header  .header-svg {width: 50%;float: right;left: 48%;bottom: inherit;top: 11px;}


}


@media (min-width:768px) and (max-width:991px)
{

.header h1.text-left {
    font-size: 26px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}
.header .container {
	padding: 0;
}
.header {
	padding-top: 10px;
}
.header .btn {
	min-width: 115px;
	padding: 5px 28px;
	line-height: 34px;
}
	
.icon_list{
    padding: 50px 10px 50px;
	display: inherit;
	
}

.icon_list .icon_single {
    width: calc(100% - 15px);
}

.advantages-list li {
    padding: 0px 15px;
}

.lazy_d img {
    width: 100%;
    height: auto;
}

.lazy_d {
    width: 100%;
}
.nav-link-list {
    width: 33% !important;
    float: left;
    margin-right: 0px;
}

.nav-link-list-wrap {
    display: inherit !important;
}

.advantages-list .col-xl-5.col-lg-12.col-md-12.col-sm-12.text-center {
    min-width: 100%;
}

.advantages-list .col-xl-7.col-lg-12.col-md-12.col-sm-12 {
    min-width: 100%;
}

.demos {
    padding:30px 15px 50px;
}

.demos h2 {
    font-size: 55px;
}
.demos .subtitle
{
    font-size: 14px;
    width: auto;
    line-height: 26px;
    margin-bottom: 25px;
}

.demos-list .demo .inner:hover img {
    top: 0px;
}

.advantages-list-description-content
{	
	margin-right: 0px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 img {
    width: 100%;
    height: auto;
}

.justify-content-center .header .header-svg {
	opacity: 1 !important;
    left: 49%;
    top: 50px;
}

.header {
    height: auto !important;
    float: left;
    padding-bottom: 35px;
}

.header .container {
	width: 47%;
    margin-left: 2%;
    float: left;
    margin-top: 10%;
}

.header  .header-svg {width: 50%;float: right;left: 48%;bottom: inherit;top: 11px;}


.justify-content-center .header {
    width: 100%;
    padding-bottom: 150px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 {
    width: 50%;
    float: left;
}



}





@media (min-width:992px) and (max-width:1080px)
{

.header h1.text-left {
    font-size: 26px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}
.header .container {
	padding: 0;
}
.header {
	padding-top: 10px;
}
.header .btn {
	min-width: 115px;
	padding: 5px 28px;
	line-height: 34px;
}
	
.icon_list{
    padding: 50px 10px 50px;
}

.icon_list .icon_single {
    width: calc(25% - 15px);
}

.advantages-list li {
    padding: 0px 15px;
}

.lazy_d img {
    width: 100%;
    height: auto;
}

.lazy_d {
    width: 100%;
}
.nav-link-list {
    width: 33% !important;
    float: left;
    margin-right: 0px;
}

.nav-link-list-wrap {
    display: inherit !important;
}

/*.advantages-list .col-xl-5.col-lg-12.col-md-12.col-sm-12.text-center {
    min-width: 100%;
}

.advantages-list .col-xl-7.col-lg-12.col-md-12.col-sm-12 {
    min-width: 100%;
}*/

.demos {
    padding:30px 15px 50px;
}

.demos h2 {
    font-size: 55px;
}
.demos .subtitle
{
    font-size: 14px;
    width: auto;
    line-height: 26px;
    margin-bottom: 25px;
}

.demos-list .demo .inner:hover img {
    top: 0px;
}

.advantages-list-description-content
{	
	margin-right: 0px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 img {
    width: 100%;
    height: auto;
}

.justify-content-center .header .header-svg {
	opacity: 1 !important;
    left: 49%;
    top: 50px;
}

.header {
    height: auto !important;
    float: left;
    padding-bottom: 35px;
}

.header .container {
	width: 47%;
    margin-left: 2%;
    float: left;
    margin-top: 10%;
}

.header  .header-svg {width: 50%;float: right;left: 48%;bottom: inherit;top: 11px;}


.justify-content-center .header {
    width: 100%;
    padding-bottom: 185px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 {
    width: 50%;
    float: left;
}



}



@media (min-width:1081px) and (max-width:1199px)
{

.header h1.text-left {
    font-size: 26px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}
.header .container {
	padding: 0;
}
.header {
	padding-top: 10px;
}
.header .btn {
	min-width: 115px;
	padding: 5px 28px;
	line-height: 34px;
}
	
.icon_list{
    padding: 50px 10px 50px;
}

.icon_list .icon_single {
    width: calc(25% - 15px);
}

.advantages-list li {
    padding: 0px 15px;
}

.lazy_d img {
    width: 100%;
    height: auto;
}

.lazy_d {
    width: 100%;
}
.nav-link-list {
    width: 33% !important;
    float: left;
    margin-right: 0px;
}

.nav-link-list-wrap {
    display: inherit !important;
}

/*.advantages-list .col-xl-5.col-lg-12.col-md-12.col-sm-12.text-center {
    min-width: 100%;
}

.advantages-list .col-xl-7.col-lg-12.col-md-12.col-sm-12 {
    min-width: 100%;
}*/

.demos {
    padding: 30px 15px 50px;
}

.demos h2 {
    font-size: 55px;
}
.demos .subtitle
{
    font-size: 14px;
    width: auto;
    line-height: 26px;
    margin-bottom: 25px;
}

.demos-list .demo .inner:hover img {
    top: 0px;
}

.advantages-list-description-content
{	
	margin-right: 0px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 img {
    width: 100%;
    height: auto;
}

.justify-content-center .header .header-svg {
	opacity: 1 !important;
    left: 49%;
    top: 50px;
}

.header {
    height: auto !important;
    float: left;
    padding-bottom: 35px;
}

.header .container {
	width: 47%;
    margin-left: 2%;
    float: left;
    margin-top: 10%;
}

.header  .header-svg {width: 50%;float: right;left: 48%;bottom: inherit;top: 11px;}


.justify-content-center .header {
    width: 100%;
    padding-bottom: 185px;
}

.advantages-list .col-xl-6.col-lg-12.col-md-12.col-sm-12 {
    width: 50%;
    float: left;
}



}






/* 30 nov */



.filtr_Opsn h4 {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
}
.select2-container--default .select2-selection--multiple {
    font-size: 14px;
}
.select2-selection .select2-selection--multiple:after {
  content: 'hhghgh';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
  display: none;
}
.select-icon .placeholder {
  display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
  display: none !important;
  /* content: "" !important; */
}
.select-icon  .select2-search--dropdown {
  display: none;
}
.tutorbox {
    float: left;
    width: 100%;
    background-color: #FFF;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #e6e6e6;
    position: relative;
        margin-bottom: 30px; 
}
.tutorImg {float: left;
  width: 100%;
  padding: 2px;
  border: 1px solid #ddd;
  border-radius: 0px 0px 10px 0px;
  overflow: hidden;
  /*background-color: #ddd;*/
}

.tutorImg img {
    float: left;
    width: 100%;
    border-radius: 0px 0px 10px 0px;
}

.tutorboxLeft {
    float: left;
    width: 150px;
    margin-right: 15px;
}

.tutorboxRight {
    float: left;
    width: calc(100% - 165px);
}

.tutorboxLeft small {
    float: left;
    width: 100%;
    padding: 5px;
    background-color: #02cab9;
    text-align: center;
    color: #fff;
    border-radius: 10px 0px 0px;
}
.tutorAmnt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-top: 15px;
    color: #02cab9;
}

.tutorIdetail {
    float: left;
    width: 100%;
}

.tutorName {
    font-size: 20px;
    font-weight: 700;
}

.tutorIdetail span {
    font-size: 13px;
    float: left;
    margin-right: 10px;
}

.tutorIdetail span strong {
    margin-right: 5px;
}

.tutorIdetail span strong i.fa-star {
    color: #ffc800;
    margin-right: 5px;
}

.tutorIdetail span a {
    color: #8e8e8e;
}
 
.tutorInfo {
    float: left;
    width: 100%;
    margin:0px 0px 10px;
    }
.tutrBxInfo {
    float: left;
    width: 49%;
    background-color: #efefef;
    /* margin-right: 2%; */
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 5px;
}

.tutrBxInfo span i {
    margin-right: 5px;
    /* float: left; */
}

.tutrBxInfo span strong {
    margin-right: 10px;
    /* float: left; */
}
.tutrBxInfo span {
    text-align: left;
    font-size: 13px;
}

.tutrLang {
    float: left;
    width: 100%;
    background-color: #efefef;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 5px;
}

.tutrLang i {margin-right: 5px;}

.tutrLang span {
    margin-right: 5px;
}

.tutrBxInfo:last-child {
    float: right;
}

.tutorPera {
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 10px 0px;
}
.tutorPera p {
    margin-bottom: 0px;
}
.tutorBook {
    position: absolute;
    top: 15px;
    right: 17px;
}
.tutorPera a {
    color: #07c1b2;
    margin-top: 9px;
    float: left;
    border-radius: 5px;
    border: 1px solid #07c1b2;
    padding: 2px 8px;
}
.tutorBook a {
    font-size: 24px;
    margin-right: 10px;
    line-height: normal;
    color: #02cab9;
}
  #main.inner-page {
    margin-top: 80px;
    background-color: #f4fefd;
}

.tutorBook {}

.tutorBook button {
    display: inline-block;
    width: auto;
    /* height: 48px; */
    border-radius: 5px;
    background: -webkit-gradient(linear,left top,right top,from(#38ecdd),to(#04cbba));
    background: -webkit-linear-gradient(left,#38ecdd,#04cbba);
    background: linear-gradient(180deg,#38ecdd,#04cbba);
    -webkit-transition: all .4s;
    transition: all .4s;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
}
.tutorBook button:hover {
    background: -webkit-gradient(linear,left top,right top,from(#04cbba),to(#38ecdd));
    background: -webkit-linear-gradient(left,#04cbba,#38ecdd);
    background: linear-gradient(180deg,#04cbba,#38ecdd);
}



section.filterBar {
    padding: 10px 0px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    background:#efefefa6;
}


.slider-labels {
  margin-top: 10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
/* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #08cebd;
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #08cebd;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
    border-radius: 2px;
    margin-top: 5px;
}

.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53,93,187,0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}


.slider-labels {
    width: 100%;
    float: left;
}

.slider-labels .caption {
    font-size: 13px;
    float: left;
}

.caption.text-right {
    float: right !important;
}

.FilterDropdown {
    display: none;
}

.sudulTable {
    width: 440px;
    max-width: 440px;
    padding: 10px;
    left: auto;
    top: 75px;
    opacity: 1;
    position: absolute;
    right: 0;
    z-index: 9;
    background-color: #fff;
        display: block;
    box-shadow: 0px 0px 5px #dedede;
}
.FilterDropdown .form-group--focuser.form-group {
    padding: 5px;
}
.shedulClndr label {
    font-size: 14px;
    margin-bottom: 0;
    line-height: normal;
    position: relative;
    top: -4px;
}
.shedulClndr button.showPlaner {
    border: 1px solid #aaa;
    border-radius: 3px;
    min-height: 33px;
    background-color: #fff;
    font-size: 14px;
    width: 100%;
    margin-top: -4px;
}
.FilterDropdown .form-group--focuser.form-group .btn-group.btn-group-sm button {
    border: 1px solid #ddd;
}

.fltrMrOption {
    float: right;
    font-size: 14px;
}

.fltrMrOption select.scltOption {
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 3px;
}
.filterHeader h2 {
    font-size: 24px;
}

.filterHeader {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.select2-container--default .select2-results>.select2-results__options {
    min-width: 210px !important;
}

span.select2-dropdown.select2-dropdown--below {
    min-width: 210px !important;
}

.find_tutor_sec
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}



section.filterBar .col-md-3 {
    width: 16.5%;
    padding: 0px 9px;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.select2-container .select2-search--inline .select2-search__field
{
	margin-bottom:0px;
}


span.selection ul.select2-selection__rendered {
    float: left;
    padding: 10px;
    height: auto;
}

span.selection ul.select2-selection__rendered li.select2-search.select2-search--inline {
    float: left;
    height: auto;
}

span.selection ul.select2-selection__rendered input.select2-search__field {
    float: left;
    height: auto;
    padding: 10px 10px;
    min-height: 42px;
    margin-top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
    padding: 0 0px;
}

.select2-container .select2-selection--multiple
{
    min-height: 42px ;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f77750;
    border-width: 1px;
}


.select2-container--default .select2-selection--multiple
{
    float: left;
}

.select2-container--default .select2-selection--multiple
{
	width:100%;
}


.filterBar .row {
    margin-bottom: 0;
}


.h_sec {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px 0px 10px;
    border-bottom: 1px solid #999;
}

.headerContentWrapper {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.headerContentWrapper h1.title___1vQJB {margin-top: 0;font-size: 26px;padding-top: 15px;width: auto;float: left;margin-bottom: 0;    font-weight: 500;}

span.totalTutors {
    width: auto;
    margin: 0px;
    float: left;
    padding: 10px 15px;
    background: #3bb3bd;
    border-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
    color: #fff;
}

.Subtitle___1dQsl {
    float: left;
    width: 100%;
    margin: 0;
    padding: 3px 0px;
    font-size: 14px;
}









/* price range bar */

/* This line can be removed it was just for display on CodePen: */
.container {
  margin-top: 125px;
}

.slider-labels {
  margin-top: 10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
/* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #345DBB;
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #345DBB;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53,93,187,0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}



.col-md-3.search-price .col-sm-12 {
    width: 100%;
}

.col-md-3.search-price .row {
    width: 95%;
    float: left;
    display: inherit;
    margin: 0;
}


.col-xs-6.caption strong {
    font-weight: 600;
}


.row.slider-labels {
    width: 100% !important;
}

.row.slider-labels .col-xs-6.caption {
    position: relative;
    left: -20px;
}

.row.slider-labels .col-xs-6.text-right.caption {
    position: relative;
    left: inherit;
    right: -15px;
}



.find_tutor_cont
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 35px 0px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    background: #efefefa6;
}


.find_tutor_cont_main
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;

}


.find_tutor_cont_on
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px #e6e6e6;
    border-radius: 10px;
	margin-bottom: 20px;
	border:1px solid #3bb3bd;
}


.find_tutor_cont_on_l
{
	width:24%;
	float:left;
	margin:0px;
	padding:0px;
}

.find_tutor_cont_on_r
{
width: 76%;
    float: left;
    margin: 0px;
    padding: 0px;
}


.sec_lll
{
	width:50%;
	float:left;	
	margin:0px;
	padding:0px;
}

.sec_rrr
{
	width:50%;
	float:left;	
		margin:0px;
	padding:0px;
}

.sec_bott
{
    width: 97%;
    margin: 0px;
    padding: 0px;
    margin-left: 3%;
}


.find_tutor_cont_main_left
{
	width:70%;
	float:left;
	margin:0px;
	padding:0px;
}

.find_tutor_cont_main_right
{
	width:30%;
	float:left;
	margin:0px;
	padding:0px;
}


.find_tutor_cont_on_r_l {
    width: 70%;
    float: left;
    margin: 0;
    padding: 0;
}

.find_tutor_cont_on_r_r {
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
}



.find_tutor_cont_on_r_l .find_tutor_tt {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.find_tutor_cont_on_r_l .find_tutor_tw  {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.find_tutor_cont_on_r_l .find_tutor_thr  {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.find_tutor_cont_on_r_l .find_tutor_fou  {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}


.find_tutor_cont_on_r_l .find_tutor_tt h3 {
    margin: 0;
    font-size: 20px;
}

.find_tutor_cont_on_r_l .find_tutor_tt b {
    font-weight: 400;
    font-size: 12px;
}


.find_tutor_cont_on_r_l .find_tutor_tt h3 img {
    width: 20px;
}



.find_tutor_cont_on_r_l .find_tutor_tt h3 img {
    width: 20px;
}

.find_tutor_cont_on_r_l .find_tutor_tw p {
    margin: 5px 0;
}

.find_tutor_cont_on_r_l .find_tutor_tw p b {
    font-size: 13px;
    font-weight: 600;
    color: #676767;
    margin-right: 15px;
}

ul.Speaks___27SQY {
    float: left;
    margin: 0;
    width: 100%;
}

ul.Speaks___27SQY span.SpeaksTitle {
    float: left;
    margin-right: 2px;
}

ul.Speaks___27SQY li {
    float: left;
    margin: 0px 5px;
    font-size: 14px;
    padding: 2px 0;
    font-weight: 500;
}

span.SpeaksLevel___2Fg {
    padding-left: 5px;
    color: #84b525;
}

span.SpeaksLevel___2Fg_I {
    padding-left: 5px;
    color: #47b7c1;
}

.find_tutor_cont_on_r_l .find_tutor_fou p {
    margin-top: 0;
    font-size: 13px;
}

.find_tutor_cont_on_r_l .find_tutor_fou p {
    margin-top: 3px;
	    margin-bottom: 0;
}

.find_tutor_cont_on_r_l .find_tutor_fou span.Headline___7WVvy {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 800;
}

span.ShortBio___1gIDW {
    width: 100%;
    font-size: 12px;
}

.find_tutor_cont_on_r_l .find_tutor_fou span.Headline___7WVvy strong {
    font-weight: 600;
}




span.rev_butt {
    float: left;
    width: 100%;
}

.sec_lll a {
    float: left;
    color: #ffb939;
    margin-right: 5px;
}

button.ReviewIndicatorReviews {
    border: 0;
    background: transparent;
    float: left;
    width: 100%;
}

button.ReviewIndicatorReviews .ReviewsNumber___Z-Tmi {
    float: left;
    width: auto;
    font-weight: 600;
}

.ReviewsText___1QgGP {
    float: left;
    margin-left: 3px;
    font-weight: 500;
    color: #868686;
}


.PriceIndicator___3EAuS {
    float: left;
    width: 100%;
}

.PriceIndicatorValue___30oM7.PriceIndicatorValueFirst___-PlfE {
    font-size: 20px;
    float: left;
    font-weight: 500;
}

.PriceIndicatorPrice___2V3LB {
    float: left;
    width: 100%;
}

.PriceIndicatorPrice___2V3LB div {
    font-size: 11px;
    float: left;
}

.inr_s {
    float: left;
    padding-top: 10px;
    padding-left: 2px;
}

.PriceIndicatorDuration___3GZAD {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.PriceIndicatorDuration___3GZAD span {
    font-size: 12px;
    color: #797979;
}


.sec_bott a.book_lesson {
    float: left;
    width: 100%;
    padding: 10px;
    background: #3bb3bd;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

a.book_message {
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid #3bb3bd;
    border-radius: 5px;
    text-align: center;
    color: #3bb3bd;
    margin-bottom: 10px;
    font-weight: 500;
}



div#searchfield2 {
    padding: 16px;
    margin-left: 16px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    transition: transform .4s;
    will-change: transform;
    pointer-events: all;

}

div#searchfield2:before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid white;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;
    left: -12px;
    top: 10%;
}




#searchfield2 {
    display: none;
    transition: all 0.5s ease-in-out;
    top: 50px;
    opacity: 0;
}
.find_tutor_cont_main.tutorAllBox #searchfield2 {
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
    opacity: 1;
    z-index: 99;
    width: 100%;
}


.rig_sec_hov
{
	position:relative;
}





.timetable {
    display: grid;
    grid-template-areas:
        ". week"
        "time content";
    grid-template-columns: 85px;
    grid-template-rows: 54px;
    width: 100%;
    height: 100%;
    padding: 4px;
}
.timetable .accent-pink-gradient {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #ee8ebc, #eea08e);
  -webkit-transition: .2s ease box-shadow, .2s ease transform;
  transition: .2s ease box-shadow, .2s ease transform;
}
.timetable .accent-pink-gradient:hover {
  box-shadow: 0 20px 30px 0 rgba(238, 142, 188, 0.3);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.timetable .accent-orange-gradient {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #eec08e, #dcee8e);
  -webkit-transition: .2s ease box-shadow, .2s ease transform;
  transition: .2s ease box-shadow, .2s ease transform;
     vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.timetable .accent-orange-gradient:hover {
  box-shadow: 0 20px 30px 0 rgba(238, 192, 142, 0.3);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.timetable .accent-green-gradient {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #bcee8e, #8eeea0);
  -webkit-transition: .2s ease box-shadow, .2s ease transform;
  transition: .2s ease box-shadow, .2s ease transform;
   vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.timetable .accent-green-gradient:hover {
  box-shadow: 0 20px 30px 0 rgba(188, 238, 142, 0.3);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.timetable .accent-cyan-gradient {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #8eeec0, #8edcee);
  -webkit-transition: .2s ease box-shadow, .2s ease transform;
  transition: .2s ease box-shadow, .2s ease transform;
   vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.timetable .accent-cyan-gradient:hover {
  box-shadow: 0 20px 30px 0 rgba(142, 238, 192, 0.3);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.timetable .accent-blue-gradient {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #8ebcee, #a08eee);
  -webkit-transition: .2s ease box-shadow, .2s ease transform;
  transition: .2s ease box-shadow, .2s ease transform;
   vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.timetable .accent-blue-gradient:hover {
  box-shadow: 0 20px 30px 0 rgba(142, 188, 238, 0.3);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.timetable .accent-purple-gradient {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #c08eee, #ee8edc);
  -webkit-transition: .2s ease box-shadow, .2s ease transform;
  transition: .2s ease box-shadow, .2s ease transform;
   vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.timetable .accent-purple-gradient:hover {
  box-shadow: 0 20px 30px 0 rgba(192, 142, 238, 0.3);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.timetable .weekend {
  background: #fbfbfc;
  color: #87a1ad;
}
.timetable .week-names {
  grid-area: week;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-transform: uppercase;
  font-size: 10px;
  margin: 9% 7% 0% -1%;
  font-weight: bold;
}
.timetable .week-names > div {
    /* display: -webkit-box; */
    /* display: flex; */
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 5px;
    box-shadow: inset 1px 0 0 #ECEFF1;
    text-align: center;
}
.timetable .time-interval {
    grid-area: time;
    display: grid;
    grid-template-rows: repeat(9, 3fr);
    font-size: 14px;
    width: 50px;
}
.day-type {
    height: 59px !important;
    line-height: 17px;
}
.timetable .time-interval > div {
  display: -webkit-box;
  /*display: flex;*/
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 1px 0 0 #ECEFF1;
}
.timetable .content {
  grid-area: content;
  display: grid;
  grid-template-rows: repeat(9, 1fr);
  grid-template-columns: repeat(7, 1fr);
}
.timetable .content > div {
    box-shadow: inset 1px 0 0 #ECEFF1, inset 0 1px 0 0 #ECEFF1;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
}
.timetable .week-names > div >span {
    display: block;
    width: 100%;
    text-align: center;
}



/* teacher_profile_main  */

.teacher_profile_main
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}

.teacher_profile_main_l
{
	width:70%;
	float:left;
	margin:0px;
	padding:0px;
}

.teacher_profile_main_r
{
	width:30%;
	float:left;
	margin:0px;
	padding:0px;
}

.tea_pro_img
{
	width:25%;
	float:left;
	margin:0px;
	padding:0px;
}

.tea_pro_text
{
	width:75%;
	float:left;
	margin:0px;
	padding:0px;
}


.teacher_profile_main_l_on {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

span.tec_sp_on {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
	    margin-bottom: 30px;
}

span.tec_sp_on img {
    width: 20px;
}

span.tec_sp_on h3 {font-size: 22px;font-weight: 600;float: left;width: 100%;margin: 10px 0px 5px;}


span.tec_sp_on p {
    font-size: 13px;
    margin-bottom: 3px;
}

span.tec_sp_tw {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tea_pro_text .find_tutor_thr {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

span.tec_sp_thr {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

span.tec_sp_tw p {
    margin: 3px 0 1px;
}

span.tec_sp_tw i.fa.fa-graduation-cap {
    margin-right: 5px;
    width: 20px;
    color: #999;
}

span.tec_sp_thr p {
    margin: 0px 0px 0;
}

span.tec_sp_thr p i {
    margin-right: 5px;
    width: 20px;
    color: #999;
}

.tea_pro_text .find_tutor_thr i.fa.fa-commenting-o {
    float: left;
    width: 20px;
    margin-right: 5px;
    color: #999;
}

span.tec_sp_tw strong {
    font-weight: 600;
}

.tea_pro_text .find_tutor_thr span.SpeaksTitle {
    font-weight: 600;
}

span.tec_sp_thr strong {
    font-weight: 600;
}










/* tutor profile */

.tutor_profile_Section
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 10px 0;
    background-color: #f4fefd;
}

.tutor_profile_Section_l
{
  width: 100%;
  float: left;
  margin: 0px;
  padding:0px; 
}

.turP_img
{
  width: 25%;
  float: left;
  margin: 0px;
  padding:0px; 
}

.turP_txt
{
    width: 75%;
    float: left;
    margin: 0px;
    padding: 0px 15px;
}

.tutorIdetail_on
{
    width: 100%;
  float: left;
  margin: 0px;
  padding:0px; 
}

.tutorIdetail
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-bottom: 17px;
}

#main.inner-page {
    margin-top: 80px;
    background-color: #f4fefd;
}

.turP_img img {
    width: 100%;
    float: left;
}


.tutor_profile_Section_l_on{
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,40,117,.06);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 15px 15px;
    min-height: 82px;
    float: left;
    width: 100%;
}


.tutorIdetail_on ul {
    list-style: none;
    padding-left: 0;
    float: left;
    width: 100%;
}

.tutorIdetail_on ul li {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 2px 0;
}

.tutorIdetail_on ul li i.bx {
    width: 28px;
    color: #656565;
}

.tutorIdetail_on ul li strong {
    font-weight: 600;
    font-size: 15px;
}

.tutorIdetail_on ul li span {
    font-size: 13px;
    color: #636363;
}




span.ab_tutor {
    float: left;
    width: 100%;
    padding: 10px 10px  0;
    margin-top: 10px;
    border-top: 1px solid #eaeaead9;
}

span.ab_tutor h5 {
    font-size: 20px;
}

span.ab_tutor p {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 24px;
}



.box__group {
    margin-bottom: 20px;
    padding-top: 24px;
    border-top: 1px solid #eef0f2;
}

.box__cols {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 12px;
}

.subject-title {
    margin-bottom: 16px;
    color:#000000;
    line-height: 1.28571429;
}
.options-list {
    list-style: none;
}
.options-list__item {
    position: relative;
    margin-bottom: 4px;
    padding-left: 15px;
}
.options-list__item:before {
    content: '–';
    position: absolute;
    left: 0px;
    top: 0;
}

.box__cols h4.subject-title {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
}

ul.options-list {
    padding-left: 0;
    font-size: 13px;
}


.box__col {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}


.tutor_profile_Section_l_two
{
      background: #fff;
    box-shadow: 0 2px 12px rgba(0,40,117,.06);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 15px 15px;
    min-height: 82px;
    float: left;
    width: 100%;
    min-height: 100px;
}


.tutor_profile_Section_l_three
{
      background: #fff;
    box-shadow: 0 2px 12px rgba(0,40,117,.06);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 15px 15px;
    min-height: 82px;
    float: left;
    width: 100%;
    min-height: 100px;
}




.box__title--md {
    font-size: 20px;
}

.ts-tutor-rating--total {
    display: inline-block;
    border: 2px solid #fbd617;
    padding: 4px 12px;
    border-radius: 2px;
    color: #384047;
    font-size: 20px;
}
.ts-tutor-rating {
    position: relative;
    white-space: nowrap;
}
.box__title .ts-tutor-rating--total {
    margin-right: 16px;
}
.ts-tutor-rating__star {
    position: relative;
    width: 12px;
    height: 12px;
    display: inline-block;
    font-size: 13px;
    vertical-align: baseline;
    top: -3px;
}

.box__title .ts-tutor-rating--total {
    margin-right: 16px;
}

span.ts-tutor-rating__star__over i.bx.bxs-star {
    color: #fbd617;
    font-size: 16px;
    position: relative;
    top: 2px;
    left: -5px;
}


.box__title.box__title--md {
    padding-bottom: 15px;

}

.review_sec_main
{
    width: 100%;
    float: left;
    margin: 10px 0px;
    padding: 15px 0px 0;
    border-top: 1px solid #e4e4e4;
}


.review_sec_main_l {
    width: 125px;
    float: left;
    margin: 0;
    padding: 0;
}

.review_sec_main_l img {
    width: auto;
    border-radius: 100px;
}

.review_sec_main_r {
    width: 80%;
    float: left;
}

.review_sec_main_r strong {
    width: 100%;
    float: left;
    font-size: 17px;
    line-height: 20px;
}

.review_sec_main_r b {
    font-size: 12px;
    font-weight: 200;
    line-height: 18px;
    color: #353535;
}

.review_sec_main_r p {
    font-size: 13px;
    margin-top: 6px;
    letter-spacing: 0.5px;
    color: #999;
}


.tutor_profile_Section_l_four
{
  background: #fff;
    box-shadow: 0 2px 12px rgba(0,40,117,.06);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 15px 15px;
    min-height: 82px;
    float: left;
    width: 100%;
}

.tutor_profile_Section_l_four_top
{
  width: 100%;
  float: left;
  margin: 0px;
  padding: 0px;
}

.tutor_profile_Section_l_four_bottom
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 20px 0px 0;
    margin-top: 25px;
    border-top: 1px solid #e4e4e4;
}

span.tital_span {
    width: 25%;
    float: left;
}

span.tital_spanrr {
    width: 75%;
    float: left;
}



span.tital_span .main-title {
    font-size: 20px;
}

span.tital_spanrr .main-txte {
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
    border-bottom: 3px solid #f56669;
    width: auto;
    max-width: 70px;
}

.tutor_profile_Section_l_four_bottom span.tital_spanL {
    width: 25%;
    float: left;
}

.tutor_profile_Section_l_four_bottom span.tital_spanR {
    float: left;
    width: 75%;
}

.tutor_profile_Section_l_four_bottom span.tital_spanR b {
    font-size: 15px;
}

.tutor_profile_Section_l_four_bottom span.tital_spanR p {
    font-size: 13px;
}


.tutor_profile_Section_l_five
{
  background: #fff;
    box-shadow: 0 2px 12px rgba(0,40,117,.06);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 15px 15px;
    min-height: 82px;
    float: left;
    width: 100%;
}

.tutor_profile_Section_l_five_top
{
width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
        margin-bottom: 25px;
}

.tutor_profile_Section_l_five_bottom
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 20px 0px 0;
    margin-top:0px;
    border-top: 1px solid #e4e4e4;
}

.five_tital_span
{
    width: 25%;
    float: left;
}
.five_tital_spanrr
{
    width: 75%;
    float: left;
}

.five_tital_spanR
{
 float: left;
    width: 100%; 
}

span.five_tital_spanrr .main-txte {
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
    border-bottom: 3px solid #f56669;
    width: auto;
    max-width: 70px;
        padding-bottom: 4px;
}

.five_tital_spanR .main-txte b {
    font-weight: 600;
    font-size: 15px;
}

.five_tital_spanR .main-txte p {
    font-size: 13px;
}


.tutor_profile_Section_r
{
    margin: 0px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,40,117,.06);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 0;
    min-height: 82px;
    float: left;
    width: 100%;
    padding-bottom: 13px;
}

.tutor_profile_Section_r_one {
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,40,117,.06);
    border-radius: 4px;
    margin-bottom: 0px;
    padding: 0;
    min-height: 82px;
    float: left;
    width: 100%;
    position: relative;
}

.tutor_profile_Section_r_one img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.tutor_profile_Section_r_one span {
    position: absolute;
    top: 30%;
    left: 45%;
}

.tutor_profile_Section_r_one span a {
    font-size: 55px;
    color: #000;
}


.tutor_profile_Section_r_two
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 5px 15px;
}

.tutor_profile_Section_r_two_l
{
   width: 50%;
  float: left;
  margin: 0px 0px;
  padding: 0px; 
}

.tutor_profile_Section_r_two_r
{
   width: 50%;
  float: left;
  margin: 0px 0px;
  padding: 0px; 
}

.tutor_profile_Section_r_three
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 15px;
    margin-top: 0px;
}



.tutor_profile_Section_r_two_l p {
    text-align: center;
    margin-bottom: 0;
}

.tutor_profile_Section_r_two_l p i.bx.bxs-star {
    color: #ffc800;
}

.tutor_profile_Section_r_two_l span {
    text-align: center;
    width: 100%;
    float: left;
    font-size: 13px;
}

.tutor_profile_Section_r_two_l span b {width: 15px;}

.tutor_profile_Section_r_two_l span b {
    font-size: 15px;
}

.tutor_profile_Section_r_two_r p {
    margin-bottom: 0;
}

.tutor_profile_Section_r_two_r p span {
    font-size: 13px;
    padding-left: 5px;
}

.tutor_profile_Section_r_two_r {
    text-align: center;
}

.tutor_profile_Section_r_two_r p strong {
    font-size: 18px;
    font-weight: 400;
}

.tutor_profile_Section_r_two_r b {
    font-weight: 300;
    font-size: 13px;
}


.tutor_profile_Section_r_three span.but_ful {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

.tutor_profile_Section_r_three span.but_ful a {
    background: #f56669;
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    color: #fff;
}

.tutor_profile_Section_r_three span.but_ful1 {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}


span.but_ful1 a {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    color: #f56669;
    border: 1px solid;
}
span.but_ful1 a:hover {
    background: #000000;
    border: 1px solid #000000;
    color: #fff;
}

.tutor_profile_Section_r_four
{
  width: 100%;
  float: left;
  margin: 0px;
  padding: 0px;
  padding-bottom: 7px;
}

.tutor_profile_Section_r_four b {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 600;
    color: #000;
	float: left;
}

.tutor_profile_Section_r_four p {
    padding: 5px 15px;
    margin-bottom: 0;
    font-size: 13px;
}








.tutor_main_sticky
{
    
    height:auto;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,40,117,.06);
    border-radius: 4px;
 

}
.stick {
    position: fixed;
    width: 26.7%;
    top: 90px;
}

.abs {
    position: absolute;
    bottom: 0px;
    width: 92.5%;
    margin-bottom: 16px;
}


.tutor_profile_Section_l_five_top .main-txte {
    max-width: 130px !important;
}

.tutor_profile_Section .col-md-8 {
    width: 74%;
    float: left;
    margin-right: 1%;
}

.tutor_profile_Section .col-md-4 {
    width: 25%;
    float: left;
}

.tutorIdetail_on ul li i.fa {
    color: #999;
    width: 22px;
}

.tut_pro_nnn
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}

.FirstLessonExplainBlockListIcon___W6y8e {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background-color: #edeff0;
    border-radius: 12px;
}

span.tuto_n {
    width: 100%;
    float: left;
    display: flex;
    margin-bottom: 15px;
}

span.FirstLessonExplainBlockListContentTitle___2nTi3 {
    width: 100%;
    float: left;
    font-weight: 600;
}

.FirstLessonExplainBlockListContent___2c40i {
    margin-left: 10px;
    font-size: 14px;
}

.tut_pro_nnn {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}







#sidebarWrap {
	width:100%;
    float: right;
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
	max-width: 315px;
}


#sidebar {
width:100%;
max-width: 315px;
    position: absolute;
 
}

#sidebar.fixed {
    position: fixed;
    top: 10px;
	max-width: 315px;
}














button#myBtn {
    background: #ec5252;
    width: 100%;
    float: left;
    padding: 12px;
    text-align: center;
    border-radius: 5px;
    margin: 10px 0 0;
    color: #fff;
    font-weight: 500;
    border: 1px solid #ec5252;
}

/* The Modal (background) */
.modal1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0 !important;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content1 {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 3px solid #4285f4;
  width: 80%;
}

/* The Close Button */
.close1 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close1:hover,
.close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}




.pop_cont {
    float: left;
    width: 100%;
}

.modal-content1 {
    float: none;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    display: table;
}

.pop_cont h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.pop_bot {
    /* float: left; */
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
}

.pop_bot i.fa.fa-check-circle {
    float: left;
    width: 5%;
    margin: 22px 0;
    color: #7da717;
    font-size: 25px;
}

.pop_bot span.add_t {
    float: left;
    width: 58%;
    margin: 15px 0px;
    padding: 0;
}

.pop_bot img {
    float: left;
    width: 65px;
    margin: 15px 6px;
}

button.udlite-btn {
    float: right;
    width: 19%;
    background: #ec5252 !important;
    border: 0;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    margin-top: 0px;
}

.pop_bot span.add_t p {
    background: transparent;
    padding-left: 0;
    font-weight: 600;
    padding-bottom: 0;
}

.pop_bot span.add_t b {
    font-weight: 400;
    font-size: 12px;
}

.pop_bot2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
	margin-top: 15px;
}

.pop_bot2 h3 {
    font-size: 18px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.pop_bot2 a {
    border: 1px solid;
    padding: 10px 40px;
    border-radius: 35px;
    font-size: 13px;
    float: left;
    margin-right: 8px;
}



.cart_page_main
{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;	
}

.cart_page_main_l
{
    width: 70%;
    float: left;
    margin: 0px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.cart_page_main_r
{
    width: 28%;
    float: left;
    margin: 0px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin-left: 2%;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

.cart_one
{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;	
}
.cart_bott
{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;	
}





.cart_one h3 {
    margin: 0px;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 22px;
}

.cart_page_main_r h3 {
    margin: 0px;
    font-size: 22px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

.cart_page_main {
    margin-top: 0px;
    background: #FFF;
    padding: 25px 0;
}





.mt10 {
    margin-top: 10px;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 95%;
    margin-bottom: 0;
    border: 1px solid #9999995e;
    padding: 0px 10px;
    margin-top: 5px;
    border-radius: 6px;
}

button.btn.btn-primary {
    color: #fff;
    background-color: #ec5252;
    border: 1px solid transparent;
}

.cart_one_mm
{
	width:100%;
	float:left;
	margin:0px;
}







.cart_one1 {float: left;
    width: 13%;
    margin: 0;
    padding: 0;
    margin-right: 2%;}

.cart_one2 {
    float: left;
    width: 52%;
    margin: 0;
    padding: 0;
}

.cart_one3 {
    float: left;
    width: 18%;
    margin: 0;
    padding: 0;
}

.cart_one4 {
    float: left;
    width: 15%;
    margin: 0;
    padding: 0;
}



.cart_one2 strong {
    font-size: 14px;
    font-weight: 600;
}

.cart_one2 p {
    margin: 0;
    font-size: 12px;
}

.cart_one3 a {
      float: left;
    width: 20%;
    /* text-align: right; */
    padding-right: 0;
    font-size: 17px;
    margin-bottom: 0px;
    font-weight: 500;
    color: #fff;
    background-color: #3662f7;
    text-align: center;
    margin-left: 10px;
    padding: 4px;
}

.cart_one4 strong {
    float: left;
    width: 100%;
    text-align: right;
    color: #ff0000;
    font-size: 17px;
}

.cart_one4 span {
    text-align: right;
    width: 100%;
    float: left;
    font-size: 13px;
    text-decoration: line-through;
    color: #7d7d7d;
}

.cart_one1 img {
    width: 100%;
    height: 65px;
}

.cart_bott {
    margin-top: 20px;
}

.cart_bott p {
    margin: 0;
    font-size: 14px;
}

.cart_one_mm {
   margin-bottom: 5px;
    border-bottom: 1px solid #cecece;
  
    background-color: #f5f5f5;
    padding: 10px;
}


.cart_page_main_r h4 {
    font-weight: 600;
    margin-top: 6px;
    margin-bottom: 6px;
}

.cart_page_rr {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.cart_page_rr p.off_sss {margin: 0;}



p.off_sss {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

p.off_sss b {
    font-weight: 400;
    text-decoration: line-through;
    color: #7d7d7d;
}

.cart_page_rr p.off_sss strong {margin-left: 5px;font-weight: 600;}

button.btn.btn-lg {
    width: 100%;
    margin: 10px 0;
}

input#coupon-input {
    width: 73%;
    float: left;
    border: 1px solid #999;
    padding: 0px 10px;
	border-radius: 5px 0px 0px 5px;
	margin-top: 0;
}


span.input-group-btn button.btn.btn-primary {
    padding: 0px 10px;
    width: 20%;
    min-height: 47px;
    font-size: 13px;
    border-radius: 0px 5px 5px 0;
}

span.input-group-btn button.btn.btn-primary span {
    float: left;
    width: 100%;
    color: #fff;
    z-index: 999;
    position: relative;
}


p.redeem-coupon--code--3lfGJ {
    float: left;
    width: 100%;
    margin: 0;
    padding: 8px 0px;
}

p.redeem-coupon--code--3lfGJ a {
    width: 20px;
    height: 20px;
    background: #ee6e73;
    float: left;
    padding: 0px 4px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin-right: 6px;
	text-align: center;
}

.cart_one3 a:hover {
    color: #ec5252;
}





@media(min-width:320px) and (max-width:400px)
{
	
	.course_page_banner_txt h4
	{
		line-height: 31px;
		margin-bottom: 20px;
		font-size: 18px;
	}
	.course_page_banner_txt h1 {
		font-size: 32px;
	}
	.course_page_banner_txt {
	   margin: 10px 0px;
	}
	.course_page_main .container {
		width: 100%;
	}
	.courses_filters {
    	margin-top: 10px;
		    display: inherit;
	}
	.courses_filters__title {
		margin-right: 0px;
		text-align: center;
	}
	.courses_main_left
	{
	    margin-bottom: 25px;
	    margin-top: 10px;
		    width: 100%;
	}

	.courses_main_right {
		width: 100%;
	}
	.course_page_main {
    	width: 99%;
	}
	
	
.list_view_sec_main_l {
    width: 100%;
}
.list_view_sec_main_r {
    width: 100%;
	    margin-left: 0%;
}
.ssec_se_ar_l {
    width: 100%;
}
.sec_se_ar_rig {
    width: 100%;
}

.sec_se_ar_on
{
    width: auto;
    margin-right: 7px;
}
.sec_se_ar_rig {
    width: 100%;
    margin: 5px 0;
}

.average-rating-stars__av.heading_font {
    margin-left: 5px;
}
.sec_se_ar__bottom
{
    width: 100%;
}

span.totalTutors
{
	margin-left: 0px;
}	
.Subtitle___1dQsl
{
    padding: 10px 0px;
}
	
.headerContentWrapper h1.title___1vQJB	
{
    line-height: 34px;
}
section.filterBar .col-md-3 {
	width: 50%;
}




.find_tutor_cont_main_right {
    width: 100%;
	display:none;
}

.find_tutor_cont_main_left {
    width: 100%;
}

.find_tutor_cont_on_l {
    width: 100%;
}

.find_tutor_cont_on_r {
    width: 100%;
    margin-top: 10px;
}

.find_tutor_cont_on_l img {
    width: 100%;
}

.find_tutor_cont_on_r_l {
    width: 100%;
}

.find_tutor_cont_on_r_r {
    width: 100%;
}

.find_tutor_cont_on_r_l .find_tutor_tt a {
    font-size: 14px;
}

ul.Speaks___27SQY li {
    margin: 0px 0px;
}

.sec_lll {
    width: 50%;
}

span.sec_rrr {
    width: 50%;
}



.sec_bott a.book_lesson
{
    font-size: 13px;
	width:100%;
}

.filtr_Opsn h4 {
    font-size: 12px;
}



/* teacher detail */

#sidebar
{
    position: static !important;
}
.tutor_profile_Section .col-md-8 {
    width: 100%;
}
.tutor_profile_Section .container {
    width: 100%;
}

.box__col {
    width: 100%;
}

span.tuto_n
{
    margin-top: 10px;
}
.review_sec_main_l {
    width: 75px;
}
.review_sec_main_r {
    width: 68%;
    margin-left: 3%;
}

span.tital_span {
    width: 35%;
}
span.tital_spanrr {
    width: 65%;
}
span.tital_span .main-title {
    font-size: 16px;
}

.tutor_profile_Section_l_four_bottom span.tital_spanL {
    width: 35%;
}
.tutor_profile_Section_l_four_bottom span.tital_spanR {
    width: 65%;
}

.five_tital_span {
    width: 35%;
}
.five_tital_spanrr {
    width: 65%;
}

.review_sec_main_l img {
    width: 100%;
}

.tutor_profile_Section .col-md-4 {
    width: 100%;
}




/* cart */

.cart_page_main_l {
    width: 100%;
	padding: 10px;
}

.cart_page_main_l {
    width: 100%;
}
.cart_one1 {
    float: left;
    width: 35%;
}
.cart_one2 {
    width: 63%;
    min-height: 71px;
}
.cart_one3 {
    float: left;
    width: 50%;
}
.cart_one4 {
    float: left;
    width: 50%;
}

.cart_page_main_r {
    width: 100%;
	margin-top: 20px;
			    margin-left: 0%;
}

input#coupon-input {
    width: 62%;
}

span.input-group-btn button.btn.btn-primary
{
    width: 28%;
	    min-height: 44px;

}





/* cource detail */

.Course_Details_main_r
{
    width: 100%;
}
.Course_Details_main_l {
    width: 100%;
}

.Course_Details_main .container {
    width: 100%;
}






.related_pro .owl-prev {
    position: static !important;
}
.related_pro .owl-next {
    position: static !important;
}


.pop_img {
    width: 100% !important;
}
.pop_main_r {
    width: 100% !important;
    margin-left: 0%;
}
button.udlite-btn {
    float: right;
    width: 50%;
    margin-top: 5px;
}

.pop_bot2 a {
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 6px;
}


div#myModal {
    padding-top: 20px;
}

.rig_pri {
    width: 100%;
    text-align: left;
    margin: 5px 0;
}




}

@media(min-width:401px) and (max-width:567px)
{
	
	.course_page_banner_txt h4
	{
		line-height: 35px;
		margin-bottom: 20px;
		font-size: 25px;
	}
	.course_page_banner_txt h1 {
		font-size: 32px;
	}
	.course_page_banner_txt {
	   margin: 28px 0px;
	}
	.course_page_main .container {
		width: 100%;
	}
	.courses_filters {
    	margin-top: 10px;
		    display: inherit;
	}
	.courses_filters__title {
		margin-right: 0px;
		text-align: center;
	}
	.courses_main_left
	{
	    margin-bottom: 25px;
	    margin-top: 10px;
		width: 100%;
	}

	.courses_main_right {
		width: 100%;
	}
	.course_page_main {
    	width: 99%;
	}
	
	
	
.list_view_sec_main_l {
    width: 100%;
}
.list_view_sec_main_r {
    width: 100%;
	    margin-left: 0%;
}
.ssec_se_ar_l {
    width: 100%;
}
.sec_se_ar_rig {
    width: 100%;
}

.sec_se_ar_on
{
    width: auto;
    margin-right: 7px;
}
.sec_se_ar_rig {
    width: 100%;
    margin: 5px 0;
}

.average-rating-stars__av.heading_font {
    margin-left: 5px;
}
.sec_se_ar__bottom
{
    width: 100%;
}
	
	
	
	
	
span.totalTutors
{
	margin-left: 0px;
}	
.Subtitle___1dQsl
{
    padding: 10px 0px;
}
	
.headerContentWrapper h1.title___1vQJB	
{
    line-height: 34px;
}
section.filterBar .col-md-3 {
	width: 50%;
}

.find_tutor_cont_main_right {
    width: 40%;
	display:none;
}

.find_tutor_cont_main_left {
    width: 100%;
}

.find_tutor_cont_on_l {
    width: 100%;
}

.find_tutor_cont_on_r {
    width: 100%;
    margin-top: 10px;
}

.find_tutor_cont_on_l img {
    width: 100%;
}

.find_tutor_cont_on_r_l {
    width: 100%;
}

.find_tutor_cont_on_r_r {
    width: 100%;
}

.find_tutor_cont_on_r_l .find_tutor_tt a {
    font-size: 14px;
}

ul.Speaks___27SQY li {
    margin: 0px 0px;
}

.sec_lll {
    width: 50%;
}

span.sec_rrr {
    width: 50%;
}

.sec_bott a.book_lesson
{
    font-size: 13px;
	width:100%;
}

.filtr_Opsn h4 {
    font-size: 12px;
}	





/* teacher detail */

#sidebar
{
    position: static !important;
}
.tutor_profile_Section .col-md-8 {
    width: 100%;
}
.tutor_profile_Section .container {
    width: 100%;
}

.box__col {
    width: 100%;
}

span.tuto_n
{
    margin-top: 10px;
}
.review_sec_main_l {
    width: 75px;
}
.review_sec_main_r {
    width: 68%;
    margin-left: 3%;
}

span.tital_span {
    width: 35%;
}
span.tital_spanrr {
    width: 65%;
}
span.tital_span .main-title {
    font-size: 16px;
}

.tutor_profile_Section_l_four_bottom span.tital_spanL {
    width: 35%;
}
.tutor_profile_Section_l_four_bottom span.tital_spanR {
    width: 65%;
}

.five_tital_span {
    width: 35%;
}
.five_tital_spanrr {
    width: 65%;
}

.review_sec_main_l img {
    width: 100%;
}

.tutor_profile_Section .col-md-4 {
    width: 100%;
}

.tutor_profile_Section .container {
    width: 98%;
}

.tutor_profile_Section .col-md-8 {
    width: 100%;
}
.tutor_profile_Section .col-md-4 {
    width: 100%;
}

#sidebar.fixed
{
    max-width: 190px;
}


span.but_ful1 a
{
    padding: 7px;
}
span.but_ful1 a
{
    padding: 7px;
}
.tutor_profile_Section_r_three span.but_ful a
{
    padding: 5px;
}







/* cart */

.cart_page_main_l {
    width: 100%;
	padding: 10px;
}

.cart_page_main_l {
    width: 100%;
}
.cart_one1 {
    float: left;
    width: 35%;
}
.cart_one2 {
    width: 63%;
    min-height: 71px;
}
.cart_one3 {
    float: left;
    width: 50%;
}
.cart_one4 {
    float: left;
    width: 50%;
}

.cart_page_main_r {
    width: 100%;
	margin-top: 20px;
			    margin-left: 0%;
}

input#coupon-input {
    width: 65%;
}

span.input-group-btn button.btn.btn-primary
{
    width: 28%;
	    min-height: 44px;

}

	
	
	
	
	
/* cource detail */

.Course_Details_main_r
{
    width: 100%;
}
.Course_Details_main_l {
    width: 100%;
}

.Course_Details_main .container {
    width: 100%;
}
	
	
	
	
	
	

.related_pro .owl-prev {
    position: static !important;
}
.related_pro .owl-next {
    position: static !important;
}	

	
	
	
div#myModal {
    padding-top: 15px;
}
	
.pop_bot span.add_t {
    width: 50%;	
}
button.udlite-btn {
    width: 23%;
}
.pop_bot span.add_t {
    width: 47%;
}
	

.pop_bot2 a
{
    margin-right: 8px;
    margin-bottom: 10px;
}	


.modal-content1
{
    padding: 12px;
}
	
}


@media(min-width:568px) and (max-width:767px)
{

	.course_page_banner_txt h4
	{
	    line-height: 38px;
		margin-bottom: 20px;
		font-size: 30px;
	}
	.course_page_banner_txt h1 {
		font-size: 32px;
	}
	.course_page_banner_txt {
	   margin: 70px 0px;
	}
	.course_page_main .container {
		width: 100%;
	}
	.courses_filters {
    	margin-top: 10px;
	}
	.courses_filters__title {
		margin-right: 0px;
		text-align: center;
	}
	.courses_main_left
	{
	    margin-bottom: 25px;
	    margin-top: 0px;
	}
	.courses_main_right {
		width: 72%;
   		margin-left: 1%;
	}
	.course_page_main {
    	width: 100%;
	}
	
	
	.course_page_main.cou_inn_pa {
		width: 100%;
		padding: 0px 0px;
	}
	.courses_filters__title h1	
	{
		font-size: 35px;
		margin-right: 21px;
	}
		
	.accordion	
	{
		padding: 26px 10px 26px 10px;
	}	
		
	.grid_view_sec
	{
		margin: 0 0px;
	}
	.stm_lms_courses__grid
	{
		margin: 0 0px;
	}	
	
	
	.stm_lms_courses__single__inner
	{
	    margin: 0 5px;
	}
	.stm_lms_courses__single--inner {
		padding: 0 10px 7px;
	}
	
	.stm_lms_courses__single--title a h5
	{
	    font-size: 13px;
	}
	
	.panel {
    	padding: 15px 8px;
	}
	
	.stm_lms_courses__single--title a h5	
	{
		font-size: 13px;
	}
	
	.average-rating-stars__top {
 	   width: 70% !important;
	}
	
	
.stm_lms_courses__single
{
    margin: 0 0 20px;
}	
	




.list_view_sec_main_l {
    width: 40%;
    margin-right: 1%;
}
.list_view_sec_main_r {
    width: 57%;
    margin-left: 1%;
}

.stm_lms_courses_title h4 {
    line-height: 26px;
    margin-top: 3px;
}

.sec_se_ar_on {
    width: 100%;
}
.sec_se_ar_tw {
    width: 100%;
}
.sec_se_ar_th {
    width: 100%;
}

.ssec_se_ar_l {
    width: 100%;
    margin-bottom: 5px;
}

.sec_se_ar_rig {
    width: 100%;
}

.average-rating-stars__av.heading_font {
   margin-left: 10px;
}
.sec_se_ar__bottom {
    width: 100%;
}

.sec_se_ar__bottom .stm-lms-wishlist {
    width: auto;
    margin-left: 10px;
}

.sec_se_ar__bottom_r {
    float: left;
    margin: 0px 0px 5px;
}

.stm-lms-wishlist {
    margin: 0 0 0px;
}




span.totalTutors
{
	margin-left: 0px;
}	
.Subtitle___1dQsl
{
    padding: 10px 0px;
}
	
.headerContentWrapper h1.title___1vQJB	
{
    line-height: 34px;
}
section.filterBar .col-md-3 {
	width: 50%;
}

.find_tutor_cont_main_right {
    width: 50%;
}

.find_tutor_cont_main_left {
    width: 50%;
}

.find_tutor_cont_on_l {
    width: 100%;
}

.find_tutor_cont_on_r {
    width: 100%;
    margin-top: 10px;
}

.find_tutor_cont_on_l img {
    width: 100%;
}

.find_tutor_cont_on_r_l {
    width: 100%;
}

.find_tutor_cont_on_r_r {
    width: 100%;
}

.find_tutor_cont_on_r_l .find_tutor_tt a {
    font-size: 14px;
}

ul.Speaks___27SQY li {
    margin: 0px 0px;
}

.sec_lll {
    width: 50%;
}

span.sec_rrr {
    width: 50%;
}

.sec_bott a.book_lesson
{
    font-size: 13px;
	width:100%;
}

.filtr_Opsn h4 {
    font-size: 12px;
}	
	

div#searchfield2 {
    padding: 8px;
	margin-left: 0px;
}
.timetable
{
    overflow-x: auto;
}








/* teacher detail */

#sidebar
{
    position: static !important;
}
.tutor_profile_Section .col-md-8 {
    width: 100%;
}
.tutor_profile_Section .container {
    width: 100%;
}

.box__col {
    width: 100%;
}

span.tuto_n
{
    margin-top: 10px;
}
.review_sec_main_l {
    width: 75px;
}
.review_sec_main_r {
    width: 68%;
    margin-left: 3%;
}

span.tital_span {
    width: 35%;
}
span.tital_spanrr {
    width: 65%;
}
span.tital_span .main-title {
    font-size: 16px;
}

.tutor_profile_Section_l_four_bottom span.tital_spanL {
    width: 35%;
}
.tutor_profile_Section_l_four_bottom span.tital_spanR {
    width: 65%;
}

.five_tital_span {
    width: 35%;
}
.five_tital_spanrr {
    width: 65%;
}

.review_sec_main_l img {
    width: 100%;
}

.tutor_profile_Section .col-md-4 {
    width: 100%;
}

.tutor_profile_Section .container {
    width: 98%;
}

.tutor_profile_Section .col-md-8 {
    width: 64%;
}
.tutor_profile_Section .col-md-4 {
    width: 35%;
}

#sidebar.fixed
{
    max-width: 190px;
}


span.but_ful1 a
{
    padding: 7px;
}
span.but_ful1 a
{
    padding: 7px;
}
.tutor_profile_Section_r_three span.but_ful a
{
    padding: 5px;
}




/* cart */

.cart_page_main_l {
    width: 100%;
}
.cart_page_main_r {
    width: 100%;
	margin-left: 0%;
    padding: 15px;
    margin-top: 20px;
}







/* cource detail */

.Course_Details_main_r
{
    width: 43%;
}
.Course_Details_main_l {
    width: 55%;
}

.Course_Details_main .container {
    width: 100%;
}






.related_pro .owl-prev {
    position: static !important;
}
.related_pro .owl-next {
    position: static !important;
}	


}

@media(min-width:768px) and (max-width:991px)
{
	
.course_page_banner_txt	
{
    margin: 120px 0px;
}
.course_page_main .container {
    width: 100%;
}

.stm_lms_courses__single--inner {
    padding: 0 10px 7px;
}

.stm_lms_courses__single--title a h5
{
    font-size: 13px;
}
.stm_lms_courses__single--meta .average-rating-stars__top {
    width: 80%;
}

.stm_lms_courses__single {
    margin: 0 0 20px;
}

.panel {
    padding: 15px 10px;
}
	
	
.stm_lms_courses_title h4 {
    margin: 10px 0px;
    line-height: 25px;
}	

.sec_se_ar_on {
    width: auto;
    margin-right: 10px;
}

.sec_se_ar_tw {
    width: auto;
    margin-right: 10px;
}
.ssec_se_ar_l {
     width: 100%;
    margin-bottom: 5px;
}
.sec_se_ar_rig {
    width: 100%;
}

.sec_se_ar__bottom {
    width: 100%;
    margin: 6px 0px;
}
.sec_se_ar__bottom .stm-lms-wishlist {
    margin-bottom: 0;
}
.sec_se_ar__bottom_r {
    float: left;
    width: 100%;
    margin: 0px 0px;
}


	
	
	
.find_tutor_cont_on_l {
    width: 33%;
}

.find_tutor_cont_on_r {
    width: 65%;
	    margin-left: 2%;
}	

.find_tutor_cont_on_r_l {
    width: 100%;
}
.find_tutor_cont_on_r_r {
    width: 100%;
}
.find_tutor_cont_on_l img {
    width: 100%;
}

section.filterBar .container {
    width: 97%;
}

.headerContentWrapper h1.title___1vQJB
{
	width: 85%;
}
span.totalTutors
{
    margin-left: 0px;
}
.SubtitleText___2tmdi {
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.filterBar .col-md-3 {
    width: 33%;
}

.find_tutor_cont_main_left {
    width: 100%;
}
.find_tutor_cont_main_right {
    width: 100%;
}
span.rev_butt {
    float: right;
    width: auto;
    padding-right: 10px;
}

.find_tutor_cont_main.tutorAllBox #searchfield2
{
    left: 0px;
}
.timetable
{
    overflow-x: auto;
}	
div#searchfield2 {
    padding: 10px;
}
	
	
	
	
	
/* teacher detail */	
.tutor_profile_Section .container {
    width: 94%;
}	
.tutor_profile_Section .col-md-8 {
    width: 65%;
}

.tutor_profile_Section .col-md-4 {
    width: 34%;
}

#sidebar.fixed {
    position: fixed;
    max-width: 255px;
}
	
.review_sec_main_r {
    width: 70%;
}



/* cart page  */

.cart_page_main .container {
    width: 98%;
}

.cart_page_main_r {
    width: 33%;
}
.cart_page_main_l {
    width: 65%;
}

input#coupon-input {
    width: 62%;
}

span.input-group-btn button.btn.btn-primary {
    padding: 0px 6px;
    width: 27%;
    min-height: 44px;
    font-size: 13px;
}
		
	
	
/* cource detail */

.Course_Details_main_r
{
    width: 43%;
}
.Course_Details_main_l {
    width: 55%;
}

.Course_Details_main .container {
    width: 100%;
}
	
	
	
	
	
	
	

.related_pro .owl-next {
    right: -17px !important;
}

.related_pro .owl-prev {
    left: -15px !important;
}

.xd_dati > div {
    display: inline-block !important;
    min-height: 133px !important;
    line-height: 62px;
    float: left;
    box-sizing: border-box !important;
    box-shadow: unset !important;
    width: 34px !important;
}	
.xd_dati {
    display: inline-block !important;
    max-width: 70.4px !important;
    float: left;
    text-align: center;
}	
	
}

@media(min-width:992px) and (max-width:1199px)
{
	
	

	
.course_page_banner_txt	
{
    margin: 120px 0px;
}
.course_page_main .container {
    width: 100%;
}

.stm_lms_courses__single--inner {
    padding: 0 10px 7px;
}

.stm_lms_courses__single--title a h5
{
    font-size: 13px;
}
.stm_lms_courses__single--meta .average-rating-stars__top {
    width: 80%;
}

.stm_lms_courses__single {
    margin: 0 0 20px;
}

.panel {
    padding: 15px 10px;
}
	
	
.stm_lms_courses_title h4 {
    margin: 10px 0px;
    line-height: 25px;
}	

.sec_se_ar_on {
    width: auto;
    margin-right: 10px;
}

.sec_se_ar_tw {
    width: auto;
    margin-right: 10px;
}
.ssec_se_ar_l {
     width: 100%;
    margin-bottom: 5px;
}
.sec_se_ar_rig {
    width: 100%;
}

.sec_se_ar__bottom {
    width: 100%;
    margin: 6px 0px;
}
.sec_se_ar__bottom .stm-lms-wishlist {
    margin-bottom: 0;
}
.sec_se_ar__bottom_r {
    float: left;
    width: 100%;
    margin: 0px 0px;
}


#inn_footer .container {
    width: 100%;
}
	
	
	
.find_tutor_cont_on_l {
    width: 33%;
}

.find_tutor_cont_on_r {
    width: 65%;
	    margin-left: 2%;
}	

.find_tutor_cont_on_r_l {
    width: 100%;
}
.find_tutor_cont_on_r_r {
    width: 100%;
}
.find_tutor_cont_on_l img {
    width: 100%;
}

section.filterBar .container {
    width: 97%;
}

.headerContentWrapper h1.title___1vQJB
{
	width: 85%;
}
span.totalTutors
{
    margin-left: 0px;
}
.SubtitleText___2tmdi {
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.filterBar .col-md-3 {
    width: 33%;
}

.find_tutor_cont_main_left {
    width: 60%;
}
.find_tutor_cont_main_right {
    width: 40%;
}
span.rev_butt {
    float: right;
    width: auto;
    padding-right: 10px;
}

.find_tutor_cont_main.tutorAllBox #searchfield2
{
    left: 0px;
}
.timetable
{
    overflow-x: auto;
}	
div#searchfield2 {
    padding: 10px;
}	





/* teacher detail */	
.tutor_profile_Section .container {
    width: 94%;
}	
.tutor_profile_Section .col-md-8 {
    width: 65%;
}

.tutor_profile_Section .col-md-4 {
    width: 34%;
}

#sidebar.fixed {
    position: fixed;
    max-width: 310px;
}
	
.review_sec_main_r {
    width: 70%;
}



/* cart */

.cart_page_main .container {
    width: 90%;
}


span.input-group-btn button.btn.btn-primary {
    padding: 0px 5px;
    width: 27%;
}
input#coupon-input {
    width: 62%;
}

	
	
	
	
/* cource detail */	
.Course_Details_main .container {
    width: 95%;
}



.related_pro .owl-next {
    right: -17px !important;
}

.related_pro .owl-prev {
    left: -15px !important;
}

	
}


@media(min-width:1200px) and (max-width:1420px)
{
	
.find_tutor_cont_on_l {
    width: 25%;
}

.find_tutor_cont_on_r {
    width: 73%;
    margin-left: 2%;
}	

.find_tutor_cont_on_l img {
    width: 100%;
}

section.filterBar .container {
    width: 97%;
}

.headerContentWrapper h1.title___1vQJB
{
	width: 85%;
}
span.totalTutors
{
    margin-left: 0px;
}
.SubtitleText___2tmdi {
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.filterBar .col-md-3 {
    width: 16.5%;
}

.find_tutor_cont_main_left {
    width: 70%;
}
.find_tutor_cont_main_right {
    width: 30%;
}
span.rev_butt {
    float: right;
    width: auto;
    padding-right: 10px;
}

.find_tutor_cont_main.tutorAllBox #searchfield2
{
    left: 0px;
}
.timetable
{
    overflow-x: auto;
}	
div#searchfield2 {
    padding: 10px;
}	

.find_tutor_cont .container {
    width: 95%;
}


.find_tutor_cont_on_r_l {
    width: 65%;
}
.find_tutor_cont_on_r_r {
    width: 35%;
}	


/* teacher detail */	
.tutor_profile_Section .container {
    width: 90%;
}	

#sidebar.fixed {
    position: fixed;
    max-width: 310px;
}
	
.review_sec_main_r {
    width: 70%;
}




/* cart */
.cart_page_main .container {
    width: 90%;
}

span.input-group-btn button.btn.btn-primary {
    padding: 0px 5px;
    width: 27%;
}

input#coupon-input {
    width: 62%;
}

	
	
	
	
/* cource detail */	
.Course_Details_main .container {
    width: 95%;
}	
	
}

/* cart */

.dropbtn {
    background-color: #ffffff00;
    color: grey;
  /*  padding: 14px 16px;*/
    font-size: 22px;
    border: none;

}

.cart_ic_sec {
    position: absolute;
    display: inline-block;
   /*  right: 120px; */
    top: 7px;
    margin-left: 72%;
}

.dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    right: 0;
    max-width: 300px;
}

.dropdown-content1 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content1 a:hover {
	background-color: #ddd;
	}

.cart_ic_sec:hover .dropdown-content1 {
	display: block;
	}

.cart_ic_sec:hover .dropbtn {
	background-color: #f3f3f3;
	}

.dropdown-content_one_l {
    width: 28%;
    float: left;
    margin: 0;
    padding: 0;
	max-height: 77px;
}

.dropdown-content_one {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 10px 5px;
    border-bottom: 1px solid #999;
}

.dropdown-content_one_r {
    width: 70%;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 2%;
}

.dropdown-content_one_l img {
    width: 100%;
}

.dropdown-content_one_r strong {
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 0;
    display: block;
/*    white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-content_one_r p {
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    color: #545454;
}

.cart_ic_sec_1 {
    position: absolute;
    display: inline-block;
    right: 16%;
    top: 0;
}

span.pri_cc {
    float: left;
    width: 100%;
    margin-top: 3px;
}

span.pri_cc strong {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #888;
}

span.pri_cc b {
    float: left;
    font-size: 13px;
    margin-right: 8px;
}

.dropbtn:hover {
    background: #e6e3e3 !important;
}


.dropdown-content_two {
    float: left;
    width: 100%;
    padding:10px 10px 13px;
}

.dropdown-content_two span.pric_ma {
    float: left;
    font-size: 15px;
    width: 80%;
}

.dropdown-content_two strong {
    float: left;
    margin-right: 10px;
    font-size: 15px;
}

.dropdown-content_two h6 {
    float: left;
    margin: 3px 0px 0 7px;
    width: auto;
    padding: 0;
    font-size: 14px;
    color: #777;
}

span.pric_ma b {
    float: left;
    margin: 0px;
    width: auto;
    padding: 0;
}

.dropdown-content_three {
    float: left;
    width: 100%;
    padding: 10px;
    margin: 0;
}

.dropdown-content_three a {
    background: #152b75;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.dropdown-content_three a:hover {
    background: #ec5252;
}


.dropdown-content_one a {
    float: left;
    width: 100%;
    padding:2px;
    background: transparent !important;
}

button:focus {
 
    background-color: #e8e8e8 !important;
}


button.dropbtn {
    position: relative;
}

span.cart_num {
    position: absolute;
    font-size: 12px;
    background: #ec5252;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: #fff;
    right: 0px;
    top: 12px;
    line-height: 19px;
}

.dropdown-content_one a:hover {
    background: #f1f1f1 !important;
}


.dropdown-content1 {
    max-height: 292px;
    overflow-y: auto;
}


/* 10 dec*/

.bx_freq {
    float: left;
    width: 100%;
    margin: 0;
    border: 1px solid #99999961;
    border-radius: 5px;
    padding: 10px;
    background: #f7f7f7;
    margin-top: 10px;
}

.bx_freq h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
	margin-bottom: 10px;
}


.pop_img {
    width: 25%;
    float: left;
}

.pop_main_r {
    width: 73%;
    margin-left: 2%;
    float: left;
}

ul.list_couRandum {
    width: 100%;
    float: left;
    margin: 10px 0px;
    padding: 0;
}

ul.list_couRandum li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0px;
    border-bottom: 1px solid #99999952;
    margin-bottom: 3px;
}

.pop_img img {
    width: 100%;
}

.pop_main_r .pop_tsx_l {
    width: 78%;
    float: left;
}

.pop_main_r .pop_tsx_l h4 {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.rig_pri {
    width: 20%;
    float: left;
    text-align: center;
}

.rig_pri span {
    font-weight: 600;
}

.pop_main_r .pop_tsx_l h5 {
    font-size: 12px;
    margin: 5px 0px;
    width: auto;
}




.pop_ttt {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.pop_ttrr {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.pop_ttrr span.num_sd {
    float: left;
    margin: 0px;
    color: #eab829;
    font-weight: 600;
}

.pop_ttrr ul.list-ratingStar {
    float: left;
    width: auto;
    margin: 0px 5px;
}

.pop_ttrr ul.list-ratingStar li {
    float: left;
    margin: 0;
    width: auto;
    margin-right: 2px;
}

.pop_ttrr ul.list-ratingStar li i.fa {
    color: #f1ad16;
    font-size: 13px;
}

span.num_bb {
    float: left;
    font-size: 12px;
    letter-spacing: 0.5px;
    position: relative;
    top: 2px;
}

span.best_s {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

span.best_s a {
    padding: 5px 10px;
    float: left;
    background: #f7dfaa;
    color: #000;
    border-radius: 5px;
    margin-top: 3px;
    font-weight: 400;
}


ul.list-ratingStar li {
    border: 0;
}


ul.list-ratingStar li {
    border: 0;
}

.bx_freq_l {
    /* float: left; */
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
}
.bx_freq_l span.ll_sec {
   /* width: 50%;
    float: left;*/
    margin: 0;
    padding: 7px 0px;
}

.bx_freq_l span.ll_sec strong {
    font-weight: 600;
}

span.rr_sec {
   /* float: left;
    width: 50%;*/
    margin: 0;
    padding: 0;
}

span.rr_sec a {
    float: right;
    background: #e64444;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

div#myModal {
    padding-top: 60px;
}

ul.list-ratingStar li {
    padding: 0;
}



.rel_one {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px 10px 0 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.18), inset 0 3px 0 0 rgba(25,94,200,.004);
}

.rel_one_img {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    border:1px solid #ddd;
}

.rel_one_img img {
    width: 100%;
}

.rel_one_tet {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px;
    background: #fff;
}

.rel_one_tet h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 55px;
    text-align: left;
    min-height: 40px;
}

.rel_one_tet b {
    font-size: 12px;
    font-weight: 400;
    color: #737373;
    padding: 7px 0 4px;
    float: left;
    width: 100%;
}

.rel_one_ll {
    float: left;
    width: 100%;
}

.rel_one_ll ul {
    float: left;
    padding: 0;
    margin: 0px 6px 0 0;
}

.rel_one_ll ul li {
    float: left;
    width: auto;
    margin: 0px 1px;
}

.rel_one_ll ul li i.fa {
    color: #ffc543;
}

span.num_sd1 {
    font-weight: 600;
}

.rig_se {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.rig_se span {
    float: left;
    font-weight: 600;
    padding: 6px 12px;
    width: auto;
    text-align: left;
    background: #152b75;
    color: #fff;
    border-radius: 5px;
    margin-top: 4px;
    margin-bottom: 2px;
}




.rel_one:last-child {
    margin-right: 0;
}


.related_pro h1 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
	text-align: center;
}


.related_pro {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.related_pro .owl-next {
    position: absolute;
    top: 47%;
    right: -42px;
    width: 30px;
    background: #162c79 !important;
}

.related_pro .owl-prev {
    position: absolute;
    top: 47%;
    left: -37px;
    width: 30px;
    background: #162c79 !important;
}

.related_pro .owl-prev i.fa {
    font-size: 20px;
}

.related_pro .owl-next i.fa {
    font-size: 20px;
}

/* 11 dec */

.payment_page
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;	
}


.main_payment {
    width: auto;
    float: none;
    max-width: 450px;
    margin: 55px auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgb(50 50 50 / 24%);
    padding: 15px;
    background: #fff;
    border-radius: 10px;
	position: relative;
	display:table;
}

.payment_page {
    background: #e8e8e885;
    padding: 15px 0px;
}

.payment_form {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

span.input-group-addon {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
}

span.input-group-addon {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
}

.payment_page h3.panel-title {
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}

.payment_form label {
    font-weight: 700;
    color: #000;
    width: 100%;
    border: 0;
    float: left;
}

.payment_form .form-group {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.payment_sec_bott {
    float: left;
    width: 100%;
}

.payment_sec_bott .col-xs-7.col-md-7 {
    width: 65%;
    float: left;
}

.payment_sec_bott .col-xs-5.col-md-5.pull-right {
    width: 33%;
}

.payment_form .form-group .col-xs-6.col-lg-6.pl-ziro {
    width: 46%;
    float: left;
    margin-right: 10px;
}


input#expityMonth {
    position: relative;
    z-index: 2;
    float: left;
    width: 80%;
    margin-bottom: 0;
    border: 1px solid #9999995e;
    padding: 0px 10px;
    margin-top: 5px;
    border-radius: 6px;
}

input#expityYear {
    position: relative;
    z-index: 2;
    float: left;
    width: 80%;
    margin-bottom: 0;
    border: 1px solid #9999995e;
    padding: 0px 10px;
    margin-top: 5px;
    border-radius: 6px;
}

input#cvCode {
    position: relative;
    z-index: 2;
    float: left;
    width: 80%;
    margin-bottom: 0;
    border: 1px solid #9999995e;
    padding: 0px 10px;
    margin-top: 5px;
    border-radius: 6px;
}

ul.nav.nav-pills.nav-stacked {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.nav.nav-pills.nav-stacked li a {
	position: relative;
    display: block;
    padding: 10px 15px;
    background-color:#e2e2e2;
    color: #404040;
    border-radius: 5px;
    border: 1px solid #8e8e8e38;
	font-weight: 500;
}

ul.nav.nav-pills.nav-stacked li a span.badge.pull-right {
    background: #fff;
    color: #000;
    border-radius: 5px;
    padding: 5px 10px;
    float: left;
    top: 5px;
    right: 6px;
    font-weight: 600;
    font-size: 15px;
}
a.btn.btn-success.btn-lg.btn-block {
    float: left;
    width: 100%;
    margin: 10px 0;
    border-radius: 5px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    height: auto;
    padding: 3px 0;
}


/*************************************/

.brand-modal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand-modal button {
    padding: 0;
    background: no-repeat;
    outline: none;
    border: none;
    margin: -3px -2px;
    position: relative;
    font-size: 32px;
    top: -5px;
    padding: 12px;
}
.brand-modal h4 {
    font-size: 25px;
}
.modal .modal-footer {
    margin-bottom: 21px !important;
}

.modal-education {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    min-height: 366px !important;
    width: 350px !important;
    margin: auto;
    max-height: none !important;
    /*overflow-y: auto;*/
    border-radius: 2px;
    will-change: top,opacity;
	}
.login-up-text {
    color: #212121;
	}
.modal .modal-content {
    padding:8px 16px 20px !important;
	}
.educ-login .text-icon-user input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ec5252 !important;
    box-shadow: 0 1px 0 0 #FFF !important;
	}
.text-icon-user {
    display: flex;
    padding: 0px;    
    margin-bottom: 7px;
	}
.text-icon-user p {
    color: #c3c3c3;
    
}
.btn-login{

}
#activein{
	border: 1px solid #f30505;
}

button.btn-login {
    color: #fff;
    background-color: #f24462 !important;
    border: 1px solid transparent;
    padding: 0px;
    height: 51px;
        border-radius: 6px;
}
.educ-login .text-icon-user input[type=text]{
    background-color: transparent;
    border: none;
    border:1px solid #949aa4 !important;
    border-radius: 0;
    outline: 0;
    height: 3rem;
    width: 100%;
    border-radius: 5px;
    font-size: 1rem;
    margin: 0px 0px 0px 0px;
    padding:0px 10px;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
    box-shadow: none !important;
}
.educ-login {
	margin-top: 7px;
}
.educ-login .text-icon-user input[type=password]{
    box-shadow: none !important;
  	background-color: transparent;
    border: none;
    border:1px solid #949aa4 !important;
    border-radius: 0;
    outline: 0;
    height: 3rem;
    width:100%;
    border-radius: 5px;
    font-size: 1rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;

}

.text-icon-user input[type=password]{
  background-color: transparent;
    border: none;
    border: 1px solid #FFF !important;
    border-radius: 0;
    outline: 0;
    height: 3rem;
    width: 90%;
    border-radius: 5px;
    font-size: 1rem;
    margin: 0px 0px 0px 10px;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}
.sign-up-text {
    color: #ec5252;
}
.f-btn button{

	float: right;
    margin: 6px 0;
    width: 100%;
}
.pd-top {
padding-top: 15px;

}

@media only screen and (min-width: 1024px) and (max-width: 1280px){

.cart_ic_sec_1 {
    position: absolute;
    display: inline-block;
    right: 25%;
    top: 0;
}

}

@media only screen and (min-width: 300px) and (max-width: 600px){
.modal-education {
    min-height: 370px !important;
    width: 90% !important;  
}

.brand-modal h4 {
    font-size: 20px !important;
}

 }

@media only screen and (min-width: 601px) and (max-width: 1200px){
.modal-education {
   
    min-height: 410px !important;
    width: 45% !important;
   
}

 }

.login-box-body form .has-feedback input[type=text] {
    background-color: white;
    border: none;
    border: 1px solid #9e9e9e;
    border-radius: 0;
    outline: 0;
    height: 5rem;
    border-radius: 6px;
    width: 100%;
    font-size: 16px !important;
    margin: 0 0 9px 0;
    padding: 0px 9px;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}
.d-fecy{

	display: flex;
	justify-content: space-between;
}
.login-box-body .login-box-msg {
font-size: 14px;

}

.login-box-body .checkbox .form-check-label{
    font-size: 15px;
}

.cart_page_rr a{
width: 100%;
}

.text-icon-user input[type=password].valid{

    box-shadow: 0 1px 0 0 #fafafa !important;
}


@media only screen and (min-width: 200px) and (max-width: 900px){

.cart_ic_sec {
    position: absolute;
    display: inline-block;
    right: 32px;
    top: 0;
}
.cart_ic_sec_1 {
      position: absolute;
    display: inline-block;
    right: 51%;
    top: -5px;
}

.dropbtn {
    background-color: #ffffff00;
    color: #808080;
    /*padding: 10px 15px;*/
    font-size: 22px;
    border: none;
}



}
.waves-effect {

     float: left;

 }

 .container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}
@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}

/****************home page internal css*********************/
.col.quest_t a {
	border: 2px solid #fff;
	float: left;
}
 .error{
		color: red;
		float: left !important;
		width: 100%;
		text-align: left !important;
   }
   .login-box-body form .has-feedback input[type=password] {
    background-color: white;
    border: none;
    border: 1px solid #9e9e9e;
    border-radius: 0;
    outline: 0;
    height: 5rem;
    border-radius: 6px;
    width: 100%;
    font-size: 16px !important;
    margin: 0 0 9px 0;
    padding: 0px 9px;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}
.crt-ac{
background-color: #f24462 !important;
font-size: 16px !important;
width: 100% !important;
color: #FFF !important;
}
div.material-table .table-footer .select-wrapper {

   display: -webkit-flex;

   display: flex;

   -webkit-flex-direction: row

   /* works with row or column */

   flex-direction: row;

   -webkit-align-items: center;

   align-items: center;

   -webkit-justify-content: center;

   justify-content: center;

   }

   div.material-table table tr td a {

   color: inherit;

   }

   div.material-table table tr td a i {

   font-size: 18px;

   color: rgba(0, 0, 0, 0.54);

   }

   div.material-table table tr {

   font-size: 12px;

   }

   div.material-table table th {

   font-size: 12px;
   font-weight: 500;
   color: #757575;
   cursor: pointer;
   white-space: nowrap;
   padding: 0 0 0 0px;
   height: 56px;
   padding-left: 0px;
   vertical-align: middle;
   outline: none !important;

   }

   img {

   border-style: none;

   }

   .btn:hover, .btn-large:hover {

   background-color: #ee6e73;

   }

   .materialert {

   position: relative;
   min-width: 150px;
   padding: 15px;
   margin-bottom: 20px;
   margin-top: 15px;
   border: 1px solid transparent;
   border-radius: 4px;
   transition: all 0.1s linear;
   webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;

   }

   .materialert .material-icons{

   margin-right: 10px;

   }

   .materialert .close-alert{

   -webkit-appearance: none;

   border: 0;

   cursor: pointer;

   color: inherit;

   background: 0 0;

   font-size: 22px;

   line-height: 1;

   font-weight: bold;

   text-shadow: 0 1px 0 rgba(255, 255, 255, .7);

   filter: alpha(opacity=40);

   margin-bottom: -5px;

   position: absolute;

   top: 16px;

   right: 5px;

   }

   .materialert.info{

   background-color: #039be5;

   color: #fff;

   }

   .materialert.success{

   background-color: #43a047;

   color: #fff;

   }

   .materialert.error{

   background-color: #c62828;

   color: #fff;

   }

   .materialert.danger{

   background-color: #c62828;

   color: #fff;

   }

   .materialert.warning{

   background-color: #fbc02d;

   color: #fff;

   }

  /* 7 nov */

.question_page_cont

{

    height: auto;

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);

    margin: 15px;

    border-radius: 4px;
   background: #fff;
    min-height: 500px;
		float:left;
		    width: 100%;

}

.question_page_cont_one

{

    width: 100%;

    float: left;

    margin: 0px;

    padding: 15px 0px 30px;

    text-align: center;

}

.question_page_cont_two
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	margin-top: 40px;
	margin-bottom: 30px;
}

.question_page_cont_one img {
    max-width: 320px;
    text-align: center;
}

.question_page_cont_one img {max-width: 320px;text-align: center;}



h3.quest_head {

    font-size: 25px;
    padding: 0px 25px 0px 10px;
    text-transform: uppercase;
    font-weight: 400;
	margin-bottom: 40px;
	float: left;
    width: 100%;
	}
h3.quest_head strong {
    color:#ff0000;
    font-weight:600;
	}
.col.quest_t {
    width:17.7% !important;
    border:0px solid #e65752 !important;
    margin:0px 10px;
    height:160px;
	overflow:hidden;
	}
.col.quest_t img {

    width: 100%;
		max-height: 160px;
    min-height: 160px;

}
 .col.quest_t a.list_item.active {
    float: left;
    border:2px solid #004282 !important;
        width: 100%;
}  
button#stepBtn_one {
    float: none;
    margin: 45px auto 25px;
    display: table;
    font-size: 25px;
    height: auto;
    line-height: 50px;
    padding: 7px 30px;
}
   
span#error_answer {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 15px 10px;
}

span#error_answer label#answer-error {
    font-size: 22px;
		} 		 
 
button#stepBtn_one {
    background:#e65752 !important;
		}
.header-slider .owl-carousel .owl-item img {
    height:auto;
    object-fit:cover;
}

.header-slider .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 35px;
    margin: 0;
    padding: 0px 0px;
    background: #000;
    display: inline-block;
    cursor: pointer;
    border-radius: 25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #e65752 !important;
    color: #FFF !important;
    text-decoration: none !important;
}
.header-slider .owl-theme .owl-prev {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.header-slider .owl-theme .owl-next {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.header-slider .owl-theme .owl-nav {
    margin-top: 0;
}
@media only screen and (max-width: 767px){
.header-slider .owl-carousel .owl-item img {
    height: auto;
    object-fit: cover;
}
.justify-content-center .dash_new_two {
  margin-top: 0px;
}
.header-slider .owl-theme .owl-prev {
    left: 10px;
}
.header-slider .owl-theme .owl-next {
    right: 10px;
}
}

/**************************find a teacher css*****************************/

div.material-table table th.sorting_asc,

   div.material-table table th.sorting_desc {

   color: rgba(0, 0, 0, 0.87);

   }

   div.material-table table th.sorting:after,

   div.material-table table th.sorting_asc:after,

   div.material-table table th.sorting_desc:after {

   font-family: 'Material Icons';

   font-weight: normal;

   font-style: normal;

   font-size: 16px;

   line-height: 1;

   letter-spacing: normal;

   text-transform: none;

   display: inline-block;

   word-wrap: normal;

   -webkit-font-feature-settings: 'liga';

   -webkit-font-smoothing: antialiased;

   content: "arrow_back";

   -webkit-transform: rotate(90deg);

   display: none;

   vertical-align: middle;

   }

   div.material-table table th.sorting:hover:after,

   div.material-table table th.sorting_asc:after,

   div.material-table table th.sorting_desc:after {

   display: inline-block;

   }

   div.material-table table th.sorting_desc:after {

	display:none;   

     content: "arrow_forward";

   }
   div.material-table table tbody tr:hover {

   background-color: #EEE;

   }

   div.material-table table th:first-child,

   div.material-table table td:first-child {

   padding: 0 0 0 24px;

   }

   div.material-table table th:last-child,

   div.material-table table td:last-child {

   padding: 0 14px 0 0;

   }

/**************************step two css*****************************/

/*@media(min-width:568px) and (max-width:767px)

{
.container.main_stud .container {
    width: 100%;
}

.question_page_cont {
	margin: 0;
}

.question_page_cont_one {
	padding: 10px 10px 10px;
}
.question_page_cont_two
{
    margin-top: 0px;
}
}*/
@media(min-width:568px) and (max-width:767px)
{
.container.main_stud .container {
    width: 100%;
}
.question_page_cont {
	margin: 0;
}
.question_page_cont_one {
	padding: 10px 10px 10px;
}
.question_page_cont_two
{
    margin-top: 0px;
}


.question_page_cont_one
{
	width:100%;
}


.col.quest_t img {
    width: 100%;
    max-height: 100%;
    min-height: 100px;
}

.col.quest_t img {
    margin: 0 auto;
    float: none;
    display: table;
}
.col.quest_t a.list_item.active {
    float: none;
}

h3.quest_head {
    padding: 0px 0px 0px 0px;
	text-align: center;
}

}

@media(min-width:768px) and (max-width:991px)
{
.col.quest_t {
	width: 18%;
    margin: 0px 5px;
}
.col.quest_t img {
    max-height: 100px;
    min-height: auto;
}
}

@media(min-width:992px) and (max-width:1199px)
 {
.container.main_stud .container {
    width: 100%;
}
}

@media(min-width:1200px) and (max-width:1366px)
{
.col.quest_t {
    float: left;
    width: 18.5%;
    margin: 7px 1px 7px 21px;
}
.col.quest_t img {
	width: 100%;
    max-height: 140px;
    min-height: 140px;
}
}

.background_img {
    position: relative;
}
button.btn.btn-primary-log {
    color: #fff;
    background-color: #f24462;
    border: 1px solid transparent;
}

.has-feedback .form-control {
    padding-right: 0.5px;
}  

.auth-book .background_img {
   width: 100%;
   height: 100vh;
   display: inline-block;
 }

.auth-book .background_img:before {
   background: #00000085;
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   top: 0px;
   z-index: 0;
 }

.login-box {
 position: relative;
}
.alrt-bar{
    background: #e2e2e2 !important;
}
.altr-img {
    width: 43px;
}

button:focus {
    background-color: #004282 !important;
        border: 1px solid #ffffff !important;
}

.courses_main_left button:focus {
    background-color: #004282 !important;
    border: 1px solid #ffffff !important;
        color: #FFF !important;
}

@media only screen and (min-width: 601px){
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{
    height: 77px !important;
    /* line-height: 64px; */
}
 }

.cart_page_main .alert-danger {
    background: #f3f3f3 !important;
    padding: 12px 10px;
}
.cart_page_main .alrt-bar {

    background: #FFF !important;
}
.pop_cont .modal-close {
	float: right !important;
	font-size: 28px;
}
.pop_cont h3{

	    padding: 10px;
}

@media(min-width:200px) and (max-width:458px){

.udlite-btn {
    float: right;
    width: 40% !important;

	}

	.cart_page_main_l {

     width: 100%;  
	}

	.cart_page_main_r {
    width: 100%;
    margin-top: 16px;
}
input#coupon-input {
    width: 61%;

    }
    span.input-group-btn button.btn.btn-primary {
    padding: 0px 8px;
    width: 28%;
    min-height: 44px;
    font-size: 13px;
    border-radius: 0px 5px 5px 0;
}

}

nav .nav-wrapper i {
    display: block;
    font-size: 2rem !important;
}



/**********************12/29/2020******************/
.video-section {
    position: relative;
    padding: 35px 38px 1px;
    background-color: #eeeff1;
    z-index: 200;
    float: left;
    width: 100%;
}
.video-box{

	border: 1px solid #FFFF;
	min-height: 150px;
	width:  100%;
	background: #FFF;
	position: relative;
}
.alignt-text{

    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
}
.video-box h3 {
    font-size: 23px;
    text-align: center;
    line-height: 29px;
}
.text-pad {
	padding: 10px;
}
.text-pad p{
	line-height: 0;
	text-align: center;
	    color: #a0a0a0;
}
.start-learing {
	background: #3ab3bc;
	color: #FFF;
	padding: 10px 43px;
	margin-top: 10px;
}
.video-box img {
    position: absolute;
    left: 47%;
    right: 0px;
    bottom: 39%;
}

.member-section {
    position: relative;
    padding: 35px 38px 1px;
    background-color: #FFF;
    z-index: 200;
    float: left;
    width: 100%;
}
.member-box{

	border: 1px solid #FFFF;
	background: #FFF;
	position: relative;
	text-align: center;
}
.member-box h3{

}
.member-box h3 span {
    font-size: 30px;
    font-weight: bold;
}
.box-modal-ship {
	border: 1px solid #FFF;
	height: 120px;
	width:   120px;
	overflow: hidden;
	margin: auto;
}

.box-flex {
    display: flex;
    justify-content: space-between;
   
}
.w-100{
	width: 100%;
}
.section-pad {
    padding: 17px 196px;
}
.box-modal-ship img{
	max-width: 100%;


}
.fellow-tour {
	text-align: center;
}
.fellow-tour h5 {
    font-size: 17px;
    color: #000;
}
.plan-box h3 {
    color: #2b71d3;
    font-weight: bold;
}
.plan-box h3 span {
    font-size: 25px;
    font-weight: bold;
    color: #000;
}
.plan-box{
text-align: center;
width: 100%;
}
.sign-today {
    background: #2b71d3;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 6px;
    border: 2px solid #2b71d3;
}
.login-today {
    background: #ffffff;
    color: #FFF;
    padding: 10px 29px;
    border-radius: 6px;
    border: 2px solid #2b71d3;
    margin-right: 6px;
}
.as-seen {
	font-weight: bold;
	color:#4566d1;
	font-size: 30px;
}
.as-bar {
    padding-top: 53px;
    width: 100%;
}
.seen-logo {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    padding: 10px 184px;
}
.company-logo {
	float: left;
	max-width: 100%;
}

.as-bar-main {
    background: #f4f8fb;
    margin-top: 31px;
    width: 100%;
    float: left;
    min-height: 150px;
    padding: 14px;
}
.we-love-teacher {
    width: 100%;
    min-height: 150px;
    background: #03a9f5;
    float: left;
    margin-top: 42px;
}
.mt-10 {
    margin-top: 25px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.mt-11 {
    margin-top: 35px;
    float: left;
    width: 100%;
}
.love-list {
    background-color: #03a9f5;
    position: relative;
    z-index: 10;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.love-tag {

}

.love-tag h3 {
    font-size: 30px;
    font-weight: 700;
    color: #FFF;
}
.love-tag p{
	font-size: 18px;
	color: #FFF;
	margin-top: 32px;
}

.love-list li>div {
    margin: 30px 0;
}

.start-btn {
    background: #ffffff;
    color: #000000;
    padding: 10px 29px;
    border-radius: 20px;
}

.footer-list {
    background-color: #FFF;
    position: relative;
    z-index: 10;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

/***************tesimonial slider*************************/

.faq-heading-part {

width: 100%;
text-align: center;

}

.faq-heading-part h2 {
    color: #ff0195;
    font-size: 40px;
    margin: 11px;
}

.faq-heading-part h4 {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
}
.faq-heading-part h4 span {
color: #357bb6;
font-weight: normal;
}
.faq-bar {
    min-height: 200px;
    width: 100%;
    float: left;
    padding: 10px 255px;
    margin: auto;
    margin-bottom: 96px;
}

.faq-bar .collapsible {
    box-shadow: 0 0px 0px 0 #FFF, 0 2px 10px 0 #FFF;
    border: 0px 0px 0px 0px !important;
    border-top: 1px solid #FFF !important;
    border-right: 1px solid #FFF !important;
    border-left: 1px solid #FFF !important;
}

.faq-bar .accordion {
	background-color:#f4f4f4 !important;
    color: #000;
    cursor: pointer;
    padding: 12px 15px;
    width: 100%;
    border: none !important;
    text-align: left;
    outline: none;
    margin-top:10px !important;
    font-size: 18px;
    transition: 0.4s;
    text-transform: uppercase; 
    transition: 0.2s ease-out !important;
   }

.faq-bar button.accordion:after {
    content: '\002B';
    color: #000;
    font-weight: 300;
    float: right;
    margin-left: 5px;
    font-size: 31px;
    position: absolute;
    right: 22px;
    top: 3px;
}
.faq-bar button:focus {
    background-color: #eeeeee !important;
    border: 1px solid #ffffff !important;

}
.faq-bar .collapsible-header {
    display: block;
    cursor: pointer;
    min-height: 0rem !important;
    line-height: 2rem !important; 
     padding: 0 0rem !important;
    background-color: #fff;
    border-bottom: 0px solid #FFF !important;
}
.mt-collapsible {
	margin-top: 25px !important;
}

/*.active, .accordion:hover {
  background-color: #ccc; 

}*/

.faq-bar .panel {
  padding: 0 18px;
  display: none;
  background-color: #f4f4f4;
  overflow: hidden;
	}

.advantages-list-description-content small{
	font-size: 16px;
	color: #ff4e7a;
}

.footre-text span {
    color: #014282;
    font-size: 20px;
    font-weight: bold;
}
.footre-text ul li{
	line-height: 37px;
}
.footre-text ul li a{
     color: #5d5d5d;
	}
	
.social-icon a {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    color: #505050;
    font-size: 22px;
}
.say-testimonial {
    border: 2px solid #cb2dff;
    background: #FFF;
    min-height: 325px;
    border-radius: 6px;
    position: relative;
    padding: 10px 25px;
}
.profile-testi {
    border: 2px solid #cb2dff;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    overflow: hidden;
    position: absolute;
    margin:-60px auto 0px;
    background: #FFF;
    z-index: 99;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;

}

.testi-text span {
    font-size: 44px;
    color: #cb2dff;
  
}

.testi-text h5 {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #da9700;
    text-align: center;
    padding-top: 81px;
   
}
.testi-text h5 span{
float: left;
	}
.testi-text p {
    margin: 0px;
    text-align: center;
}
.say-testimonial img {
    width: 60px;
    height: 60px;
}
.imoji {
    float:right;
    margin-top:10px;
	}
.testi-text a {
	text-align: center;
	font-size: 16px;
	padding-top: 15px;
}

.see-more a {
    min-width: 140px;
    padding: 14px 28px;
    line-height: 36px;
    text-align: center;
    transition: all .3s;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    border-radius: 50px;
    box-shadow: 0 5px rgba(0,0,0,.15);
    height: auto;
    background: #ff4373;
}
.social-post {
    background: #9d81bc;
    min-height: 350px;
    padding-top: 29px;
    float: left;
    width: 100%;
}
.social-text h3{
	font-size: 23px;
	color: #FFF;
	font-weight: bold;
}
.social-text p{
	color: #FFF;
	padding-bottom: 15px;
}
.img-box img {
    width: 100%;
    text-align: center;
    max-height: 305px;
}
.header-btn p {
	 color: #000;
}
.header-btn a {
	color: #2b71d3;
	 /*  margin-right: 12px; */  
}
.header-btn {
    float: right;
    margin: 0% 2%;
    width: 100;
    /* width: 302px; */
    display: inline-table;
    justify-content: center;
    align-items: flex-end;
}

.berti-slider .draggable {

    padding: 34px 1px;
}

.berti-slider h5:nth-child(2) {
  background: #ccc !important;
}

.sl-lk iframe {
float: right;
}


@media(min-width:320px) and (max-width:940px) {
.slick-next
{
    right: 9% !important;
    z-index: 999 !important;
   
}

.slick-prev
 {
    left: 15% !important;
     z-index: 999 !important;

}

.say-testimonial{
	padding: 10px 47px;
	margin-bottom: 20px;
}

.testi-text p {
font-size: 12px;
}
.say-testimonial img {
    width: 50px;
    height: 50px;
}

.say-testimonial img {
    width: 50px;
    height: 50px;
}
.profile-testi{
width: 80px;
height: 80px;
}
.faq-bar .accordion{

	font-size: 13px;
}

.advantages-list-description-content h3 {
    background: transparent !important;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
     margin-bottom: 2px !important;
}
.advantages-list-description-content p{
	font-size: 15px;
	    line-height: 25px;
}
.mt-10{
	margin-top: 5px;
}

.member-box h3 {

}


.faq-heading-part h4 {
    color: #000000;
    font-size: 21px;
}
.text-pad p {
    line-height: 19px;
}
.video-box img {
    position: absolute;
    left: 41%;
    right: 0px;
    bottom: 51%;
}

.fellow-tour h5 {
    font-size: 11px;
}

nav .nav-wrapper {
    position: relative;
    height: 100%;
    padding: 2px 20px !important;
}

table#lessiontable {
    width: 100% !important;
    overflow: scroll;
}


}

.r-t button:focus {
    background-color: #FFF !important;
    border: 1px solid #ffffff !important;
}
nav .nav-wrapper {
    position: relative;
    height: 100%;
    padding: 11px 14px !important;
}
@media(min-width:320px) and (max-width:900px) {
.non-dply {
display: none;
}

.w-100{
width: 100% !important;

}
.pic-circle {
    height: 71px !important;
    width: 100px;
   
}
.profile-details-box {
padding: 0px;
	}
}

@media(min-width:320px) and (max-width:740px) {

.sl-lk iframe {
    margin: 0px auto;
    float: left;
    width: 92%;
}
.sk-res iframe{
	 width: 92%;
}
.loop-video {
    width: 100%;

}
.bx_inami{
	    padding: 23px 6px !important; 
}


nav .nav-wrapper {
    position: relative;
    height: 100%;
    padding: 2px 2px !important;
}


.demos-list .demo .inner .image img {
    position: relative;
    top: 0;
    width: 100%;
    transition: .5s ease-in-out;
    vertical-align: top;
    max-width: inherit;
    max-height: 472px !important;
    height: 100% !important;
}

.section-pad {
    padding: 17px 16px;
}
.box-modal-ship {
    border: 1px solid #FFF;
    height: 80px;
    width: 80px;
    overflow: hidden;
    margin: auto;
}
.mr-5 {
    margin-right: 10px;
}

.advantages-list-description h3{

font-size: 26px;
}

.social-post .col.s4.slick-slide {
   padding: 1px !important; 
}

.faq-bar {
  
    padding: 9px 20px !important;
    
}
.seen-logo {

padding: 5px;
	}

.accordion {

	font-size: 15px;
}
.love-list {
    background-color: #03a9f5;
     z-index: 10;
    float: left;
    width: 100%;
    margin-bottom: 0;
    margin: 1% 4%;
    /* height: 150px; */
}

.img-summry img{
    max-width: 100%;
    height: auto;
}

.row .col.s6 {
    width: 100% !important;
    margin-left: 0;
}


}

/*nav .nav-wrapper {
    position: relative;
    height: 100%;
    padding: 2px 39px !important;
}*/

.slick-dots button:focus {
    background-color: #00428200 !important;
    border: 1px solid #ffffff !important;
}

.mr-5 {
margin-right: 90px;
}

.faq-bar div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.2s ease-out !important;
    min-height: 80px;

}

button.accordion.active:after {
    content: "\2212";
}

.faq-bar .accordion {
 transition: 0.4s !important;
}

.v-height{

min-height: 250px !important;
float: left !important;
width: 100% !important;

}

.container {
    margin: 0 auto;
    /* max-width: 1280px; */
    width: 100%;
   
}

/*.we-love-teacher ul li {
    padding: 1px 229px;
}*/

.profile-details-box {
background: #FFF;
border: 1px solid #ccc;
min-height: 150px;
border-radius: 6px;
float: left;
width: 100%;
margin: 0px auto; 
padding: 15px;
}
.p-top{
	padding: 58px 25px !important;
}
.profile-avatar {
	border-bottom: 1px solid #ccc;
	    padding: 18px 9px;
	    display: flex;
}
.pic-circle {
    border: 1px solid #ccc;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 82px;
}
.pic-circle img{
max-width: 100%;
max-height: 100%;
	}

.about-avator {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.about-avator h4 {
    font-size: 20px;
    font-weight: bold;
}

.profile-avatar-skill {
	border-bottom: 1px solid #ccc;
	    padding: 18px 9px;
	    display: flex;
}


.about-avator p{
font-size: 17px;
}
.rate-hours{
	display: flex;
	justify-content: space-between;
}
.rigth-fax{
	    padding-left: 48px;
}
.rate-hours-rice {
    display: flex;
    justify-content: space-between;
        padding: 1px;
}
.rate-hours-rice p {
    font-size: 17px;
    margin: 0;
}
.rigth-fax span{
	    color: #0bb300;
}
.confirm-btn {
    width: 100%;
    align-items: center;
    display: flex;
    vertical-align: center;
    justify-content: center;
}
.book_lesson-confirm {
    float: left;
    width: 100%;
    padding: 10px 49px;
    background: #3bb3bd;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}
.total-price {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.total-price p {
    font-size: 19px;
    font-weight: bold;
}
.secur-text h3 {
    font-size: 32px;
    font-weight: bold;
    padding-top: 15px;
}

/*extra css
*/

.user-box {
    background-color: #fff;
    border-radius: 4px;
}
span.star-rate1 {
   position: absolute;
    margin-top: 63px;
    background-color: #fff;
    padding: 2px 15px;
    border-radius: 14px;
    margin-left: 15px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}
span.star-rate1 i {
    color: #fdc425;
}
.user-box h4 {
    font-size: 18px;
    font-weight: normal;
    color: #384047 !important;
    text-transform: capitalize;
        font-weight: 500;
        margin-top: 10px;
}
.user-box p {
    font-size: 13px;
}
.user-box .about-avator i {
    color: #aeb5bc;
    padding-right: 5px;
    font-size: 15px;
    /* padding-top: 1px; */
}
.about-avator span {
    font-weight: 500;
   
    /* float: left; */
    /* width: 100%; */
}
.user-box .profile-avatar {
   
    padding: 7px 9px;
  
}
.user-box .pic-circle {
    border: 1px solid #ccc;
    height: 77px;
    width: 100px;
    overflow: hidden;
    border-radius: 82px;
    margin-bottom: 17px;
}
.skill1 h4 {
    color: #6f757b !important;
    font-size: 13px;
}
.skill1 p {
    font-size: 18px;
    font-weight: 500;
}
.skill-end {
    border-bottom: unset !important;
}
p.total {
    font-size: 24px;
    font-weight: normal;
}
.user-box .profile-avatar-skill {
    border-bottom: 1px solid #ccc;
    padding: 8px 9px;
    display: flex;
}
div#right_modal {
    background-color: unset;
    box-shadow: unset;
}
.socialMediaLogin{
	
    float: left;
    width: 100%;
    display: grid;
    justify-content: center;
    margin-bottom: 1px;

}
.social-fi {
    font-size: 18px !important;
    margin-right: 10px;
}
.socialMediaLogin a {
    width:310px !important;
    margin-bottom: 6px;
    font-size: 15px;
    padding: 10px;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 6px;
    text-align: center;
    text-decoration: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.8px;
}
.socialMediaLogin a img{
	margin-right: 10px;
}
.socialMediaLogin-in a {
    width: 325px;
    margin-bottom: 6px;
    font-size: 15px;
    padding: 10px;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 6px;
    text-align: center;
    text-decoration: none !important;
}
.socialMediaLogin-in{
	
    float: left;
    width: 100%;
    display: grid;
    justify-content: center;
    margin-bottom: 1px;

}


.line-ta{
    width: 100%;
    float: left;
    margin-top: 11px;
}
.line-ta h1 {
        font-family: sans-serif;
        margin: 5px auto;
        text-align: center;
        color: black;
        font-size: 14px;
        max-width: 600px;
        position: relative;
    }
   .line-ta h1:before {
    content: "";
    display: block;
    width: 232px;
    height: 1px;
    background: #adadad;
    left:10px;
    top: 48%;
    position: absolute;
    z-index: -9;
}
    .line-ta h1:after {
    content: "";
    display: block;
    width: 232px;
    height: 1px;
    background: #adadad;
    right:10px;
    top:48%;
    z-index: -9;
    position: absolute;
}
   .line-ta h1 span {
    color: #a0a0a0;
    background: #fafafa;
    padding: 10px;
    z-index: 99999 !important;
}
.brand-modal-cros {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #fafafa;
}
.times-cross {
    position: absolute !important;
    right: 0px;
    top: 0px !important;
    font-size: 21px;
    font-size: bold;
    font-weight: bold;
    background: #fafafa;
    border: 1px solid #fafafa;
}
.lo-tec {
    font-size:24px;
    text-align:center;
    margin-bottom:20px;
    margin-top:7px !important;
}
.brand-modal-cros button {
    background: #fafafa;
    border: 1px solid #fafafa;
    font-size: 25px;
	}
.socialMediaLogin a:hover{
	color: #FFF;
	}
.timeSlot a {
    padding: 0 45px;
	}
div#loginModal {    
    border: 0px solid #4285f4;
    margin: 0rem auto;
    top: 0px !important;
    width: 100% !important;
    background: transparent;
    overflow: scroll !important;
    height: 100% !important;
    padding: 15px 0px 60px;
    z-index: 9999 !important;
    user-select: none;
    min-height: calc(100% - 0rem) !important;
	}
div#signupModal {  
    border: 0px solid #4285f4;
    margin: 0rem auto;
    top: 0px !important;
    width: 100% !important;
    background: transparent;
    overflow: scroll !important;
    height: 100% !important;
    padding:15px 0px 60px;
    min-height: calc(100% - 0rem) !important;
    z-index: 9999 !important;
        user-select: none;
	}
div#dashboard .card_main {
    border: 1px solid #ec5252;
	}
.container.main_stud {   
    padding: 10px 1px 15px;   
	}
td.dataTables_empty {
    padding: 10px !important;
	}
.pa-le-rg {
    padding-left: 10px !important;
    padding-right: 10px !important;
	}
.fl-email {
    float: left;
	}
.mg-t-10 {
    margin-top: 10px;
    margin-bottom: 10px;
	}
.mg-t-10 .btn {
    background-color: #3bb3bd;
	}
.card .card-content {    
    border: 1px solid #3bb3bd;
	}
.video-container p {
    text-align: center;
    padding: 20px;
    background-color: #f5f5f5;
    /* margin-top: 34px; */
    float: left;
    width: 100%;
    color: #3bb3bd !important;
}
.red.lighten-1 {
    background-color: #EF5350 !important;
    float: left;
    width: 100%;
    margin-top: 20px;
    color: #fff;
    text-align: center;
}

div#cirruculumtable_paginate a:hover {
    background-color: #ec5252 !important;
    border: 1px solid #ec5252 !important;
}
.bott_buton.gridview {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.course_page_banner {

    background-position: center center;
}
.course_page_banner_txt {
    width: 70%;
    float: left;
    /* margin: 190px 0px; */
    padding: 0px;
    margin: 8% 7%;
}
.courses_main_left.xd_catgory {
    background-color: #f5f5f5;
    padding: 16px;
}
.courses_main_right {
 
    background-color: #f2f2f2;
    padding: 20px !important;
}
.grid_view_sec {
margin: 0px !important;
}

.list_view_sec_main_l a.heading_font {
    margin: 0 0 0px;
}
.grid_view_sec img {
    padding: 18px;
}
.rel_one_img img{
	padding:10px;

}
.find_tutor_cont_on_l img {
 
    border: 1px solid #ddd !important;
    padding: 10px;
}
div#manucartList {
    border: 3px solid #3bb3bd;
}
div#manucartList p {
    text-align: center;
}
div#manucartList a {
    background-color: #3bb3bd;
    padding: 0px;
    color: #fff !important;
    line-height: 37px;
}
div#manucartList strong {
    color: #000;
}

b#totalPrice {
    color: #000;
}
span.pri_cc {
  
    line-height: 0px;
}
span.pri_cc {
    line-height: 0px;
    color: #000;
}
.loader-sect {
    float: left;
    width: 100%;
    position: absolute;
    z-index: 999;
    justify-content: center;
    align-items: center;
    display: flex;
    /* top: 20px; */
    margin-top: 22%;
    left: 14%;
}
.login-box-body {
    width: 450px;
    text-align: center;
    margin: auto;
    border: 1px solid #f1ecec;
    padding: 15px;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    background: #FFF;
    user-select:none;
}
.question_page_cont h3 {
    text-align: center;
    font-size: 22px;
    color: #152b75;
    float: left;
    width: 100%;
    margin-bottom: 34px;
}
.ali-text{

	text-align: right;
}
.top-alry {

	margin-top: 15px;
}
.top-alry a {


}
.glyphicon-icon-set {
    width: 73%;
    margin: auto auto auto 11%;
}
.icon-gpy {
    position: relative;
    top: -41px !important;
    left: 48%;
    font-size: 19px;
    color: #adadad;
}
.modal .modal-footer {
  
    padding: 4px 1px !important;
    
}


div#loginModal .modal-dialog {
    background-color: #fafafa;
    /*height: 505px !important;*/
    width: 350px !important;
    margin: 0px auto !important;
    border-radius: 2px;
    will-change: top,opacity;
    position: relative;
}


form#signupForm label {
    color: #333;
    font-weight: 500;
	}
.modal-footer.f-btn {
    margin-bottom: 0px !important;
    height: auto;
    display: inline-block;
    width: 100% !important;
    padding: 0px !important;
	}
.modal-footer.f-btn button#btnSignup {
    margin: 0px;
	}
.nvlcls_new li.vsn_vx {
    margin-left: 15px;
    margin-top: 10px;
	}
.nvlcls_new {
    margin-top: -5px;
	}
.nvlcls_new li.btn_lang {
    margin-right: 0px;
    margin-top: 5px;
	}
li.btn_lang {
    background: none !important;
	}
li.btn_lang a {
    background: none !important;
	}
li.btn_lang ul#dropdownlang li {
    min-height: inherit;
     margin: 0px;
    line-height: 0px;
	}

div#app .nav-wrapper{
	margin-right:0px !important; 
	margin-left:0px !important; 
	}




.btn_lang a.dropdown-button span.languagecls {
    margin-top: 0px;
    display: inline-block;
    float: left;
    line-height: 42px;
    margin-right: 15px;
    color: #000;

}

.btn_lang a.dropdown-button:after {
    position: absolute;
    right: 10px;
    width: 10px;
    height: 10px;
    color: #000;
    content: "\f107";
    top: 14px;
    font: normal normal normal 20px/1 FontAwesome;
    font-weight: 600;
}
.btn_lang ul.dropdown-content li a span {
    float: left;
}

.btn_lang ul.dropdown-content li a img {
    float: right;
}

.btn_lang ul.dropdown-content li a {
    display: inline-block;
    width: 100%;
}





li.btn_lang ul#dropdownlang li + li {
    border-top: 1px solid #ccc;
}

li.btn_lang ul#dropdownlang li a {
    font-size: 14px;
    color: #333;
}
.question_page_cont {    
    user-select:none;
	}

.audiobooksignupcls .btn_lang a.dropdown-button{	
    line-height: 45px !important;
	}
.audiobooksignupcls li.btn_lang { 
    margin-top: -4px !important;
	}

.audiobooksignupcls .nav-wrapper .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.main_studOne ul.tabs {
    height: auto !important;
    overflow: hidden;
}
.container.storyfilpbookcls .row {
    width: 100%;
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
}

#forgotpasswordForm > p {
    text-align: center;
	}














/**Responsive**/

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

 .step_from_s .container {
    	width: 100% !important;
	}
}


@media only screen and (max-width: 1200px) {
	.demos-list .demo {
    	width:18.10%;
    }
    #demos .demos-list {
    	text-align:center !important;
	}
}
@media only screen and (max-width: 1080px) {
	.demos-list .demo {
	    width:100%;
	    margin-left:1%;
    	margin-right:1%;
	}
	.container.inner_det_s.backbtncls_one {
	    width: 100%;
	    display: inline-block;	
	}	 
}
@media only screen and (max-width: 1040px) {
	.col.quest_t {
	    width: 17% !important;
	}
}
@media only screen and (max-width: 900px) {	
	.col.quest_t {
	    width:20% !important;
	    margin-bottom:15px !important;	
	}
}
@media only screen and (max-width: 800px) {
	.col.quest_t {
	    width:23% !important;
	}
}
@media only screen and (max-width: 767px) {

	.nvlcls_new li.btn_lang {
        margin-top: 9px;
    }
	.audiobooksignupcls li.btn_lang {
    	margin-top: 9px !important;
	}
	.btn_lang a.dropdown-button span.languagecls {
	    display: none;
	}
	.btn_lang ul.dropdown-content li a span {
	    display: none;
	}
	.btn_lang ul.dropdown-content {
	    width: 45px !important;
	}
	.btn_lang ul.dropdown-content li a img {
	    float: left;
	    width: 100%;
	}
	nav .nav-wrapper {    
	    box-sizing:border-box !important;	    
	}
	.glyphicon-icon-set button.btn.btn-primary-log {
	    width: 100% !important;
	}
	.glyphicon-icon-set .d-fecy {
	    width: 100% !important;
	}
    li.btn_lang {
	    margin-right:5px;
	    margin-top:9px;
	    line-height:20px;	
	}
	.header-btn {
	    margin-top: -5px;
	    margin-left: 0px !important;
	    margin-right: 0px !important;
	}
	.line-t h1:before { 
    	width: 35% !important;
    	left: 5% !important;
    	top: 44% !important;
	}
	.line-t h1:after {    
    	width:35% !important;
    	right:5% !important;
    	top:44% !important;    
	}
	.glyphicon-icon-set {
	    width:100%;
	    margin:auto auto auto 0%;	
	}
	.login-box-body form .has-feedback input{
		box-sizing: border-box !important;
	}
}



@media only screen and (max-width: 740px) {
	.demos-list .demo {
	    width:31%;
	    margin-left:1%;
	    margin-right:1%;
	}
	.demos-list .demo .inner .image {
    height: 290px !important;
	}
}

@media only screen and (max-width: 700px) {
	.col.quest_t {
	    width: 40% !important;
	    margin-bottom: 10px !important;
	}
	.container.inner_det_s.backbtncls_one img {	    
    	max-width: 400px;
    	height: auto !important;
    	width: 100%;
	}
}



@media only screen and (max-width: 660px) {
	.demos-list .demo .inner .image {
	    height: 260px !important;
	}
}
@media only screen and (max-width: 600px) {

	.audiobooksignupcls li.btn_lang {
    	margin-top: 5px !important;
	}

	.nvlcls_new ul#dropdownone {
    	top: 50px !important;
	}

	.nvlcls_new li.btn_lang {
	    margin-right: 0px;
	    margin-top: -5px;
	}
	ul#nav-mobile ul li.vsn_vx {
    	margin-right: 0px;
	}

	.drop_lang {
	    top:45px !important;	    
	    overflow:inherit !important;
	}
	li.btn_lang {    
    	margin-top:5px;
	}
	.header-btn {
    	margin-top:-3px;
	}
	.demos-list .demo .inner .image {
	    height:240px !important;
	}
}

@media only screen and (max-width: 500px) {
	.demos-list .demo {
		width: 45%;
    	margin: 0px 2% 25px !important;	    
	    float: none;
	}
	.demos-list .demo .inner .image {
    	height: inherit !important;
	}
	#app .row .col.s12 {
	    padding:0px 5px;
	}

}

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

	.btn_lang a.dropdown-button:after {
        font:normal normal normal 16px/1 FontAwesome;    
	}
	.btn_lang a.dropdown-button:after {
	    right:5px;
	}

	.nvlcls_new ul#dropdownone {
    	top:55px !important;
	}
	.header-btn {
        margin:-4px ​0px 0px 0px !important;
	}
	li.btn_lang ul#dropdownlang li a {
    	padding:7px 4px !important;    
	}
	.nvlcls_new {
    	margin-top: -1px;
	}
	.nvlcls_new li.vsn_vx {
	    margin-left: 15px;
	    margin-top: 0px;
	    margin-right: 5px !important;
	}
	.nvlcls_new li.btn_lang {
    	margin-right: 0px;	
    	margin-top: -1px;
	}
}

@media only screen and (max-width: 380px) {
	div#signupModal .modal-dialog {	    
	    width: 100% !important;
	}
	div#signupModal {
        padding: 15px 15px 60px;
	}
	div#loginModal .modal-dialog {	    
	    width: 100% !important;
	}
	div#loginModal {
        padding: 15px 15px 60px;
	}
}

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

	.col.quest_t a {
        overflow:hidden;
	}
	.socialMediaLogin a {
	    width:280px !important;
	}
	.col.quest_t {
        height:120px;
	}
}

@media only screen and (max-width: 340px) {
	.socialMediaLogin a {
	    width: 260px !important;
	}
}

@media (min-width: 300px) and (max-width: 767px){

.socialMediaLogin-in a {
    width: 227px !important;
    margin-bottom: 6px;
    font-size: 11px !important;
}
}

@media only screen and (max-width: 640px) {
  .find_tutor_cont_main.tutorAllBox #searchfield2 {
    
    left: -15px !important;
    
}
.xd_dati > div {
    display: inline-block !important;
    min-height: 33px !important;
    line-height: 62px;
    float: left;
    box-sizing: border-box !important;
    box-shadow: unset !important;
    width: 34px !important;
}
}
@media (min-width: 401px) and (max-width: 567px){
.question_page_cont_one img {
    width: initial !important;
}
}

@media (min-width: 568px) and (max-width: 767px){
	.question_page_cont_one img {
	    width: initial !important;
	}
	
  }

@media (min-width: 300px) and (max-width: 767px){

	.login-box-body {
	    width:100%;
	    max-width:360px;
    }
    .auth-book .background_img {
	    width: 100%;
		height: inherit !important;
	}
.login-logo {
    display: inline-block;
    width: 100%;
    text-align: center;
	}
.sign-today {
    padding:7px 5px 9px !important;
    font-size: 13px;  
	}
.login-today {   
    padding:8px 6px 9px !important;
    font-size: 13px;
    }

  }

  .modal{
  	overflow-y: inherit !important;
  	position: absolute !important;
  }