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

.w80percent {
   width: 100%;
}

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

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

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

.socialbar {
	display: none;
}

.langbarlimiter {
   width: 95%;
}

#langbar {
   position: relative;
}

.showcontact {
   display: none;
}

.hidecontact {
   display: block;
}

#headcontainer {
   margin-top: 0px;
}

#headcontainer-inv {
   margin-top: 0px;
}

#headcontainer-ilm {
   margin-top: 0px;
}

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

#header-inv {
   width: 100%; /* 480px / 480px */
   height: 61px; /* old 100px */
   position: relative;
   top: 0px;
   left: 0px;
}

.header-ilm {
   width: 100%; /* 480px / 480px */
   height: 0px; /* old 100px */
   position: relative;
   display: block;
   top: 0px;
   left: 0px;
}

.headerlogo-ilm {
   margin: 0;
}

.logo-ilm {
   max-width: 480px;
   height: 320px;
}

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:32%;
   min-width: 100px;
	height:100px;
	background-color: #ffffff;
   text-align: left;
}

.headerlogo-ilm {
   min-width: 225px;
   height: 100px;
   max-height: 100px;
	float: left;
   direction: rtl;
   margin: 0;
   margin-top: 10px;
   }

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

.headtitle {
   width: 68%;
   min-height: 90px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.headtitle-inv {
   display: none;
}

.headtitle-text {
   font-size: 2.25em;
   font-weight: bold;
   line-height: 45px;
}

#maincontentcontainer-ilm {
	margin-top: 10px;
}

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

.menu-frame {
   height: 32px;
}

.menu-frame-container {
   margin-top: 5px;
   margin-bottom: 5px;
}

.menu-frame-text {
   font-size: 1.25em;
}

.home-frame {
	height: 130px;
   width: 100%;
   margin-bottom: 1%;
   margin-left: 0%;
}

.home-frame-text {
	font-size: 1.5em;
	line-height: 1em;
   bottom:10px;
}

.home-frame-image-frame {
   top: 5px;
}

.home-frame-image {
   width: 65px;
}

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

.home-text-title {
   font-size: 2.5em;
   text-align: right;
}

.home-text-subtitle {
   font-size: 1.3em;
   text-align: right;
}

.home-text {
   font-size: 1.1em;
   text-align: right;
}

.content-frame-inv-adi {
   float: none;
   padding: 1% 1%;
   width: 98%;
   margin-right: 0;
   margin-bottom: 3%;
}

.content-frame-inv-galgadot {
   float: none;
   padding: 0;
   width: 100%;
   margin-left: 0;
   margin-bottom: 3%;
}

.content-frame-inv-info {
   float: none;
   padding: 1% 1%;
   width: 98%;
   margin-right: 0;
   margin-bottom: 3%;
}

.content-frame-inv-army {
   float: none;
   padding: 0;
   width: 100%;
   margin-right: 0;
   margin-bottom: 3%;
}

.content-frame-title {
   font-size: 2em;
   text-align: right;
}

.content-frame-inv-title {
	font-size: 1.5em;
}

.content-frame-inv-title2 {
	font-size: 1.5em;
}

.content-frame-subtitle {
   font-size: 1.3em;
   text-align: right;
}

.content-frame-text {
   font-size: 1.2em;
   text-align: right;
}

.content-frame-inv-text {
	font-size: 1.1em;
	line-height: 1.25em;
}

.content-frame-image-frame {
   top: 20px;
}

.content-frame-image {
   width: 90px;
}

.content-frame-ilm {
   padding: 0 5%;
   padding-bottom: 10px;
}

.content-frame-ilm-title {
	font-size: 1.5em;
}

.content-frame-ilm-title2 {
	font-size: 2em;
}

.content-frame-ilm-subtitle {
	font-size: 1.5em;
}

.content-frame-ilm-subtitle2 {
	font-size: 2em;
   font-weight: 800;
}

.content-column-1-ilm {
   display: none;
}

.content-column-2-ilm {
   margin-bottom: 10px;
}

.content-text-field-short {
   width: 25%;
}

.content-button {
   width: 99%;
   font-size: 1.5em;
}

.fblogin-button {
   width: 85%;
}

.fbshare-button {
   width: 100%;
}

.share-button {
   width: 27px;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 0;
}

.share-button-ilm {
   width: 40px;
   margin-left: 0;
}

.video-wrapper-desktop {
   display: none;
}

.video-wrapper-mobile {
   display: block;
	position: relative;
   margin-top: 15px;
   margin-bottom: 15px;
	padding-bottom: 56.25%; /* 16:9 */
	height: 100%;
   width: 100%;
   overflow: hidden;
}

.image-wrapper {
	padding-bottom: 100%; /* 16:9 */
	height: 100%;
   width: 100%;
}

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;
}