/* CSS Document */
/* ------------------------------------------ */
/* iPhone X ----------------------- */
/* ------------------------------------------ */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
  body.home, body.home .header-area, body.home .info, body.home .info > * {
		max-width:375px !important;
	}
	body.home .home-column .wpb_content_element p {
		display:block !important;
		clear:both !important;
	}
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	.hide-mobile {
		display:none;	
	}
  #content.content_full_width, .main-area {
		/*margin:0 !important;
		padding:0 !important;
		width:100% !important;*/
  }
  #content.content_full_width .c2r-product-category {
    padding: 4%;
  }
  #content.content_full_width .summary {
    max-width: 96%;
    padding: 2%;
  }
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;		
	}
	#home-mobile-banner img.mobile-home-spacer {
		width:100% !important;
	}
}
/* CSS Document */
/* ------------------------------------------ */
/* iPhone X (Landscape) ----------------------- */
/* ------------------------------------------ */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation: landscape) {
  body.home, body.home .header-area, body.home .info, body.home .info > * {
		max-width:667px !important;
	}
}
/* CSS Document */
/* ------------------------------------------ */
/* iPhone 8 ----------------------- */
/* ------------------------------------------ */
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
  body.home, body.home .header-area, body.home .info, body.home .info > * {
		max-width:375px !important;
	}
	body.home .home-column .wpb_content_element p {
		display:block !important;
		clear:both !important;
	}
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	.hide-mobile {
		display:none;	
	}
  #content.content_full_width, .main-area {
		/*margin:0 !important;
		padding:0 !important;
		width:100% !important;*/
  }
  #content.content_full_width .c2r-product-category {
    padding: 4%;
  }
  #content.content_full_width .summary {
    max-width: 96%;
    padding: 2%;
  }
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;		
	}
	#home-mobile-banner img.mobile-home-spacer {
		width:100% !important;
	}
}
/* CSS Document */
/* ------------------------------------------ */
/* iPhone 8 Landscape----------------------- */
/* ------------------------------------------ */
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 3) and (orientation: landscape) {
		body.home {
			margin-right:0 !important;
		}
  body.home, body.home .header-area, body.home .info, body.home .info > * {
			max-width:667px !important;
		}
}
/* CSS Document */
/* ------------------------------------------ */
/* iPhone 8 Plus ----------------------- */
/* ------------------------------------------ */
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
  body.home, body.home .header-area, body.home .info, body.home .info > * {
		max-width:414px !important;
	}
	body.home .home-column .wpb_content_element p {
		display:block !important;
		clear:both !important;
	}
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	.hide-mobile {
		display:none;	
	}
  #content.content_full_width, .main-area {
		/*margin:0 !important;
		padding:0 !important;
		width:100% !important;*/
  }
  #content.content_full_width .c2r-product-category {
    padding: 4%;
  }
  #content.content_full_width .summary {
    max-width: 96%;
    padding: 2%;
  }
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;		
	}
	#home-mobile-banner img.mobile-home-spacer {
		width:100% !important;
	}
}
/* CSS Document */
/* ------------------------------------------ */
/* iPhone 8 plus (landscape) ----------------------- */
/* ------------------------------------------ */
@media only screen and (device-height : 414px) and (device-width : 736px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
  body.home, body.home .header-area, body.home .info, body.home .info > * {
			max-width:736px !important;
		}
}
/* CSS Document */
/* ------------------------------------------ */
/* iPhone 6 (landscape) ----------------------- */
/* ------------------------------------------ */
@media only screen and (min-width: 376px) and (max-width: 667px) and (orientation : landscape) {
  body.home, body.home .header-area, body.home .info, body.home .info > * {
		max-width:667px !important;
	}
	body.home .header-region {
		display:none;
	}
	body.home .home-column .wpb_content_element p {
		display:block !important;
		clear:both !important;
	}
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	.hide-mobile {
		display:none;	
	}
  #content.content_full_width, .main-area {
		/*margin:0 !important;
		padding:0 !important;
		width:100% !important;*/
  }
  #content.content_full_width .c2r-product-category {
    padding: 4%;
  }
  #content.content_full_width .summary {
    max-width: 96%;
    padding: 2%;
  }
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;		
	}
	#home-mobile-banner img.mobile-home-spacer {
		width:100% !important;
	}
}
/* ------------------------------------------ */
/* iPhone 6 (portrait) ------------------------ */
/* ------------------------------------------ */
@media only screen and (max-width : 375px) and (orientation : portrait) {
  body.home, body.home .header-area, body.home .info, body.home .info > * {
		max-width:375px !important;
	}
	body.home .header-area {
		padding-left:1% !important;
	}
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	.hide-mobile {
		display:none;	
	}
  #content.content_full_width, .main-area {
		/*margin:0 !important;
		padding:0 !important;
		width:100% !important;*/
  }
  #content.content_full_width .c2r-product-category {
    padding: 4%;
  }
  #content.content_full_width .summary {
    max-width: 96%;
    padding: 2%;
  }
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;		
	}
	#home-mobile-banner img.mobile-home-spacer {
		width:100% !important;
	}
}
/* CSS Document */
/* ------------------------------------------ */
/* iPhone (landscape) ----------------------- */
/* ------------------------------------------ */
@media only screen and (min-width: 321px) and (max-width: 568px) and (orientation : landscape) {
  body.home, body.home .header-area, body.home .info, body.home .info > * {
		max-width:568px !important;
	}
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	.hide-mobile {
		display:none;	
	}
  #content.content_full_width, .main-area {
		/*margin:0 !important;
		padding:0 !important;
		width:100% !important;*/
  }
  #content.content_full_width .c2r-product-category {
    padding: 4%;
  }
  #content.content_full_width .summary {
    max-width: 96%;
    padding: 2%;
  }
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;		
	}
	#home-mobile-banner img.mobile-home-spacer {
		width:100% !important;
	}
}
/* ------------------------------------------ */
/* iPhone (portrait) ------------------------ */
/* ------------------------------------------ */
@media only screen and (max-width : 320px) and (orientation : portrait) {
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	.hide-mobile {
		display:none;	
	}
  #content.content_full_width, .main-area {
		/*margin:0 !important;
		padding:0 !important;
		width:100% !important;*/
  }
  #content.content_full_width .c2r-product-category {
    padding: 4%;
  }
  #content.content_full_width .summary {
    max-width: 96%;
    padding: 2%;
  }
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;		
	}
	#home-mobile-banner img.mobile-home-spacer {
		width:100% !important;
	}
}