@charset "utf-8";
/* CSS Document with responsive styles */


/* All Smartphones in portrait and landscape ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/* All Smartphones in landscape ----------- */
@media only screen 
and (min-width : 321px) {
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/* All Smartphones in portrait ----------- */
@media only screen 
and (max-width : 479px) {
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/***** ANDROID DEVICES *****/

/* Android 240 X 320 ----------- */
@media only screen
and (max-width: 241px){
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */
@media only screen
and (min-width: 375px)
and (max-width: 385px){
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/* Android(Samsung Galaxy) in Landscape 685 X  380 ----------- */
@media only screen
and (min-width: 680px)
and (max-width: 690px){
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/* Kindle Portrait 600 X 1024 ----------- */
@media only screen
and (min-width: 595px)
and (max-width: 610px){
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/* Kindle Landscape 1024 X 600 ----------- */
@media only screen
and (min-width: 1000px)
and (max-width: 1030px){
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/***** ALL GENERATION IPADS *****/

/* iPads in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}  
}

/* iPad in landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}
}

/* iPad in portrait----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}
}



/***** Retina IPAD 3 & 4*****/

/* Retina iPad 3 & 4 in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2){
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}
}




/***** IPAD 1 & 2 (ALSO IPAD MINI)*****/

/* iPad 1 & 2 in portrait and landscape ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}
}

/* iPad 1 & 2 in landscape ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}
}

/* iPad 1 & 2 in portrait ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1){
.mobile {
	display: none;
}
.desktop, .ipad {
	display: block;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1823px) {
.mobile {
	display: none;
}
.desktop {
	display: block;
}
}


/* Retina Displays ------------- 
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dppx) { 
    .mobile {
	display: none;
	}
	.desktop {
		display: block;
	}
}*/
/* Only iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
.mobile {
	display: block;
}
.desktop {
	display: none;
}
}

/* Only iPads ----------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .mobile {
	display: block;
}
.desktop, .ipad {
	display: none;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .mobile {
	display: block;
}
.desktop, .ipad {
	display: none;
}
}

/* Only Android Firefox ----------- */
@media (min--moz-device-pixel-ratio: 1.5),  
       (min-device-pixel-ratio: 1.5) {  
       .mobile {
			display: block;
		}
		.desktop {
			display: none;
		}  
}

/* Large Retina Displays ----------- */
@media only screen 
and (min-width : 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dppx) {
.mobile {
	display: none;
}
.desktop {
	display: block;
}
}

/* For other high res displays ------------ */
/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dppx){ 
    /*.mobile {
	display: none;
	}
	.desktop {
		display: block;
	}*/
}

/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dppx){ 
    /*.mobile {
	display: none;
	}
	.desktop {
		display: block;
	}*/
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dppx){ 
    /*.mobile {
	display: none;
	}
	.desktop {
		display: block;
	}*/
}

@-ms-viewport {
	width: device-width;
}