#landscapemessage {
    margin:10px;
    color: #A4A4A4;
    font-size: 12px;
    display:none;
}


/***************************************************************/
/** Ecran - viewport 1680 Width x 1050 Height ******************/
/***************************************************************/

@media screen and (min-width:1441px) and (max-width:1681px) {.pourcentages{font-size:3em}
}

/***************************************************************/
/** Ecran - viewport 1440 Width x 900 Height ******************/
/***************************************************************/

@media screen and (min-width:1368px) and (max-width:1441px) {.pourcentages{font-size:3em}
}

/***************************************************************/
/** Portable - viewport 1366 Width x 768 Height ****************/
/***************************************************************/
/* Survey Summary */
@media screen and (min-width:1025px) and (max-width:1367px) {.pourcentages{font-size: 2.8em;margin:15px}.agebar{width:170px}
}
/* Advertising Analysis */
@media screen and (min-width:1025px) and (max-width:1367px) {
}

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

/***************************************************************/
/** Ipad - viewport 1024 Width x 768 Height ********************/
/***************************************************************/
/* Nav menu minimal */
@media screen and (max-width:1025px) {#panelbutton{display:table-cell}#brand-logo{height:40px}#content{width:100%;margin-left:0px}#logopanel{width:auto}
}
/* Header */
@media screen and (max-width:1025px) {#header{background-color:#333333;box-shadow:none}.headernav ul a{background-color:white}#nav{display:none}.navbar-brand{color:white}.nav-title{margin-left:85px;padding-left:0px}
}
/* Titre */
@media screen and (min-width:700px) and (max-width:1025px) {.navbar-brand {font-size:1.5em}
}
/* Header bar */
@media screen and (max-width:1025px) {.header-bar{width:260px}
}
/* Les listes font la place aux selects pour les ecrans tactiles */
@media screen and (max-width:1025px) {.header-nav{display:none}.styled-select{display:block}
}
@media screen and (min-width:1025px) {.styled-select{display:none}
}
/* Survey Summary */
@media screen and (max-width:1025px) {.pourcentages{font-size:2em;margin:10px}.picto{height:45px}.agebar{width:140px}.survey-title{font-size:0.9em}
}

@media screen and (min-width:700px) and (max-width:1025px) {
}

/***************************************************************/
/** Smartphones - viewport 375 Width x 670 Height **************/
/***************************************************************/
/* Common */
@media screen and (max-width:700px) {
.defaut-panel{min-height:150px}
.flex-container{flex-flow:column nowrap;-webkit-flex-flow:column nowrap}
#container-advertising{min-width:320px}
#container-summary {min-width:320px}
.box-map {display: none;}
#DescriptifMOVIETEL{display:block; width:100%; height:150px;text-align:center;color: #fff;font-size:18px;overflow: hidden;background-color:#22313F;}
}

/* Survey Summary*/
@media screen and (max-width:700px) {
.agebar{width:190px}.agecsp-info {margin:40px 5px 5px 5px}
.box-survey{min-width:320px;width:100%;padding-left:0px;padding-bottom:0px;height:auto}
#subject{width:100%;height:280px;margin-bottom:0px}
.box-map{min-width:320px;width:100%;height:320px}
.box-gender{min-width:320px;width:100%;padding-left:0px;padding-right:0px;height:200px}
.box-agecsp{min-width:320px;width:100%;padding-left:0px;height:200px}
.content-adsummary{-webkit-flex-flow: column nowrap;flex: 1 0 auto;padding:0px;height:auto}
.content-surveyprofile{-webkit-flex-flow:column nowrap;flex: 1 0 auto;padding-right:0px;padding-left:0px;height:auto}
.nav-title{margin-left:110px;}
}

/* Advertising Analysis*/
@media screen and (max-width:700px) {
.box-analysis{padding-left:0px;height:300px;padding-bottom:10px}
.box-analysis-full{padding-left:0px;height:700px}
.half-container{flex: 1 0 auto;padding-top:0px;padding-left:0px;padding-right:0px!important;width:100%;height:auto;}
    .half-container:nth-of-type(1) {
        margin-top: 10px;
    }
#brand-logo{height:40px;background-color:transparent;}
}

/* Brand Analysis */
@media only screen and (max-device-width:700px) and (orientation : portrait) {.box-brand{display:none}#landscapemessage{display:inline-block}#container-brand{height:100vh}}
@media only screen and (max-device-width:700px) and (orientation : landscape) {.box-brand{display:block}#landscapemessage{display:none}}
@media screen and (max-width:700px) {
.box-brand{width:100%}
.header-bar{width:190px;margin-left:200px;}
}

/* Titre */
@media screen and (max-width:700px) {.navbar-brand {font-size:16px}
}