/**
 * Colegio Responsive Styles
*/
@media screen and (max-width:1399px) {
  footer .row {
  	margin: 0 -30px;
  }
  footer [class*="col-"] {
  	padding: 65px 40px;
  }
  .colegio-navigation > ul {
  	font-size: 17px;
  }
}

@media screen and (max-width:1205px) {
 .container {
 	padding-left: 30px;
 	padding-right: 30px;
	}
 .colegio-header .container {
 	background: rgb(255,255,255);
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 79.6%, rgba(247,247,247,1) 66%, rgba(247,247,247,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 79.6%,rgba(247,247,247,1) 66%,rgba(247,247,247,1) 100%);
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 79.6%,rgba(247,247,247,1) 66%,rgba(247,247,247,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 ); 
 }
 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
 	left: -25px;
 }
 .owl-carousel .owl-nav button.owl-next {
 	left: auto;
 	right: -25px;
 }
}

@media screen and (max-width:1171px) {
	.colegio-navigation {
		padding-right: 40px;
	}
	.colegio-navigation > ul {
		font-size: 17px;
	}
	.contact-link a {
		font-size: 13px;
	}
	.colegio-header .col-md-4 {
	  -ms-flex: 0 0 24%;
	  flex: 0 0 24%;
	  max-width: 24%;
}
.colegio-header .col-md-8 {
	  -ms-flex: 0 0 76%;
	  flex: 0 0 76%;
	  max-width: 76%;
	}
	.endodoncia-listing-block .listing-info h2 br {
		display: none;
	}
}

@media screen and (max-width:1124px) {
	.colegio-navigation > ul > li {
		font-size: 14px;
	}
	header .colegio-socials a {
		font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
	}
	.colegio-header .container {
 	background: rgb(255,255,255);
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 76.7%, rgba(247,247,247,1) 66%, rgba(247,247,247,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76.7%,rgba(247,247,247,1) 66%,rgba(247,247,247,1) 100%);
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76.7%,rgba(247,247,247,1) 66%,rgba(247,247,247,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 ); 
 }
 .copyright {
 	font-size: 14px;
 }
 .contact-info .contact-box {
		padding: 30px 0;
	}
	.contact-info .contact-box span, .contact-box span a {
		font-size: 15px;
	}
	.courses-listing-block .news-title {
		font-size: 21px;
	}
	.colegio-topbar .contact-link img {
		display: none;
	}
}

@media screen and (max-width:1023px) {
	.colegio-header .col-md-4 {
	  -ms-flex: 0 0 20%;
	  flex: 0 0 20%;
	  max-width: 20%;
}
.colegio-header .col-md-8 {
	  -ms-flex: 0 0 80%;
	  flex: 0 0 80%;
	  max-width: 80%;
	}
}

@media screen and (max-width:991px) {
	.colegio-topbar .container:after {
		display: none;
	}
	.colegio-header .container {
		background: #ffffff;
	}
	.topbar-btn {
		padding: 13px 25px;
	}
	.quick-links li a, .contact-block span {
		font-size: 15px;
	}
	.header-right {
		display: none;
	}
	.colegio-header .col-md-4 {
	  -ms-flex: 0 0 30%;
	  flex: 0 0 30%;
	  max-width: 30%;
}
.colegio-header .col-md-8 {
	  -ms-flex: 0 0 70%;
	  flex: 0 0 70%;
	  max-width: 70%;
	}
	.colegio-header {
		padding: 20px 0;
		background: #ffffff;
	}
	/*TOGGLE MENU CSS*/
  .toggle-menu { 
    display: block; 
    float: right; 
    margin-top: 0; 
    width: 40px; 
    height: 40px; 
    border-radius:100%; 
    padding:13px 12px;
    background: #4ecec6;
  }
  .toggle-menu:hover, .toggle-menu:focus {
    background-color: #d5a95b;
  }
  .toggle-menu span { 
    float: left; 
    width: 100%; 
    height: 2px; 
    background: #fff; 
    margin-bottom: 4px; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
  }
  .toggle-menu span:last-child { 
    margin-bottom: 0; 
  }
  .header.sticky .toggle-menu { 
    margin-top: 5px; 
  }
  .header-right {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111;
    background: #4ecec6;
    width: 280px;
    height: 100%;
    padding: 20px;
    text-align: left !important;
  }
  [class*="col-"] {
  	-ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
  }
  aside {
  	margin-top: 50px;
  }
  .colegio-outstanding-news .news-title {
  	font-size: 39px;
  	line-height: 50px;
  }
  footer {
  	padding: 40px 0 10px;
  }
  footer .contact-block {
  	display: inline-block;
  	padding: 0 10px;
  }
  footer [class*="col-"] {
  	padding: 20px 40px;
  }
  .quick-links li, .copyright {
  	text-align: center;
  }
  .copyright {
  	padding: 40px 0;
  }
  .copyright span {
  	text-align: center !important;
  }
  .copyright .text-right {
  	padding-top: 10px;
  }
  .contact-link span {
  	display: none;
  }
  .contact-link a {
  	margin-left: 15px;
  }
  .colegio-topbar [class*="col-"] {
  	-ms-flex: 0 0 45%;
	  flex: 0 0 45%;
	  max-width: 45%;
  }
  .topbar-btn {
  	padding: 13px 20px;
  	font-size: 14px;
  }
  .colegio-topbar .row [class*="col-"]:first-child {
  	-ms-flex: 0 0 55%;
	  flex: 0 0 55%;
	  max-width: 55%;
  }
  .colegio-navigation {
  	padding: 0;
  	width: 100%;
  }
  .colegio-navigation > ul > li {
  	display: block;
  	width: 100%;
  	height: auto;
  	line-height: normal;
  	margin: 0;
  }
  .colegio-navigation > ul > li > a {
  	display: block;
  	width: 100%;
  	padding: 15px 10px;
  	color: #ffffff;
  	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .colegio-navigation > ul > li > a:hover, .colegio-navigation > ul > li > a:focus {
  	color: #ffffff;
  	background: rgba(255, 255, 255, 0.2);
  	padding: 15px;
  }
  .colegio-navigation > ul > li.has-dropdown a:after {
  	border-top-color: #ffffff;
  	right: 10px;
  }
  .dropdown-nav {
  	position: static;
  	height: 0;
  }
  .colegio-navigation > ul > li:hover .dropdown-nav {
  	height: auto;
  }
  .dropdown-nav li a {
  	font-size: 14px;
  	padding: 10px 20px;
  }
  .colegio-socials {
  	margin-top: 30px;
  }
  .team-listing-block [class*="col-"], .courses-listing-block [class*="col-"], .endodontics [class*="col-"] {
		-ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	}
	.contact-inner {
		padding: 0;
	}
	.contact-info [class*="col-"] {
		-ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	}
	.contact-info .row [class*="col-"]:nth-child(2n) .contact-box {
		border-right: none;
	}
	.contact-info .contact-box {
		padding: 30px 70px;
	}
	.endodontics [class*="col-"] {
		padding-bottom: 30px;
	}
	.endodontics .colegio-btn {
		margin-top: 20px;
	}
 }

@media screen and (max-width:767px) {
	.contact-link a {
		margin-left: 10px;
	}
	.topbar-btn {
		padding: 13px 15px;
	}
	.contact-link img {
		width: 20px;
		vertical-align: middle;
	}
	.colegio-header .col-md-4 {
  	-ms-flex: 0 0 40%;
	  flex: 0 0 40%;
	  max-width: 40%;
  }
  .colegio-header .col-md-8 {
  	-ms-flex: 0 0 60%;
	  flex: 0 0 60%;
	  max-width: 60%;
  }
  .colegio-topbar .contact-link {
  	display: none;
  }
  .colegio-topbar .row [class*="col-"]:first-child {
  	display: none;
  }
  .colegio-topbar [class*="col-"] {
  	-ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
  }
  .colegio-topbar {
  	padding: 10px 0;
  	text-align: center;
  }
  .topbar-btns {
  	width: 100%;
  }
  .topbar-btns a {
  	min-width: 200px;
  	text-align: center;
  	display: inline-block;
  	float: none;
  }
  .page-title h1 {
  	font-size: 45px;
  	padding-bottom: 0;
  }
  br {
		display: none;
	}
	#map {
		height: 250px;
	}
	footer .colegio-socials {
		margin-top: 0;
	}
	.service-title, .news-title {
		font-size: 20px;
	}
	.team-listing-block {
		padding: 50px 20px;
	}
.form-box {
	padding: 0;
}
.contact-info-block {
	padding: 50px 0 30px;
}
.form-control, textarea.form-control {
	height: 55px;
	font-size: 15px;
}
textarea.form-control {
	height: 120px;
}
select {
	height: 55px;
	background-size: 55px auto;
}
.form-box .colegio-btn {
	margin: 0 0 30px;
	padding: 16px 30px;
}
.endodoncia-listing-block .listing-info h2 {
	font-size: 27px;
	line-height: 36px;
}
.endodoncia-listing-block {
	padding: 30px 0 50px;
}
.copyright {
	padding: 30px 0;
}
aside form .colegio-btn {
	padding: 15px;
}
.courses-listing-block {
	padding: 40px 0 30px;
}
.courses-listing-block .news-caption {
	padding: 0 20px 30px;
}
}

@media screen and (max-width:599px) {
	.news-listing-block .news-caption {
		clear: both;
		padding: 20px 0 30px;
	}
	.news-listing-block .news-item {
		text-align: center;
	}
	.news-listing-block .colegio-image, .news-listing-block .colegio-image img {
		float: none;
		display: inline-block;
	}
	.colegio-outstanding-news .news-title {
		font-size: 30px;
		line-height: 40px;
	}
	.colegio-outstanding-news .colegio-btn {
		padding: 15px 30px;
	}
	footer .contact-block {
		display: block;
		text-align: center;
		padding-bottom: 10px;
	}
	footer .contact-block h6, footer .contact-block .icon-block {
		display: none;
	}
	.section-title-wrap h2 {
		font-size: 40px;
	}
	.page-title {
		padding: 20px 0;
	}
	.service-title, .news-title {
		font-size: 20px;
	}
	.paginations ul li a {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
	.paginations ul li a i {
		vertical-align: text-bottom;
	}
	.border-box-info {
		padding: 20px 23px 5px;
	}
	.border-box-info h4 {
		font-size: 22px;
	}
	.sidebar-nav ul li a {
		font-size: 15px;
	}
	.contact-info-box {
		padding: 30px;
	}
	footer [class*="col-"] {
		padding: 20px;
	}
	.quick-links li a, .contact-block span {
		font-size: 17px;
	}
	.banner-title {
		font-size: 40px;
		line-height: 46px;
	}
	.banner-sub-title {
		font-size: 21px;
	}
	.section-title-wrap h2 {
		font-size: 34px;
	}
	.endodoncia-listing-block .listing-info h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.endodoncia-listing-block .listing-info h4 {
		font-size: 14px;
	}
	.courses-listing-block [class*="col-"], .endodontics [class*="col-"] {
		-ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	.endodontics .news-item .colegio-image img {
		width: 100%;
	}
}

@media screen and (max-width:479px) {
	.topbar-btns a {
		min-width: auto;
	}
	.topbar-btn {
		padding: 8px 15px;
	}
	.colegio-header .col-md-4 {
  	-ms-flex: 0 0 60%;
	  flex: 0 0 60%;
	  max-width: 60%;
  }
  .colegio-header .col-md-8 {
  	-ms-flex: 0 0 40%;
	  flex: 0 0 40%;
	  max-width: 40%;
  }
  .page-title span {
  	font-size: 18px;
  }
  .colegio-outstanding-news .news-title {
  	font-size: 24px;
  	padding-top: 0;
  }
  .contact-info-box .contact-block span a {
  	font-size: 20px;
  }
  .contact-info-box .contact-block span {
  	font-size: 15px;
  }
  .contact-info-box .contact-block img {
  	width: 25px;
  	margin-top: 10px;
  }
  .quick-links ul {
  	padding: 0;
  }
  .quick-links li {
  	width: 100%;
  }
  .news-caption {
  	padding: 15px 20px 20px;
  }
  .service-item {
  	padding: 20px;
  }
  .service-item p {
  	font-size: 15px;
  }
  .team-listing-block [class*="col-"] {
		-ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	.team-listing-block h2 {
		font-size: 33px;
		padding-bottom: 35px;
	}
	.contact-info [class*="col-"] {
		-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .contact-info .contact-box {
  	padding: 10px 0;
  	min-height: auto;
  	border-right: none;
  }
  .contact-box h3 {
  	padding-bottom: 0;
  	margin-bottom: 0;
  }
  .contact-info {
  	padding: 30px 0 0;
  }
  aside form .colegio-btn {
  	font-size: 18px;
  	padding: 12px;
  }
  aside form textarea.form-control {
  	height: 100px;
  }
  aside form select.form-control {
  	padding: 10px 60px 10px 10px;
  }
  aside form [class*="col-"] {
  	padding: 0 4px 15px;
  }
  footer {
  	padding: 20px 0 0;
  }
  p {
  	font-size: 14px;
  }
  .endodoncia-listing-block .listing-info h6 {
  	padding-bottom: 10px;
  }
  .courses-listing-block .news-title {
  	font-size: 19px;
  }
  .courses-listing-block .news-title {
  	min-height: auto;
  }
}

@media screen and (max-width:379px) {
	.topbar-btns a {
		min-width: 120px;
		padding: 8px 10px;
		font-size: 12px;
	}
	.header-right {
		width: 240px;
	}
	.section-title-wrap h2 {
		font-size: 33px;
	}
	.sidebar-nav ul li.dropdown ul li a {
		font-size: 13px;
	}
	.contact-info-box .contact-block span, .news-listing-block h5 {
		font-size: 14px;
	}
	.colegio-outstanding-news h5, .quick-links li a, .contact-block span {
		font-size: 16px;
	}
	.colegio-btn, .colegio-outstanding-news .colegio-btn {
		min-width: 100%;
		padding: 10px 15px;
		font-size: 18px;
	}
	.copyright img {
		margin: 10px 0 0;
	}
	.section-title-wrap h2 {
		font-size: 28px;
	}
	.contact-box h3 {
		font-size: 18px;
	}
	.form-box .colegio-btn {
		min-width: 100%;
	}
	.form-box .colegio-btn {
		padding: 10px 30px;
		font-size: 17px;
	}
	.endodoncia-listing-block .listing-info .general-data b {
		font-size: 13px;
	}
}

@media (max-width: 768px) {
  .banner-title { font-size: 28px; line-height: 32px; }
  .banner-sub-title { font-size: 16px; }  
}