/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* RESPONSIVE STYLESHEET 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (max-width: 1366px) {
    
        #section-header.medium {
    height: 33vh !important;
}
    
  figure.effect-apollo p {
    line-height: 1.8em !important;
  }
    #ticker h2 {
    font-size: 16px !important;
}
    #ticker h3 {
    font-size: 18px!important;
    margin-top: 20px!important;
}
    #ticker-text ul li {font-size: 27px!important;}
}
@media (max-width: 1200px) {
    #section-header.big, #header-canvas {
    height: 47vh !important;
}
  .blog-grid > li:nth-of-type(odd) .blog-thumbnail {
    margin-left: 15px !important;
  }
  .blog-grid .blog-thumbnail {
    margin-right: 15px !important;
  }
  .blog-grid .blog-content {
    padding: 25px 20px 0 20px !important;
  }
  .blog-sum-up {
    font-size: .9em !important;
  }
  .main-container a.blog-post-title h2 {
    font-size: 1.6em !important;
  }
}
@media (max-width: 1100px) {
  #navigation ul li a:after {
    display: none !important;
  }
  #navigation ul li {
    padding: 10px 0 6px 0 !important;
  }
  #navigation ul.sub-menu {
    top: 35px !important;
  }
  #left-navigation, #right-navigation {
    margin-top: 5px !important;
  }
  #ticker-text ul li {
    font-size: 23px !important;
    letter-spacing: -3px !important;
  }
  #header.big {
    min-height: 65vh
  }
  #header.medium {
    min-height: 50vh !important;
  }
}
@media (max-width: 992px) {
    
    #section-header.medium {
    height: 27vh !important;
}
    .sub-menu{padding-left: 13%;}
    #left-navigation {
        border: 0 !important;
}
        #right-navigation {
            border: 0 !important;
}
  #show-mobile-menu, #navigation-mobile {
    display: block !important;
  }
  #navigation-mobile #show-mobile-menu, #navigation-mobile #logo-container {
    display: none !important;
  }
 /* #show-mobile-menu span:hover {
    opacity: .5 !important;
  }*/
  #navigation-mobile #logo-navigation {
    display: none !important;
  }
  #navigation {
    z-index: 11 !important;
  }
  #navigation.navigation-fixed #logo-navigation {
background-size: 67px !important;
    position: fixed;
    top: 23px !important;width: 67px !important;
  }
  #navigation #left-navigation, #navigation #right-navigation {
    display: none !important;
  }
    #left-navigation {background: transparent !important;}
    #right-navigation {background: transparent !important;}
  #logo-navigation {
left: 32%;
    width: 367px !important;margin-top: -20px;
   
  }
  #show-mobile-menu {
color: #ffffff !important;

    padding: 10px 0px 13px 10px;
  }
    
    .navigation-fixed .logo-vludiant{  width: 100%;
   
    position: fixed;
    height: 70px;
    z-index: 1;} 
    
    
    
    #ticker {
    top: 33% !important;
}
  #ticker-text ul li {
    font-size: 23px !important;
    letter-spacing: 0 !important;
  }
  .contact-box {
    text-align: center !important;
    display: block !important;
    padding-top: 30px !important;
  }
  .contact-box:first-child {
    padding-top: 50px !important;
  }
  .contact-box a.btn.btn-default {
    float: none !important;
    margin: 0 !important;
  }
  .custom-section-text {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
  .custom-section-buttons {
    padding-right: 5% !important;
  }
  /*#portfolio-container figure{width: 50% !important;}*/
  #top-navigation, #header-canvas {
    display: none !important;
  }
  #scroll-top {
    display: none !important;
  }
  #header.big {
    min-height: 50vh
  }
  #header.medium {
    min-height: 50vh !important;
  }
  .blog-grid > li {
    margin-bottom: 40px !important;
  }
  .blog-grid > li:nth-of-type(odd) .blog-thumbnail, .blog-grid > li .blog-thumbnail {
    float: none !important;
  }
  .blog-grid > li:nth-of-type(odd) {
    background: transparent !important;
  }
  .blog-grid > li, .blog-grid > li:nth-of-type(odd) .blog-sum-up, .blog-grid > li .blog-sum-up, .blog-grid > li:nth-of-type(odd) .blog-button, .blog-grid > li .blog-button, .post-metadatas, .blog-post-title h2 {
    text-align: center !important;
  }
  .blog-grid .blog-content, .blog-grid li.blog-post {
    height: auto !important;
  }
}
@media (max-width: 765px) {
    #section-header.big, #header-canvas {
    height: 38vh !important;
}
#section-header.medium {
    height: 17vh !important;
}
       .section-productos .thumbnail h3{
	font-size: 14px !important;
    }

#ticker h2 {
    margin-top: 10px !important;
}

    
    #navigation.navigation-fixed #logo-navigation {
    left: 45% !important;
    top: 27px !important;
}

}
@media (min-height: 700px) {
  #header.big {
    min-height: 65vh !important;
  }
  #header.medium {
    min-height: 50vh !important;
  }
 
}
@media (max-width: 670px) {
    
    #section-header.medium {
    height: 15vh !important;
}
  #ticker-text ul li {
    font-size: 18px !important;
    letter-spacing: 0 !important;
  }
  .main-container .btn {
    padding: 7px 15px 5px 15px !important;
  }
  .custom-section-text, .custom-section-buttons {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
  }
  .custom-section-text {
    border: none !important;
  }
  .custom-section-buttons {
    padding-right: 0 !important;
  }
  .custom-section-buttons:before {
    content: none !important;
  }
  .skills-row, .skill {
    width: 100% !important;
    display: block !important;
    border: 0 !important;
  }
    
 
      #logo-navigation {
left: 17% !important;
   
  }
    
     #navigation.navigation-fixed #logo-navigation {

    left: 45% !important;top: 22px !important;
}   
/*  #logo-navigation {
    width: 100% !important;
    margin-right: 0 !important;
  }*/
  #scroll-bottom {
    display: none !important;
  }
  #navigation.navigation-fixed {
    position: fixed !important;
  }
        #section-header.big {
    height: 27vh !important;
}
    #ticker {
    top: 39% !important;
        width: 100% !important;
}
    #ticker h2 {
    font-size: 23px;
}
#sliderPrev {
    left: 27px !important;
}
    
    #sliderNext {
    right: 27px !important;
}
}
@media (max-width: 492px) {
    #section-header.big {
    height: 60vh !important;
}
    #ticker {
    top: 33% !important;
    padding: 0px 5% !important;
}
    
        #ticker h2 {
    font-size: 13px !important;
}
    
         #ticker h3 {
    font-size: 14px !important;
}   
  #ticker-text ul li {
    font-size: 13px !important;
    letter-spacing: 0 !important;
  }
  #loader #loading-logo {
    width: 287px !important;
    height: 287px !important;
    padding: 10% !important;
  }
  #loader #loading-logo svg{
    width: 187px !important;
  }
  .Loader-text {
    margin-top: 18px !important;
}
.Loader-text h3{
  font-size: 13px !important;
}

  a#logo-navigation {
    background-size: 125px !important;
    width: 133px !important;
    left: 33% !important;
    margin-top: -33px;
  }
  #navigation.navigation-fixed #logo-navigation {
    left: 41% !important;
    top: 40px !important;
}
  .noacs {
    margin-bottom: 150px !important;
  }
  .noacsf {
    margin-bottom: 113px !important;
  }
.widget h4{
    margin-top: 33px !important;
}
}
@media (max-width: 445px) {
  .blog-grid .blog-thumbnail a img {
    height: 242PX !important;
  }
}
@media (max-width: 360px) {
  .blog-grid .blog-thumbnail a img {
    height: 210PX !important;
  }
}
@media (max-width: 320px) {
  .blog-grid .blog-thumbnail a img {
    height: 192PX !important;
  }
  div.likeboxwrap {
    WIDTH: 220PX !important;
  }
}


/* Media queries */
@media screen and (max-width: 50em) {
  .content {
    padding: 0 10px !important;
    text-align: center !important;
  }
  .grid {
    margin-left: -20px !important;
  }
  .grid figure {
    display: inline-block !important;
    float: none !important;
    margin-left: -40px !important;
    width: 100% !important;
  }
  figure.effect-apollo {
    /*	height: 130px !important;*/
  }
  figure.effect-apollo h2 {
    margin-top: 10px !important;
    font-size: 1em !important;
  }
  figure.effect-apollo:hover p {
    opacity: 1 !important;
    -webkit-transition-delay: 0.1s !important;
    transition-delay: 0.1s !important;
    color: white !important;
    font-size: 10px !important;
  }
  #filter li {
    margin-bottom: 10px !important;
  }
  .contaico {
    visibility: hidden !important;
  }
}