EVOLUTION-NINJA

Edit File: profileresponsive.css

.middle_work
{
	background:#E7E6E6;
}

.mid1
{
	background:#F0F2F7;
	padding-top: 13px;
	padding-bottom:13px;
	margin-bottom: 20px;
}

.bg_upload
{
	background:#F0F2F7;
	padding-top: 11px;
	padding-bottom:17px;
}

.bg_upload h3
{
	padding-bottom:20px;
}

.mySpace
{
	padding-top:20px;
	padding-bottom:20px !important;
	
}

.bg_sprite_pink
{
	background: #DE5D70;
padding: 9px;
float: left;
color: white;
font-weight: 700;
height: 50px;
}

.bg_sprite_purple
{
	background: #536DA5;
padding: 11px 16px;
//width: 70px;
//height: 62px;
float: left;
color: white;
}

.sprite_1
{
	background: url(../images/sprite-two.png) no-repeat -140px -53px;
    width: 39px;
	height: 35px;
	float:left;
    
}

.sprite_2
{
	background: url(../images/sprite-two.png) no-repeat -181px -53px;
    width: 21px;
	height: 34px;
	float:left; 
}

.photo_size
{	
	padding-top:20px;
	clear:both;
}

.list_none
{
	list-style-type:none;
}

.mybtn_computer
{
	background-color: #d9475c !important;
	border-color: #d9475c !important;
	color:#ffffff;
	border-radius: 0px !important;
	padding-top: 0px !important;  
	//padding-bottom: 16px !important;
	text-align: center;
	height: 50px;
	//width: 83%;
}

.mytext_computer                                           
{
	font-size: 18px !important;
font-weight: 700 !important;
color: #ffffff !important;
padding-top: 13px !important;
}
@media only screen and (min-width:641px) and (max-width:991px) 	{
	.bg_sprite_pink{
		padding: 3px;
		height: 35px;
	}
	.mytext_computer{
		font-size: 14px !important;
		padding-top: 7px !important;
	}
	.mybtn_computer{
		height: 35px;
	}
	.mybtn_facebook a{
		font-size: 14px !important;
		height: 37px;
	}
	.bg_sprite_purple{
		padding: 4px 10px;
	}
	
}
.mybtn_computer:hover
{
	background-color: #de5d70 !important;
	border-color: #de5d70 !important;
	color:#ffffff;
}

.mybtn_facebook a
{
	background-color: #3B5998 !important;
	border-color: #3B5998 !important;
	color:#ffffff;
	font-size: 22px;
	border-radius: 0px !important;
	font-weight: 700;
	height: 51px;	
	text-align: center;
	
}

.mybtn_facebook a:hover
{
	background-color: #536DA5 !important;
	border-color: #536DA5 !important;
	color:#ffffff;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{	
	.bg_upload
	{
		padding-top:0px;
		padding-bottom:0px;
	}
	
	.bg_upload h3
	{
		margin-top: 0px;
		padding-bottom:0px;
		font-size: 20px;
		padding-top: 10px;
	}
	
	.photo_size 
	{
		padding-top: 2px;
		font-size: 12px;
	}
	
	.disp-cell_computer 
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.disp-cell_facebook
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#abc
	{
		padding-top: 20px;
	}
	
	#font_small
	{
		font-size: 20px;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.mid3
	{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	
	.list_none li
	{
		padding-bottom:5px;
	}
	
	#font_small
	{
		font-size: 13px;
	}
	
	.bg_upload h3
	{
		font-size: 20px;
		text-align:center;
	}
	
	.bg_sprite_pink 
	{
		padding: 8px;
	}
	
	.mybtn_computer 
	{
		padding-top: 0px !important;
		//height: 51px;
		width: 80%;
	}
	
	.mytext_computer 
	{
		padding-top: 8px !important;
	}

.bg_sprite_purple 
	{
		padding: 8px 18px;
		//width: 57px;
		height: 51px;
	}
	
	.mybtn_facebook a
	{
		padding: 10px 28px !important;
		//height: 51px;
		//width: 79% !important;
		
	}
	.photo_size, .mid2
	{
		text-align:center;
	}
	
	.sprite_1
	{
		height: 31px;
	}
}
/*------------------------------------ mid2 ---------------------------------*/

.mid2
{
	background:#ffffff;
	//padding:10px 0px 20px 50px;
	padding-bottom: 20px;
}

/*------------------------------ mid3---------------------------*/
.mid4
{
	background:#ffffff;	
	padding-bottom: 30px;
}

/*------------------------------------------ mid 4 ---------------------------------------*/

.dotted_border
{
	border: 1px dashed #D5D5D5;
	height: 163px;
}

.puls
{
	font-size: 80px;
	color:#D5D5D5;
	text-align: center;
	padding-top: 25px;
}

#bg_puls
{
	background:#F8F7F7;
}

.img_pre img
{
	position:relative;
	
}
.mid4 h3
{
	padding-left:20px;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{
	#bg_puls 
	{
		width: 100px !important;
		height: 140px !important;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.bg_padding_top 
	{
		padding-top:10px !important;
	}
	
	.mid4 h3
	{
		text-align:center;
	}
}