.modal.back_modal{
	z-index:2000;
}


.side_modal {
	left: auto;
	right: 0;
	width: 448px;
	overflow: hidden;
	margin-right: 0;
}

.side_modal .modal-content{
		font-family: 'Verdana', 'Arial', 'Roboto Slab';
		color: #002052;
		font-weight: bold;
		font-size: 16px;
		border: none;
 		border-left: 1px solid #002052;
 		border-bottom: 1px solid #002052;
 		background: #f8f8f8;
 		/*border-radius: 0;
 		margin:0;
 		right:0px;
 		width:320px;
 		height:auto;
 		max-height: 9999px;
 		*/
}

.side_modal .modal-content .title_container{
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.side_modal .modal-content .title_container .title{
	width:270px;
	float:left;
	padding: 19px 15px 0 15px;
	text-transform: uppercase;
	word-wrap: break-word;
}

.side_modal .modal-content .title_container .actions{
	height:50px;
	padding: 8px 15px 0 15px;
	text-align: right;
	font-size:35px;
	position:absolute;
	right:0;	
}

.side_modal .modal-content .title_container .actions i{
	cursor: pointer;
	display: inline-block;
	float: right;
}

.side_modal .modal-content .title_container .actions i:nth-child(2){
	margin-right: 17px;
}

.side_modal .modal-content .content_container{
	width:100%;
	position:relative;
}

@media (max-width: 360px) {
 	.side_modal{
 		width:100%;
 	}
 	.side_modal .modal-content{
 		width:100%;
 	}
 	
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/* the ipad breakpoint-------------------------------------------*/
@media (max-width: 1024px) {
	.side_modal {
		left: initial;
		right: 0;
		width: 385px;
	}
}

/*the phone breakpoint--------------------------------------*/
@media (max-width: 640px) {
	.side_modal {
		left: inital;
		right: 0;
		width: 100%;
	}
}


/* the ipad breakpoint-------------------------------------------*/
@media (max-device-width: 1024px) {
		
	
}

/*the phone breakpoint--------------------------------------*/
@media (max-device-width: 640px) {
	
}