/*==========Profile Page==============*/

.one-forth{ width:25%; margin-left:15px; float:left;}

.three-forth{ width:60%; float:left;}

.three-forth h1{ text-align:center;}

.box{ width:100%; padding:10px; border:1px #B31BE3 solid;}

.box2{ width:100%;;}

.top-mrg-20{ margin-top:20px;}



.prefancy {

    padding-left: 20px;

    /* padding-right: 20px; */

    overflow: hidden;

}

.fancy {

    line-height: 1.5;
    text-align: center;
	border:1px solid #000;
	border-radius:5px;

}



.fancy span {

    display: inline-block;

    position: relative;

    line-height: 1.5em;

    letter-spacing: 1px;

	font-size:25px;

    font-weight: normal;

    text-transform: none;

}



.fancy span:before {

    right: 100%;

    margin-right: 15px;

}

.fancy span:before, .fancy span:after {

    content: "";

    position: absolute;

    height: 5px;

    border-bottom: 1px solid rgba(206, 23, 234, 0.3);

    border-top: 1px solid rgba(206, 23, 234, 0.3);

    top: 17px;

    width: 500px;

}



.fancy span:after {

    left: 100%;

    margin-left: 15px;

}



.fancy span:before, .fancy span:after {

    content: "";

    position: absolute;

    height: 5px;

        border-bottom: 1px solid rgba(206, 23, 234, 0.3);

    border-top: 1px solid rgba(206, 23, 234, 0.3);

    top: 17px;

    width: 500px;

}



dl { width: 250px; float:left; }

dt { float: left; width: 100px; overflow: hidden; white-space: nowrap }

dd { float: left; width: 100px; overflow: hidden }



dt:after { content: "......................................................................................." }





dl {

	margin-top: 0;

	margin-bottom: 5px;

}

dl:after {

	content: "";

	display: block;

	overflow: hidden;

	height: 1em;

	border-bottom: 2px dotted;

	color: rgba(255, 255, 255, 0.2);

}

dt, dd {

	line-height: 1.428571429;

}

dt {

	float: left;

	padding: 0 .4em 0 0;

	margin: 0;

}

dd {

	float: right;

	padding: 0 0 0 .4em;

	margin: 0;

}

input[type=text], select {

    width: 100%;

    padding: 12px 20px;

    margin: 8px 0;

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

}



textarea,select {

      width: 100%;

    padding: 12px 20px;

    margin: 8px 0;

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

}





input[type=submit] {

    width: 100%;

    background-color: #4CAF50;

    color: white;

    padding: 14px 20px;

    margin: 8px 0;

    border: none;

    border-radius: 4px;

    cursor: pointer;

}



input[type=submit]:hover {

    background-color: #45a049;

}

.fa{ width:25px; font-size:20px;}



.footer-strip{ padding:10px 0 10px 0;font-size:16px; text-align:center; background:#093; color:#fff;}



.photo_1_of_3:first-child {

    margin-left: 0;

}

.photo_1_of_3 {

    width: 22.9%;

    padding: 1.5%;

    display: block;

    float: left;

    margin: 1% 0 1% 1.6%;}

	



/* Theme Styler :: End */



<!-- Banner Start by Sultan -->

.square {

    border: 3px solid #E00067;

    text-align: center;

    width: 20%;

    height: 10%;

	display: inline-block;

	margin: 15px 25px 10px 25px;

  }

.sultan {

font-size: 1.5em;

padding: 20px;

font-family:Georgia, "Times New Roman", Times, serif;

color:#E00067;

background-color:#FFFFFF;

}

.sultan a{

color:#E00067;

text-decoration:none;

}

.sultan a:hover{

color:#2EC76F;

text-decoration:overline;

}

@media screen and (max-width: 960px) {

    .square {

        width:90%;

        float:none;

    }
}
@media(max-width:767px){
	.one-forth {
    width: 100%;
    margin-left: 0px;
   
}
.three-forth {
    width: 100%;
    float: none;
	
}
.fancy span {
    display: block;
    position: relative;
    line-height: 1.8em;
    text-align: :left;

}
}

<!-- Banner End by Sultan -->
.footer-strip{ padding:10px 0 10px 0;font-size:16px; text-align:center; background: #36C; color:#fff;}