@media only screen and (max-width: 1200px) {}
@media only screen and (min-width: 1600px) {
    #programas #caballito1{left:13%;}
}
@media only screen and (min-width: 1200px) {
    #buzo{right: -32%;  width: 35%;}

}
@media only screen and (max-width: 960px){
    .tk-slider .slide-bottom-link{bottom: 12%;}
}

@media only screen and (max-width: 960px){
    .container {width: 96%;}

    /* Static image */
    .single-image-img img{height: auto;}
    .single-image-content-wrap{margin-top: 10% !important;}
    #actualidad .single-image-content-wrap{margin-top: 4% !important;}
    .single-image--title{
        font-size: 5vw !important;
        line-height: 4.4vw !important;
        margin-bottom: 10px;
        padding-bottom: 20px;
    }
    .single-image--title.franquicia{
        font-size: 38px !important;line-height: 38px !important;
    }
    .single-image-content{font-size: 2.5vw !important;  line-height: 2.8vw !important;padding: 0px 2%;}
    #redondo p{font-size: 2.5vw !important;  line-height: 2.8vw !important;}
    .single-image-link{bottom: 2%;top: inherit;}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    #nemo{top: -4%;  right: 12%; width: 12%;}
    #somos #work .modelos{padding-top: 18%}
}
@media only screen and (max-width: 960px) and (min-width: 767px) {
    /* Header */
    .sitenav-section{padding-top: 18px;padding-bottom: 3px;}
    .client-logos .nav li a img{height: 43px;}
}
@media only screen and (max-width: 767px){
    #franquicia #raya{display:none;}
    #somos #work .modelos{padding-top: 18%}
    .fecha span{display:inline-block}
    .evento h3{font-size: 30px;line-height: 30px;}
    .evento .fecha-hora{font-size: 15px;}
    /*#redondo{padding-top: 70%}*/
    #mejoramos h3{font-size: 4vw;line-height: 4vw;}
    #work{padding-bottom: 30%}
    /* Header */
    .sitenav-section{padding-top: 14px;padding-bottom: 9px;}
    /* Header */

    /* Menu */
    .colony-menu-wrap{ margin-top: -66px; }

    h1, h2, h3 {margin-top: 8px;margin-bottom: 5px;}
    /* about us */
    .about-us{padding-top: 19px;}
    .about-us-title{padding-bottom: 7px;}
    .about-us-content{padding-top: 10px;}
    .about-us-content p{line-height: 1.8em;}

    /* feature-section */
    .feature-section{height: auto;padding-top: 9px;}
    .tk-title{padding: 30px 0px;}
    .what-we-do{margin-bottom: 25px;}
    .portfolio-filter-list-ul {margin-top: 26px;margin-bottom: 5px;}
    ul.portfolio-filter-list-ul li a{font-size: 18px;line-height: 26px;}
    .portfolio-filter-list-ul li{margin-bottom: 5px;}
    .tk-home-content h3 {  font-size: 4.3vw !important;  line-height: 4.3vw !important;}
    .tk-home-content p,  #somos .tk-home-content ul li,#franquicia .tk-home-content ul li {font-size: 3vw !important;line-height: 4vw !important;}
    #programas #feature .tk-home-content h3,#programas #portfolio .tk-home-content h3,#somos .tk-home-content h3 { font-size: 18px !important;  line-height: 18px !important;}
    #programas #feature .tk-home-content p,#programas #portfolio .tk-home-content p,#somos .tk-home-content p,#somos .tk-home-content ul li{  font-size: 16px !important;  line-height: 16px !important;}

    #somos .tk-home-content p,#somos .tk-home-content ul li{line-height: 18px !important;text-align: left;}
    #somos .tk-home-content ul li{margin-bottom: 8px;}
    #programas .sabermas a{margin-top:20px;width: 90px;background-size: 100%;}
    #donde .sabermas a,#somos .sabermas a{width: 100px;background-size: 100%;}
    #programas .nav-tabs{padding-left: 8px;}
    #programas .nav > li > a{padding: 6px 9px;font-size: 13px;}
    .tk-home-content-wrap{margin-bottom: 15px;}
    /* our team */
    .our-team-member .team-member-wrap{margin-top: 28px;}
    /* colony-client  */
    .client-impression-content-wrap{margin-top: 15px;margin-bottom: 35px;}
    .client-logos .client-impression-menu-wrap li{display: inline-block;}
    .left_right_navigation{margin-top: 43px;}
    .client-section{padding-bottom: 45px;}

    /* Recent Blog Section */

    .colony-recent-post-sec .ns2-column {width: 100% !important;margin-bottom: 15px;}
    .colony-recent-post-sec {padding-bottom: 15px;padding-top: 29px;}

    /* colony contact us */
    .colony-contact-us{margin-top: 25px;margin-bottom: 30px;}

    /* colony social */
    .colony-social {margin-top: 40px;margin-bottom: 30px;}
    .colony-social li.img-circle {
        width: 60px;
        height: 60px;
        margin-right: 15px;
        font-size: 25px;
        padding: 13px 0px;
    }
    .social-title{margin-bottom: 15px;line-height: 37px;}

    /* Blog Page */
    .blog-page div.itemContainer {
        width: 100% !important;
        margin: auto;
        float: none;
        margin-bottom: 30px;
    }
    .blog-page span.catItemImage img{min-height: 50px;}

    .blog-search #mod-search-searchword{display: inline-block;width: 76%;}

    .t3-content > .row,
    .t3-sidebar > .row{margin-left: 0;margin-right: 0;}
}




@media only screen and (min-width: 680px) and (max-width: 685px) {

}

@media only screen and (max-width: 680px) {
    .pie-gris *{font-size: 12px;}
    .colony-contact-form input, .colony-contact-form textarea{
        height: 35px;
        margin-bottom: 15px;
        padding: 0px 10px;
    }
    .colony-contact-form textarea{min-height: 120px;}
    .colony-contact-form #sp_qc_submit{  font-size: 2.5vw;  line-height: 2.5vw;}
}

@media only screen and (max-width: 510px) {
}




@media (min-width: 768px){
    /*
    #programas #work .nav-tabs{padding-left: 40%;}
    #programas #capability .nav-tabs{padding-left: 40%;}
    MDI 180531 - Dejan de estar en estas posiciones al meter reordenar las franjas de contenido (4 + 3 nuevos programas )
    */
    #programas #feature .nav-tabs{padding-left: 40%;}
}

@media (min-width: 992px){
    #menu-grande{display: block;}
    .sitenav-section button.off-canvas-toggle{display: none;}

}
@media (max-width: 1550px){
    #franquicia .colony-slider .textofranquicia{  font-size: 16px;  line-height: 20px;}
}
@media (max-width: 1510px){
    .tk-home-icon-tortuga{left: 130px;}
    #programas #pez-amarillo{bottom: -14%;width: 15%;}
}
@media (max-width: 1450px){
    /*#redondo p{margin: 0 7.5vw 0;font-size: 1.6vw;line-height: 1.6vw;}*/
    .single-image-position.franquicia{padding-top: 40px;}
}
@media (max-width: 1310px){
    .tk-home-icon-tortuga{left: 60px;}
    #cofre{bottom: 4%;width: 22%;}
    #cangrejo{bottom: 7%;}
    #raya{left: 40%;width: 30%;bottom:6%;}
    #vieira{bottom: 10%;}
}

@media (max-width: 1220px){
    /*    #redondo p{margin: 0 8vw 0;font-size: 1.4vw;line-height: 1.4vw;}*/
}

@media (max-width: 1199px){

}

@media (max-width: 1100px){
    /*    #redondo p{margin: 0 8vw 0;font-size: 1.3vw;line-height: 1.3vw;}*/
}

@media (max-width: 991px){
    #inicio #work{background-image: url(../images/1imghomeRESP.jpg)}
    #programas #our-client{background-image: url(../images/2.imgprogramasRESP.jpg)}
    #programas #pez-amarillo{bottom: -2%;}
    .single-image-img{padding-top: 20px;}
    #rodolfo{display:none;}
    .tortugas{bottom: 11%;}
    #franquicia .colony-slider .textofranquicia{  font-size: 14px;  line-height: 17px;}
    #pincitas{display:none;}
    #submarion-eventos{display:none;}
    #pez-amarillo-eventos{display: none;}
    #actualidad .single-image-img {  padding-top: 10%;  background: #cfebf0;}
    #foca{width: 25%}
    #programas #bebes{bottom: 2%;}
    #programas #caballito1{display: none;}
    #inicio .single-image-content-wrap{  margin-top: 2% !important;}
    #inicio .single-image-position{background: #E9E7CE;padding-top: 20px;}
    .franquicia .single-image-wrapper{padding-top: 80px;}
    #buzo{right: -25%;width: 31%;}
    .logo-control .logo-img-sm {
        display: block;
    }
    .logo-control .logo-img {
        display: none;
    }
    /*    #redondo p {
            margin: 0 7vw 0;
            font-size: 2vw;
            line-height: 2vw;
        }*/
}

@media (max-width: 900px){
    #vieira{bottom: 7%;right: 15%}
}

@media (max-width: 767px){
    .nav-stacked .dropdown-menu a{font-size: 15px;line-height: 15px;}
    .dropdown-menu > li > a{padding: 5px 0;}
    #franquicia .tortugas{left: 22%;  width: 21%;}
    #franquicia #portfolio .modelos{margin-top: 0;}
    #franquicia p.textoexplicativo{font-size: 14px;line-height: 16px;}
    #franquicia #work .modelos{margin-top: 35px;}
    #franquicia #work #nemo{right: 40%;}
    #franquicia .tk-home-content p,#franquicia .tk-home-content ul li{  font-size: 14px !important;  line-height: 17px !important;}
    #pezraya{  width: 12%;}
    #pezrosa{display: none;}
    #pez-azul{width: 13%;left: 0;}
    #pincho{width: 13%;right: 4%;}
    #centros .caballito1{width: 10%;}
    #centros .caballito2{width: 9%;}
    #centros .pecesrojos{display: none;}
    #centros .modelos{padding-top: 0;}
    #centros .pezamarillo {  top: 10%;  width: 17%;}
    #gaviota {  position: absolute;  top: 46%;  left: 16%;  z-index: 2;  width: 31%;}
    #foca {  width: 40%;}
    #donde #nemo{width: 15%;}
    #donde .tk-home-icon-pulpo{width: 15%;}
    #programas #bebes{bottom: 0;}
    #programas #portfolio,#programas #team,#programas #capability{padding-bottom: 0;}
    #programas #our-client{padding-top:20px;}
    #cangrejo-grande { top: 4%;  width: 19%;}
    .single-image-img{padding-top: 40px;}
    #caballitodetalle{  top: 8%;}
    .tortugas{bottom: 9%;}
    #actualidad #feature{padding-bottom: 6%;}
    #nemos{bottom: 6%;width: 16%}
    #tortuga3{  bottom: 1%;  right: 45%;  width: 24%;}
    #tortuga2{bottom: 3%;}
    #actualidad .col-sm-10.evento{border:none;padding-top: 0;}
    #actualidad .col-sm-2.evento{padding-bottom: 0;}
    #actualidad .single-image-img {  padding-top: 34%;  background: #cfebf0;}
    #peces {  position: absolute;  top: -40%;  left: -28%;  width: 28%;}
    #programas .uk-animation-slide-bottom{padding-left: 15px;  padding-right: 15px;}
    #programas .uk-animation-slide-bottom .tk-home-content{padding: 6% 6% 6%}
    #somos .uk-animation-slide-bottom{padding-left: 15px;  padding-right: 15px;}
    #somos .uk-animation-slide-bottom .tk-home-content{padding: 6% 6% 6%}
    #somos .uk-animation-slide-bottom .tk-home-content p{padding:0;border: none;}
    .franquicia .single-image-wrapper{padding-top: 190px;}
    .sabermas a{margin-bottom: 50px;padding-top:39px;}
    .videomodal a{margin-bottom: 50px;padding-top: 62px;}
    #nemo{width: 20%;top:-6%}
    /*#redondo .single-image-content-wrap{margin-top: 10% !important}*/
    .tk-home-icon-tortuga{display: none;}
    #conseguimos .tk-home-icon{  top: -40px;  width: 20%;left: 75%;}
    #buzo{display: none;}
    #cofre{bottom: 2%;}
    #cangrejo{bottom: 5%;width: 7%;}
    #vieira{bottom: 6%}
    .tk-home-icon {
        width: 20%;
        top: -30px;
        left: 60px;
    }
    .feature-section {
        background-color: #005562;
        background-position: center top !important;
    }
    /*#redondo{background-color: transparent;}*/
}
@media (max-width: 678px){
    .tortugas{bottom: 10%;}
}

@media (max-width: 520px){
    .tortugas{bottom: 11%;}
}