@media (max-width: 768px){
.logo-brand img {
    width: 51%;
}

}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {       
     .img_logo{
    margin-top: -85px;
    margin-left: 7px;
}
 }        
@media only screen and (min-width: 800px){
.logo-brand img {
    width: 45%;
}
}
@media (min-width: 992px) {
    .main-nav{
    /*height: 160px;*/
    background-color: #416b79;
    }
    .logo-brand img {
    width: 47%;
     }
     .img_logo{
    margin-left: 5px;
    margin-top: -140px;
     }
     .main{
     margin-top:100px;
  }
}
@media only screen and (max-width: 600px) {
    .main-nav{
            background-color: #fff;
    }
    .main{
     margin-top:101px;
  }
   
.navbar-brand img{
	width: 54%;
}
     .img_logo{
           
         height: 56px;
  
     }
.img_logo {
    height: 44px;
    
}
}
/*.rotate {*/
/*  animation: rotation 8s infinite linear;*/
/*}*/
/*@keyframes rotation {*/
/*  from {*/
/*    transform: rotate(0deg);*/
/*  }*/
/*  to {*/
/*    transform: rotate(359deg);*/
/*  }*/
/*}*/



#slidecaption {
   -webkit-animation-name: spinner; 
  -webkit-animation-timing-function: linear; 
  -webkit-animation-iteration-count: infinite; 
  -webkit-animation-duration: 2s; 
  animation-name: spinner; 
  animation-timing-function: linear; 
  animation-iteration-count: infinite; 
  animation-duration: 8s; 
  -webkit-transform-style: preserve-3d; 
  -moz-transform-style: preserve-3d; 
  -ms-transform-style: preserve-3d; 
  transform-style: preserve-3d;
}


/* WebKit and Opera browsers */ 
@-webkit-keyframes spinner { 
  from 
  { 
    -webkit-transform: rotateY(0deg); 
  } 
  to { 
    -webkit-transform: rotateY(-360deg); 
  } 
} 
/* all other browsers */ 
@keyframes spinner { 
   from { 
    -moz-transform: rotateY(0deg); 
    -ms-transform: rotateY(0deg); 
    transform: rotateY(0deg); 
   } 
   to 
   { 
    -moz-transform: rotateY(-360deg); 
    -ms-transform: rotateY(-360deg); 
    transform: rotateY(-360deg); 

   } 
}