/* ############################################### */
/* ########### max 1024px   S T A R T  ########### */
/* ############################################### */

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

#top_out{
/*background-color: #87888a;*/
}
#bottom_newsletter{
display: none;
}
#breadcrumbs, #breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active, #breadcrumbs a:hover {
    color: #87888a;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #3374b5;
}

#top_out {
    border-bottom: 0px solid #e9e9e9;
}

#searchbox {
    background: none repeat scroll 0 0 rgb(233, 233, 233);
}
nav div.slicknav_menu ul.slicknav_nav li.slicknav_parent.slicknav_open ul.level2 li a{
width: 100% !important;
}
#navigation #projectlogo {
    width: 112px;
}
#homepage #img_project
,#homepage #img_patient
,#homepage #img_investor
,#homepage #img_professionals
,#homepage #img_schools{
margin-left: 0px;
margin-right: 0px;
}
/* ############################################### */
/* ########### max 1024px   E N D      ########### */
/* ############################################### */











/* ############################################### */
/* ########### max 980px   S T A R T  ########### */
/* ############################################### */
@media screen and (max-width: 980px) {

.level3{
	background-color: transparent !Important;	
}

#searchbox {

background: none repeat scroll 0 0 rgba(233, 233, 233, 0.5);
}
#navigation_out{
top: 5.4em !important;
/*box-shadow: 0 5px 4px rgb(68, 68, 68);*/
}
#breadcrumbs{
/*width: 100%;*/


}

/* RAD: for slicknav.js START */
#searchicon{

position: absolute !important;
right: 0px;
top: 0px;
}
body.slicknav #navigation #searchicon {
padding-top: 0 !important;
text-decoration: none;
}
#searchicon img:hover{
border-bottom:0px;
}
#navigation #projectlogo {

margin-top: 8px;
padding-top: 0;
position: relative;
}

#mainmenu{
margin-top: 5px;
padding-top: 0;
}

#searchbox{
/* RAD: override js style attr */
margin-left: 0!important;
}



#mainmenu nav ul.level1 > li
,#navigation > div
,#breadcrumbs
,#searchbox{
clear:both;
height:auto;
float:none;
position:static;
margin-left:0;
text-align:left
}
#mainmenu nav ul.level1 > li > a
,#navigation > div > a
,#breadcrumbs > a
,#searchbox > a{
height:auto;
}

#mainmenu ul.slicknav_nav > li {
	margin: 0;
}

#navigation_out {
    /*height: auto!important;*/
	background-color: #ffffff;
    background-color: rgba(255,255,255,0.80);
}
body.slicknav #navigation #breadcrumbs{
top: -69px !important
}
body.slicknav #searchbox{
position:absolute !important;
top: 97px ;
width: 98% !important;
background-color: rgba(229, 229, 229, 0.9) !important;
}
/* RAD: for slicknav.js END */


body.mobile #header_out {
    padding-top: 22px;
}


}

/* ############################################### */
/* ########### max 980px   E N D      ########### */
/* ############################################### */






/* ############################################### */
/* ########### min 951px   S T A R T  ########### */
/* ############################################### */

/* RAD: for mobile slicknav.js menu */

@media screen and (min-width: 981px) {

body.slicknav #navigation #searchicon {
    float: right !important;
	margin-right: 10px;
    /*padding-top: 58px !important;*/
}

body.slicknav #navigation #projectlogo {
    position: relative !important;
    top: -77px !important;
}





body.slicknav #navigation #mainmenu {
    position: relative !important;
    top: -69px;
}


body.slicknav #navigation #breadcrumbs {
    position: relative !important;
    top: -69px;
}


}

/* ############################################### */
/* ########### min 951px E N D ############################### */
/* ############################################### */




/* ############################################### */
/* ########### max 980px   S T A R T  ########### */
/* ############################################### */
@media screen and (max-width: 980px) {
#searchbox{
margin-top:0px;
}
#navigation_out {
    height: 67px;
}
#breadcrumbs{
background-color:rgba(229, 229, 229, 0.9) !important;
padding-left:20px !important;
}
body.mobile #header_out {
    margin-top: 133px;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
}
div#searchicon{
/*padding-top: 17px !important;*/
}
body.slicknav #searchbox{
top: 67px;
}

}

/* ############################################### */
/* ########### max 980px   E N D      ########### */
/* ############################################### */





/* ############################################### */
/* ########### max 850px   S T A R T  ########### */
/* ############################################### */
@media screen and (max-width: 850px) {
#header .csc-default {
    margin-top: 10px;
   display: none ; 
}

}

/* ############################################### */
/* ########### max 850px   E N D      ########### */
/* ############################################### */





/* ############################################### */
/* ########### max 600px   S T A R T  ########### */
/* ############################################### */
@media screen and (max-width: 600px) {
#projectlogo{
	
	margin-left: 10px !important;
}
#progtext{
	padding-left: 6px;
	padding-right: 6px;
}
#euflag{
	padding-right: 6px;
}
#navigation_out{
top: 0em !important;
}

body.mobile #header_out {
    padding-top: 30px;
}
body.mobile #header_out {
    margin-top: 95px;
}
#searchicon{


right: 12px;
top: 58px !important;
}
body.slicknav #searchbox{
top: 136px;
}
#header_out .csc-textpic-imagewrap{
	margin-left: 0;
}
}

/* ############################################### */
/* ########### max 600px   E N D      ########### */
/* ############################################### */


























/* ############################################### */
/* ########### max 500px   S T A R T  ########### */
/* ############################################### */
@media screen and (max-width: 500px) {
#navigation_out {
    top: 0em !important;
}
body.mobile #header_out {
margin-top: 80px;
}
body.slicknav #searchbox{
top: 136px;
}
}

/* ############################################### */
/* ########### max 500px   E N D      ########### */
/* ############################################### */


/* ############################################### */
/* ########### max 350px   S T A R T  ########### */
/* ############################################### */
@media screen and (max-width: 350px) {
#top_out{
height: 1.9em;
}
#header_out {
    padding-top: 32px;
}
#homepage #img_project
,#homepage #img_patient
,#homepage #img_investor
,#homepage #img_professionals
,#homepage #img_schools{
    height: auto;
    max-width: auto;
    width: auto;
}
body.slicknav #searchbox{
top: 136px;
}
#top_out {
    background-color: #3474b4;
}
}

/* ############################################### */
/* ########### max 350px   E N D      ########### */
/* ############################################### */


#top
,#searchicon{
display:none;
}
#top_out {

    background-color: #ffffff;
	z-index:1;

}
#projectlogo {
    margin-top: -15px ;
}

.borderleft {

    position: fixed;
    width: 5px;
    background-color: #fdcc53;
    left: 0;
    height: 100%;
    z-index: 1000000;
    overflow: hidden;
	top:0;

}
.borderright{
    position: fixed;
    width: 5px;
    background-color: #fdcc53;
    right: 0;
	top:0;
    height: 100%;
    z-index: 1000000;
    overflow: hidden;
}