/* RESPONSIVE STYLES//////////////*/

@media (min-width: 0px) and (max-width: 575px) {
	body{min-width: 320px}
	.top_bar {height: 83px;}
	.top_bar .navbar-brand {width: 155px;background-size: 155px auto;}
	.container {padding-right: 20px;padding-left: 20px; max-width: inherit!important}
	ul.nav{ float:none;max-height: 480px;overflow-y: scroll;}
	ul.nav li { margin-left:0px; display: block; width: 100%}
	ul.nav li:first-child { margin-left: 0px;}
	ul.nav li a {font-size: 16px;display: block; width: 100%; border-bottom:1px solid #f2f2f2!important; padding: 15px 20px;border-left:4px solid #fff!important;}
	ul.nav li a.active, ul.nav li .dropdown.active {border-left:4px solid #f5c809!important;}
	ul.nav li a.active, ul.nav li .dropdown.active button{color:#006f45}
	
	ul.nav li a.active span{display: none;}
	ul.nav li.first-level a, ul.nav li.first-level .dropdown-toggle{ padding-bottom: 15px;}
	ul.nav li.first-level .dropdown-toggle{ padding: 15px 20px;border-bottom:1px solid #f2f2f2;width: 100%; text-align: left; border-left: 4px solid #fff !important;}
	.dropdown-menu {display: block; position: static!important;border: none; width: 100%}
	ul.nav li .dropdown-toggle:hover .dropdown-menu, ul.nav li .dropdown-toggle .dropdown-menu{display:none!important}
	ul.nav li .dropdown-toggle:hover .dropdown-menu, ul.nav li .dropdown-toggle .dropdown-menu a:last-child{ padding-bottom:0!important; border:0!important}
	ul.nav li .dropdown-toggle .dropdown-menu.show{display:block!important}
	.dropdown-item:focus, .dropdown-item:hover {background-color:transparent;}
	.dropdown-menu .dropdown-item {border:0 !important;}
	
	.carousel.slide {height: 360px;margin-top: 83px; position: relative; }
	.carousel-item{ background-size: auto 100%!important;height: 360px;background-position: 70% center;z-index: 50}
	.carousel-item:after{height: 100%; width:100%; background: rgba(0,0,0,0.4);position:absolute; top:0 ;left:0; content:"."; z-index: -1}
	.carousel-caption {padding-top: 35px;}
	.main-content {padding-top: 20px;}
	.main-content .row {padding-bottom: 40px;}
	.main-content h3 {padding-top: 15px;}
	.home-blocks a.text-link {margin-top: 10px;}
	.slider-main {font-size: 28px;padding-bottom: 10px;}
	.btn {padding: 10px 25px;}
	.slider-txt {padding-bottom: 25px;max-width: 280px;}
	.main-content.home .row:first-child .left-content{padding-right:15px; }
.main-content.home .row:first-child .right-content{padding-left:15px; }
.main-content.home .row:last-child .left-content{padding-right:15px; }
.main-content.home .row:last-child .right-content{padding-left:15px; }
	footer{ background: #006f45;}
	footer .info a img {margin-right: 7px;}
	footer .info a {font-size: 15px;}
	footer p {line-height: 20px;}
	footer h5 {padding-bottom: 5px;}
	.home-blocks{ width:100%!important; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.home-img{ border:none;}
	.mobile_menu_container{position:absolute; background-color: #fff; width: 100%; left:0; top:79px;border-bottom:4px solid #006f45;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; padding: 0}
	.menu-btn {right: 25px; }
	.footer-copy p{padding-top: 0px;}
	.footer_bottom{padding:10px 0px;}
	.footer-social{margin-top: 0px;}
	.footer-social a{ float: left; margin-left: -10px; margin-right: 20px; }
	/*INSTITUCION*/
	.inside-pages .slider-main {color: #fff;max-width: 100%; text-align: center}
	.inside-pages .carousel.slide {height: 200px;position: relative; }
	.inside-pages .carousel-item{ height: 200px;}
	.inside-pages .carousel-caption {padding-top: 45px;}
	.inside-pages .links-sections a{width: 100%!important; margin-bottom: 10px}
	.p-bottom{padding-bottom:20px}
	/*SEDES*/
	.inside-pages .sedes-content h3{ padding-bottom:20px}
.inside-pages .sedes-content .p-bottom{padding-bottom:20px}
.inside-pages .sedes-content .sedes-img{display:block; width:100%;margin-right:0%; }
.inside-pages .sedes-content .sedes-txt{display:block; width:100%; margin-top: 10px;}
.inside-pages .sedes-content .links-sections{ margin-top:20px;}
.inside-pages .sedes-content  .sede-block{ padding-bottom: 20px; margin-bottom: 20px;border:0}
	.inside-pages .sedes-content .links-sections {margin-top: 0px; padding-bottom: 20px;}
	.inside-pages .tabs-content ul.nav { margin-bottom: 20px; padding-bottom:20px; border-bottom:1px solid #f0f0f0;}
	.p-bottom.tab-content-images img{ width: 47%; margin-right: 0!important}
	.p-bottom.tab-content-images img:first-child{ margin-right: 5%!important}
		/*Beneficios*/
.inside-pages .benficios-content h3{padding-bottom: 20px;}
	.inside-pages .beneficios-content a:hover {text-decoration: none!important}
	.inside-pages .beneficios-content p span{  font-size: 16px; line-height: 23px; padding: 20px;}
	.inside-pages .beneficios-content p span.green{ padding: 0px;}
	.inside-pages .beneficios-img{display:block; width:100%;margin-right:0%; }
	.inside-pages .beneficios-block:hover img{opacity:0.8 }
.inside-pages .beneficios-txt{display:block; width:100%!important;}
	.beneficios-right-content{display:none}
	/*CONTACT*/
	.contact_form .form_cell { padding-bottom: 20px;}
	.contact_form .row{ padding-bottom: 0}
	/*SERVICES*/
	.table_general tr td{font-size:14px; line-height: 19px;}
	.table_general tr.table_header td {font-size: 12px;line-height: 17px;}
	.servicios-sidebar { padding: 25px 20px 10px;}
}

@media (min-width: 576px) and (max-width: 767px) {
		.top_bar {height: 83px;}
	.top_bar .navbar-brand {width: 155px;background-size: 155px auto;}
	.container {padding-right: 30px;padding-left: 30px; max-width: inherit!important}
	ul.nav{ float:none;max-height: 480px;overflow-y: scroll;}
	ul.nav li { margin-left:0px; display: block; width: 100%}
	ul.nav li:first-child { margin-left: 0px;}
	ul.nav li a {font-size: 16px;display: block; width: 100%; border-bottom:1px solid #f2f2f2!important; padding: 15px 30px}
	ul.nav li a.active {border-left:4px solid #f5c809;padding: 10px 30px}
	ul.nav li a.active, ul.nav li .dropdown.active {border-left:4px solid #f5c809!important;}
	ul.nav li a.active, ul.nav li .dropdown.active button{color:#006f45}
	ul.nav li a.active span{display: none;}
	ul.nav li.first-level a, ul.nav li.first-level .dropdown-toggle{ padding-bottom: 15px;}
	ul.nav li.first-level .dropdown-toggle{ padding: 15px 30px;border-bottom:1px solid #f2f2f2;width: 100%; text-align: left; }
	.dropdown-menu {display: block; position: static!important;border: none; width: 100%}
	ul.nav li .dropdown-toggle:hover .dropdown-menu, ul.nav li .dropdown-toggle .dropdown-menu{display:none!important}
	ul.nav li .dropdown-toggle:hover .dropdown-menu, ul.nav li .dropdown-toggle .dropdown-menu a:last-child{ padding-bottom:0!important; border:0!important}
	ul.nav li .dropdown-toggle .dropdown-menu.show{display:block!important}
	.dropdown-item:focus, .dropdown-item:hover {background-color:transparent;}
	
	.carousel.slide {height: 360px;margin-top: 83px;}
	.carousel-item{ background-size: auto 100%!important;height: 360px;}
	.carousel-caption {padding-top: 35px;}
	.main-content {padding-top: 30px;}
	.main-content .row {padding-bottom: 40px;}
	.main-content h3 {padding-top: 15px;}
	.home-blocks a.text-link {margin-top: 10px;}
	.slider-main {font-size: 30px;padding-bottom: 18px;}
	.btn {padding: 10px 25px;}
	.slider-txt {padding-bottom: 30px;max-width: 320px;}
	.main-content.home .row:first-child .left-content{padding-right:15px; }
.main-content.home .row:first-child .right-content{padding-left:15px; }
.main-content.home .row:last-child .left-content{padding-right:15px; }
.main-content.home .row:last-child .right-content{padding-left:15px; }
	footer{ background: #006f45;}
	footer .info a img {margin-right: 7px;}
	footer .info a {font-size: 15px;}
	footer p {line-height: 20px;}
	footer h5 {padding-bottom: 5px;}
	.home-blocks{ width:100%!important; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.home-img{ border:none;}
	.mobile_menu_container{position:absolute; background-color: #fff; width: 100%; left:0; top:79px;border-bottom:4px solid #006f45;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; padding: 0}
	.p-bottom{padding-bottom:30px}
	.inside-pages .links-sections a{width: 100%!important;}
	/*INSTITUCION*/
	.inside-pages .carousel.slide {height: 250px;position: relative; }
	.inside-pages .carousel-item{ height: 250px;}
	.inside-pages .carousel-caption {padding-top: 65px;}
	/*SEDES*/
	.inside-pages .sedes-content h3{padding-bottom:30px}
.inside-pages .sedes-content .sedes-img{display:block; width:100%;margin-right:0%; }
.inside-pages .sedes-content .sedes-txt{display:block; width:100%; margin-top: 10px;}
	.inside-pages .tabs-content ul.nav { margin-bottom: 30px; padding-bottom:30px; border-bottom:1px solid #f0f0f0;}
.p-bottom.tab-content-images img{ width: 47%; margin-right: 0!important}
	.p-bottom.tab-content-images img:first-child{ margin-right: 5%!important}
		/*Beneficios*/
.inside-pages .beneficios-content p span{  font-size: 16px; line-height: 23px;}
	
}

@media  (min-width: 768px) { 
.mobile_menu_container.collapse{ display:block}
.menu-btn{ display:none!important;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.top_bar {height: 83px;}
	.top_bar .navbar-brand {width: 155px;background-size: 155px auto;}
	.container {padding-right: 30px;padding-left: 30px; max-width: inherit!important}
	ul.nav li { margin-left: 0px;}
	ul.nav li.first-level a, ul.nav li.first-level .dropdown-toggle{padding-right:20px;font-size: 16px;}
	ul.nav li:first-child { margin-left: 10px;}
	ul.nav li a {padding-bottom: 23px;font-size: 16px;;}
	.carousel.slide {height: 360px;margin-top: 83px;}
	.carousel-item {height: 360px}
	.carousel-caption {padding-top: 50px;}
	.main-content {padding-top: 40px;}
	.main-content .row {padding-bottom: 40px;}
	.main-content h3 {padding-top: 0px;}
	.home-blocks a.text-link {margin-top: 0px;}
	.slider-main {font-size: 35px;padding-bottom: 23px;}
	.btn {padding: 10px 25px;}
	.slider-txt {padding-bottom: 30px;}
	.main-content.home .row:first-child .left-content{padding-right:15px; }
.main-content.home .row:first-child .right-content{padding-left:15px; }
.main-content.home .row:last-child .left-content{padding-right:15px; }
.main-content.home .row:last-child .right-content{padding-left:15px; }
	footer .info a img {margin-right: 7px;}
	footer .info a {font-size: 15px;}
	footer p {line-height: 20px;}
	.p-bottom{padding-bottom:30px}
	ul.nav li:nth-child(2) {margin-left: 0px;}
	ul.nav li:first-child {display:none;}
	/*INSTITUCION*/
	.inside-pages .carousel.slide {height: 280px;position: relative; }
	.inside-pages .carousel-item{ height: 280px;}
	.inside-pages .carousel-caption {padding-top: 75px;}
	/*SEDES*/
	.inside-pages .sedes-content h3{padding-bottom:30px}
	/*SERVICIOS*/
	.inside-pages .tabs-content .nav-item {display: block;    width: 100%!important;} 
	.inside-pages .tabs-content .nav-item a {font-size: 16px;padding: 6px 13px; }
	.inside-pages .tabs-content ul.nav { margin-bottom: 30px; padding-bottom:30px; border-bottom:1px solid #f0f0f0;}
     .p-bottom.tab-content-images img{ width: 42%; margin-right: 5%}
	/*Beneficios*/
.inside-pages .beneficios-content p span{  font-size: 16px; line-height: 23px;}
}

@media (min-width: 992px) and (max-width: 1160px) {
	.container {padding-right: 30px;padding-left: 30px;}
	.carousel.slide {height: 400px;}
	.carousel-item {height: 400px;}
	.carousel-caption {padding-top: 70px;}
	.main-content {padding-top: 40px;}
	.main-content .row {padding-bottom: 40px;}
	.main-content h3 {padding-top: 0px;}
	.home-blocks a.text-link {margin-top: 10px;}
	.inside-pages .tabs-content .nav-item a {font-size: 16px;padding: 6px 13px;}
	.inside-pages .tabs-content .nav-item {margin-right: 13px;}
	ul.nav li a {font-size: 16px;}
	ul.nav li.first-level a, ul.nav li.first-level .dropdown-toggle{padding-right:28px;}
}