/* ==========================================================================
   HIGH RESOLUTION LAPTOP/DESKTOP 
   ========================================================================== */
/* ==========================================================================
   IPHONE X
   ========================================================================== */
@media only screen 
    and (device-width : 734px) 
    and (-webkit-device-pixel-ratio : 3) {  
  
nav {
position:absolute; }

.intilogo  {
	position:absolute;
	top:89px;
	height:0;
	display:none;

	}
	
.intilogomobile {
	position:absolute;
	top:89px;
	height:40px;
	display:inherit;
	z-index:20;
	}
	
table img {
	width:70%; }
	
	
.selectOrderBy{
	top:0px;
position:absolute; /*important*/
z-index:20;
left:0;
width:auto;
font-size:0.80em;
border-bottom:1px solid #999;
border-radius:0px; 
border-top-left-radius:0px;
border-bottom-left-radius:0px;
height:30px;
width:100%;



 }
	
.searchbox {
	width: 100%;
	z-index:19;
	position:absolute;
	font-size:1em;
	left:0;
	height:55px;
	top: 29px;
	
	
	}
	
.searchbox_submit {
		position:absolute;
		right:0%;
		z-index:19;
		height:55px;
		top:29px;
		width:50px;
			border-top-right-radius:0px;
border-bottom-right-radius:0px
		}
	
	
.topbar {
		position:absolute;
		}}
	
   
   
   
   /* ==========================================================================
   IPHONE X
   ========================================================================== */
   
@media only screen and (max-width :1223px)  { 

nav {
position:absolute; }

.selectOrderBy{
position:absolute; /*important*/
z-index:20;
left:0;
width:auto;
font-size:0.75em;
border:0;
border-radius:0px; 
border-top-left-radius:0px;
border-bottom-left-radius:0px;

 }
	
.searchbox {
	width: 78%;
	right:7.6%;
	z-index:19;
	position:absolute;
	font-size:1em;
	
	}
	
	.searchbox_submit {
		position:absolute;
		right:0;
		z-index:19;
		border-top-right-radius:0px;
border-bottom-right-radius:0px;}
	
	.intilogo {
	position:absolute;
	top:89px;
	height:40px;
	display:inherit;
	z-index:19;
	}
	
	.topbar {
		position:absolute;}

.grid_3{  margin-top:23px; margin-bottom:1em; width:98%;  position:relative; border-radius:0px; }
		
.grid_6{  margin-top:23px; margin-bottom:1em; width:98%;  position:relative; border-radius:0px; }	

.grid_12{  margin-top:23px; margin-bottom:1em; width:98%;  position:relative; border-radius:0px; }	}


    /* ==========================================================================
    Fix for samsung note2/note8
    ========================================================================== */
@media only screen and (min-width : 320px) and (max-width : 640px) {

nav {
position:absolute; }

.intilogo  {
	position:absolute;
	top:89px;
	height:0;
	display:none;

	}
	
.intilogomobile {
	position:absolute;
	top:89px;
	height:40px;
	display:inherit;
	z-index:20;
	}
	
table img {
	width:70%; }
	
	
.selectOrderBy{
	top:0px;
position:absolute; /*important*/
z-index:20;
left:0;
width:auto;
font-size:0.80em;
border-bottom:1px solid #999;
border-radius:0px; 
border-top-left-radius:0px;
border-bottom-left-radius:0px;
height:30px;
width:100%;



 }
	
.searchbox {
	width: 100%;
	z-index:19;
	position:absolute;
	font-size:1em;
	left:0;
	height:55px;
	top: 29px;
	
	
	}
	
.searchbox_submit {
		position:absolute;
		right:0%;
		z-index:19;
		height:55px;
		top:29px;
		width:50px;
			border-top-right-radius:0px;
border-bottom-right-radius:0px
		}
	
	
.topbar {
		position:absolute;
		}
	
.socialmedia {
	visibility:show;
	position:absolute;}

.socialmedia img {
	width:auto;
	height:auto;}

.logo {
height:48px;
position:absolute;
z-index:10;
background:#f1f1f1; }

.inti_logos  {
border:0px;
height: 40px;
}

.outline.cutout1  {
	border:2px solid #fff;}
	
	
.outline.cutout2  {
	max-width:99%;}
	
.cutout2 { max-width:99%; font-size:1.125em; line-height:3em; display:block; margin:-12px; position:relative; left:12px; }
	
.icons img {
	width:96%;
	margin-bottom: 3px;
	border:0;}

.links-group img{
	width:30px;
	height:30px;
	border:0;
	
	}
	
.box5{ padding:0.125em; margin-top:-13px; margin-bottom:0.3em; background:#fff; width:98%; border:1px solid #9d9d9e; position:relative; border-radius:0px; left:-7px; }
		
		.box6 {
		width:100%;}
	
	.boxweb{
		width:95%;}
		
	.boxweb3{
		width:100%;}
		
#btn2 {
	width:30px;
	} }
	
	
	
	
	
/* ==========================================================================
   IPHONE 5 POTRAIT
   ========================================================================== */
@media screen and (max-width : 327px)  {
nav {
position:absolute; }

.intilogo  {
	position:absolute;
	top:53px;
	height:0;
	display:none;

	}
	
.intilogomobile {
	position:absolute;
	top:84px;
	height:40px;
	display:inherit;
	z-index:20;
	}
	
table img {
	width:70%; }
	
	
.selectOrderBy{
	top:0px;
position:absolute; /*important*/
z-index:20;
left:0;
width:auto;
font-size:0.80em;
border-bottom:1px solid #999;
border-radius:0px; 
border-top-left-radius:0px;
border-bottom-left-radius:0px;
height:30px;
width:100%;



 }
	
.searchbox {
	width: 100%;
	z-index:19;
	position:absolute;
	font-size:1em;
	left:0;
	height:55px;
	top: 29px;
	
	
	}
	
.searchbox_submit {
		position:absolute;
		right:0%;
		z-index:19;
		height:55px;
		top:29px;
		width:50px;
		border-top-right-radius:0px;
border-bottom-right-radius:0px
		}
	
	
.topbar {
		position:absolute;
		}




table img {
	width:70%; }

	
.searchbox {
	width: 98%;}
	
.facebook {
	visibility:hidden;}

.logo {
height:48px;
position:fixed;
z-index:10;
background:#f1f1f1;}

.boxweb{
		width:95%;}

#btn2 {
	width:30px;} 
	
.inti_logos  {
border:0px;
height: 40px;
}	

.videoWrapper{
	position: relative;
	padding-bottom: 56.25% /* 16:9 */;
	padding-top: 50px;
	height: 0;

}

.videoWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.videocontainer{
	width: 100%   !important;
	height: auto  !important;

}
	
}


  /* ==========================================================================
    Fix for iPad OLD
    ========================================================================== */
@media screen and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

table img {
	width:70%; }}
	


.videoWrapper{
	position: relative;
	padding-bottom: 56.25% /* 16:9 */;
	padding-top: 50px;
	height: 0;

}

.videoWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.videocontainer{
	width: 100%   !important;
	height: auto  !important;

}

  /* ==========================================================================
    Fix for iPad OLD
    ========================================================================== */
@media screen and (min-device-width : 768px) and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {

table img {
	width:100%; }
	
.searchbox {
width: 70%;}




.videoWrapper{
	position: relative;
	padding-bottom: 56.25% /* 16:9 */;
	padding-top: 50px;
	height: 0;

}

.videoWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.videocontainer{
	width: 100%   !important;
	height: auto  !important;

}

/* ==========================================================================
   NOTE 8
   ========================================================================== */
@media screen and (min-device-width : 601px) and (max-device-width: 962px) 
and (-webkit-min-device-pixel-ratio: 2) {


nav {
position:absolute; }

.selectOrderBy{
position:absolute; /*important*/
z-index:20;
left:0;
width:auto;
font-size:0.75em;
border:0;
border-radius:0px; 
border-top-left-radius:0px;
border-bottom-left-radius:0px;

 }
	
.searchbox {
	width: 81.6%;
	right:6.7%;
	z-index:19;
	position:absolute;
	font-size:1em;
	
	}
	
	.searchbox_submit {
		position:absolute;
		right:0;
		z-index:19;
		border-top-right-radius:0px;
border-bottom-right-radius:0px;}
	
	.intilogo {
	position:absolute;
	top:89px;
	height:40px;
	display:inherit;
	z-index:19;
	}
	
	.topbar {
		position:absolute;}

.grid_3{  margin-top:23px; margin-bottom:1em; width:98%;  position:relative; border-radius:0px; }
		
.grid_6{  margin-top:23px; margin-bottom:1em; width:98%;  position:relative; border-radius:0px; }	

.grid_12{  margin-top:23px; margin-bottom:1em; width:98%;  position:relative; border-radius:0px; }	}