@charset "utf-8";
/*==========Profile Page==============*/

.one-forth{ width:28%; margin-left:15px; float:left;}
.three-forth{ width:70%; float:left;}
.three-forth h1{ text-align:center;}
.box{ width:100%; padding:0; border:1px #edf11d solid;}
.box h4{font-size: 20px!important; line-height:25px;}
.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;
}
.box h4{font-size: 20px; font-weight: }
.fancy span:before, .fancy span:after {
    content: "";
    position: absolute;
    height: 5px;
   border-bottom: 1px solid #fffefa;
    border-top: 1px solid #fffefa
    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: ;

	padding: 0 0 0 .1em;

	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; color: red;}



.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: 100%;

    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: 0 auto;
   
}
.three-forth {
    width: 100%;
    float: none;
	 margin: 0 auto;
}
.fancy span {
    display: block;
    position: relative;
    line-height: 1.8em;
    text-align: :left;
  
}
.sec_pr{margin-left:0}
.photo_1_of_3 img{width:100%; display:block; height:auto;}
}

<!-- Banner End by Sultan -->
.footer-strip{ padding:10px 0 10px 0;font-size:16px; text-align:center; background: #36C; color:#fff;}
.sec_pr{margin:9% auto}/* CSS Document */
.three-forth strong{color:#000!important;}