/* &#8942 - VERTICAL ELLIPSIS */
/* <-------- Details Page --------> */
.res-module-title, /* .icon-menu, */ .vertical-menu, .apply-br, .apply-br2, .sm-list,
.mobile-sm, #mobile_search, .mobile-help, .sn-sm, #cssmenu ul li.sn-sign-up, #cssmenu ul li.sn-login, #cssmenu ul li.sn-workshop-li, #cssmenu ul li.sn-account{
	display:none;
}
.vid-content, .vid-details{
	float: left;
	box-sizing: border-box;
	margin-top: 30px;
}
.vid-content{
	width: 60%;
}
.vid-details{
	width: 40%;
	min-height: 300px;
}
.vid-img{
	position: relative;
	padding-bottom: 56.25%; /*16:9*/
	height: 0; 
	overflow: hidden;
}
.vid-img img{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.account-list-item .account-list-info,
.account-list-item .account-list-action{
	display: table-cell;
}

@media screen and (max-width: 1280px){
	/* cart */
	.order-summary{
		width: 750px;
		margin: auto;
		display:block;
	}
	
	.wl-workshop-details-container{
		float:none;
	}
	.cart-content{
		padding-left:0px;
	}
}


@media screen and (max-width: 1216px) {
	/* .icon-ctrl{
		display: none;
	} */
	#btn-label{
		display: none;
	}
	
	.help-btn{
		display: none;
	}
	
	.mobile-help{
		display:block;
		border-radius: 50%;
		padding: 10px;
		background-color: #d22525;
		font-size: 1.3em;
		color:#ffffff;
		border: none;
		float:right;
		margin-top:5px;
		width: 40px;
		height: 40px;
	}
	.mobile-help:hover{
		background: #ff0000;
	}
	
	#faq-link{
		display: none;
	}
	
	#cssmenu ul li.sn-faq{
		display: block !important;
	}
}

@media screen and (max-width: 1160px){
	#main-header.social-media-icons{
		display: none;
	}
	.sn-sm{
		display: block;
	}
}

@media screen and (max-width: 1119px) {
	
	#search input{
		width: 400px;
	}
	
	#search{
		width: auto;
	}
}


@media screen and (max-width: 1060px){
	#search{
		width: auto;
	}
	
	#search input{
		width: 350px;
	}
}


@media screen and (max-width: 1044px) and (min-width: 691px){
	#ck_total_price{
		font-size: 1.3em;
	}

}


@media screen and (max-width: 1024px){
	.social-media-icons{
		right: 15px;
		
	}
	.module-details .module-container{
		margin-left: 10px;
	}

	.related-workshop-card{
		text-align: center;
	}
	.rw-card-label{
		text-align: left;
	}
}


@media screen and (max-width: 1019px){
	#search{
		margin-left: 0;
	}
}


@media screen and (min-width: 961px){
	.details-right .book-and-pay{
		float:left;
	}
	.ck-info, .ck-payment{
		width: 50%;
		float: left;
	}
}


@media screen and (max-width: 960px){
	.login-notif{
		width: 60%;
	}
	
	.module-title{
		width: 100%;
	}
	
	.res-module-title{
		display:block;
	}
	
	#module-container-wl{
		width: 100%;
	}
	
	.module-desc{
		margin-top: 0 !important;
	}
	
	.module-details{
		position: relative;
		width: 600px;
		margin: auto;
	}
	
	.module-details .module-container{
		float: none;
		margin-left: 0;
		width: 100%;
	}
	
	.details-right{
		padding:0;
		margin-bottom:20px;
		width: 600px;
	}
	
	.cart-checkout-btn a{
		margin-left: 0;
	}

	.module-desc{
		margin-top: 80px;
	}
	.rw-overlay{
		text-align: center;
		width: 100%;
	}
	
/* 	.rw-overlay .wishlist{
		left:-5px;
	} */
	
	.rw-overlay .book-and-pay-btn{
		display: inline;
	}
	
	/* for homepage */
	
	.module-call-to-action{
		width: auto;
	}
	
	/* for profile page */
	.workshop-attended-container{
		/* padding: 10px; */
		width: 100%;
		font-size: auto;
	}
		
	.workshop-attended-container .card{
		width: 47%;
	}
	
	.workshop-attended-container .module-container{
		width: auto;
		padding: 5px;
	}
	
	#modue-container-wl{
		width: 100%;
		padding: 0;
	}
	
	.workshop-attended-container .module-container img{
		width: 100%;
	}
	
	/* related workshop */
	.related-workshop-card #last_rw{
		display:none !important;
	}
	
	.details-right .ratings{
		width: 180px;
	}

	.details-right #ratings-wrapper{
		margin: 0 auto;
	}
	
	.attended-label p{
		font-size: 12px;
	}
	
	.attended-label{
		top: 134px;
	}
	
	.rmv-frm-wl{
		display: inline;
	}
	
	.notif-action{
		text-align: right;
		padding-right: 15px;
	}
	
	#about_photo{
		float: none;
		margin: 0px 0px 20px;
	}
	.waitlist-btn{
		width: 100%;
	}
}


@media (max-width:950px){
	.ratings{
		float: none;
		text-align: center;
		margin: 5px 0;
	}
	.reviews{
		display: inline-block;
	}
/* 	.card-btns .btn-text{
		display: none;
	}
	.card-btns .btn-icon{
		display: inline-block;
	} */
}


@media screen and (max-width: 919px) {
/* for homepage */
	.signup-login{
		display: none;
	}
}


@media screen and (max-width: 910px) and (min-width: 669px){
/* for header */
	.logged-in{
		margin-right: 40px;
	}
	
	#icon-heart{
		margin-right: 15px;
	}
}


@media screen and (max-width: 910px){
	.menu-icon, .sn-sm, #cssmenu ul li.sn-sign-up, #cssmenu ul li.sn-login, #cssmenu ul li.sn-workshop-li, #cssmenu ul li.sn-account{
		display:block;
	}
		
	.h-menu, .prfl{
		display:none;
	}
	
	.fixed-header{
		height: auto;
		border-bottom: 1px solid #dedede;
	}
	.mobile-sm{
		display:block;
		position:absolute;
		top: 38px;
		right: 30px;
		font-size: 1.5em;
	}
	
	.mobile-sm a{
		color: #d22525;
		margin: 0 5px;
	}
	
	#mobile_search{
		top: 3px;
		font-size: 1em;
		display:none;
		position:relative;
		float:left;
		cursor:pointer;
	}
	
	/* cart */
	.back, .cart-title{
		padding-left: 10px;
	}
	
	#successful-payment{
		width:90%;
	}
	
	#card_container{
		margin-left: 0;
	}
	
	#cssmenu ul li.sn-blog{
		display: block !important;
	}
	.card-btns button, .view-details-btn, .upload-payment, .waiting-stat{
		min-width: 150px;
	}
	
	.vid-content, .vid-details{
		float: none;
		margin: 20px auto;
		width: 90%;
		min-height: auto;
	}
	.vid-details{
		padding-left: 0;
	}
}


@media screen and (max-width: 870px) {
/* for homepage */
	.card, .card_placeholder, .blog-card{
		clear:both;
		float:none;
		margin-left: 15px;
		margin-bottom: 15px;
	}	
/* for profile page */
	.title-container {
		font-size: .9em;
	}
}


@media screen and (max-width: 853px) and (min-width: 691px){
	#total-label{
		width: 70%;
	}
}


@media screen and (max-width: 850px){
/* for wishlist */
	.wl-workshop-details-container .book-and-pay-btn{
		width: 130px;
		font-size: 1em;
	}
	
	#wl_payment_li{
		width: 130px;
	}
	
	.rw-card{
		width: 35%;
	}
	
	.rw-overlay .book-and-pay{
		width: 90%;
	}
	.rw-overlay .book-and-pay .book-and-pay-btn{
		width: 100%;
	}
	.rw-overlay .wishlist-btn-2nd{
		width: 90%;
		max-width: 400px;
	}
}


@media screen and (max-width: 820px){
/* for wishlist */
	.order-content{
		width: 95%;
	}
}


@media screen and (max-width: 818px){
/* for wishlist */
	#search{
		width: auto;
	}
	
	#search input{
		width: 300px;
	}
}


@media screen and (max-width: 800px){
	/* cart */
	.wl-workshop-details-container, .order-summary{
		width: auto;
		margin: 10px;
	}
	
	/* user account */
	.user-account, .rating-form{
		width: 90%;
	}
	
	.save{
		width: 100%;
	}
}


@media screen and (max-width: 790px) {
	.wishlist-btn{
		margin: 15px 10px;
	}
}


@media screen and (max-width: 780px){
	#wl_payment_li{
		transform:translate(-50%,-50%);
		left: 50%;
		top: 76%;
	}
}


@media screen and (max-width: 770px){
	/* for profile page */
	.workshop-attended-container{
		clear: both;
	}
}


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

	#search{
		width: auto;
	}
	
	#search input{
		width: 250px;
	}
	
/* 	.connect-btn, .modal .or{
		display: none;
	} */
}

	
@media only screen and (max-width: 767px) {
	.container { 
		width: 95%; 
	}
	
	#portfoliolist .card {
		width:90%;
		max-width: 450px;
		margin:1%;
	}
	
	.portfolio-wrapper .module-date, .portfolio-wrapper h3{
		font-size: 14px;
	}
	
	#ads {
		display:none;
	}
}


@media screen and (max-width: 760px) {
/* 	.ratings{
		margin-top: 5px;
		margin-bottom: 10px;
	} */
	
	.wishlist-btn{
		 margin: 10px 10px;
	}
}	


@media only screen and (max-width: 751px){
	.added {
		margin-right: 5px;
	}
}


@media only screen and (max-width: 750px){
	#search{
		margin-left: 0;
	}

	.ty-itemholder{
		width: 95%;
	}
}

	
@media screen and (max-width: 730px){
	/* for homepage - new*/
	#welcome_text span{
		display: none;
	}
	
	.card, .card_placeholder, .blog-card{
		float:none;
		width: 50%;
		display: block;
		margin:auto;
		margin-top: 20px;
	}
	
	.card_placeholder{
		display: none;
	}
	
	.card_container{
		margin-left: 0px;
	}
	
	/* for profile page */
	.workshop-attended-container .card{
		width: 75%;
	}
	.attended-label{
		top: 131px;
		left: -8px;
	}
	
	.title-container {
		font-size: 1em;
	}
	
	#sign_in{
		margin-right: 25px;
	}
}


@media screen and (max-width: 724px){
	/* related workshop */
	.related-workshop-card #last_rw{
		display: inline-block !important;
	}
}


@media screen and (max-width: 720px) {
	#portfoliolist .card{
		width: 90%;
	}
}	


@media screen and (max-width: 700px){
	.card, .card_placeholder, .blog-card{
		width: 80%;
	}
	.account-verification .icon-notification, 
	.account-verification .verification-message, 
	.account-verification .verification-btn-container {
		display: block;
		/* vertical-align: middle; */
		text-align: center;
		margin: auto;
	}
	.signup-container .form-label, 
	.signup-container .form-field:not(.date-field){
		display: block;
		width: 98%;
		margin-left: 5px;
		margin-bottom: 6px;
	}
	.signup-container .date-field{
		width: 31.5%;
	}
	
	.card-btns button, .view-details-btn, .waiting-stat, .upload-payment{
		min-width: 200px;
	}
}

	
@media screen and (max-width: 690px){
	.module-price{
		display:block;
		text-align:center;
		font-size:1.2em;
	}
	
	.order-container .module-price{
		display: inline-block;
		font-size:1em;
	}
	
	/* checkout */
	.ck-login, .ck-payment, .order-summary-sb{
		display:block;
		width: 95%;
		margin:auto !important;
	}
	
	.ck-payment, .ck-login{
		float:none;
	}
	
	.portfolio-wrapper .module-date{
		font-size: 13px;
	}
}

	
@media screen and (max-width: 668px){
	#module-details{
		top: 0;
	}
	
	#sign_in{
		margin-right: 60px;
	}
	
	.mobile-sm{
		top: 33px;
	}
	
	.logged-in #icon-heart{
		margin-right: 12px
	}
	
	.myorder-paybtn{
		padding: 0px 40px 15px 0px;
	}
	
	#cart-wrapper{
		margin-top: 0;
	}
	
	#cart-wrapper #card_container_search{
		margin-top: 0;
	}
	
	.cart-container #card_container_search{
		margin: 0;
	}
}


@media only screen and (max-width: 668px){
	#search{
		display: none;
	}

	.mobile-sm span:hover{
		color:#000000 !important;
	}
	.mobile-sm #mobile_search{
		display:block !important;
	}
}


@media screen and (max-width: 660px){
	.module-details{
		position: relative;
		width: 90%;
		margin: auto;
	}
	
	.details-right{
		width: 100%;
	}
	
	.res-module-title p{
		font-size:1.2em;
	}

	.res-module-title .smallP{
		font-size:1em !important;
	}
	
	.module-details .module-container{
		width: 100%;
	}
	}


@media screen and (max-width: 645px){
	/* homepage */
	#ord_stat{
		width: 25%;
	}
	
	.span-code{
		font-size: 12px;
	}
}


@media screen and (max-width: 630px){
	.attended-label{
		left: -8px;
		top: 134px;
	}
	
}


@media screen and (max-width: 600px){
	/* homepage */
	.card_placeholder{
		width: 80%;
	}
}


@media screen and (max-width: 595px){
	.order-container .short-details{
		width: 40%;
	}
	
}


@media screen and (max-width: 580px){
	/* cart */
	.wl-workshop-details-container {
		text-align:center;
	}
	.wl-img img{
		width: 300px;
	}
	.short-details{
		text-align:left;
	}
	
	.module-price{
		display:inline-block;
	}
	
	.wl-workshop-details-container .short-details {
		width: 300px;
	}
	
	.wl-workshop-details-container .module-price {
		display: block;
	}
	
	#notif-wl img{
		width: 120px;
	}
}


@media screen and (max-width: 554px){
	.attended-label{
		left: -8px;
		padding: 1px;
		padding-top: 3px;
		font-size: 12px;
	}
}	


@media screen and (max-width: 550px){
	#pay_meth{
		display: none;
	}
	
	#ord_stat{
		width: 25%;
	}
	
	.span-code{
		font-size: 12px;
	}
	
	.myorder-paybtn{
		padding: 0px;
		text-align: center;
		padding: 20px 0px 10px 0px;
	}
	
	.myorder-paybtn button{
		width: 40%;
	}
	
	#ck_total_price{
		width: 40%;
	}
	#notif-cart .notif-iconholder,
	#notif-cart #notif-content,
	#notif-cart .notif-action{
		display: block;
		text-align: center;
		padding: 0;
		width: 100%;
		margin: 10px auto;
	}
}


@media screen and (max-width: 540px){
	#res-search{
		width: 90%;
	}
	.card-btns button, .view-details-btn, .waiting-stat, .upload-payment{
		min-width: 150px;
	}
}


@media screen and (max-width: 520px){
	.attended-label{
		left: -8px;
		top: 135px;
	}
	
	.order-container{
		text-align: center;
	}
	
	.order-container .short-details{
		width: 55%;
	}
}


@media screen and (max-width: 512px){
	.module-price{
		width: 100%;
	}
}


@media screen and (max-width: 500px){
	
	#upload_button, #image_preview{
		margin: auto;
	}
	
	#submit-slip{
		text-align: center;
	}
	
	#ck-btn .book-and-pay{
		width: 180px;
	}
	.module-details img{
		width: 100%;
	}
	.rw-card{
		width: 60%;
	}
}


@media screen and (max-width: 475px){
	#ck_total_price{
		font-size: 1.3em;
	}
	.card-btns button, .view-details-btn, .waiting-stat, .upload-payment, .start-class-btn{
		width: 95%;
		height: 54px;
	}
	.view-details-btn, .waiting-stat, .upload-payment, .start-class-btn{
		line-height: 33px;
	}
}


@media screen and (max-width: 490px) {
	.res-module-title h2{
		position: relative;
		top:0;
		left:3px;
	}
	
	/* for profile page */
	.workshop-attended-container .card{
		width: 85%;
		/* left:5%;
		right:5%; */
	}
	
	.attended-label{
		top: 136px;
		left: -8px;
	}
}


@media screen and (max-width: 470px){
	.portfolio-wrapper .module-date {
		font-size: 12px;
	}
}


@media screen and (max-height: 470px){
		
	.overlay{
		overflow: auto;
	}
	.modal{
		transform: translate(-50%,0%);
		top:0;
	}
}


@media screen and (max-width: 450px){	
	#ord_stat{
		width: 45%;
	}
	
	.ordhead-title{
		height: auto;
	}
	
	#ordhead2, #ordhead3{
		display: inline-block;
		margin-left: 10px;
	}
	
	#ordhead2{
		width: auto;
		
	}
	
	#ordhead3{
		width: auto;
		margin-top: 10px;
	}
	
	.ord-header{
		padding: 10px 0px;
	}
	
	.order-container{
		text-align: center;
	}
	
	.order-container .short-details{
		width: 80%;
		text-align: center;
	}
	
	.order-container .short-details, .order-container .ord-img{
		margin: 0;
	}
	
	.order-container .module-price{
		padding: 0;
	}
	.status{
		float: none;
		margin: auto;
		text-align: center;
	}
	
	.card-bottom{
		position: relative;
		width: 100%;
		text-align: center;
	}
	
	.card-bottom .ratings{
		width: 160px;
	}
	
	.portfolio-wrapper .ratings{
		margin-right: 10px;
		float: right;
		width: auto;
	}
}


@media screen and (max-width: 430px){
	/* for profile page */
	.btm-font{
		font-size: .9em;
	}
	.title-container {
		font-size: .9em;
	}
	
	/* cart */
	.order-summary .book-and-pay{
		width:150px;
		left: 0px;
	}
	.order-summary .book-and-pay .book-and-pay-btn{
		padding: 7px;
		width: 100%;
	}
	
	.wishlist-btn{
		margin: 0;
		width: 150px;
		height: 35px;
		float: none;
		margin-top: 5px;
	}
	.account-list-item .account-list-info,
	.account-list-item .account-list-action{
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.account-list-item{
		border-bottom: 1px solid #999;
	}
	.accounts li:last-child .account-list-item{
		border: 0;
	}
}


@media only screen and (max-height: 500px) and (min-width: 600px){
	.contact-us{
		transform:translate(-50%,0%);
		left: 50%;
		top: 0%;
		width: 280px;
		bottom:0px !important;
		overflow:auto;
	}
}	


@media screen and (max-width: 418px){
	.portfolio-wrapper .module-container{
		height: 85px;
	}
	
	.attended-label {
		top: 122px;
	}
}


@media screen and (max-width: 404px){
	#total-label{
		width: 70%;
	}
	.module-call-to-action .book-and-pay button{
		margin: 0;
		font-size: 1em;
	}
}


@media screen and (max-width: 402px){
/* 	.wishlist-btn, .added, .reviews{
		font-size: .85em;
	} */
}


@media screen and (max-width: 400px){
/* 	.module-details{
		position: relative;
		width: 300px;
		margin: auto;
		top: -20px;
	} */
	
	/* for profile page */
	.attended-label{
		top: 123px;
		left: -8px;
	}

	.card .module-date{
		text-align:center;
		padding-right: 5px;
	}
	
	/* for wishlist */
	.wl-img img{
		width: 250px;
	}

	.terms-details .icon-cross{
		left: 80%;
	}
	
	.add-to-cart-alert{
		width: 100%;
		top: 0;
		left: 0;
		-webkit-transform: translate(0,0);
		   -moz-transform: translate(0,0);
			-ms-transform: translate(0,0);
				transform: translate(0,0);
	}
	
	.add-to-cart-alert img{
		float: none;
	}
	
	.cart-alert-info{
		text-align: center;
	}
	.card-btns td{
		display: block;
		padding: 5px;
	}
}


@media screen and (max-width: 391px){
	#sign_in a{
		margin: 0px;
	}
	
	.order-container{
		text-align: center;
	}
	
	.short-details{
		text-align: center;
		width: 100%;
		padding: 5px 0 0 0;
	}
	
	.module-price{
		padding: 10px 0 0 0;
	}
	
	.paymeth-head{
		font-size: 12px;
		padding: 10px 0 15px 0;
	}
	
	.order-container span{
		font-size: 12px;
	}
	
	.ord-img{
		margin-left: 0;
		width: 35%;
	}
	
	.order-container .short-details{
		width: 50%;
	}
	
	.ord-img img{
		width: 135px;
	}
	
	/* Cart's add button and ratings */
	#logo{
		width: 150px;
	}
	
	.menu-icon{
		top: 10px;
	}

	
	.module-container a{
		margin-left: 10px;
	}
	
	#module-container-wl h3{
		font-size: 1em;
	}
	
	.cart-checkout-btn a{
		margin-left: 0;
	}
	
	.add-to-cart-alert{
		font-size: 1em;
	}
	
	#sign_in, .logged-in{
		padding-top: 25px;
	}
	
	.mobile-sm{
		top: 23px;
	}
}


@media screen and (max-width: 381px){
	.module-date{
		font-size: 12px;
		text-align: center;
	}
}


@media screen and (max-width: 380px){
	.modal{
		width: 280px;
	}
	.modal button{
		width: 260px;
	}
	.modal input[type="text"], .modal input[type="password"]{
		width: 85%;
	}
	#email{
		width: 260px;
	}
	.apply-br2{
		display:block;
	}
	#forget-pw{
		text-align:left;
	}
	
	/* for profile page */
	.btm-font{
		font-size: .8em;
	}
	
	/* cart */
	#ck-btn{
		position:relative;
	}
	.order-summary .book-and-pay{
		position: absolute;
		left: -230px;
		top: 60px;
	}
	.order-summary .book-and-pay .book-and-pay-btn{
		padding: 7px;
		width: 100%;
	}
	.cart-content{
		margin-bottom: 30px;
	}
	
	
/* 	.logged-in{
		padding-top: 27px;
		margin-right: 37px;
	} */
	
	.logged-in #icon-heart{
		margin-right: 0;
	}
}


@media screen and (max-width: 370px){
	/* cart */
	.order-summary .book-and-pay{
		display:block;
	}
	#ck-btn{
		width: 0px;
	}
}

@media (max-width: 360px){
	#logo{
		display: none;
	}
	
	#logo2{
		display: inline;
		margin-left: 55px;
		width: 50px;
		padding: 10px;
	}
}


@media (max-width: 350px){
	.details-right button, .details-right .book-and-pay{
		width: 100%;
		float: none;
		margin-right: 0;
		display: block;
	}
	.details-right .wishlist-btn-2nd{
		margin-top: 20px;
	}
}


@media only screen and (max-width: 344px){
	#image_preview {
		width: 95%;
	}
	#upload_button {
		width: 95%;
	}
}


@media screen and (max-width: 340px){
	.rw-card{
		width: 80%;
	}
}


@media screen and (max-width: 335px){
/* 	.module-details{
		width: 250px;
		margin: auto;
		top: -20px;
	} */
	
	/* for profile page */
	.btm-font{
		font-size: .7em;
	}
	
	/* for edit-profile page */
	.upload-img-container{
		width: 100%;
	}
	.upload-img-container button{
		padding: 8px;
		left: 120;
	}
	
	.signup-container .date-field{
		width: 98%;
		margin-bottom: 6px;
	}
	
}


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

	#image_preview {
		height: 150px;
	}

}

@media (max-height: 300px){
/* 	.add-to-cart-alert{
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		   -moz-transform: translate(0, 0);
			-ms-transform: translate(0, 0);
				transform: translate(0, 0);
	} */
}