.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
@media (max-width: 1000px ){
   .hide1000{
   	display: none !important;
   }
   .show1000{
   	display: block !important;
   }
} 

@media (max-width: 991px ){
   .hide991{
   	display: none !important;
   }
   .show991{
   	display: block !important;
   }
   .logo{
   	width: 400px !important;
   	margin: auto !important;
   	display: block !important;
   }
} 

@media (max-width: 767px ){
   .hide767{
    display: none !important;
   }
   .show767{
    display: block !important;
   }
}

@media (max-width: 500px ){
	.logo{
   	width: 100% !important;
   }
   .hide500{
   	display: none !important;
   }
   .show500{
   	display: block !important;
   }
}