@charset "utf-8";
/* CSS Document */
@media  (min-width: 992px) and (max-width: 1199px) 
{
.nav > li > a {padding: 8px 9px !important;}
.ser-detail-con li {margin: 33px 9px;}
.how-it-work-detail li {margin: 0 17px;}
.your-detail-desc-sub li {margin-left: 0px; margin-right: 0px;}
.your-invest {font-size: 55px; line-height: 62px; font-family: 'robotobold'; margin-bottom: 0px;}

.mf-strip ul li {
    padding: 0px 0px 5px 9px;
}
}

@media  (min-width: 768px) and (max-width: 991px) 
{
.nav > li > a {
    padding: 8px 0px !important;
}

nav .navbar-brand {
    height: 67px;
    width: 210px;
    margin-top: 16px;
    background: url(/images/logo-small.png) no-repeat;
	margin-right:0px;
}
nav.smaller .navbar-brand {
  	height: 67px;
    width: 210px;
    margin-top: 16px;
    background: url(/images/logo-small.png) no-repeat;
}


.banner-wrapper {margin-top: 158px;}
.how-it-work-detail li {margin: 0 20px; margin-top: 20px;}
.mobile-app-pic {margin-top: 30px;}
.review-wrapper {background-size: cover;}
.review-desc-wrapper {float: none; text-align: center;}
.testi-wrapper {float: none; margin: auto;}
.review-form-wrapper {float: none; margin: auto; margin-top: auto; margin-top: 40px;}
#footer li {
    float: left;
    padding: 0px 0px 5px 15px;
}


}
@media  (min-width: 0px) and (max-width: 767px) 
{



.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
.navbar>.container {
    padding-right: 0px;
    padding-left: 0px;
}

nav.smaller .navbar-nav > li > a {
    color: #000000 !important;
}
nav.smaller .navbar-brand {
    height: 52px;
    margin-top: 15px;
}

	 nav 
	 {
        height: 100px;
	 }
	 nav > .container-fluid
	 {
		 padding-right:0px;
		 padding-left:0px;
	 }
	 .navbar-default {
    background: none;
    padding: 0 15px;
}
	 nav .navbar-brand {
    display: inline-block;
    height:62px;
    width: 270px;
    line-height: 82px;
	margin-top:10px;
	background:url(/images/logo.png) no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 15px;
}
	 .navbar-default .navbar-collapse, .navbar-default .navbar-form 
	 {
		 border:0px;
	 }
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 500px;
	background:#ffffff;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin-top: 1px;
    }
	.navbar-default .navbar-nav > li > a {
    padding: 10px 15px;
	color:#0492d4;
	}

/*.login-btn
{
	background:#ffc600;
}
.login-btn:hover
{
	background:#1ab01a;
}*/	
.navbar-default .navbar-nav > li > a.log-in
{
	color:#1ab01a;
}
.navbar-default .navbar-nav > li > a.log-in:hover
{
	color:#ffc600;
}
	nav .navbar-right > li.log-in {
    color: #000000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ffffff;
}
	nav .navbar-right {
    float: left!important;
	padding-top:0px;
	margin-top:0px;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ddd;
}

 nav.smaller .navbar-right {
    float: left!important;
    margin-top: 0px;
}
.navbar-toggle {
    margin-right: 12px;
}


.banner-wrapper {margin-top: 75px;}
.service-panel-wrapper {padding: 20px 0 28px 0;}
.ser-detail-con li {margin: 13px 15px;}
.htax-wrapper {padding: 20px 0 10px 0; min-height: 450px!important;}
.how-it-work-wrapper {padding: 25px 0 20px 0;}
.how-it-work-detail li {margin-top: 25px;}
.your-detail-wrapper {padding: 20px 0 20px 0;}
.mobile-app-pic {margin-top: 30px;}
.review-wrapper { padding: 20px 0 30px 0; background-size: cover;}
.testi-wrapper {float: none; margin: auto; margin-bottom:25px; margin-top: 25px;}
.make-appoinment {text-align: center;}
.send-query {text-align: center;}
.smart-way {font-size: 36px;}
.save-tax {font-size: 54px;}
.your-detail-heading {font-size: 27px;}
.mobile-app-wrapper {padding-top: 20px;}
.mobile-app-detail-wrapper {margin-top: 10px;}
.now-mobile {font-size: 16px; margin-top: 0px;}
.your-invest {font-size: 46px; line-height: 48px;}
.even-when {font-size: 26px; line-height: 30px;}
.app-desc {margin: 15px 0px;}
.review-form-wrapper {margin-left: 0%;}
}
@media  (min-width: 300px) and (max-width: 425px) 
{
nav {top: 0px;}

nav .navbar-brand {
  width: 225px;
    margin-top: 10px;
    background: url(/images/logo-small.png) no-repeat;
}
nav.smaller .navbar-brand {
 background: url(/images/logo-small.png) no-repeat;
    width: 225px;
}

.banner-wrapper {margin-top: 75px;}
.service-panel-wrapper {padding: 20px 0 20px 0;}
.ser-heading {font-size: 20px; line-height: 22px; margin-bottom: 10px;}
.ser-detail-con li {margin: 10px 0px;}
.htax-wrapper {padding: 20px 0 20px 0;}
.smart-way {font-size: 27px; line-height: 30px;}
.save-tax {font-size: 40px; line-height: 50px; margin-bottom: 0px;}
.reduce-tax {line-height: 24px; font-size: 22px;}
.grow-wealth {font-size: 36px; min-height: 150px!important;}
.how-it-work-wrapper {padding: 25px 0 20px 0;}
.how-it-work-detail li {margin:0px;}
.your-detail-wrapper {padding: 20px 0 20px 0;}
.your-detail-heading {font-size: 20px; line-height: 22px;}
.your-detail-desc {margin-bottom: 20px;}
.mobile-app-wrapper {padding-top: 20px;}
.mobile-app-detail-wrapper {margin-top: 10px;}
.your-invest {font-size: 33px; line-height: 35px;}
.even-when {font-size: 18px; line-height: 20px;}
.app-desc {margin: 20px 0px;}
.app-link img {margin-bottom: 10px;}
.review-wrapper {padding: 20px 0 20px 0; background-size: cover;}
.make-appoinment {font-size: 27px; line-height: 30px;}
.send-query {font-size: 14px; line-height: 16px;}
.testi-wrapper {margin-top: 20px; margin-bottom:20px;}
.review-form-wrapper { margin-left: 0%;}
}