@media screen and (min-width: 768px) and (max-width: 980px) {
    .col-4 .item {
        width: 47%;
        margin-right: 2%;
        margin-bottom: 2%;
    } 
    
}

@media screen and (max-width: 768px) {


    .navbar-toggle {
        margin-top: 12px;
    }

    .head-section .navbar-collapse  ul.navbar-nav {
        float: none;
        margin-left: 0;
    }

    .head-section .nav li a:hover,
    .head-section .nav li a:focus,
    .head-section .nav li a.dropdown-toggle:focus,
    .head-section .nav li a.dropdown-toggle .dropdown-menu li a:hover,
    .head-section .nav li.active a,
    .head-section .dropdown-menu li a:hover {
        color: #fff !important;
    }

    .head-section .navbar-nav > li {
        padding: 0;
        margin-bottom: 2px;
    }

    .head-section .nav li ul.dropdown-menu li a {
        margin-left: 0px;
        color: #999!important; ;
    }

    .head-section .nav li .dropdown-menu li a:hover, .head-section .nav li .dropdown-menu li.active a {
        color: #fff !important;
    }

    .purchase-btn, .about-testimonial {
        margin-top: 10px;
    }

    .breadcrumb.pull-right{
        padding: 0;
    }

    .search, .bx-controls-direction {
        /*display: none;*/
    }

    .tweet-box {
        margin-bottom: 20px;
    }

    .property img {
        width: 80%;
    }

    .bx-wrapper {
        margin-bottom: 60px;
    }

    .purchase-btn, .about-testimonial {
        margin-top: 0;
    }

    .purchase-btn {
        line-height: 98px;
    }

    .social-link-footer li a {
        font-size: 16px;
        height: 40px;
        width: 40px;
    }

    .navbar-header {
        float: none;
        text-align: center;
        width: 100%;
        margin: 10px 0;
    }

    .navbar-brand {
        float: none;

    }

    .carousel-control {
        font-size: 45px;
        line-height: 70px;
    }

    .btn, .form-control {
        margin-bottom: 10px;
    }  

    .da-slider { 
        width:158% !important;
        margin-left: -110px !important;
        max-height: 430px !important;
    }     
   
    .da-slide h2{ 
        font-size: 19px !important;
        margin-top: -80px !important;
        margin-left: 120px !important;
    } 

    .da-slide p{ 
        width: 200% !important;
        font-size: 15px !important;
        margin-top: -200px !important;
        margin-left: 320px !important;
    	overflow: hidden !important;
    }
    
    .da-imagen3{
      position: relative !important;
      margin-left: -90px !important;
      margin-top: -100px !important;
      max-height: 300px !important;
      max-width: 410px !important;
    }   
    
.carreras {
    padding: 0;
    background-color: #fafafa;
    width: 148%;
    position: relative;
    margin-left: -100px;
    margin-bottom: 20px;
}

.cabeceracarreras{
    font-size:15px;
    font-weight: bold;
    color: #48cfad;
    margin-top: 30px;
}

.gray-car ul{
  width:130%;
  overflow:hidden;
  text-align:center;
  margin-left: -80px;
}

.gray-car li{
  line-height:1.5em;
  float:left;
  display:inline;
}

.paginacion li{
  line-height:2em;
  font-size:12px;
  float:left;
  display:inline;
  font-weight: bold;
  color: #424242;
}

.actual{
  background:#D8D8D8;
  padding: 2px;
}

.no_actual a{
  padding: 2px;
  color:#424242;
} 
 
.no_actual a:hover{
  background:#FF8000;
}
 
.volveranyo a{
  padding: 2px;
  color: #ffffff;
  background:#37bc9b;
} 
 
.volveranyo a:hover{
  color: #ffffff;
  background:#48cfad;
}


    
}


@media screen and (max-width: 480px) {

    .head-section .navbar {
        min-height: 60px;
    }

    .navbar-toggle {
        margin-right: -10px;
    }

    .head-section .nav li .dropdown-menu li a:hover {
        color: #48C9B0 !important;
    }

    .navbar-brand {
        margin-top: 10px !important;
        float: left !important;
    }

    .col-4 .item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 2%;
    }

    .breadcrumb.pull-right{
        float: left !important;
        margin-top: 10px;
        padding: 0;
    }

    .carousel-control {
        font-size: 23px;
        line-height: 38px;
    }

    .da-slider { 
        width:120% !important;
        margin-left: -30px !important;
        max-height: 370px !important;
        
    } 
    
    .da-slide h2{ 
        width: 250% !important;
        font-size: 18px !important;
        margin-top: -80px !important;
        margin-left: 50px !important;
    } 

    .da-slide p{ 
        width: 250% !important;
        font-size: 14px !important;
        margin-top: -200px !important;
        margin-left: 190px !important;
    	overflow: hidden !important;
    }
    
    .da-imagen3{
      position: relative !important;
      margin-left: -115px !important;
      margin-top: -170px !important;
      max-height: 230px !important;
      max-width: 310px !important;
    }   
    
.carreras {
    padding: 0;
    background-color: #fafafa;
    width: 112%;
    position: relative;
    margin-left: -20px;
    margin-bottom: 20px;
}

.cabeceracarreras{
    font-size:12px;
    font-weight: bold;
    color: #48cfad;
    margin-top: 30px;
}

.gray-car ul{
  width:105%;
  overflow:hidden;
  text-align:center;
  margin-left: -5px;
}

.gray-car li{
  line-height:1.5em;
  float:left;
  display:inline;
}

.paginacion li{
  line-height:2em;
  font-size:10px;
  float:left;
  display:inline;
  font-weight: bold;
  color: #424242;
}

.actual{
  background:#D8D8D8;
  padding: 1px;
}

.no_actual a{
  padding: 1px;
  color:#424242;
} 
 
.no_actual a:hover{
  background:#FF8000;
}
 
.volveranyo a{
  padding: 1px;
  color: #ffffff;
  background:#37bc9b;
} 
 
.volveranyo a:hover{
  color: #ffffff;
  background:#48cfad;
}
    
}

@media screen and (max-width:320px) {

    
}



@media screen and (max-width: 900px) {
    /*Slider Sequence*/
    #sequence-theme .info {
        top:80px !important;
        width:60% !important;
        margin-right:50px;
    }  
    
}

@media screen and (max-width: 450px) {
    /*Slider Sequence*/
    #sequence-theme .info {
        top:70px !important;
        width:70% !important;
        margin-right:25px;
    }
    #sequence-theme h2 {
        font-size:30px !important;
    }
    #sequence-theme .info p {
        font-size:18px !important;
    }

}