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

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

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

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

.box{ width:100%; padding:10px;}

.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-style: inset;

}



.fancy span {

    display: inline-block;

    position: relative;

    line-height: 1.5em;

    letter-spacing: 1px;

	font-size:25px;

    font-weight: normal;

    text-transform: none;
	color:#1a9f68;

}



.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(92, 63, 236, 0.3);

    border-top: 1px solid rgba(92, 63, 236, 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: 48.9%;

    padding: 1.5%;

    display: block;

    float: left;

    margin: 1% 0 1% 1.6%;
	border:outset;
	}

	.checked {
    color: orange;
}



/* 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;}

<!-- footer responsive-->

.city{ width:100%; text-align:center; height:100px; margin:0 auto;}
.city span a { background:#3054EF;; padding:10px; text-align:center; margin:10px; color:#fff; border-radius:10px; line-height:3.8em;}
.mYmove_call{ width:300px; height:70px; background:#F00; position: absolute;-webkit-animation:mymove 3s; -webkit-animation-iteration-count:infinite; animation:mymove 3s; animation-iteration-count:infinite;}
h3{ box-sizing:border-box; color:#0D0101;; text-align:center; line-height:70px;}

@-webkit-keyframes mymove { 
from{top:0;}
to{top:250px;}
}
@keyframes mymove {
	from{top:0;}
to{top:250px;}
}
.taextbanner {
	font-size: 1.5em;
	padding: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E00067;
	background-color: #FFF;
}
.square {
	border: 3px solid #E00067;
	text-align: center;
	width: 20%;
	height: 10%;
	display: inline-block;
	margin: 15px 25px 10px 25px;
}
@media (max-width:767px){
	.taextbanner {
		
	}
.square {
	border: 3px solid #E00067;
	text-align: center;
	width: 41%;
	height: 10%;
	margin: 15px 10px;
	
}

.city{ height:300px; margin:0 auto;}
.city span a { display:inline; margin:0; padding:10px;}
}