@media (min-width: 1480px) and (max-width: 1980px) {
    #slider .carousel-indicators{
        top: 470px;
        position:relative;
    }

    #footer2 {
        font-size: 13px;
    }

    #telefono {
        font-size: 12px;
    }

    .direccion {
        font-size: 12px;
    }

    #telefono .row {
        margin-left: 3px;
        margin-right: 3px;
    }

    .footer .col-md-4, .footer .col-md-5 {
        padding-left: 3px;
        padding-right: 3px;
    }
  
    #esem.container {
        width: 100%;
    }
  
    #esem-thumbnail.thumbnail {
        border: solid;
        border-color: #FFA705;
        min-height: 320px;
    }	
}

@media (min-width: 1200px) and (max-width: 1479px) {
    .titulo h3 {
        font-size: 38px;
    }
  
    .titulo2 {
        font-size: 17px;
    }
  
    .titulo3 {
        font-size: 16px;
    }

    #slider .carousel-indicators{
        top: 365px;
        position:relative;
    }
  
    #footer2 {
        font-size: 13px;
    }
  
    #telefono {
        font-size: 11px;
    }
  
    .direccion {
        font-size: 10px;
    }
      
    #container-esem.container{
        padding-left: 1px !important;
        padding-right: 1px !important;

        width: 100%;
    }
  
    #esem.container {
        width: 100%;
    }
  
    #esem-thumbnail.thumbnail {
        border: solid;
        border-color: #FFA705;
        min-height: 320px;
    }
  
    .footer .col-md-4, .footer .col-md-5 {
        padding-left: 3px;
        padding-right: 3px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .titulo h3 {
        font-size: 28px;
    }

    .titulo2 {
        font-size: 15px;
    }

    .titulo3 {
        font-size: 14px;
    }

    #slider .carousel-indicators{
        top: 365px;
        position:relative;
    }
	
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
		padding: 5px !important;
	}
	
	#logo{
		height: 100px;
	}
	
	#logo2{
		height: 100px;
	}
	
	#footer2{
		font-size:9 px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .titulo h3 {
        font-size: 22px;
    }

    .titulo2 {
        font-size: 13px;
    }

    .titulo3 {
        font-size: 12px;
    }

    #logo{
        height: 80px;
    }

    #logo2{
        height: 80px;
    }

    #slider .carousel-indicators {
        top: 260px;
        position: relative;
    }

    #principal img{
        width: 100%;
        height: auto;
        background-size: auto;
    }

    #cursos.panel-title h3{
        font-size: 20px;
    }

    .seccion img{
        margin: 0 auto;
        width: auto;
        height: 200px;
    }

    #esem.container{
        width: 100%;
    }

    #modal-esem.modal-dialog{
        width: 100%;
    }
}


@media (max-width: 767px) {
    .titulo h3 {
        font-size: 23px;
    }

    .titulo2 {
        font-size: 12px;
    }

    .titulo3 {
        font-size: 11px;
    }

    #principal .col-md-8, #principal .col-md-2 {
        width: 100%;
    }

    .table > tbody > tr > td {
        font-size: 9px;
    }

    #tabla-esem {
        width: 100%;
    }

    .footer{
        position:relative;
        min-height:340px;
    }

    #logo,#logo2{
        height:80px;
    }	

    .info {
        padding-top: 7px;
    }

    #cursos.panel-title h3 {
        font-size:18px;
    }

    #container-esem.container {
        width: 80%;
    }	

    #esem.container{
        width:100%;
    }

    #principal img {
        width: 100%;
        height: auto;
        background-size: auto;
    }

    #redes-sociales {
        visibility: visible;
    }

    .list-social a.facebook {
        margin-top: 2px;
        margin-left: -4px;
    }

    .list-social a.twitter {
        margin-bottom: -2px;
        margin-left: -5px;
    }

    .list-social a.youtube {
        margin-left: -8px;
    }

    #esem .navbar-collapse {
        max-height: 560px;
    }

    #carousel img {
        width: 100%;
    }

    #carreras li{
        width: 30%;
    }

    #carreras li a{
        font-size: 70%;
    }

    .direccion{
        padding: 20px 0 30px 0;
    }

    #modal-esem.modal-dialog{
        width: 100%;
    }

    #modal-esem.modal-dialog p{
        font-size: 10px;
    }

    .panel-body li, .panel-body p, .panel-body span{
        font-size: 11px;
    }

    /*********** Redes Sociales responsive************/

    #social-network{
        position: absolute;
        height: 552px;
        visibility: hidden;
    }

    .list-social li {
        overflow: hidden;
    }


    /*********** END Redes Sociales responsive************/

    #slider {
        
    }

    #slider .carousel-indicators {
        top: 240px;
        position: relative;
        display: none;
    }

    #title {
        top: 600px;
    }
            
    #wrapper {
        width: 100%;
        height: auto;
        top: 50%;
        left: 0;
    }		
}