.myportbtn {
    float: right;
    margin-top: 15px;
    margin-bottom: 10px;
}
.head_frame
{
	width:100%;
	float:left;
	background-color:#e5e6e7;
	padding: 15px 0px;
	padding-top: 2px;
	/* position:fixed; */
	z-index:999;
}

.left_div
{
	width:37%;
	float:left;
	vertical-align:top;
	padding-left:15px;
}
.menu_div
{
	width:100%;
	display:inline-block;
}
.menu_div span
{
	/* float:left; */
	/* margin-left: 12px; */
}
.online_payment
{
	background-color:#3455a5;
	color:#fff;
	border-radius:5px;
	padding:7px 10px;
	font-family:'Ubuntu', sans-serif;
	font-size:16px;
}
.download
{
	background-color:#64bd55;
	color:#fff;
	border-radius:5px;
	padding:7px 30px;
	font-family:'Ubuntu', sans-serif;
	font-size:16px;
}
.middle_div
{
	width:30%;
	float:left;
}
.middle_div img
{
text-align:center;
width:100%;
margin:0px auto;
}
.middle_cont_inner a img {
    width: none!important;
}
.subscribe h3
{
	color:#3455a5;
	font-family:'Ubuntu', sans-serif;
	float:left;
}
a img, figure img {
  width:auto;
}

.bot_in_side1
{
	float:left; width:69%;
}
.bot_in_side2
{
	float:right; width:300px;margin-top:34px; text-align:left;
}
.right_div
{
	width: 27%;
    float: left;
}
.login_align
{
	text-align:center;
	font-family:'Ubuntu', sans-serif;
	font-size:25px;
	padding: 0px;
    margin: 0px auto;
    margin-top: 5px;
}

.user_login
{
	width:65%;
	padding:3px;
		border-radius: 2px;
    border: 1px solid #044277;
}
.user_login:focus
{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);	
}
.user_pass
{
	width:65%;
	margin-left:6px;
	padding:3px;
	margin-top:5px;
	margin-bottom:5px;
	border-radius: 2px;
    border: 1px solid #044277;
}
.user_pass:focus
{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);	
}
.login
{
		font-family:'Ubuntu', sans-serif;

}
.frm-grp button
{
			color:#fff;
			font-family:'Ubuntu', sans-serif;
}
.login_opt
{
	float:left;
	margin-left:54px;
}
.content .al-le
{
text-align:center!important;
}
.content1
{
	    padding: 3px 3px 3px 0px!important;
		max-height:auto!important;
}

/*---------- list_calculators -----*/
.calc
{
	width:100%;
	float:left;
}
.calc_but
{

    border-radius: 3px;
    padding: 10px 5px;
    width: 35%;
    font-size: 15px;
    color: #fff;
    margin-top: 11px;
    line-height: 19px;
	display:inline-block;
	text-align:center;
	margin-left:82px;
}
.calc_but:hover
{
	-webkit-box-shadow: inset 0px -2px 2px 0px rgba(50, 50, 50, 0.76);
-moz-box-shadow:    inset 0px -2px 2px 0px rgba(50, 50, 50, 0.76);
box-shadow:         inset 0px -2px 2px 0px rgba(50, 50, 50, 0.76);
}
 .blue_but
{
background-color: #64bd55;
}
.green_but
{
background-color: #3455a5;	
}


/*---------------------- media query ----------------------------- */
@media only screen and (min-width: 1600px)
{
	.user_pass 
	{
    width: 65%;
    margin-left: 9px;
	}
	.left_div 
	{
    width: 32%;
    float: left;
    vertical-align: top;
    padding-left: 15px;
	}
	.right_div 
	{
    width: 22%;
    float: right;
	}
}
@media only screen and (max-width: 1024px)
{
.left_div
{
	width:43%;
	padding-left:5px;
}
a img, figure img {
  width:auto;
}
.bot_in_side1
{
	float:left; width:64%;
}
.bot_in_side2
{
	float:left;margin-left:5%;
}
#divNewFundsOffer
{
margin-left:-15px;
}
}

@media screen and (min-width:650px) and (max-width:768px) {
.calc_but {
    border-radius: 3px;
    padding: 10px 5px;
    width: 40%;
    font-size: 15px;
    color: #fff;
    margin-top: 11px;
    line-height: 19px;
    display: inline-block;
    text-align: center;
    margin-left: 47px;
}

}

@media screen and (min-width:550px) and (max-width:649px) { 
.calc_but {
    margin-left: 30px;
    width: 43%;
}

}
@media screen and (min-width:320px) and (max-width:549px) { 
.calc_but {
    margin-left: 0px;
    width: 100%;
}

}
@media screen and (min-width:551px) and (max-width:767px) { 
.left_div {
    width: 100%;
    padding-left: 5px;
}
.login_opt {
    float: left;
    margin-left: 20px;
}
.middle_div {
    width: 45%;
    float: left;
	margin-top:30px;
}
.online_payment {
    background-color: #3455a5;
    color: #fff;
    border-radius: 5px;
    padding: 6px 10px;
    font-family: 'Imprima', sans-serif;
    font-size: 16px;
    float: left;
    text-align: center;
    -webkit-box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    -moz-box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    margin-top: 0px;
	margin-left: 5px !important;
}
.download {
    background-color: #64bd55;
    color: #fff;
    border-radius: 5px;
    padding: 6px 30px;
    font-family: 'Imprima', sans-serif;
    font-size: 16px;
    float: left;
    text-align: center;
    -webkit-box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    -moz-box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    margin-left: 0px;
    margin-top: 0px;
}
.right_div {
    width: 41%;
    float: right;
}


}

@media screen and (min-width:370px) and (max-width:550px) { 
.online_payment {
    background-color: #3455a5;
    color: #fff;
    border-radius: 5px;
    padding: 6px 10px;
    font-family: 'Imprima', sans-serif;
    font-size: 16px;
    float: left;
    text-align: center;
    -webkit-box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    -moz-box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    margin-top: 14px;
}
.download {
    background-color: #64bd55;
    color: #fff;
    border-radius: 5px;
    padding: 6px 30px;
    font-family: 'Imprima', sans-serif;
    font-size: 16px;
    float: left;
    text-align: center;
    -webkit-box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    -moz-box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    box-shadow: 0px 8px 2px -6px rgba(110,47,107,1);
    margin-left: 20px !important;
    margin-top: 12px;
}
.right_div {
    width: 60%;
    margin:0 auto;
	float:none;
}

}



@media screen and (min-width:320px) and (max-width:369px) { 

.right_div {
    width: 80%;
    margin:0 auto;
	float:none;
}


}


