/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
 
  /* generic */
  #rightcolumn{
    padding:0px;
    margin-top:0;
  }
  
  /* generic ul right column */
  #rightcolumn .csc-default ul{
    margin: 0 20px;
  } 
  
  /* generic google map */
  #map {
      width: 100% !important;
      height: 200px;
  }  

  /* generic first image */
  .csc-textpic-single-image{
    float:none !important;  
    width: 100% !important;
  }
  
  .csc-textpic-single-image img{
    width: 100% !important;
    height: auto !important;
  }
  
  /* home - top title */
  #first-level-banner .bannerLeftSide,
  #first-level-banner .bannerRightSide45{
    position: static !important;
  } 
  
  #first-level-banner .bannerLeftSide{
    /*height:82px;*/
  }
  
  #first-level-banner .bannerLeftSide h1{
    position: static !important;
    margin: 0 !important;
    padding: 0 5px 5px 5px !important;
  }  
  
  #first-level-banner .bannerRightSide45{
    display:none;
  }
  
  /* home - map */
  
  #c368365 h1{
    text-align:center;
    margin:10px 0 !important;
  }
  
  #c368342 img{
    width: 100% !important;
    height: auto !important;
  } 
  
  /* home - in depth */
	#c368241 table, 
  #c368241 thead, 
  #c368241 tbody, 
  #c368241 th, 
  #c368241 td, 
  #c368241 tr { 
		display: block; 
	}
	
	#c368241 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#c368241 tr { border: 0px}
	
	#c368241 td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	#c368241 td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
  
  /* home - partners */
  #c390761 .csc-textpic-single-image{
    width: none;
  }
  
  /* internal page - countries */
  
  #c426340 img{
    width: 100% !important;
    height: auto !important;  
  }
  
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  
  div.wrapper {
    width: 100% !important;
  }

  /* home - top title */
  #first-level-banner .bannerLeftSide,
  #first-level-banner .bannerRightSide45{
    position: static !important;
  } 
  
  #first-level-banner .bannerLeftSide{
    /*height:82px;*/
  }
  
  #first-level-banner .bannerLeftSide h1{
    position: static !important;
    margin: 0 !important;
    padding: 0 5px 5px 5px !important;
  }  
  
  #first-level-banner .bannerRightSide45{
    display:none;
  }
  
  /* home - map */
  
  #c368365 h1{
    text-align:center;
    margin:10px 0 !important;
  }
  
  #c368342 img{
    width: 100% !important;
    height: auto !important;
  }
  
 
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}