@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {


/* ------------------------------------------------------------------------ 		
			
		CORE/MAIN.css

	 ------------------------------------------------------------------------		*/

	/*	CONTAINER 	*/
	div.container {
		width: 100%;
	}

	/* 	HEADER 	*/
	div.header-desktop {
		display: none;
	}
	    div.header-mobile {
	    	display: block;
	        margin-top: 0;
	        height: 90px;
	        width: 100%;
	        position: relative;
	        background: url('../png/header-hsbc.png') no-repeat top right #FFF;
	    }
	    	a.head-logo {
	    		display: block;
	    	}
	    		a.head-logo img {
	    			margin: 10px 0 0 10px;
	    			height: 70px;
	    			width: auto;
	    		}
	    	.nav-mobile-open {
	    		height: 35px;
	    		width: 140px;
	            background: url('../png/nav-open.png') top center no-repeat;
	    		position: absolute;
	    		top: 90px;
	    		right: 0px;
	            z-index: 250;
	    	}
	    	.nav-mobile-close {
	    		height: 35px;
	    		width: 140px;
	            background: url('../png/nav-open.png') top center no-repeat;
	    		position: absolute;
	    		top: 90px;
	    		right: 0px;
	            z-index: 250;
	    	}


    div.header-baseline {
    }
        div.header-baseline .container {
        	overflow: hidden;
        }
        div.header-baseline div.baseline-logo {
            width: auto;
        }
        	div.header-baseline div.baseline-logo img {
	    		height: 35px;
        		width: auto;
        	}
        div.header-baseline div.baseline-chrono {
            font-size: 13px;
            padding-right: 10px;
        }
        div.header-baseline div.baseline-links {
        	display: none;
        }
        div.header-baseline div.baseline-dates {
        	font-size: 14px;
        	width: auto;
        }

    article.graphic-blue01 {
        background: #0e2247;
    }
    article.graphic-blue02 {
        background: #102346;
    }
    article.graphic-green {
        background: #FFF;
    }
    article.graphic-green-30 {
        background: #b7c72a;
    }


/* ------------------------------------------------------------------------ 		
			
		CORE/LAYOUTS.css

	 ------------------------------------------------------------------------		*/
	.cols-50x50-wrapper {
	    flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
	    .cols-50x50-left {
	        width: 95%;
	        margin: 0 auto;
	        margin-left: auto;
	    }
	    .cols-50x50-right {
	        width: 95%;
	        margin: 0 auto;
	        margin-right: auto;
	    }

/* ------------------------------------------------------------------------ 		
			
		CORE/FORM.css

	 ------------------------------------------------------------------------		*/
	ul.form-default li .on-cols.on2cols label {
		width: 160px;
	}

}