/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	#web{ display:none}
	#mob{ display:block}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	#web{ display:none}
	#mob{ display:block}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#web{ display:none}
	#mob{ display:block}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#web{ display:none}
	#mob{ display:block}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#web{ display:block}
	#mob{ display:none}
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	#web{ display:block}
	#mob{ display:none}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
 .bgx{
	 height:180px
	 } 
	#web{ display:none}
	#mob{ display:block}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
 .bgx{
	 height:110px
	 } 
	#web{ display:none}
	#mob{ display:block}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
 .bgx{
	 height:80px
	 } 
	#web{ display:none}
	#mob{ display:block}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
 .bgx{
	 height:60px
	 } 
	#web{ display:none}
	#mob{ display:block}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
	 .bgx{
	 height:60px
	 } 
	#web{ display:none}
	#mob{ display:block}
}