/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */

.w80percent {
   width: 100%;
}

.video-wrapper {
	margin-left: 0px;
	margin-right: 0px;
}

.strike2px::after {
	top: 53%;
}

.strike5px::after {
   border-bottom: 3px solid #121c23;
	top: 53%;
}

.strike7px::after {
   border-bottom: 4px solid #121c23;
	top: 55%;
}

ul.countdown {
   margin:  auto;
   margin-top: 220px;
}

ul.countdown li span {
   font-size: 50px;
   line-height: 50px;
}

ul.countdown li.seperator {
   font-size: 50px;
   line-height: 45px;
}

ul.countdown li p {
   font-size: 10px;
   margin-top: -7px;
}

.socialbar {
	display: none;
}

.langbarlimiter {
   width: 95%;
}

#langbar {
   position: relative;
}

.showcontact {
   display: none;
}

.hidecontact {
   display: block;
}

#headcontainer {
   margin-top: 0px;
}

header {
   width: 100%; /* 480px / 480px */
   position: relative;
   top: -6px;
   left: 0px;
}

bannercontainer {
   max-width: 480px; /* 1200px / 13 */
}

.headerbanner {
   max-width: 480px;
   max-height: 75px;
   height: 75px;
   }

.headerbanner1 {
   max-width: 480px;
   max-height: 75px;
   height: 75px;
   }

.banner {
   background-image: url('/shared/images/20160719-ilm-banner-480x75px.png');
   max-width: 480px;
   height: 75px;
}

.banner1 {
   background-image: url('/shared/images/20160719-main-talk-banner-480x75px.png');
   max-width: 480px;
   height: 75px;
}

.headerdesktop {
   display: none;
}

.headermobile {
   position: relative;
   display: block;
}

.headerlogo {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:56px;
	background-color: #dc0025;
   text-align: left;
}

.logo {
   width: 320px;
   position: relative;
	left:0px;
	top:0px;
}

#maincontent{
   width: 100%; /* 450px / 480px */
	padding: 1px 0px;
}

#home-about-container {
   padding-top: 5px;
}

.home-title-container {
   height: 300px;
	margin: 0px 0px 3px 0px;
}

.home-title-frame-image {
	width:480px;
   max-width: 480px;
   background-image: url('/shared/images/home-title-frame-480px.png');
}

.home-title-frame-text {
	left:10px;
	top:40px; /* ORIGINAL VALUE (BEFORE COUNTER): 85px; */
	font-size: 55px;
	line-height: 50px;
}

.home-title-frame-overlay {
	left:0px;
	top:250px;
	width:100%;
	height:50px;
}

.home-title-frame-overlay-text-br {
   display: none;
}

.home-title-frame-overlay-text-nobr {
   display: block;
	left:10px;
}

.home-title-frame-overlay-button {
	right:15px;
	top:263px;
}

.home-title-frame-overlay-button-text {
	right:23px;
	top:265px;
}

.home-sub-container-br {
   display: none;
}

.home-sub-container-nobr {
   display: block;
}

.home-sub-frame {
	height: 75px;
   margin-bottom: 1%;
}

.home-sub-frame-text {
	left:12px;
	top:12px;
	font-size: 36px;
	line-height: 36px;
}

.home-sub-frame-button-text {
	top:50px;
}

.home-about-text {
   font-size: 0.95em;
}

.content-title-frame-text {
	left:12px;
}

.content-menu-frame {
   display: none;
}

.npo-content-title-container {
	height: 145px;
}

.npo-content-title-frame-text {
	left:10px;
   top: 7px;
	font-size: 28px;
}

.npo-content-title-frame-text-small {
	left:10px;
   top: 45px;
   font-size: 11px;
}

.npo-content-title-frame-overlay {
	left:0px;
	top:80px;
	width:100%;
	height:75px;
}

.npo-content-title-frame-overlay-text-br {
   display: none;
}

.npo-content-title-frame-overlay-text-nobr {
   display: block;
	left:15px;
	top:97px;
	font-size: 24px;
}

.npo-content-title-frame-overlay-button {
	right:0px;
	top:90px;
}

.content-content-frame {
   margin-top: 3%;
}

.content-content-frame-title {
   font-size: 20px;
}

.content-content-frame-subtitle {
   font-size: 15px;
}

.content-content-frame-text {
   font-size: 15px;
}

.content-content-text-field {
	font-size: 15px;
   width: 90%;
}

.content-content-message-field {
	font-size: 15px;
   width: 89.5%;
}

.content-content-submit-button {
   width: 91.2%;
}

.content-sideactions-frame {
   margin-top: 2%;
 }

.content-side-actions-frame {
	height: 126px;
}

.content-side-actions-frame-text {
	top:5px;
	font-size: 30px;
	line-height: 34px;
}

.content-side-actions-frame-button {
	right:5%;
	top:75px;
}

.store-span_1_of_2 {
   width: 100%;
}

.shirt-design-span_1_of_2 {
   width: 100%;
}

.shirt-preview-text {
   font-size: 40px;
	line-height: 40px;
}

.shirt-design-select-field {
	font-size: 15px;
   width: 91.2%;
   margin-left: 15px;
}

.shirt-design-text-field {
	font-size: 15px;
   width: 89.4%;
   margin-left: 15px;
}

.shirt-design-submit-button {
   width: 91.2%;
   margin-left: 15px;
}

.payment-details-select-half-field {
   width: 43.5%;
}

.items-item-span_1_of_6 {
   width: 52%;
   margin: 0;
}

.items-size-span_1_of_6 {
   width: 24%;
   margin: 0;
}

.items-qty-span_1_of_6 {
   width: 24%;
   margin: 0;
}

.items-message-span_1_of_6 {
   width: 52%;
   margin: 0;
}

.items-price-span_1_of_6 {
   width: 24%;
   margin: 0;
}

.items-delete-span_1_of_6 {
   width: 24%;
   margin: 0;
}

.item-list-row {
   width: 100%;
   height: 50px;
   margin: 0;
   padding: 0;
   border-top: 1px solid #dc0025;
}

footer {
   width: 93.75%; /* 450px / 480px */
}

#smallprint {
   width: 93.75%; /* 1000px / 1250px */
}

/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

.span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}

.span_7_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_6_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_5_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_4_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_3_of_8 {
	width: 74.2%;
	margin: 1% 0 1% 3.2%;
}

.span_2_of_8 {
	width: 48.4%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8 {
	width: 22.6%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8:nth-child(4n+1) { 
	clear: both;
	margin-left: 0;
}