@media screen and (min-width: 860px) and (max-width: 1650px) {
 
.logo {

  padding: 5px!important;
  width: 320px!important;
	 height: auto;
	  display: block;
	   margin-left: auto;
  margin-right: auto;
	 
}
 }
			 @media screen and (min-width: 760px) and (max-width: 859px) {
 
.logo {

  padding: 5px!important;
  width: 220px!important;
	 height: auto;
	  display: block;
	   margin-left: auto;
  margin-right: auto;
	 
}
 }
	
	
		 @media screen and (min-width: 660px) and (max-width: 759px) {
 
.logo {

  padding: 5px!important;
  width: 220px!important;
	 height: auto;
	  display: block;
	   margin-left: auto;
  margin-right: auto;
	 
}
 }
	 @media screen and (min-width: 560px) and (max-width: 659px) {
 
.logo {

  padding: 5px!important;
  width: 220px!important;
	 height: auto;
	  display: block;
	   margin-left: auto;
  margin-right: auto;
	 
}
 }
	
 @media screen and (min-width: 460px) and (max-width: 559px) {
 
.logo {

  padding: 5px!important;
  width: 220px!important;
	 height: auto;
	  display: block;
	   margin-left: auto;
  margin-right: auto;
	 
}
 }
@media screen and (min-width: 360px) and (max-width: 459px) {
 
.logo {

  padding: 5px!important;
  width: 180px!important;
	 height: auto;
	  display: block;
	   margin-left: auto;
  margin-right: auto;
	   margin-bottom: 30px!important;
}
 }

 @media screen and (min-width: 319px) and (max-width: 359px) {
.logo {

  padding: 5px!important;
  width: 150px!important;
	 height: auto;
	  display: block;
	   margin-left: auto;
  margin-right: auto;
	  margin-bottom: 30px!important;
	 
}
 }
 
  @media screen and (min-width: 239px) and (max-width: 318px) {
.logo {

  padding: 5px!important;
  width: 150px!important;
	 height: auto;
	  display: block;
	   margin-left: auto;
  margin-right: auto;
	  margin-bottom: 30px!important;
	 
}
}