﻿@media only screen and (max-width : 1280px) {
    #footer .footer-copyright .col-md-2 {
        text-align:center;
    }
    .devBy {
        float:none;
    }
}

/* Header Mega Menu */
@media (min-width: 992px) {
	#header nav.mega-menu .nav, #header nav.mega-menu .dropup, #header nav.mega-menu .dropdown, #header nav.mega-menu .collapse {
		position: static;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-content {
		text-shadow: none;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
		color: #333333;
		display: block;
		font-size: 1em;
		font-weight: 600;
		padding-bottom: 5px;
		text-transform: uppercase;
		margin-top: 20px;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title:first-child {
		margin-top: 0;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title .not-included {
		color: #b7b7b7;
		display: block;
		font-size: 0.8em;
		font-style: normal;
		margin: -8px 0 -4px;
		padding: 0;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
		background: #FFF !important;
		border-top: 6px solid #CCC;
		color: #777777;
		box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
		color: #777777;
		text-shadow: none;
		margin: 0 0 0 -8px;
		padding: 3px 8px;
		text-transform: none;
		font-size: 0.9em;
		display: block;
		font-weight: normal;
		border-radius: 4px;
		border: 0;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
		background: #F4F4F4 !important;
		text-decoration: none;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
		border-radius: 6px;
	}

	#header nav.mega-menu .navbar-inner, #header nav.mega-menu .container {
		position: relative;
	}

	#header nav.mega-menu .dropdown-menu {
		left: auto;
	}

	#header nav.mega-menu .dropdown-menu > li {
		display: block;
	}

	#header nav.mega-menu .mega-menu-content {
		padding: 20px 30px;
	}

	#header nav.mega-menu .mega-menu-content:before {
		display: table;
		content: "";
		line-height: 0;
	}

	#header nav.mega-menu .mega-menu-content:after {
		display: table;
		content: "";
		line-height: 0;
		clear: both;
	}

	#header nav.mega-menu.navbar .nav > li > .dropdown-menu:after, #header nav.mega-menu.navbar .nav > li > .dropdown-menu:before {
		display: none;
	}

	#header nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
		width: 100%;
		left: 0;
		right: 0;
	}

	#header nav.mega-menu nav.pull-right .dropdown-menu {
		right: 0;
	}

	#header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
		border-radius: 0;
	}
}
/* Header Flat Menu */
@media (min-width: 992px) {
	#header.flat-menu > .container {
		height: 91px;
		margin-bottom: -82px;
	}

	#header.flat-menu .header-top {
		margin-top: -8px;
	}

	#header.flat-menu .social-icons {
		margin: 11px 10px 9px 10px;
		margin: 10px 10px 0;
	}

	#header.flat-menu .search {
		margin-top: 8px;
	}

	#header.flat-menu .search form {
		margin: 0;
	}

	#header.flat-menu .search input.search-query {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	#header.flat-menu nav ul.nav-main {
		float: right;
		margin: -9px 0 -8px;
	}

	#header.flat-menu nav ul.nav-main > li > a {
		background: transparent;
		margin-bottom: 0;
		border-top: 5px solid transparent;
	}

	#header.flat-menu nav ul.nav-main li a {
		border-radius: 0;
		margin-left: 1px;
		margin-right: 3px;
		padding-bottom: 20px;
		padding-top: 46px;
	}

	#header.flat-menu nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
		border-radius: 0;
	}

	#header.flat-menu nav ul.nav-main li.dropdown:hover > a {
		padding-bottom: 21px;
	}

	#header.flat-menu nav ul.nav-main ul.dropdown-menu {
		margin: 0 0 0 1px;
		border-radius: 0;
	}

	#header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
		border-radius: 0;
	}

	/* Header Flat Menu - Sticky Menu / Boxed */
	body.sticky-menu-active #header.flat-menu ul.nav-main {
		margin-bottom: -10px;
		margin-top: 34px;
	}

	body.sticky-menu-active #header.flat-menu ul.nav-main > li > a, body.sticky-menu-active #header.flat-menu ul.nav-main > li:hover > a {
		border-top-color: transparent;
		padding-bottom: 26px;
		padding-top: 26px;
	}

	body.sticky-menu-active #header.flat-menu .logo {
		padding-top: 15px;
	}

	body.sticky-menu-active #header.flat-menu .header-top {
		display: none;
	}

	html.boxed #header.flat-menu {
		padding: 15px 0 7px;
	}

	html.boxed #header.flat-menu.clean-top {
		padding-bottom: 8px;
	}

	html.boxed #header.flat-menu.colored {
		padding: 0 0 7px;
	}

	html.boxed #header.flat-menu.single-menu nav ul.nav-main ul.dropdown-menu {
		margin-top: -1px;
	}

	html.boxed #header.flat-menu .header-top {
		border-radius: 5px 5px 0 0;
	}

	html.boxed body.sticky-menu-active #header.flat-menu.clean-top, html.boxed body.sticky-menu-active #header.flat-menu.colored {
		padding: 15px 0 7px;
	}
}

@media only screen and (max-width : 991px) {
    html .wizard-progress, html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress, html.dark .wizard-progress.wizard-progress-lg {
        margin-bottom: 2rem;
    }
    .btn-responsive-nav {
        background: none repeat scroll 0% 0% #171717;
        top: 55px;
        display: block;
        position: absolute;
        right: 20px;
        color: #FFF;
        z-index: 1;
    }
    .btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus {
        color: #CCC;
        outline: medium none;
    }

    #header .nav-main-collapse.collapse {
        display: none !important;
    }

    #header > .container {
        margin-bottom: 0px;
    }

}

@media (max-width : 991px) {
    body.sticky-menu-active #header .logo img, #header.fixed .logo img {
        margin-top: -12px;
    }
    .btn-responsive-nav {
        background: none repeat scroll 0% 0% #171717;
        top: 55px;
        display: block;
        position: absolute;
        right: 20px;
        color: #FFF;
        z-index: 1;
    }
    #header .nav-main-collapse {
        top: 8px;
        position: relative;
        background: none repeat scroll 0% 0% #171717;
        max-height: none;
        width: 100%;
        overflow: hidden;
    }
    #header .nav-main-collapse.in {
        width: 100%;
        overflow: hidden;
        display: block !important;
    }
    #header .nav-main {
        padding: 10px 0px;
        clear: both;
        display: block;
        float: none;
        width: 100%;
    }
    #header .nav-main ul.nav-main {
        float: none;
        position: static;
        margin: 8px -10px 8px 0px;
    }
    #header .nav-main ul li {
        padding: 0px;
        margin: 0px;
        clear: both;
        float: none;
        display: block;
        border-bottom: 1px solid #2A2A2A;
    }

    #panelFechasCuotas .modal-icon {
        display:none;
    }
}

@media (max-width : 767px) {
    #header > .container {
        width: 100%;
    }

    #header ul#idiomaPanel {
        display:none;
    }
    .btn-responsive-nav {
        top: 70px;
    }
}


@media only screen and (max-width : 640px) {
    input[id$=txtNumBanco], input[id$=txtNumSucursal], input[id$=txtDC], input[id$=txtNumCuenta], select[id$=optTipoDeVia], input[id$=txtDireccion], input[id$=txtNumero], input[id$=txtBloque], input[id$=txtEscalera], input[id$=txtPiso], input[id$=txtPuerta] {
        width: 100%;
    }
    #header > .container {
        margin-bottom: 0;
    }
}

@media only screen and (max-width : 480px) {
    #radioTipoDocumento .radio-inline {
        display: block;
        margin-left: 10px;
    }
    input[id$=txtNumBanco], input[id$=txtNumSucursal], input[id$=txtDC], input[id$=txtNumCuenta], select[id$=optTipoDeVia], input[id$=txtDireccion], input[id$=txtNumero], input[id$=txtBloque], input[id$=txtEscalera], input[id$=txtPiso], input[id$=txtPuerta] {
        display: block;
        margin-bottom: 0.5em;
    }
}
