html{margin:0 !important;overflow:auto;}
body{background:#eee;overflow:auto;}
.ltr{direction:ltr;}
button{outline:none !important;}

.resturant_container{padding-bottom: 10px;padding-top: 0px;}
	.product-item-container .caption h4{padding-top:6px;}
	.resturant_container .header{position:relative;margin-bottom:10px;background: url(../img/bg4.jpg) no-repeat;min-height: 383px;  background-size: 100%;background-size: cover; background-position: center;}
		.resturant_container .header:after {content: ""; position: absolute; bottom: -23px; left: 0; height: 45px; border-radius: 50%; background: #eee; width: 100%; }
		.resturant_container .header .top{text-align: center; font-weight: bold; position: absolute; height: 63px; background: #43ceb3ee; width: 100%; top: 0; left: 0; padding: 6px 15px; line-height: 52px; font-size: 23px; color: white; border-radius: 0 0 50% 50%;}
		.resturant_container .header .top span{position:relative;right: 20px;bottom:17px;font-family: munzaav; font-weight: normal; font-size: 40px; line-height: 80px;}
		.header .top .home{position:absolute;top:6px;left:21px;width:39px;height:30px;background:url(../img/arrow.png) no-repeat;background-size:100%;}
		.resturant_container .header .top span:before { content: ""; width: 50px; height: 50px; background: url(../img/logo_white.png) no-repeat; position: absolute; background-size: 100%; top: 11px; right: -54px; }
			.resturant_container .header .top .site_loader{text-align: right;width: 47px; height: 47px; margin: 0;display:inline-block;margin-left: 15px;}
				.resturant_container .header .top .site_loader .logo1{-webkit-animation:spin 8s linear infinite;-moz-animation:spin 8s linear infinite;animation:spin 8s linear infinite;}

.menu_types{text-align:center;margin-bottom:15px;}
	.menu_types *{user-select:none;} 
	.menu_tabs{display:none;min-height:100px;margin-bottom:100px;}
	.menu_types > div{margin-bottom: 15px;background-repeat: no-repeat; cursor: pointer; position: relative; display: inline-block; width: 120px; height: 95px; margin-left: -5px; border-bottom: 1px solid #ccc; font-weight: 800; font-size: 15px; color: #222; padding-top: 63px;} 
	.menu_types #register {background-image: url(../img/register.png); background-size: 43%; background-position: center top -2px; width: 160px;} 
	.menu_types #courses {background-image: url(../img/courses.png); background-size: 54%; background-position: center top -4px; width: 130px;} 
	.menu_types #profile {background-image: url(../img/profile.png); background-size: 49%; background-position: center top -4px; width: 137px;} 
	.menu_types #tutorial {background-image: url(../img/tutorial.png); background-size: 62%; background-position: left 35px top -1px; width: 115px; padding-left: 30px;} 
	.menu_types #logout {background-image: url(../img/logout.png); background-size: 62%; background-position: left 30px top 6px; width: 110px; padding-left: 33px;} 
	.menu_types > div.active:after{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; content: ""; bottom: -6px; left: 0; right: 0; border: 1px solid #c1beba; background: #eee; height: 11px; width: 11px; border-top: 0; border-left: 0; margin: 0 auto;}
.alert{width: 80%; margin: 0px auto 35px; text-align: center;}
.exam_result{text-align:center;}
.courses_list{}
	.courses_list .season{padding: 0 7px;margin-bottom:26px;}
	.courses_list .season > div:before{transition: all 2s;border-top: 0px solid #0a8897;}
	.courses_list .season.active > div:before{content: "";border-left: 6.6vw solid transparent;border-right: 6.6vw solid transparent;border-top: 12px solid #0a8897;position: absolute;bottom: -12px;right: 0px;width: 0;height: 0;z-index: 100;}
	.courses_list .season > div{position:relative;cursor:pointer;background:#0a8897;height:100px;padding:5px;font-size:25px;color:#fff;text-align:center;line-height:1.8;}
	.courses_list .courses{margin-top:5px;}
		.courses_list .courses .course{padding:0 7px;margin-bottom:10px;}/*border-right:5px solid #0a8897*/
			.course.online_room, .course.inperson{margin-right:26px;}
			.course.online_room .desc, .course.inperson .desc{width:calc(80% - 241px);}
			.course.online_room.registering .desc, .course.inperson.registering .desc{width:calc(80% - 120px);}
			.course.online_room .title, .course.inperson .title{width:calc(20% - 26px)  !important;}
			.course.online_room:after, .course.inperson:after{text-align:center;content: "کارگاه آموزش آنلاین"; position: absolute; top: 52px; right: -70px; width: 130px; height: 26px; background: #0a8897; color: white; transform: rotate( -90deg ); padding: 5px 8px 0 9px;}

			.course.inperson:after{content: "کارگاه حضوری";}
			
			.courses_list .courses .course .topic{max-height: 60px; display: block; overflow: hidden; text-overflow: clip;}
			.courses_list .course div{height:130px;float:right;padding:5px 10px;font-size:18px;text-align:center;}
			.courses_list .course .title{position:relative;background:#fff;color:#0a8897;width:20%;line-height:88px;font-size:16px;font-weight:normal;border-left:1px solid #0a8897;}
				/*.courses_list .course .title:before{content: "";border-top: 54px solid transparent;border-bottom: 54px solid transparent;border-right: 16px solid #0a8897;position: absolute;top: -4px;left: 0px;width: 0;height: 0;z-index: 100;}
				.courses_list .course .title:after{content: "";border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-right: 16px solid #fff;position: absolute;top: 0px;left: 2px;width: 0;height: 0;z-index: 100;}*/
				.courses_list .course .title span{vertical-align:middle;line-height:25px;display:inline-block;}
			.courses_list .course .register,.courses_list .course .enter{font-family: aviny;font-size: 29px;background:#0a8897;color:#fff;width:120px;border-right:2px solid #0a8897;line-height:30px;padding-top:30px;cursor:pointer;}
			.courses_list .course .enter{font-family: munzaav;font-size: 28px;}
			.courses_list .course .message{font-family: 'munzaav'; font-size: 24px;display:block;background:#0a8897;color:#fff;width:120px;border-right:2px solid #0a8897;font-size:24px;line-height:33px;padding-top:32px;cursor:pointer;border-left:1px solid #fff;}
			#register_container .course .desc{background:#fff;color:#0a8897;width:calc(80% - 120px);text-align:justify;font-size:14px;padding:10px 10px 10px 12px;}
				#register_container .course .message{display:none;}
			#courses_container .course .desc{background:#fff;color:#0a8897;width:calc(80% - 240px);text-align:justify;font-size:14px;padding:10px 10px 10px 12px;}
		.courses_list .courses_wrapper{min-height:125px;}
		.courses_list .empty-season{text-align: center;font-size: 21px;color: #0a8897;background: #fff;padding: 20px 0;margin-top:10px;border-bottom:3px solid #0a8897;}
	
	.noCourse{text-align: center; font-size: 30px; font-family: munzaav; color: #ff6e6e;}
	.container .row{margin:0 !important;}
	.container .exam{border-top: 5px solid #1071c8; padding: 22px 20px 35px 20px; background: #fff; display: none;}
	.container .exam .remaining{font-size: 16px; font-weight: bold; text-align: left;margin-bottom:10px;}
	.container .exam .remaining span{color:#1071c8;}
 	button .glyphicon{float:right;}   
	.view_course{padding:0px 22px;display:none;}
		.view_course .head{position: relative;float:right;width:100%;background:#0a8897;height:70px;text-align:right;padding:0px 15px 0 0;font-size:18px;color:white;line-height:67px;}
		.view_course .return{cursor: pointer; float: left; width: 110px; height: 100%; background: white; color: #0a8897; line-height: 69px; position: absolute; text-align: center; left: 0; top: 0;}
			.view_course .return .glyphicon{top:3px;}
		.view_course .info{overflow:hidden;padding:0px 10px 10px 25px;border-top:none;width:100%;min-height:200px;background:white;}
			.view_course .info .material-icons{padding-left: 10px;}
				.view_course .course_info > div{margin-bottom:35px;}
				.view_course .course_info .quiz{border-top: 3px solid; position: relative; margin-top: 5px; margin-bottom: 35px; padding: 20px 5px;}
				.view_course .course_info .quiz:after{content: "مسئله 1: (حل این مسئله قبل از شرکت در آزمون اجباری است)"; position: absolute; top: -17px; background: white; padding: 0 5px 0 6px; font-size: 15px;right:20px;}
				.view_course .course_info .files{margin-top: 10px;margin-bottom: 5px;text-align: center;}
				.view_course .course_info .files .pdf{background-image: url(../img/pdf.png?3);vertical-align:top; }
				.view_course .course_info .files > div{height: 140px; width: 150px; font-size: 14px; text-align: center; margin-left: 10px; background-position: top center; background-size: 80px; background-repeat: no-repeat; display: inline-block;}
				.view_course .course_info .files > div a{word-break: break-word;padding-top:85px;display:block;height:100%;width:100%;}
				.view_course .input-field{margin-bottom:1rem;}
				.view_course .info label{padding-right: 18px;}
				.view_course .course_info{font-size:20px;color:#0a8897;padding-top: 20px;} 
				.view_course .info .title{font-size:20px;color:#0e0e0e;}
				.info .rezome{display: block; background: rgba(10, 136, 151,0.5); color: white; padding: 8px 11px 7px; border-radius: 5px; margin-top: 6px; }}
				.view_course .info > .row{margin-top:25px !important;}
				.view_course .course_info .col-md-4{text-align:right;}
				.view_course .course_info > div {}
				.view_course .totalPay *,.view_course .totalPay{font-size: 25px !important; text-align: right; color: #0a8897; margin-bottom: 0 !important; margin-top: 30px;}
				.view_course .totalPay{margin-top: 0; margin-bottom: 20px !important; text-align: center;}
				.view_course .discount{margin-top: 0; margin-bottom: 20px !important; text-align: center;display:hidden;}
		.btn.waves-effect{width:100%;position:relative;}
			.btn.waves-effect .glyphicon{position:relative;top:0px;left:0px;font-size:22px}
		.view_course .btn, .view_course .btn-large,.view_course .btn:hover,.view_course .btn-large:hover, .view_course .btn:focus,.view_course .btn-large:focus{font-size: 17px;border-radius:0;background-color:#0a8897 !important;color:white;height:50px;margin:0;}
		.progress .indeterminate::after,.progress .indeterminate::before{will-change: right,left !important;}
		.view_course .progress{margin:0;position:relative;bottom:1px;}
			.progress .indeterminate{background-color: #0a8897;}
			
		
	.mokatebe{padding:0px 22px;display:none;}
		.mokatebe .head{position: relative;float:right;width:100%;background:#0a8897;height:70px;text-align:right;padding:0px 15px 0 0;font-size:18px;color:white;line-height:67px;}
		.mokatebe .return{cursor: pointer; float: left; width: 110px; height: 100%; background: white; color: #0a8897; line-height: 69px; position: absolute; text-align: center; left: 0; top: 0;}
			.mokatebe .return .glyphicon{top:3px;}
		.mokatebe .info{overflow: hidden; padding: 0px 20px 25px 20px; border-top: none; width: 100%; min-height: 200px; background: white;}
			.mokatebe .info .material-icons{padding-left: 10px;}
				.mokatebe .course_info > div{margin-bottom:35px;}
				#quiz_file{font-weight:bold;}
				.mokatebe .course_info .files{margin-top: 10px;margin-bottom: 5px;text-align: center;}
				.mokatebe .course_info .files .pdf{background-image: url(../img/pdf.png); }
				.mokatebe .course_info .files > div{height: 140px; width: 150px; font-size: 14px; text-align: center; margin-left: 10px; background-position: top center; background-size: 80px; background-repeat: no-repeat; display: inline-block;}
				.mokatebe .course_info .files > div a{padding-top:85px;display:block;height:100%;width:100%;}
				.mokatebe .input-field{margin-bottom:1rem;}
				.mokatebe .info label{padding-right: 18px;}
				.mokatebe .course_info{font-size:20px;color:#0a8897;padding-top: 20px;} 
				.mokatebe .info .title{font-size:20px;color:#0e0e0e;}
				.info .rezome{display: block; background: rgba(10, 136, 151,0.5); color: white; padding: 8px 11px 7px; border-radius: 5px; margin-top: 6px; }}
				.mokatebe .info > .row{margin-top:25px !important;}
				.mokatebe .course_info .col-md-4{text-align:right;}
				.mokatebe .course_info > div {}
				.mokatebe .totalPay *,.mokatebe .totalPay{font-size: 25px !important; text-align: right; color: #0a8897; margin-bottom: 0 !important; margin-top: 30px;}
				.mokatebe .totalPay{margin-top: 0; margin-bottom: 20px !important; text-align: center;}
		.btn.waves-effect{width:100%;position:relative;}
			.btn.waves-effect .glyphicon{position:relative;top:0px;left:0px;font-size:22px}
		.mokatebe .btn, .mokatebe .btn-large,.mokatebe .btn:hover,.mokatebe .btn-large:hover, .mokatebe .btn:focus,.mokatebe .btn-large:focus{font-size: 17px;border-radius:0;background-color:#0a8897 !important;color:white;height:50px;margin:0;}
		.progress .indeterminate::after,.progress .indeterminate::before{will-change: right,left !important;}
		.mokatebe .progress{margin:0;position:relative;bottom:1px;}
		.send_container{}
		#messages{width: 100%; border: 1px solid #0a8897; margin-bottom: -1px; border-radius: 4px 4px 0 0; padding: 15px 14px 30px;}
			#mokatebe .messaging_loader{text-align: center; font-size: 20px; color: white; padding-top: 110px;background: rgb(10, 136, 151, 0.65); position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 555;}
			#messages .empty_message{color: #aaa; font-size: 19px; text-align: center; line-height: 0; padding: 40px 0 30px;}
			#messages table{width: 100%;}
				#messages table tr{box-shadow: 0 0 9px -5px #4db3bf;}
					#messages .message .details{border-radius: 0 4px 4px 0; background: #4db3bf; width: 100px; color: white; text-align: center; padding: 9px 2px; line-height: 23px;}
					#messages .message .details.teacher{background: #4dbf90;}
					#messages .message .content{border-radius: 4px 0 0 4px; background: #f1f1f1; padding: 10px 8px;}
					#messages .seperator{height:10px;}
					#messages .file{width:150px;text-align:center;display:block;text-decoration:none;}
					#messages .file img{width:100%;}
.my-modal.modal{z-index:1100}
.my-modal.modal{overflow:auto}
.my-modal .modal-header{padding:0;border:0;width:20px;position:absolute;top:10px;left:15px;z-index:100}
.my-modal .modal-header button{font-size:18px}
.my-modal .modal-body{padding:0}
.my-modal .tab-pane{padding:0 16px 10px}
.my-modal .input-group-addon{padding:6px 15px}
.login-register-wrapper{background:white}
.tab-content .input-group-addon.user{padding:6px 15.6px}
.tab-content .input-group-addon.user i{font-size:12px}
.tab-content .input-group-addon.mobile{padding:6px 16.6px}
.login-register-wrapper .input-group-addon.mobile *{font-size:17px}
.login-register-wrapper li.active{font-weight:700}
.login-register-wrapper .nav-tabs>li>a:hover{border-radius:0}
.login-register-wrapper .tabs-wrapper{margin-bottom:15px}
.tab-content .input-group{margin-bottom:7px}
.tab-content .input-group .form-control{border:1px solid #ccc}
.login-register-wrapper .active a{border-radius:0}
.my-modal .modal-content{padding:0;padding-top:15px;/*min-width:350px;*/border-radius:0}
.login-register-wrapper .btn-loader{float:none;margin:14px auto 0 0;width:90px}
.login-register-wrapper .error{top:initial;margin:0;font-size:13px}
.login-register-wrapper input[type='text']{padding:3px 9px 0;font-size:14px;height:38.4px}
.login-register-wrapper form *{border-radius:0}
.login-register-wrapper .btn{margin-top:4px;height:31px;padding:0}
.login-register-wrapper label{padding-right:5px;font-size:13px}
.login-register-wrapper{padding:0;margin:0;border:0}
span.login-register:hover{cursor:pointer;color:#33a38e}
.bootbox .btn{padding:6px;margin:5px;width:80px}
.bootbox .btn-warning{background-color:#337ab7}
.bootbox .modal-footer{min-height:30px}
.login-register-wrapper #myTab{padding-right:10px}
.login-register-wrapper .nav-tabs a{font-size:15px;}
.modal-dialog{margin:70px auto}
.modal-sm{width:350px !important;}
.info-store{text-align:center;}
.contant_top h3{font-weight:bold;}
.contant_top{text-align:center;margin-bottom:20px;font-size:16px;line-height:32px;}
#wrapper>.container.contacts{padding-top:35px;}

.login-register-wrapper input,.login-register-wrapper span{border-radius:0 !important;}
.login-register-wrapper.static{box-shadow:0 0 20px -8px #154286;padding:16px 0 0;border-radius:5px;max-width:93%;width:460px;margin:0 auto;background:#f9f9f9}
.login-register-wrapper.static .tab-pane{overflow: hidden; margin-bottom:40px;padding:18px 25px 10px}
.login-register-wrapper.static .tabs-wrapper{margin:0}
.login-register-wrapper.static #myTab{padding-right:14px}
.login-register-wrapper.static li.active a{background:#f9f9f9;color:#333}
.login-register-wrapper.static li a{font-weight:700;color:#33a38e;margin-left:2px}
.auth-top{position: relative;top: -22px;font-size: 35px; text-align: center; margin-bottom: 0px; padding-top: 125px; background: url(../img/login.png) no-repeat no-repeat; background-position: center top 4px; background-size: 128px; font-family: munzaav; font-weight: normal;}
#recover .btn-loader{width:105px!important} 
.btn.custom{font-family: munzaav;font-size: 17px;width:100%;margin:8px auto;color:white!important;background-color:#090;float:left;transition:background-color 0.2s ease;position:relative;z-index:100;border:none;border-radius:0;outline:none}
.btn.custom:hover{background-color:#ef6304}
.btn.custom:focus{outline:none!important}
.error{white-space:nowrap;background:url(../img/error.png) no-repeat top right;padding-right:20px;color:red;margin-right:15px;display:none;z-index:1;text-align:right}
.btn-loader{width:100px;height:46px;margin-top:20px;float:left;margin:5px 5px 0 10px}
.preloader{width:20px;height:20px;margin:10px auto 0 auto;background:url(../../images/preloader.gif) no-repeat;background-size:100% 100%;display:none}
.site_loader{display: none; width: 24px; height: 24px; margin: 0 auto 0 33px; position: relative; top: 8px; background: url(../img/preloader.gif); background-size: 100%;}
.btn .site_loader{position: absolute; top: -29px; left: 0; right: 20px; margin: 0 auto;}
.empty_cart{border:none;text-align:center;font-weight:bold;font-size:17px;margin: 0px 0 10px;}

.login-register-wrapper .otp{text-align:center;color:#1bb4b4;font-weight:700;font-size:13px;margin-bottom:15px}
.login-register-wrapper .otp .resend{color:#3d90e7;display:block;cursor:pointer}
.login-register-wrapper .otp_image{background:url(../img/otp.png) no-repeat top right;background-size:100%;width:75px;height:85px;margin:0 auto}
.question .title{font-size: 20px; margin-bottom: 16px; margin-top: 0px;}  
.question label{font-size: 14px; font-weight: normal; padding-right: 5px; display: inline; position: relative; top: -2px;} 
.question input[type=radio]{margin:0;} 
.question .answer{margin-bottom: 15px;} 
.question .answer:last-child{margin-bottom: 0px;} 
.question .answer *{cursor:pointer;} 
.question {padding-right: 15px; border-right: 2px solid #ccc; padding-top: 9px; padding-bottom: 9px; margin-bottom: 17px;} 
.question.answered{border-color:#1071c8;}

.post_container{position:relative;display:none; border-top: 5px solid #1071c8; padding: 22px 20px 75px 20px; background: #fff; }
.post_container .header{line-height:42px;}
.post_container .address {padding-right: 15px; border-right: 2px solid #ccc; padding-top: 9px; padding-bottom: 9px; margin-bottom: 17px; }
.post_container textarea {width: 100%;height: 105px;padding: 3px 7px;}

.vote_container{position:relative;display:none; border-top: 5px solid #1071c8; padding: 22px 20px 75px 20px; background: #fff; }
h3.header{text-align: center; color: #333; margin-bottom: 40px;}
.vote_container .vote {padding-right: 15px; border-right: 2px solid #ccc; padding-top: 9px; padding-bottom: 9px; margin-bottom: 17px; }
.vote_container .vote.answered{border-color:#1071c8;}
.vote_container .vote input,.vote_container .vote label{cursor:pointer;}
.vote_container .vote > div {padding-left: 50px;display:inline-block;}
.vote_container .vote > div:last-child {padding-left: 0px;}
.vote_container .vote > textarea {width: 100%;height: 105px;padding: 3px 7px;}
.vote_container .vote label {color: #333; font-size: 17px; margin-top: 5px; font-weight: normal;}
.vote_container h4.header {background: #1071c8; color: white; padding: 16px; border-radius: 1px; margin-bottom: 20px;margin-top:25px;}
.vote_container button{position:absolute !important;right:0;bottom:0;} 
.vote_container .vote_pic{max-width: 100%;width: 415px; margin: 0px auto; background: url(../img/vote9.png) no-repeat; height: 130px; background-size: 100% auto; background-position: top;}


.whatsapp-support{position: fixed; bottom: 16px; right: 15px;max-width:100%;z-index:5;}
.whatsapp-support.open{} 
	.whatsapp-btn{background: url(../images/whatsapp.png) no-repeat; background-size: 100%; width: 59px; height: 59px; cursor: pointer; z-index: 1; position: relative;}    
	.whatsapp-support .note{box-shadow: 0px 0px 30px -15px #12e89b;transition:0.4s all;opacity:1;background: #fff; padding: 5px 13px; border-radius: 5px; position: absolute; white-space: nowrap; right: 66px; bottom: 10px;cursor:pointer;z-index:1;}
	.whatsapp-support.open .note{opacity: 0; visibility: hidden;}
	.whatsapp-support .popup{opacity:0;visibility:hidden;transition:0.6s all;box-shadow: 0px 0px 30px -15px #12e89b;border-radius:10px;position: absolute; background: white; min-height: 80px; bottom: 0px; right: 7px; z-index: 0; width: 410px;}
	.whatsapp-support.open .popup{transition:0.7s all;bottom:68px;visibility:visible;opacity:1;}
		.whatsapp-support .popup .supporters{width:100%;padding:15px 15px 25px;}
			.whatsapp-support .supporter{display:block;border-right:3px solid #12e89b;transition:0.5s all;cursor:pointer;background: #f5f5f5; height: 80px; border-radius: 6px; margin-top: 15px;}
				.whatsapp-support .supporter img{float:right;width: 70px; margin: 5px 10px; border-radius: 50%;} 
				.whatsapp-support .supporter .desc{padding-right:2px;color: black; float: right; height: 100%; line-height: 25px; padding-top: 10px;}
					.whatsapp-support .supporter .desc span{background: #12e89b; padding: 2px 5px; color: white;border-radius:5px;}
				.whatsapp-support .supporter:hover{background:#eee;}
		.whatsapp-support .popup .head{padding: 10px 18px 10px 0;width:100%;background:#12e89b;overflow:hidden;border-radius: 10px 10px 0 0;}
		.whatsapp-support .popup .head .icon{opacity: 0.95; float: right; width: 48px; height: 45px; color: white; fill: white;}
		.whatsapp-support .popup .head span{color: white; padding-right: 62px; padding-top: 12px; display: block; font-size: 17px; }
		.whatsapp-support .popup .close{display:none;position: absolute; margin: 0 auto; right: 0; left: 0; fill: #999; bottom: -46px; width: 20px; height: 20px;}

#profile_container{text-align:center;}
.form-field{margin-top:10px;}
	.form-field input{text-align: center; width: 300px; padding: 5px 0 2px; border: 1px solid #4dccb1; border-radius: 3px;}
	#profile_container input.submit{cursor:pointer;width: 320px; padding: 7px 0 5px; background: #4dccb1; border: none; border-radius: 4px; color: #2f2f2f; margin-top: 25px;}
	.form-field textarea{width:300px;text-align:right;min-height:100px;}

	.tutorial{font-size:40px;font-family: aviny;line-height: 100px;margin-bottom:100px;}

@media only screen and (max-width:440px){
	.auth-top {font-size: 28px;} 
	.courses_list .courses{padding-right:5px;padding-left:5px;}
	.whatsapp-support .popup{max-width:370px}
	.whatsapp-support .note{border:2px solid #12e89b;}
	.tutorial{font-size:25px;font-family: aviny;line-height: 50px;font-weight:bold}
}
@media only screen and (max-width:380px){
	.header .top .home {top: 6px; left: 6px; width: 27px; height: 21px; }
	.whatsapp-support .popup{max-width:320px}
	#messages .empty_message{font-size:15px;}
}

@media only screen and (max-width:768px){ 
	body{padding-bottom: 100px}
	#enamad{display:none;}
	.resturant_container .header{min-height:300px;}
	.courses_list .course{margin-bottom:30px !important;overflow:hidden;}
	.courses_list .course .title{border:none;border-bottom:1px solid #0a8897;width:100% !important;font-weight:bold;}
	.courses_list .course .title span{line-height:32px;}
	.courses_list .course .desc{height:auto !important;border:none;width:100% !important;}
	.courses_list .course .message{border:none;width:100%;border-bottom:1px solid #fff;}
	.courses_list .course .register,.courses_list .course .enter{border:none;width:100%;}
	.view_course .head{padding: 8px 15px 8px 98px;line-height: 33px;height:auto;min-height:68px;}
	.view_course .course_info > div {padding: 0 5px;margin-bottom: 25px; text-align: center !important; line-height: 35px; }
	.view_course .info{padding: 0px 10px 10px 10px;}
	.view_course .course_info .files{line-height:20px;}
	.view_course{padding:0 12px;}
	.view_course .course_info{font-size: 18px}
	.mokatebe .head{padding: 8px 15px 8px 98px;line-height: 33px;height:auto;min-height:68px;}
	.mokatebe .course_info > div {padding: 0 5px;margin-bottom: 25px; text-align: center !important; line-height: 35px; }
	.mokatebe .info{padding: 0px 10px 10px 10px;}
	.mokatebe .course_info .files{line-height:20px;}
	.mokatebe{padding:0 12px;}
	.mokatebe .course_info{font-size: 18px}
	.vote_container{padding:15px 10px 65px 10px;}

	.vote_container .vote_pic{height:26vw;}
	h3.header{margin-bottom: 16px;line-height: 30px; font-size: 20px;}
	.vote_container h4.header{margin-top:10px;}
	.vote_container h4{line-height: 30px;}
	.vote_container .vote > div{padding-left:15px;}
	.vote_container .vote{padding-right:10px;padding-top:0px;}
	.menu_tabs{margin-bottom:25px;}
	.mokatebe .return{width: 90px; font-size: 16px;}
	.view_course .return{width: 90px; font-size: 16px;}
	.course_subject{font-size: 15px; text-align: justify;}
	.question .title{line-height:30px;font-size:18px;text-align:justify;}
	.course.online_room:after {content: "کارگاه آموزش آنلاین"; position: absolute; top: 0px; right: 0px; width: 100%; height: 29px; background: #0a8897; color: white;  transform: none; padding: 5px 8px; text-align: center; font-size: 15px; }
	.course.online_room{margin-right:0 !important;padding-top: 24px !important;}
	.course .message,.course .enter,.course .register{height:100px !important;padding-top:15px !important;}

	.course.online_room:after, .course.inperson:after{width:100% !important; height:29px; top:0; left:0; right:0; transform:none;}
	.course.online_room, .course.inperson{margin-right:0px;padding-top:24px !important;}
}