.sec_popup{
	margin: 0 auto;
	position: fixed;
	top: 30%;
	z-index: 3;
	right: 0;
}

.mod_popup{
	display: none;
	flex-direction: column;
}

.mod_popup.active{
	display: flex !important;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.mod_popup .btn_reserve{
	color: #FFFFFF;
	line-height: 1;
	writing-mode: vertical-rl;
	text-orientation: upright;
	letter-spacing: 3px;
	position: relative;
	border: 1px solid #ffffff;
	border-radius: 5px 0 0 5px;
	padding: 35px 15px 10px;
	text-align: center;
}

.mod_popup.service_popup .btn_reserve{
	background: #426C12;
}

.mod_popup.clinic_popup .btn_reserve{
	background: #c77102;
}

.mod_popup .btn_reserve.btn_web_reserve{
	margin-bottom: 10px;
}

.mod_popup .btn_reserve:before {
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 10px;
    left: 50%;
	-webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	     -ms-transform: translateX(-50%);
	      -o-transform: translateX(-50%);
	         transform: translateX(-50%);
     
}

.mod_popup.service_popup .btn_reserve.btn_web_reserve:before{
	background: url(/karadaterrace/assets/img/common/icon_reserved_calendar.png) ; 
	background-position: 0 -22px; 
	background-repeat: no-repeat;
   background-size: 22px 44px;
}

.mod_popup.clinic_popup .btn_reserve.btn_web_reserve:before{
	background: url(/karadaterrace/assets/img/common/icon_reserved_clinic.png) ;
	background-position: 0 -22px; 
	background-repeat: no-repeat;
   background-size: 22px 44px;
}

.mod_popup.clinic_popup .btn_reserve.pre_medication:before{
	background: url(/karadaterrace/assets/img/common/icon_reserved_calendar.png) ;
	background-position: 0 -22px; 
	background-repeat: no-repeat;
   background-size: 22px 44px;
}

@media only screen and (max-width: 768px) {
	.sec_popup{
		margin: 0 auto;
		position: fixed;
		top: auto;
		bottom: 0;
		z-index: 3;
		right: 0;
		width: 100%;
	}

	.mod_popup{
		flex-direction: row;
	}

	.mod_popup .btn_reserve{
		writing-mode: initial;
      text-orientation: initial;
		letter-spacing: 1px;
		position: relative;
		border: 1px solid #ffffff;
		border-radius: 5px 5px 0 0;
		margin-bottom: 0;		 		
	}

	.mod_popup.service_popup .btn_reserve{
		width: 50%;
		padding: 20px 0 20px 30px;
	}

	.mod_popup.clinic_popup .btn_reserve{
		width: 33.3%;
		padding: 20px 0 20px 20px; 
	}

	.mod_popup .btn_reserve.btn_web_reserve{
		margin-bottom: 0;
	}

	.mod_popup .btn_reserve:before {
	    top: 50%;
	    left: 23%;
		-webkit-transform: translateY(-50%);
		    -moz-transform: translateY(-50%);
		     -ms-transform: translateY(-50%);
		      -o-transform: translateY(-50%);
		         transform: translateY(-50%);
	     
	}

	.mod_popup.clinic_popup .btn_reserve:before{
		left: 11%;
	}

	.mod_popup .btn_reserve.btn_ph_contact:before{
		background: url(/karadaterrace/assets/img/common/icon_phone.png) ;
		background-position: center; 
		background-repeat: no-repeat;
	   background-size: contain;
	   top: 50%;
	   left: 30%;
	}

	.mod_popup.clinic_popup .btn_reserve.btn_ph_contact:before{
		left: 20%;
	}


}