/*

RESPONSIVE-980.CSS

- Applied to 980px width devices and below (for vertical iPad display)

*/
@media (max-width: 980px) {

/* ============================================================================
	Container - reducing padding
   ========================================================================= */
	div.container {
		padding: 0 20px;
		width: auto;
	}
	
/* ============================================================================
	Header Banner
   ========================================================================= */
	header a.home-header-image-next {
		left: auto;
		right: 10px;
		visibility: hidden;
	}
	header a.home-header-image-previous {
		left: 10px;
		visibility: hidden;
	}
	div.home-header-image {
		background-size: 153% 100%;	
	}
	div.header-image, div.home-header-image, div.home-header-images {
		min-width: inherit; 
	}
	header > div.header-image-sub {
		min-width: inherit;
	}
	
/* ============================================================================
	Topbar - adjusting width/margins/paddings
   ========================================================================= */
	.topbar nav {
		width: auto;
	}
	.topbar nav ul{
		padding: 10px;
	}
	header a.next{
		right: 40px;
		left: auto;
	}
/* ============================================================================
	Header - adjusting width/margins/paddings
   ========================================================================= */
	header .container nav {
		left: auto;
		right: 3%;
	}
	div.nav-info-box.use-large-sub-nav {
		margin: 0 -355px;
		padding: 20px 0 0 20px;
		width: auto;
	}
	div.nav-info-box.use-large-sub-nav ul.nav-sub,
	div.nav-info-box.use-large-sub-nav ul.nav-sub > li {
		margin: 0;
		width: 690px;
	}
	div.nav-info-box.use-large-sub-nav ul.nav-sub ul.border {
		padding-top: 10px;
	}
	div.nav-info-box {
		padding: 25px 0 25px 25px;
	}
	div.nav-info-box.nav-contact-us {
		margin-left: 35px;
	}
	
/* ============================================================================
	Intro - adjusting width/margins/paddings
   ========================================================================= */
	.header-home-box .bd > p{
		margin: 0;
	}
	div.intro, 
	div.home-intro {
		background-position: right top;
	}
	div.home-intro{
		padding: 10px 30px 80px;
	}
	div.intro {
		padding: 20px 40px 20px 55px;
	}
	div.intro div.shadow.right,
	div.home-intro div.shadow.right	{
		left: auto;
		right: -20px;
		width: 20px;
	}
	div.home-section-list {
		padding: 63px 50px 20px
	}

/* ============================================================================
	Module Teaser - adjusting width/margins/paddings
   ========================================================================= */
	/*li.dfwp-item {
		display: inline-block;
	}*/
	div.box-33.image-only.focus {
		border : none;
		margin: 10px 1.2%;
	}
	div.box-33.image-only.video {
		margin-top: 10px;
	}
	ul.dfwp-column.dfwp-list li.dfwp-item  div.whitespace {
		padding: 0;
	}
	ul.dfwp-column.dfwp-list li.dfwp-item div.whitespace + ul.dfwp-list {
		overflow: hidden;
		max-height: 360px;
		padding: 0 16px 10px;
	}
	ul.dfwp-column.dfwp-list li.dfwp-item div.whitespace + ul.dfwp-list li.dfwp-item:not(:nth-child(-n+4)){
		display: none;
	}

/* ============================================================================
	Module Latest updates - PR – Events - adjusting width/margins/paddings
   ========================================================================= */
	div.ms-webpartzone-cell.ms-webpart-cell-horizontal {
		width: 50%;
	}
	div.ms-webpart-zone .ms-webpart-cell-horizontal .ms-webpart-chrome ,
	div.ms-webpart-zone .ms-webpart-cell-horizontal .ms-webpart-chrome  > div{
		width : auto !important; /* TODO remove !important after removing inline style */
	}

/* ============================================================================
	Module Custom stories - adjusting width/margins/paddings
   ========================================================================= */
	div.BU-customer-cases {
		background-position: center center;
		background-repeat: no-repeat;
	}
	.box-66.border-right {
		margin: 3% 0 3% 2%;
	}
	.box-100 > .box-33:last-child, .box-100 > .box-33.last {
		padding: 1% 0;
		text-align: center;
		min-width: 33%;
	}
	
/* ============================================================================
	Module Get inspired - adjusting width/margins/paddings
   ========================================================================= */
	div.box-black-100 > h3.hd, 
	div.box-black-100 > div.bd	{
		margin: 0;
		width: 45%;
	}
	div.box-black-100 > h3.hd {
		font-size: 26px;
	}
	div.box-black-100 div.bd > p {
		margin: 10px 0 !important; /* TODO remove !important after removing it from modules.css(.ms-webpart-cell-vertical p) */
	}

/* ============================================================================
	Module Solutions : 
	Financial BU, Transport BU, Identity & Access BU, M2M BU
	- adjusting width/margins/paddings
   ========================================================================= */
	div.box-solution-100  img{
		width: 100%;
	}
	div.box-solution-100 div.box-25 {
		width: 33%;
		padding-right: 0.3%;
	}
	div.box-solution-100 div.box-inline > p{
		margin: 10px 14px !important; /* TODO remove !important after removing it from modules.css(.ms-webpart-cell-vertical p) */
	}
	
/* ============================================================================
	Partners page - adjusting width/margins/paddings
   ========================================================================= */
	div.sub-content {
		width: 497px;
	}
	nav.sub-navigation{
		margin-right: 5px !important; /* TODO remove !important after removing it from layout.css(.sub-navigation) */
	}

/* Preference Center */
  iframe#prefCenter {
    height: 2135px;
  }
	
/* ============================================================================
	HTML Block home page
   ========================================================================= */	
    div.footer-home {
		padding: 0;
	}
	div.footer-home  div.container {
		margin: 0 5px;
	}
	div.footer-home div.section {
		display: table-footer-group;
	}
	div.footer-home div.section:first-child > div {
		float: left;
		width: 50%;
	}
	div.footer-home .section > p.footer-callout, div.footer-home .section > div.footer-downloads {
		width: auto;
		padding: 0;
	}
	
	.responsive-menu-button{
		display: none;
	}
}