/* Add here all your CSS customizations */
.mf_iframe{height: 1500px}

@media (max-width: 991px){
	.mf_iframe{height: 2700px !important}
}
@media (max-width: 420px){
	.mf_iframe{height: 2900px !important}
}
@media (max-width: 768px){
.iframeres{width: 100%}
.classic-title{ margin-top: 25px }
.financialcalculator{margin-top: 10px}
}
/* Ensure login buttons are visible on mobile screens */
/* Default display for nav-pills on all screen sizes */
.nav-pills > li {
    display: inline-block;  /* Or flex depending on your layout */
}

/* Mobile-specific (less than 600px) adjustments */
@media (max-width: 600px) {
    .nav-pills > li {
        display: block !important; /* Stack items vertically on mobile */
    }
}

/* Tablets (600px - 991px) */
@media (min-width: 600px) and (max-width: 991px) {
    .nav-pills > li {
        display: block !important; /* Stack items vertically on tablets */
    }
}

/* Desktop (above 991px) */
@media (min-width: 992px) {
    .nav-pills > li {
        display: inline-block; /* Inline display for larger screens */
    }
}

/* Fix for visibility of login buttons on small devices */
@media (max-width: 600px) {
    .nav-pills > li:nth-child(1), 
    .nav-pills > li:nth-child(2) {
        display: block !important; /* Ensure the login buttons are visible */
    }
}


@media (max-width: 450px){
#header nav ul.nav-top li a, #header nav ul.nav-top li span{font-size: 12px;
    padding: 5px 5px;}
#header nav ul.nav-top {margin: 0;min-height: 0;}
.market123 .col-xs-5{width: 100% !important }
}
@media (max-width: 396px){
.nav-pills > .phone{ display: none; }
.login_list .dropdown-menu {left: -100px;}
}