#recipe_detail .modal-dialog{
    max-width				:	950px; 
}

.modal-backdrop {
    opacity					:	0.9 !important;
}  

#recipe_detail .modal-content{
	border-radius			:	36px;
    max-width				:	950px; 
    background-color		:	#ea2458;
    padding					:	0rem 0rem 0rem 0rem;
} 

#recipe_detail #recipe_detail_div > img{ 
	border-radius			:	2rem 2rem 0rem 0rem;
	width					:	950px;
	height					:	698px;
}

#recipe_detail #recipe_detail_title{
	font-size				:	2rem;
	font-weight				:	bold;
	color					:	#ffd488;
	line-height				:	4rem;
}

#recipe_detail #recipe_desc{
	height					:	351px;
	padding					:	0.75rem 2rem 2rem 2rem;
    position				:	relative;
}

#recipe_detail #recipe_desc_desc{
	width					:	432px;
	padding					:	0px 2rem 2rem 0px;
	float					:	left;
}

#recipe_detail #recipe_desc_desc #recipe_detail_desc{
	font-size				:	1.25rem;
	font-weight				:	bold;
	line-height				:	2.1rem;
	color					:	#f9edef;
    text-align				:	justify;
	opacity					:	0.85;
}

#recipe_detail #recipe_desc .like{
	position				:	absolute;
	top						:	23px;
	right					:	516px ;
}

#recipe_detail #recipe_desc_spec{
	height					:	277px;
	padding					:	0px 0px 2rem 1.75rem;
	margin					:	1.2rem 0rem 0.05rem 0rem; 
	float					:	left;
	border-left				:	rgba(255, 255, 255, 0.4) 2px solid;
}

#recipe_detail #recipe_desc_spec > div{
	float					:	left;
	width					:	210px; 
}

#recipe_detail #recipe_desc_spec .title{
	color					:	rgba(255, 255, 255, 0.85);
	font-size				:	1.25rem;
	font-weight				:	bold;
	padding					:	2px 36px 2px 6px;
    width					:	180px;
	margin-bottom			:	11px;
}

#recipe_detail #recipe_desc_spec > #recipe_desc_spec_spec > .title{
	background-color		:	#9a27cf;
}

#recipe_detail #recipe_desc_spec > #recipe_desc_spec_cook > .material,
#recipe_detail #recipe_desc_spec > #recipe_desc_spec_spec > a{
	font-size				:	1.25rem;
    line-height				:	2.03rem;
	font-weight				:	bold;
	margin					:	2px 0px 0px 0px;
}

#recipe_detail #recipe_desc_spec > #recipe_desc_spec_spec > a{
	color					:	#ffe1c7;
}

#recipe_detail #recipe_desc_spec > #recipe_desc_spec_cook > span{
	color					:	#fbcbfd;  
    position				:	relative;
    top						:	1px;
}

#recipe_detail #recipe_desc_spec > #recipe_desc_spec_cook > .title{
	background-color		:	#d442d9;
}


#recipe_detail #recipe_desc_spec > #recipe_desc_spec_cook > .material {
	font-weight				:	bold;
	color					:	#fbcbfd;
}

#recipe_detail #recipe_more_detail{
	padding					:	0rem 2rem 2rem 2rem;
}

#recipe_detail #recipe_more_detail > p{
	font-size				:	1.25rem;
	line-height				:	2.13rem;
	color					:	#f9edef;
	text-align				:	justify;
	font-weight				:	bold;
	opacity					:	0.85;
} 

#recipe_detail .modal-footer{
	border-top				:	rgba(255, 255, 255, 0.35) 0px solid;
	padding					:	0rem;
    background-color: #e01f52 ; 
}

#recipe_detail .modal-footer > a{
	padding					:	1.25rem 0rem;
	font-size				:	1.25rem;
	color					:	rgba(255, 255, 255, 0.8);
	border					:	0px solid #f48c94;
	width					:	39%;
	text-align				:	center;
	float					:	left;
	font-weight				:	bold;
}

#recipe_detail .modal-footer > .empty{
	width					:	11%;
	height					:	70px;
}

#recipe_detail .modal-footer > a:hover{ 
	background-color		:	#a820e7;
}

#recipe_detail .modal-footer > a:nth-child(1){
	padding						:	1.25rem 2rem 1.25rem 1rem;
	border-bottom-right-radius	:	0rem;
	width						:	11%;
}

#recipe_detail .modal-footer > a:nth-child(2),
#recipe_detail .modal-footer > a:nth-child(3),
#recipe_detail .modal-footer > a:nth-child(4){
	border-radius				:	0rem;
}

#recipe_detail .modal-footer > a:nth-child(5){
	border-bottom-left-radius	:	0rem;
	width						:	11%;
	padding						:	1.25rem 1rem 1.25rem 2rem;
}

#recipe_detail .modal-footer > a > picture > img{
	width					:	19px;
	height					:	31px;
	opacity					:	0.8;
}

#recipe_detail .modal-footer > div > a#share{
	border-radius			:	0px;
	position				:	relative;  
}

#recipe_detail .modal-footer > div > a#close{
	border-radius			:	0px 24px 24px 0px ;
	left					:	2px; 
	position				:	relative; 
}

#recipe_detail .close{
    color					:	#fff; 
    position				:	absolute;
    right					:	0px;
}

#recipe_detail .modal-body{
    padding					:	0px;
}

#recipe_detail .modal-footer div{
	position				:	relative;
	margin					:	0 auto; 
}


@media (max-width : 767px){
	#recipe_detail .modal-dialog{
		max-width			:	100%;
	}
	
	#recipe_detail .modal-content{
		border-radius		:	2rem;
		max-width			:	100%;
	}
	
	#recipe_detail .recipe_large_img > img{
		border-radius		:	2rem 2rem 0rem 0rem;
		width				:	100%;
	}
	
	#recipe_detail #recipe_detail_div > img {
    width: 100%;
    height: 100%;   
}  
	
	#recipe_detail #recipe_desc{
		height				:	auto;
		padding				:	0.5rem 1rem 1rem 1rem;
	}
	
	#recipe_detail #recipe_desc .like{
		top					:	12px;
		right				:	13px;
	}
	
	#recipe_detail #recipe_desc .like img{
		width				:	33px;
		height				:	34px; 
	}
	
	#recipe_detail #recipe_desc_desc{
		width				:	100%;
		padding				:	0rem;
		float				:	none; 
	}
	
	#recipe_detail #recipe_desc_desc #recipe_detail_desc{
		font-size			:	1.05rem;
		line-height			:	1.75rem;
	}

	#recipe_detail #recipe_detail_title{
		font-size			:	1.6rem;
		line-height			:	3rem;
	}
	
	#recipe_detail #recipe_desc_spec{
	    height				:	auto;
	    padding				:	0.5rem 0rem 0rem 0rem;
	    float				:	none;
	    border-left			:	rgba(255, 255, 255, 0.5) 0px solid;
	}
	
	#recipe_detail #recipe_desc_spec > div{
		width				:	calc(100% / 2);
	}
	
	#recipe_detail #recipe_desc_spec .title{
		width				:	96%;
	}
	
	#recipe_detail #recipe_desc_spec > #recipe_desc_spec_spec > a,
	#recipe_detail #recipe_desc_spec > #recipe_desc_spec_cook > .material {
		line-height			:	1.62rem;
		font-size			:	1.05rem;
	}
	
	#recipe_detail #recipe_desc_spec > #recipe_desc_spec_cook > .material {
		position			:	relative;
		top					:	-1px;
		line-height			:	1.74rem;
	}
	
	#recipe_detail #recipe_more_detail{
		padding				:	0.5rem 1rem 1rem 1rem;
	}
	
	#recipe_detail #recipe_more_detail > p{
		line-height			:	1.62rem;
		font-size			:	1.05rem;
	}
	
	#recipe_detail .modal-footer > a:first-child{
		padding				:	1.25rem 0.5rem 1.25rem 1rem;
	}
		
	#recipe_detail .modal-footer > a:nth-child(5){
		padding				:	1.25rem 1rem 1.25rem 0.5rem;
	}
}

@media (min-width : 768px) and (max-width : 1535px){
	
	#recipe_detail .modal-dialog{
		max-width			:	744px;
	}
	
	#recipe_detail .modal-content{
		border-radius		:	1.5rem;
		max-width			:	744px;
	}
	 
	#recipe_detail #recipe_detail_div > img{
		border-radius			:	1.5rem 1.5rem 0rem 0rem;
		width					:	744px;
		height					:	547px;
	}
	
	#recipe_detail #recipe_desc{
		height					:	269px;
		padding					:	0.5rem 1rem 1.5rem 1rem;
	}
	
	#recipe_detail #recipe_detail_title{
		font-size				:	1.5rem;
		line-height				:	3rem;
	}
	
	#recipe_detail #recipe_desc .like{
		top						:	17px;
		right					:	406px;
	}
		
	#recipe_detail #recipe_desc_desc{
		width					:	336px;
		padding					:	0px 1rem 1rem 0px;
	}
	
	#recipe_detail #recipe_desc_desc #recipe_detail_desc{
		font-size				:	1rem;
		line-height				:	1.75rem;
	}
	
	#recipe_detail #recipe_desc_spec{
		height					:	226px;
		padding					:	0rem 0rem 1rem 1rem;
		margin					:	0.95rem 0px 0px 0px;
		border-left				:	rgba(255, 255, 255, 0.5) 1px solid;
	}
	
	#recipe_detail #recipe_desc_spec > div{
		width					:	178px;
	}
	
	#recipe_detail #recipe_desc_spec .title{
		font-size				:	1rem;
		padding					:	2px 30px 2px 6px;
		width					:	160px;
		margin					:	-4px 0px 10px 0px;
	}
	
	#recipe_detail #recipe_more_detail{
		padding					:	0rem 1rem 2rem 1rem;
	}
	
	#recipe_detail #recipe_desc_spec > #recipe_desc_spec_spec > a,
	#recipe_detail #recipe_desc_spec > #recipe_desc_spec_cook > .material{
		font-size				:	1rem;
		line-height				:	1.66rem;
		margin					:	2px 0px 0px 0px;
	}
	
	#recipe_detail .modal-footer > a{
		padding					:	1rem 0rem;
		font-size				:	1rem;
	}
	
	#recipe_detail .modal-footer > a:first-child {
		padding					:	1rem 2.5rem 1rem 1rem;
	}

	#recipe_detail .modal-footer > a:nth-child(6) {
		padding					:	1rem 1rem 1rem 2.5rem;
	}
	
	#recipe_detail .modal-footer > a > picture > img{
		width					:	16px;
		height					:	27px;
	}
}