/**	Responsive Rules
*************************************************** **/

	/* Mega Menu */
	@media (min-width: 990px) {
		section#group-sec-4 .item-box figure img {
			min-height: 190px;
		}
		nav.mega-menu .nav,
		nav.mega-menu .dropup,
		nav.mega-menu .dropdown,
		nav.mega-menu .collapse {
			position: static;
		}
		header#topNav nav.mega-menu ul.nav-main .mega-menu-content {
			text-shadow: none;
		}

		header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
			color: #87919F;
			padding: 0;
			margin: 0 15px;
		}

		header#topNav nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
		}

			/* two columns */
			header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu {
				min-width:350px;
			}
			header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu ul.dropdown-menu {
				top:4px;
				min-width:160px;
				padding:6px 2px;
				box-shadow:rgba(0,0,0,0.3) 0 0 6px;
			}
			header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu ul.dropdown-menu li a {
				font-weight: normal;
				text-transform: none;
				position: relative;
				padding: 6px 20px;
				margin:0 -2px;

				background: none;
				font-style: normal;
				line-height: 20px;
				color: #9C9C9C;
				position: relative;

				-webkit-transition: all 0.2s;
				   -moz-transition: all 0.2s;
					 -o-transition: all 0.2s;
						transition: all 0.2s;
			}

		header#topNav nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
			display: block;
			font-size: 1em;
			font-weight: 600;
			padding-bottom: 5px;
			text-transform: uppercase;
		}

		header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
			display: block;
			margin: 0 0 0 -8px;
			padding: 6px 8px;
			text-transform: none;
			font-size: 0.9em;
			font-weight: normal;
			text-shadow: none;

			-webkit-transition: all 0.2s;
			   -moz-transition: all 0.2s;
				 -o-transition: all 0.2s;
					transition: all 0.2s;
		}

		header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
			text-decoration: none;
		}

		header#topNav nav.mega-menu .navbar-inner,
		header#topNav nav.mega-menu .container {
			position: relative;
		}

		header#topNav nav.mega-menu .dropdown-menu {
			left: auto;
		}

		header#topNav nav.mega-menu .dropdown-menu > li {
			display: block;
		}

		header#topNav nav.mega-menu .nav.pull-right .dropdown-menu {
			right: 0;
		}

		header#topNav nav.mega-menu .mega-menu-content {
			padding: 20px 8px;
		}

		header#topNav nav.mega-menu .mega-menu-content:before,
		header#topNav nav.mega-menu .mega-menu-content:after {
			display: table;
			content: "";
			line-height: 0;
		}

		header#topNav nav.mega-menu .mega-menu-content:after {
			clear: both;
		}

		header#topNav nav.mega-menu.navbar .nav > li > .dropdown-menu:after,
		header#topNav nav.mega-menu.navbar .nav > li > .dropdown-menu:before {
			display: none;
		}

		header#topNav nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
			left: 0;
			right: 0;
			width: auto;
		}
        body {
            font-size: 14px;
	    }

	}
@media (max-width: 1200px) {
	span.special {
		display: inline-block;
		float: none;
		text-align: left;
		width:auto;
		margin-left: 5px;
	}
    section#loyalty-sec-7 iframe {
        min-height: 300px !important;
    }
}
@media (max-width: 990px) {
	/* Navigation */
    header#topNav {
        padding: 24px 0;
    }
	header#topNav div.nav-main-collapse,
	header#topNav div.nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	header#topNav div.nav-main-collapse {
		float: none;
		margin: 0;
	}

	header#topNav nav.nav-main ul.nav-main {
		float: none;
		position: static;
		overflow-x:hidden;
	}

	header#topNav div.nav-main-collapse.collapse {
		display: none !important;
	}

	header#topNav div.nav-main-collapse {
		top: 20px;
		position: relative;
	}

	header#topNav div.nav-main-collapse.in {
		display: block !important;
		margin-bottom: 20px;
	}

	header#topNav div.nav-collapse div.container nav.nav-main {
		float: left;
		width: 100%;
	}

	header#topNav div.nav-main-collapse {
		background: #222;
		max-height: none;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	header#topNav div.nav-main-collapse.topFix {
		margin-top:-18px !important;
	}

	header > div.container {
		margin-bottom: 0;
	}

	header#topNav nav ul.nav-main {
		margin-right: -10px;
	}

	header#topNav div.nav-collapse {
		background: #2D343E;
		width: 100%;
		clear: both;
		width: 100%;
	}

	header#topNav nav.nav-main {
		clear: both;
		display: block;
		float: none;
		width: 100%;
	}

	header#topNav nav.nav-main ul,
	header#topNav nav.nav-main ul li {
		padding: 0;
		margin: 0;
	}

	header#topNav nav.nav-main ul li {
		clear: both;
		float: none;
		display: block;
		border-bottom: 1px solid #000;
		border-top: none;
	}

	header#topNav nav ul.nav-main > li + li {
		margin-left: 0;
	}

	header#topNav nav ul.nav-main li a,
	header#topNav nav ul.nav-main ul.dropdown-menu li > a {
		padding: 10px;
		border: 0;
		border-top: 0;
		margin: 0;
	}

	header#topNav nav.nav-main ul li:last-child,
	header#topNav nav ul.nav-main ul.dropdown-menu li > a {
		border-bottom: none;
	}

	header#topNav nav ul.nav-main li a {
		color: #FFF;
		clear: both;
		float: none;
		display: block;
	}

	header#topNav nav ul.nav-main li a i.icon-angle-down {
		position: absolute;
		right: 5px;
		top: 10px;
	}

	header#topNav nav.nav-main ul ul li {
	    padding-left: 20px !important;
	}

	header#topNav nav.nav-main ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	header#topNav nav ul.nav-main ul.dropdown-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	header#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
		display: block !important;
	}

	header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
		border: 0;
		margin: 0 5px;
		padding-left: 35px;
	}

	header#topNav nav ul.nav-main .dropdown-submenu > a:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #FFF;
	}

	header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after {
		border-left-color: transparent;
	}

	header#topNav nav ul.nav-pills > li > a:before,
	header#topNav nav ul.nav-main li.dropdown:hover > a:after {
		display: none;
	}

	header#topNav nav ul.nav-main i.icon-caret-down {
		float: right;
	}

	header#topNav nav ul.nav-main ul.dropdown-menu,
	header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle,
	header#topNav nav ul.nav-main li a,
	header#topNav nav ul.nav-main li.active a,
	header#topNav nav ul.nav-main li.dropdown:hover a,
	header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a,
	header#topNav nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
		background: none !important;
		background-color: #222 !important;
		color: #FFF !important;
	}
	header#topNav nav ul.nav-main li.dropdown.resp-active ul.dropdown-menu {
		border-top: 1px solid #000;
	}

	header.center nav ul.nav-main > li {
		display: block;
	}

	header#topNav nav ul.nav-main ul.sub-menu {
		padding: 0;
		margin: 0 0 10px 0;
	}

	header#topNav nav ul.nav-main ul.sub-menu ul.sub-menu {
		margin-top: 10px;
	}

	header#topNav nav ul.nav-main i.icon-caret-down {
		color: #ADB0AD !important;
	}

	header#topNav button {
		display:block;
		float:right;
	}


	header#topNav ul.scroll-menu {
		position: relative;
		display: inherit !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;
		-ms-overflow-scrolling: touch;
		-o-overflow-scrolling: touch;
		overflow-scrolling: touch;
		top: 0 !important;
		left: 0 !important;
		width: 100%;
		height: auto;
		max-height: 430px;
		margin: 0;
		border-left: none;
		border-right: none;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-ms-border-radius: 0 !important;
		-o-border-radius: 0 !important;
		border-radius: 0 !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	header#topNav ul.scroll-menu-2x {
		max-height: 230px;
	}

	.featured-box.left-separator {
		border-left:0;
	}

	.bs-callout .btn {
		display:block;
		max-width:250px;
		margin:30px auto 0 auto;
	}

	footer .column.text-right,
	footer .column.logo {
		display:none;
	}
    .img-responsive {
        margin-bottom: 20px;
    }
    #about .col-md-10 h2 {
        text-align: center;
    }
    #about .col-md-10 ul.col-md-6 {
        width: 50%;
        float: left;
    }
		ul {
    margin-top: 0;
    margin-bottom: 0;
		}
}


@media only screen and (max-width: 768px) {
	header#topNav nav.nav-main li.resp-active.dropdown > ul.dropdown-menu {
		display: none !important;
	}
	header#topNav nav.nav-main li.resp-active.dropdown.language > ul.dropdown-menu,
	header#topNav nav.nav-main li.resp-active.dropdown.mobile-active > ul.dropdown-menu {
		display: block !important;
	}
	h1 {
		font-size: 2.500rem !important;
	}
    h3 {
        text-align: left;
    }
    #wrapper #iso {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
	.edito .edito-txt div.countTo strong {
    	font-size: 1.714rem !important;
	}

    #loyalty-sec-8 img {
		border-radius: 0 !important;
		margin-top: 0 !important;
	}
	section[id*="scrollEdito"] {
	    margin-bottom: 0 !important;
	}
	#sm-sec-2 h2 {
	    font-size: 1.643rem;
	}
	section {
	    padding: 1.071rem !important;
	}
	section#slider {
	    padding: 0 !important;
	}
	#sm-sec-2 h5,
	#sm-sec-2 p {
		text-align: left !important;
	}
	#sm-sec-11 p {
		text-align: center;
	}
	#investors-sec-3  div[class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	section#loyalty-sec-3, section#loyalty-sec-4, section#loyalty-sec-5,
	section#loyalty-sec-6, section#loyalty-sec-7, section#loyalty-sec-8, section#loyalty-sec-8,
	section#sm-sec-6, section#sm-sec-7, section#sm-sec-8, section#sm-sec-8, section#sm-sec-9,
	section#sm-sec-10, section#sm-sec-12, section#sm-sec-13, section#sm-sec-14, section#sm-sec-15,
	section#technology-sec-5, section#investors-sec-3, section#investors-sec-4, section#investors-sec-6, section#investors-sec-8 {
		background: none !important;
		background-color: #f1f2f7;
	}
	section#loyalty-sec-3 .container, section#loyalty-sec-4 .container, section#loyalty-sec-7 .container, section#loyalty-sec-8 .container, section#loyalty-sec-5 .container, section#loyalty-sec-8 .container, section#sm-sec-6 .container, section#sm-sec-7 .container,
	section#sm-sec-8 .container, section#sm-sec-9 .container, section#sm-sec-10 .container,
	section#sm-sec-12 .container, section#sm-sec-13 .container, section#sm-sec-14 .container, section#sm-sec-15 .container,
	section#technology-sec-5 .container,
	section#technology-sec-4 .container,
	section#investors-sec-3 .container, section#investors-sec-4 .container, section#investors-sec-5 .container, section#investors-sec-6 .container, section#investors-sec-7 .container, section#investors-sec-8 .container {
		background-color: #FFF !important;
		padding-top: 20px;
		padding-bottom: 20px;
		-moz-box-shadow: 2px 2px 12px #aaa;
		-webkit-box-shadow: 2px 2px 12px #aaa;
		box-shadow: 2px 2px 12px #aaa;
	}
	section#sm-sec-15 .container:first-of-type {
		margin-bottom: 20px;
	} 
    section#loyalty-sec-4 h5 {
        margin-bottom: 100px;
    }
    section#loyalty-sec-4 .contenu {
        margin: 0 0 30px 0;
    }
    section#loyalty-sec-4 .contenu:last-of-type {
        margin: 0;
    }
    section#loyalty-sec-7 iframe {
        min-height: 0 !important;
    }
	section#sm-sec-9 .container {
		background: #FFF url('/assets/images/sm/bg-sm-9.jpg') no-repeat 5% -9% !important;
	}
	section#sm-sec-9 .container h3 {
		padding-bottom: 23.857rem;
	}
	section[id*="sm-sec-"] .btn-primary,
	section[id*="loyalty-sec-"] .btn-primary,
	section[id*="technology-sec-"] .btn-primary {
		width: 100%;
	}
	section#sm-sec-16 .owl-item .img-responsive {
		margin: 0 auto !important;
		text-align: center !important;
	}
	.dropdown-menu .divider {
		background-color: #222;
	}
	header#topNav nav.nav-main ul li {
		border-top: none;
	}
	header#topNav li.divider {
		border-bottom: 1px solid #465260;
	}
	/* slider */
	.noimg-slider h1 {
		font-size:80px !important;
		line-height:80px !important;
	}

	/* Ignore Parallax */
	.parallax {
		background-position:0 50% !important;
		background-size:auto !important;
	}

	.item-box {
		max-width:300px;
	}
	.item-box ul.basic {
		text-align: left;
	}
	/* Count To */
	div.countTo label {
		margin-bottom:30px;
	}

	footer .copyright {
		text-align:center;
		display:block;
		width:100%;
	}
	footer .column.logo,
	footer .column.testimonials,
	#scrollEdito h4 + img {
		display:none;
	}
	footer .footer-bar .toTop {
		position:relative;
		padding-left:0;
		width:100%;
		border:0;
		border-top:#403E44 1px dashed;
		display:block;
	}
    footer .footer-bar .imprint {
		position:relative;
		padding-left:0;
		width:100%;
		border:0;
		border-top:#403E44 1px dashed;
		display:block;
		text-align:center;
	}
	/* Logo for maroc */
	a.logo img.margingl30 {
		margin-left: 10px;
	}
    .img-responsive {
        margin-bottom: 20px;
    }
    #about .col-md-10 h2 {
        text-align: center;
    }
	#scrollEdito h4 {
		/*font-size: 2.0rem !important;
		line-height: 2.5rem !important;*/
	}
    #about .col-md-10 ul.col-md-6 {
        width: 100%;
        float: left;
        margin: 0;
    }
    .owl-carousel {
    	margin-top: 0;
    	margin-bottom: 0;
    } 
}


@media only screen and (max-width: 479px) {
	section#group-sec-3 .offices li[class*="isotope-item"] {
		min-height: auto !important;
		padding-bottom: 20px;
	}
	section#technology-sec-3 {
		background: none !important;
		background-color: #f1f2f7;
	}
	section#technology-sec-3 .container {
		background-color: #FFF !important;
		padding-top: 20px;
		padding-bottom: 20px;
		-moz-box-shadow: 2px 2px 12px #aaa;
		-webkit-box-shadow: 2px 2px 12px #aaa;
		box-shadow: 2px 2px 12px #aaa;
	}
	section#technology-sec-3 .container {
		background: #FFF url('/assets/images/technology/bg-sec-3.jpg') no-repeat 100% 0% !important;
	}
	section#technology-sec-3 .container h3 {
		min-height: 475px;
	}
	#loyalty-sec-7 h2,
	#loyalty-sec-7-8 h2 {
		margin-bottom: 0;
	}
	.btn-primary {
	    max-width: 100%;
	    white-space: normal;
	    /*-- retour ligne intelligent --*/
	     word-wrap: break-word;
	    -webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    -ms-hyphens: auto;
	    -o-hyphens: auto;
	    hyphens: auto;
	}
	.edito .edito-txt {
		top: 65.5vh !important;
	}
	section#sm-sec-9 .container h3 {
		padding-bottom: 20.857rem;
	}
	section#sm-sec-12 .container h6 {
		min-height: 4.857em;
		margin-bottom: 1.143rem;
	}
	section#sm-sec-12 .container h6,
	.featured-box-minimal i.fa {
		text-align: center;
		margin-left:  auto;
		margin-right: auto;
	}
	.featured-box-minimal i.fa {
	    display: block;
		margin-bottom: 0.257em;
	}
	.item-box-desc {
		padding: 0;
	}
	.item-box-desc h6  {
		min-height: 2.857em;
		margin-bottom: 0;
	}
	.image-caption {
		top: 70vh !important;
	}
	/* slider */
	.noimg-slider h1 {
		font-size:60px !important;
		line-height:60px !important;
	}

	.slides-navigation a {
		top:auto !important;
		bottom:30px !important;
	}
	.slides-pagination {
		bottom:30px !important;
	}

	#slider .image-caption .inner h1 {
		font-size:40px;
		line-height:40px;
	}
	body.boxed #slider .image-caption {
		left:50% !important;
	}

	/* image no float */
	a.inner.pull-left,
	a.inner.pull-right,
	img.inner.pull-left,
	img.inner.pull-right {
		float:none !important;
		margin:20px 0 !important;
	}

	/* tabs */
	div.tabs ul.nav-tabs li,
	div.tabs ul.nav-tabs li a {
		display:block !important;
		float:none !important;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}

	.responsive-text-center {
		text-align:center !important;
	}

	/* item box */
	.item-box {
		width:100%;
		max-width:100%;
		text-align:center;
	}
	.item-box figure {
		text-align:center;
		width:100%;
		max-height:100% !important;
	}
	.item-box figure img {
		margin:auto;
		height:auto !important;
		width:auto !important;
	}

	/* 404 */
	div.e404 {
		font-size:1150%;
		text-align:center;
	}
    table {
        font-size: 12px;
	}
    .nav-pills > li {
    display: block;
    float: left;
    text-align: left;
    width: 100%;
    font-size: 12px;
    }
    .nav-pills > li > a {
        padding: 5px;
        margin: 0;
    }
    .nav-pills > li.dropdown {
    float: none;
    font-size: 12px;
}
    hr {
        margin: 30px 0;
    }
    .padding30 {
        padding: 30px 0 10px 0 !important;
    }
    .padding150 {
        padding: 80px 0 40px 0 !important;
    }
    .padding80, .padding50, .padding40, #passivemesure {
        padding: 15px 0 !important;
    }
    .margin-top50, .margin-top60 {
        margin-top: 20px !important;
    }
	.margin-bottom50 {
		margin-bottom: 10px !important;
	}
	.block-home {
;	}
	.block-home:last-child {
		padding-bottom: 30px !important
	}
    .parallax .featured-box-minimal h3 {
        padding: 20px !important;
    }
	#scrollEdito h4 {
		margin-top: 14px !important;
		margin-bottom: 10px !important;
	}
    h3.page-header {
	    margin: 0 0 20px;
	    padding: 0 0 20px !important;
    }
    .img-responsive {
        margin-bottom: 10px;
    }
    h1, .h1, h2, .h2, h3, .h3 {
        margin-bottom: 10px;
        margin-top: 5px;
    }
    h1 {
        margin-top: 55px;
    }
    #about .col-md-10 h2 {
        text-align: center;
    }
    #topHead {
        position:fixed !important;
    }
    #group-sec-4 .item-box-desc {
        padding: 10px 0;
    }
	#group-sec-4 .isotope-item {
		padding-left:  0 !important;
		padding-right: 0 !important;
	}
}