@media only screen and (min-width: 980px)  and (max-width: 1152px){
	#main-menu > li > a, 
	#main-menu > li > span, 
	#main-menu > li.hover > a, 
	#main-menu > li.hover > span {
/* 		width: 152px; */
		padding: 15px 10px 13px;
	}
	

	.intranet #main-menu > li.section-2 > a, 
	.intranet #main-menu > li.section-2 > span, 
	.intranet #main-menu > li.section-2.hover > a, 
	.intranet #main-menu > li.section-2.hover > span {
    	width: 290px;
	}	
	
	.intranet #main-menu > li.section-3 > a, 
	.intranet #main-menu > li.section-3 > span, 
	.intranet #main-menu > li.section-3.hover > a, 
	.intranet #main-menu > li.section-3.hover > span {
    	width: 165px;
	}		
	
	#main-menu > li.menu-home-icon.hover > a,
	#main-menu > li.menu-home-icon.hover > span {
		width: 61px;
		padding: 18px 0px 13px 0px;
	}
	
	.sequence-wrapper .sidebar {width: 26%;}
	
	.left-sidebar {margin-right: 0%;}
	.sidebar {width: 19%;}
	#main-col {width: 75%}
	#main-col.light {width: 58%; margin-right: 1%}
	.right-sidebar {margin-left: 0%;}
	
/* 	div.scpobdx-title img, */
/* 	#logo-image img {width: 90%; height: auto;} */
	
	
}

@media only screen and (max-width: 1152px){
	#header-bottom .scpobdx-title {width : 74%;}
	
	.sidebar.left-sidebar {
		margin-left: 0%;
/* 		max-width: 96%; */
/* 		width: 96%; */
/* 		margin-right: 3%; */
	}
}

@media only screen and (max-width: 1024px)
{
	body.page #main-col.large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item {
		width: calc(100% / 4 - 30px);
	}
	body.page #main-col.mi-large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item,
	body.page #main-col.small #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item {
		width: calc(100% / 3 - 20px);
	}
}

@media only screen and (min-width: 980px){
	
	.link-menu > span{ display:none; }
	
	.sequence-wrapper {
/* 	    background: url("../img/bg-2.png") no-repeat scroll center top rgba(0, 0, 0, 0); */
	    width: 100%;
	}
	
	.sequence-container {
	    background: url("../img/shadow.png") no-repeat scroll center 0 rgba(245, 245, 245, 0.77);
	    padding-bottom: 10px;
	    position: relative;
	    width: 100%;
	}
	
	#main-menu .submenu{
	    left:0;
	    position:absolute;
	}
	
	#main-menu .submenu ul + ul + ul{
		margin-right:0;
	}
	
	
	#main-menu .submenu ul > li{
	    width:222px;
	    margin-left:10px;
	    padding:10px 0;
	}
	
	
	#main-menu .submenu ul > li:first-child{
	    border-top:0;
	}
	
	
	#main-menu .submenu ul > li > a:link,
	
	#main-menu .submenu ul > li > a:visited{
	    color:#2d3638;
	    text-transform:uppercase;
	    height:36px;
	    line-height:normal;
	    display:inline-block;
	    width:100%;
	    height:100%;
	    text-decoration:none;
	}
	
	
	#main-menu .submenu a:link{
		text-decoration:none;
	}
	
	
	#main-menu .submenu ul{
	    float:left;
	    margin-top:-14px;
	}
	
	
	#main-menu .submenu ul.last{
	    margin-left:27px;
	}
	
	#main-menu .submenu ul.last a:link{
	    width:110%;
	    display:block;
	}

	#top-nav  a.btn-ent {display: none;}
}

@media only screen and (max-width: 979px){
	.search-box-mobile { 
		display: inline-block;
		vertical-align : top;
		margin-top:15px;
	}
	
	.search-box-mobile .kp-filter span > em {
 		display: inline;
    	float: none;
    	margin-right: 0px;
    	font-style: normal;		
	}

	.breadcrumb-withHeader {
		padding: 0 5px;
	}		
	
	body.page #main-col.large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item{
		width: calc(100% / 3 - 25px);
	}
	
}


@media only screen and (min-width: 768px) and (max-width: 979px){
	
	.sequence-slider{ float:right; }
	
	div.scpobdx-title img,
	#logo-image img {width: 75%; height: auto; margin: 5px 0;}
	
	#logo-image img {float: left;}
	
	/*---Main Menu---*/
	#top-nav{
		float:none;
		display : inline-block;
		vertical-align : middle;
		margin-top: 10px;
	}
	
	#top-nav  li.link-menu > span {
	    cursor: pointer;
	    display: inline-block;
	    margin-top: 5px;
	    font-family:'Rokkitt', serif;
	    color:#444;
		margin-left: 20px;
		font-size:18px;
		margin-left:0;
		text-transform:uppercase;
/* 		width:38px; */
		height:38px;
		background:url('../img/btn_menu.png') no-repeat left top;
		text-indent:45px;
		font-size:14px;
		line-height:36px;
	}
	
	#top-nav > div > ul > li > div {
	    display: none;
	}
	
	
	#top-nav > ul {
		float: left;
		width: 130px;
	}
	
	#top-nav div.content-menu {display: none; }
	#top-nav div.content-menu.shown {display: block; }
	.search-box { display: none;}
	
	#header-bottom .rightbox { margin-top : 20px; }
/* 	.sidebar.left-sidebar {display: none; } */
	
	.profile .sidebar.left-sidebar {display: block; margin-bottom: 30px;}
	
	div#main-col, .ametys-cms-content.header-content .inner-content {width: 97%; margin-left: 1%; margin-right: 2%;}
	div#main-col.light {width: 66%; margin-right: 0%; margin-left: 1%;}
	.sidebar.right-sidebar {width: 28%; margin-left: 2%;}
	
	#main-menu > li.menu-home-icon.current-menu-item > a{
		background-position:10px center;
	}
	
	#main-menu > li.menu-home-icon > a{
		width: auto;
	}
	
	#main-menu > li > a{
		border-width:0;
		text-align:left;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		line-height:40px;
		font-size:20px;
	}
	
	#main-menu > li{
		float:none;
		position:relative;
	}
	
	#top-nav li.link-menu > span{
		margin-left:10px;
	}
	
	#main-menu > li > a > span, 
	#main-menu > li > span > span{
		margin-right:5px;
	}
	
	.content-menu{
		position:absolute;
		background-color:#ffffff;
		width:100%;
		font-size:16px;
		z-index:999;
		border:1px solid #d6d6d6;
	}
	
	#main-menu .subsubmenu{
	    background-color:#cab59d;
	    display:none !important;
	}
	
	#main-menu .nav .submenu ul{
		font-size:.5em;
		line-height:normal;
	}
	
	#main-menu .nav .submenu ul > li > a:link{
		font-weight:bold;
	}
	
	#main-menu .nav .submenu a:link,
	#main-menu .nav .submenu a:visited{
		color: #23292c;
	}
	
	#main-menu .nav .submenu .know-more{
		color: #23292c;
		display: block;
		font-size: 0.8em;
		margin-left: 11px;
		padding-bottom: 5px;
	}
	
	#main-menu .submenu-header{
		margin-left:0;
	}
	#main-menu .submenu .title{
		display:none;
	}
	
	#main-menu .submenu .know-more{
		position:absolute;
		top:22px;
		right:10px;
	}
	
	#main-menu li.hover .submenu{
		padding:10px;
		position:static;
		border-width:0;
	}
	
	#main-menu .submenu ul + ul{
		border-top:1px dotted #d6d6d6;
	}
	
	#main-menu > li > a, 
	#main-menu > li > span, 
	#main-menu > li.hover > a, 
	#main-menu > li.hover > span{
		padding-left:10px;
		text-align:left;
	}
	
	#main-menu .nav .submenu ul{
		position:static;
	}
	
	#main-menu .nav .submenu ul > li.hover .subsubmenu{
	    display:block !important;
	}
	
	#main-menu .nav .subsubmenu > li{
	    border:0 !important;
	}
	
	#main-menu .nav .subsubmenu > li > a:link{
	    background:none !important;
	/*         font-size:1.2em FONTSIZE; */
	    text-transform:none;
	    font-weight:bold;
	}
	
	.sidebar.right-sidebar{
		box-sizing:border-box;
		max-width: none;
		padding:0 10px;
		width: 31% !important;
	}
		
	#top-nav  a.btn-ent {display: none;}
	
	.ametys-cms-content.header-content .carousel-container ul li{
		min-height : 300px;
	}
	.ametys-cms-content.header-content .carousel-container ul li .carouselDetails > div h2 {
		margin-top : 20px;
/* 		margin-bottom : 20px; */
	}
	.ametys-cms-content.header-content .carousel-container ul li .carouselDetails p {
		line-height : 25px;
	}
}

@media only screen and (max-width: 1050px){
	.faq-home .faq-title {
		float : none !important;
	}
	
	
	.faq-home .faq-links {
		width : 100%;
		text-align : left;
	}
	
	.faq-home .faq-links .big-button {
		float : none !important;
		display : inline-block;
	}
	.faq-home .faq-links .big-button.left-button {
		margin-left : 0 !important;
	}
	.faq-home .faq-links .big-button.right-button {
		margin-left : 15px !important;
	}
	
	.home #ametys-cms-zone-zone-3 .filtered-contents-link h3.postheader {
		display : block;
	}
	.home #ametys-cms-zone-zone-3 .filtered-contents-link .link {
		float : left !important;
	}
	.home #ametys-cms-zone-zone-3 .filtered-contents-link .link a{
		margin-top : 0 !important;
	}
}

@media only screen and (min-width: 980px){
	.ametys-cms-content.header-content .carousel-container ul li .carouselDetails > div h2 {
		margin-top : 45px;
/* 		margin-bottom : 20px; */
	}
	.ametys-cms-content.header-content .carousel-container ul li .carouselDetails h2 span {
		padding: 10px 15px;
		font-size : 36px;
	}
	.ametys-cms-content.header-content .carousel-container ul li .carouselDetails p {
		line-height : 25px;
	}
	.ametys-cms-content.header-content .carousel-container ul li .carouselDetails p.content-read-more {
		margin-top : 30px;
	}
}

	
@media only screen and (max-width: 768px)
{
	body.page #main-col.large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item,
	body.page #main-col.mi-large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item {
		width: calc(100% / 3 - 20px);
	}
}

@media only screen and (max-width: 767px){


	#header-bottom .scpobdx-title {width : 65%;}
	
	#header-top {
	    padding-bottom : 10px;
	}	
	
	#header-top h1 img{
		width:190px;
	}
	
	#logo-image img {margin: 5px 0;}
	
	#header-top .univ-bdx {
    	margin-right: 65px;
	}
	
	#top-nav div.content-menu {display: none; }
	#top-nav div.content-menu.shown {display: block; }
	
	#logo-image img {width: 50%; height: auto; float: right;}	
	
	.search-box {
		display: none !important;
	}	
	
	div.scpobdx-title{
		float:left;
		width:45%
	}
	#header-bottom .rightbox { margin-top : 15px; }
	
	.sidebar, 
	.sequence-wrapper .sidebar{ 
		float:none; 
		clear:both; 
		border-width:0; 
		margin:0 auto; 
		width:100%;
	}
	
	#main-col, .ametys-cms-content.header-content .inner-content {
    box-sizing: border-box;
    margin-top: 20px;
    padding: 0 10px;
	}
	.ametys-cms-content.header-content .inner-content {
		margin-top : 0;
	}
	.ametys-cms-content.header-content .sequence-wrapper {
		padding-top : 40px;
	}
	.ametys-cms-content.header-content .carousel-container ul li{
		min-height : 250px;
	}

/* 	.breadcrumb{ padding: 10px; } */
	
	/*---Main Menu---*/
	#top-nav{
		float:none;
		display : inline-block;
		vertical-align : middle;
		margin-top : 10px;
	}
	
	#back-top a {
		background-color:rgba(0,47,107,0.5);
	}
	#back-top a:hover {
	    background-color:rgba(0,47,107,0.8);
	}
	
	#top-nav  li.link-menu > span {
	    cursor: pointer;
	    display: inline-block;
	    margin-top: 5px;
	    font-family:'Rokkitt', serif;
	    color:#444;
		margin-left: 20px;
		font-size:18px;
		margin-left:0;
		text-transform:uppercase;
		width:38px;
		height:38px;
		background:url('../img/btn_menu.png') no-repeat left top;
		text-indent:45px;
		font-size:14px;
		line-height:36px;
	}
	
	#top-nav  a.btn-ent {
	    cursor: pointer;
	    display: inline-block;
	    font-family:'Rokkitt', serif;
	    color:#444;
		font-size:18px;
		margin-left:0;
		text-transform:uppercase;
		font-size:20px;
		margin-top: 11px;
	}	
	
	#top-nav > ul {
		float: left;
		width: 130px;
	}
	
	#top-nav  a.btn-ent:before {
	    height: 28px;
	    width: 32px;
	    text-align: center;
		font-size: 1em; 
		padding: 5px;
		margin-right: 5px;
		color: #FFF; 
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		content: "\e0a8";
		background-color: #004553;
	}
	
	#top-nav  a.btn-ent span {
		margin-top: 2px;
		float: right;
	}
	
	#top-nav > div > ul > li > div {
	    display: none;
	}
	
	
	#main-menu > li.menu-home-icon.current-menu-item > a{
		background-position:10px center;
		padding: 10px;
	}
	
	#main-menu > li.menu-home-icon > a{
		width: auto;
	}
	
	#main-menu > li > a, #main-menu > li > span{
		border-width:0;
		text-align:left;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		line-height:40px;
		font-size:20px;
	}
	#main-menu > li.hover > a, #main-menu > li.hover > span {
		font-size : 20px;
	}
	
	#main-menu > li{
		float:none;
		position:relative;
	}
	
	#top-nav li.link-menu > span{
		margin-left:10px;
	}
	
	#main-menu > li > a > span, 
	#main-menu > li > span > span{
		margin-right:5px;
	}
	
	.content-menu{
		position:absolute;
		background-color:#ffffff;
		width:100%;
		font-size:16px;
		z-index:999;
		border:1px solid #d6d6d6;
	}
	
	#main-menu .subsubmenu{
	    background-color:#cab59d;
	    display:none !important;
	}
	
	#main-menu .nav .submenu ul{
		font-size:.5em;
		line-height:normal;
	}
	
	#main-menu .nav .submenu ul > li > a:link{
		font-weight:bold;
	}
	
	#main-menu .nav .submenu a:link,
	#main-menu .nav .submenu a:visited{
		color: #23292c;
	}
	
	#main-menu .nav .submenu .know-more{
		color: #23292c;
		display: block;
		font-size: 0.8em;
		margin-left: 11px;
		padding-bottom: 5px;
	}
	
	#main-menu .submenu-header{
		margin-left:0;
	}
	#main-menu .submenu .title{
		display:none;
	}
	
	#main-menu .submenu .know-more{
		position:absolute;
		top:22px;
		right:10px;
	}
	
	#main-menu li.hover .submenu{
		padding:10px;
		position:static;
		border-width:0;
	}
	
	#main-menu .submenu ul + ul{
		border-top:1px dotted #d6d6d6;
	}
	
	#main-menu > li > a, 
	#main-menu > li > span, 
	#main-menu > li.hover > a, 
	#main-menu > li.hover > span{
		padding-left:10px;
		text-align:left;
	}
	
	#main-menu .nav .submenu ul{
		position:static;
	}
	
	#main-menu .nav .submenu ul > li.hover .subsubmenu{
	    display:block !important;
	}
	
	#main-menu .nav .subsubmenu > li{
	    border:0 !important;
	}
	
	#main-menu .nav .subsubmenu > li > a:link{
	    background:none !important;
	/*         font-size:1.2em FONTSIZE; */
	    text-transform:none;
	    font-weight:bold;
	}
	
	.sidebar{
		box-sizing:border-box;
		max-width: none;
		padding:0 10px;
	}
	
	.search-box {
		float: left;
		display:inline-block;
	}
	
	#header-banner, .univ-bdx, .print, #pdf-icon {display: none;} 
	
	div#main-col.light, div#main-col, .ametys-cms-content.header-content .inner-content {width: 98%; margin-right: 1%; margin-left: 1%;}
	.sidebar.right-sidebar {width: 100%; }
	
	#logo-image { top: -16px;}
	
/* 	#header-top {padding-bottom: 16px;} */

	body.page #main-col.large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item,
	body.page #main-col.mi-large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item{
		width: calc(100% / 3 - 20px);
	}

	
}

@media only screen and (min-width: 359px)  and (max-width: 766px) {
		.home .sidebar-left.widget-area-1 {max-width: 100%;}
		div.carousel-pagination,
		.filtered-contents-abstract .link {display: none;}
		
		.breadcrumb-withHeader {
			padding: 0 13px;
		}	
		
		#logo-image img {margin: 5px 0;}	
		
		body.page #main-col.large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item, 
		body.page #main-col.small #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item, 
		body.page #main-col.mi-large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item{
			width: calc(100% - 20px);
		}	
}

@media only screen and (max-width: 599px) {
	.faq-home .big-button {
		float : none !important;
		margin-top : 0 !important;
		margin-bottom : 15px;
		margin-left : 0 !important;
		margin-right: 20px;
	}
	.faq-home .faq-title{
		float : none !important;
	}
	.faq-home .faq-links {
		display : block;
	}
	#header-bottom .scpobdx-title {width : 60%;}
	#header-top  .header-logo {
		max-height : 45px;
		margin-top: 10px;
	}
	#logo-image img {margin: 5px 0;}
	
		#top-nav > ul {
		float: left;
		width: 110px;
	}
	.breadcrumb-withHeader {
		padding: 0 15px;
	}	
	
	.home .ametys-cms-service.filtered-contents .content-list-item, .home .ametys-cms-service.faq-home .article-home .span4 {
		display : inline-block !important;
		width : 100% !important;
		margin-left: 0 !important;
    	margin-right: 0 !important;
    	margin-bottom : 10px !important;
	}	
}

@media only screen and (max-width: 479px) {
	#top-nav > ul {
		float: left;
		width: 70px;
	}
	#header-bottom .scpobdx-title {width : 90%;}
	.sidebar.left-sidebar {display: block;}
	.sidebar.right-sidebar {margin-left: 0px;}
	
	#main-content .wrapper-content,
	#page-footer .wrapper-content {
		padding: 0 15px;
	}

	.breadcrumb-withHeader {
		padding: 0 15px 0 28px;
	}	
	
	.home .ametys-cms-service.filtered-contents .content-list-item, .home .ametys-cms-service.faq-home .article-home .span4{
		display : none  !important;
	}
	
	.home .ametys-cms-service.filtered-contents .content-list-item.first, .home .ametys-cms-service.faq-home .article-home .span4:first-child {
		display : inline-block !important;
		width : 100% !important;
		margin-left: 0 !important;
    	margin-right: 0 !important;
	}
	
	.home .faq-home .faq-links a.right-button, .home .faq-home .faq-links a.left-button  {
		margin-left : 0;
		margin-right : 10px;
	}		
}

@media only screen and (max-width: 359px) {
	body.page #main-col.large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item, 
	body.page #main-col.small #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item, 
	body.page #main-col.mi-large #ametys-cms-zone-default .ametys-cms-service.filtered-contents-link .content-list-item{
		width: calc(100% - 20px);
	}	
}