.mobile-on {
  display: none;
}

.tablet-on {
  display: none;
}

.all-mobile-on {
	display: none;
}

.all-mobile-off {
	
}

/* узкие мониторы */
@media only screen and (min-width: 1920px) and (max-width:2100px) {

}


/* узкие мониторы */
@media only screen and (min-width: 1680px) and (max-width:1919px) {

}

/* узкие мониторы */
@media only screen and (min-width: 1600px) and (max-width:1679px) {

}

/* узкие мониторы */
@media only screen and (min-width: 1440px) and (max-width:1599px) {

}

/* узкие мониторы */
@media only screen and (min-width: 1366px) and (max-width:1439px) {

}

/* узкие мониторы */
@media only screen and (min-width: 1280px) and (max-width:1439px) {

}

/* узкие мониторы */
@media only screen and (min-width: 1024px) and (max-width:1279px) {
		
  .top-phone {
	  font-size: 16pt;

  }
  
    .top-phone a {
	  background-size: 24px;
		padding-left: 32px;
	}
}

/* очень узкие мониторы */
@media only screen and (min-width: 825px) and (max-width: 1023px) {
}


/* планшеты */
@media only screen and (min-width: 630px) and (max-width: 825px) {
	
  .top-phone {
	  margin-top: 0px;
	  margin-bottom: 10px;
  }
  
  .tablet-off {
    display: none;
  }

  .tablet-on {
    display: block;
  }

}

/* узкие планшеты */
@media only screen and (min-width: 500px) and (max-width: 630px) {
	
  .top-phone {
	  margin-top: 0px;
	  margin-bottom: 10px;
  }
  
  .tablet-off {
    display: none;
  }

  .tablet-on {
    display: block;
  }

}

/* смартфоны */
@media only screen and (min-width: 350px) and (max-width: 500px) {
	
  .top-phone {
	  margin-top: 0px;
	  margin-bottom: 10px;
  }
  
  .mobile-off {
    display: none;
  }

  .mobile-on {
    display: block;
  }

}

/* смартфоны */
@media only screen and (max-width: 350px) {
	
  .top-phone {
	  margin-top: 0px;
	  margin-bottom: 10px;	  
  }

  .mobile-off {
    display: none;
  }

  .mobile-on {
    display: block;
  }

}
/* Bootstrap Large */

@media only screen and (max-width: 1170px) {
  
}

/* Bootstrap Medium */

@media only screen and (max-width: 970px) {
  
}

/* Bootstrap Small */

@media only screen and (max-width: 750px) {
  
}

/* все мобильные */
@media only screen and (max-width: 1024px) {
	.all-mobile-on {
		display: block;
	}
		
	.all-mobile-off {
		display: none;
	}
}