/* ==========================================================================
   CSS Queries
   ========================================================================== */

@media screen and (max-width: 968px) {  
    nav {   
        height: auto;
        width: 100%;
        overflow:auto;  
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;
        margin: 0;
        padding: 0;  
    }  
    nav li {
        text-align: center;
        width: 100%;
    }
    nav ul li a.last {  
        border-bottom: none;
    }
    .nav-tabs>li{
        width: 50%!important;
    }
    .rowbuscador {
        display: block;
        padding-top: 8px;
    }
    .buscador {
        margin-top: 0;
    }
    .flexcheck {
        display: block;
    }
    .flexcheck .radio-inline, .flexcheck .checkbox-inline {
        border-bottom: 1px solid #ccc;
        display: table;
        margin: 8px 0 4px;
        padding: 5px 0;
        vertical-align: middle;
        width: 100%;
    }
    .checkbox-inline input[type="checkbox"] {
        margin-top: -2px;
        transform: scale(1);
    }
    .flexcheck input {
        width: 100%;
    }
    .rowbuscador .col-md-3 {
        margin-bottom: 12px;
    }
}  

@media only screen and (max-width : 968px) {  
    nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;  
        margin-bottom: 16px;
    }
    .container {
        width: 100%;
    }
    .pullcontainer {
        width: 100%;
        text-align: right;
        padding: 20px 20px 0 0;
    }   
    .pullcontainer a#pull {  
        display: block;  
        width: 100%;
        color: #242a2c;   
    }   
}  
@media (max-width:968px){

    header {    
        position: fixed;    
        top: 0;    
        z-index: 9999;
    }
    body {
        padding-top: 80px;
    }
    .inter {
        margin-top: 100px;
    }
    nav ul li a {
        border-bottom: 1px solid #444;
        transform: none;
    }	
    nav ul li a:hover {
        text-decoration: none;
        background-color: #acd14e;
        box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
        -webkit-transition: box-shadow .4s ease-in-out;
        -moz-transition: box-shadow .4s ease-in-out;
        -o-transition: box-shadow .4s ease-in-out;
        -ms-transition: box-shadow .4s ease-in-out;
        transition: box-shadow .4s ease-in-out;
        border-radius: 0px;
    }
    .heading {
        height: 100px;
        width: 100%;
    }
    .topmain {
        height: 55px;
        padding: 1px 46px;
        text-align: right;
        width: 58%;
        position: absolute;
        right: 2%;
        top: 0;
    }
    .logo img {
        height: 70px;
    }
    .pullcontainer {
        position: absolute;
        right: 50px;
        top: 37px;
    }
    .rela {
        position: relative;
    }
    .mainmenu {
        margin: 20px -20px;
        position: initial;
        width: 106%;
    }
    nav ul li a.active {
        background-color: #acd14e;
        border-bottom: 2px solid #acd14e;
        border-radius: 0 !important;
    }
    nav ul li a {
        background-color: #4f636e;
        color: #ffffff !important;
        padding: 15px 0;
        position: relative;
        text-align: center;
        width: 100%;
    }
    menu,
    ol,
    ul { padding: 0;}
    .option {margin: 0;
    }
    .boxP {
        display: inline-block;
        width: 29%;
    }
    .logo {
        display: inline-block;
        width: 30%;
    }
    .banner {
        margin: 100px 0 0;
    }
    .sinpa {
        padding: 5px;
    }
    .buscador {
        margin-bottom: -12px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 20px;
        box-shadow: 0 0 5px black;
    }
    .suscr {
        margin-top: 12px;
    }
    .byetab {
        display: none;
    }
    .banner ul li {
        height: 140px;
        background-size: 100% 100%!important;
    }
    .byepc {
        display:block;
    }
    .iadd {
        overflow: auto;
        position: fixed;
        top: 100px;
        z-index: 8888;
        width: 100%;
        right:0;
        height: 84%;
    }
    .avatar {
        margin-bottom: 22px;
        height: 354px;
    }
    .latesview {
        margin: 12px -32px;
        background-color:  #d9dadb;
    }
    .proyecto {
        float: left;
        height: 88px;
        margin: 3px;
        padding: 4px;
        width: 166px;
    }
    .viewshis {
        /*        display: none;*/
        width: 48%!important;
        padding: 6px;
        height: 110px;
    }
    .proyecto > img {
        margin-right: 0;
        width: 50%;
    }
    .vp {
        float: left;
        margin: 0;
        padding: 4px;
        width: 50%;
    }
    .hellotab {
        display: inline-block;
        width: 100%;
        font-size: 11px;
    }
    #vistos {
        width: 200%;
    }
    #bannerRespon{
        display: inline;
    }

}
.login .well {
    background-color: #a8cf45;
    border: 1px solid #6ebe68;
}
.login .well .btn-primary{
    color: #fff;
    background-color: #50616b;
    border-color: #50616b;
}

@media (max-width:481px){
    .hide {
        height: 0!important;
    }
    .nav-tabs > li > a {
        border: 1px solid #455964!important;
        height: 58px;
        margin: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .picavatar {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .avatar {
        height: auto;
        margin-bottom: 22px;
    }
    .logo img {
        height: 60px;
    }
    .logo {
        display: block;
        margin: 0 auto;
        width: 60%;
        height:auto;
    }	
    .topmain {
        display:none;
    }
    .logo {
        width: auto;
    }
    .pullcontainer {
        top: 12px;
    }
    .heading {
        height: 80px;
    }
    .mainmenu {
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
    }
    .btn{
        display:block;
        padding:1% 0;
        margin:2% 0;
        width:100%;
    }

    .btnimg {
        display:block;
        padding:1% 0;
        margin:2% 0;
    }
    .inter {
        margin-top: 80px;
    }
    .interOwner {
        margin-top: 0;
    }

    .inputsus {
        height: 32px;
        margin-right: 0;
        margin-top: 0;
        width: 100%;
    }
    .banner {
        margin: 0;
    }
    .boxP {
        display: block;
        width: 96%;
        padding: 2%;
        border: solid 2px #ccc;
    }
    .banner ul li {
        float: left;
        height: 80px;
        display: block;
    }
    .standard-block {
        font-size: 15px;
    }
    .mainmenu {
        margin: 30px 5%;
        position: relative;
        width: 112%;
    }
    .updown {
        position: absolute;
        right: 3%;
        top: 30px;
        z-index: 9999;
    }
    .iadd {
        top: 80px;
        height: 88%;
    }
    .latesview {
        display: none;
    }
    #bannerRespon{
        display: inline;
    }
    .login .well {
        width: 90%!important;
    }
    .navbar-brand {
        float: none;
        height: auto;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    .logotype img {
        margin: 0 auto;
    }
}