/*
#@sites/sofra-radiopharmacie.org/local/cache-css/cssdyn-css_responsive_css-141b6e5a.css
*/
/* #PRODUIRE{fond=css/responsive.css}
   md5:e32c9dc46f80e117c64007e5b8ec6097 */
/* ChariteMax - HTML Template */
/* ==== Form states and alerts ==== */
/* Adaptateur BS2 */
/* ==== Tooltips and popovers ==== */
/* Adaptateur BS2 */
/* ==== Special enhancement for popovers ==== */
/* Adaptateur BS2 */
/* ==== Labels (BS2) ==== */
/* ==== Modals (BS2) ==== */
/* ==== Alerts (BS2) ==== */
/* ==== Progress bars (BS2) ==== */
/* ==== Thumbail (BS2) ==== */
/* ==== Wells ===== */
/* ==== Badges (BS2) ==== */
/* ==== Carousel (BS2) ==== */
/* ==== Close (BS2) ==== */
/* ==== Code  (BS2) ==== */
/* ==== Type  (BS2) ==== */
/* Horizontal offset for forms and lists. */
/* Text muted color */
/* Abbreviations and acronyms border color */
/* Headings small color */
/* Blockquote small color */
/* Blockquote font size */
/* Blockquote border color */
/* Page header border color */
/* Width of horizontal description list titles */
/* Point at which .dl-horizontal becomes horizontal */
/* Horizontal line color. */
/* ==== Sprite icons path ==== */
/* ==== Horizontal forms & lists ==== */
/* ==== Hero unit ==== */
/* Typo SPIP */
@media only screen and (max-width: 1800px) {
  .main-slider .slider-wrapper .image img {
    width: auto;
  }
}
@media only screen and (max-width: 1300px) {
  .page-wrapper {
    overflow: hidden;
  }
  .main-slider h1 {
    font-size: 50px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 1199px) {
  .main-menu .navigation > li > a {
    font-size: 13px;
  }
  .page-wrapper {
    margin-bottom: 0px !important;
  }
  .fact-counter .inner-box {
    margin-left: 100px;
    margin-bottom: 30px;
  }
  .main-header.style-two .header-upper {
    padding: 0px;
  }
  .sp-two {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .image-block-one {
    margin-bottom: 50px;
  }
  .image-block-one .big-image img {
    float: left;
    right: 0;
  }
  .image-block-one .small-image {
    right: 5px;
  }
  .main-footer .services-widget {
    padding-left: 0px;
  }
  .main-footer .posts-widget {
    padding-right: : 0px;
    margin-left: 0px;
  }
  .header-top .outer-box {
    justify-content: center;
  }
  .event-section .image-block-one .big-image img {
    right: 0px;
  }
  .main-header.style-two {
    position: relative;
    background: #222;
  }
  .main-header.style-two .logo-outer {
    padding: 15px 0 15px;
    background-color: #2a2a2a;
    margin-bottom: 10px;
  }
  .sidebar-page-container {
    padding-top: 1.6em;
  }
  .blog-single,
  .right-sidebar {
    padding-left: 6vw;
    padding-right: 6vw;
  }
}
@media only screen and (max-width: 599px) {
  .container {
    padding-left: 0;
    padding: 0;
  }
  .container > .row {
    margin-bottom: 0;
  }
  .grotit {
    margin-right: 6vw;
    margin-left: 6vw;
  }
  .sp-two {
    padding: 3em 0 ;
  }
  .main-slider .tit {
    font-size: 38px;
    line-height: 45px;
    padding: 0 6vw;
  }
  .main-slider h3 {
    margin: 20px;
  }
  .main-slider .text {
    line-height: 1.2;
  }
  .main-slider .surtit {
    font-size: 19px;
  }
  .main-slider .surtit span {
    top: 0;
    right: 5px;
    position: absolute;
  }
  .news-section {
    padding: 0;
  }
  .fact-counter .inner-box {
    max-width: 260px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .sp-three {
    padding: 30px 6vw 50px;
  }
  .sp-two {
    padding: 3em 6vw;
  }
  .event-section .image-block-one .big-image img {
    width: 100%;
  }
  .header-top {
    z-index: 50;
  }
  .header-top .top-right .menu-liste li {
    margin-left: 15px;
  }
  .header-top .top-right .menu-liste li:first-of-type a {
    font-size: 0;
  }
  .header-top .top-right .menu-liste li:nth-of-type(2) {
    margin-left: 5px;
  }
  .header-top .top-right .menu-liste li a {
    font-size: 12px;
  }
  .main-header .header-upper .outer-box,
  .main-header .main-menu {
    position: absolute;
    top: 49vw;
  }
  .main-header .header-upper .outer-box {
    margin-right: 4.5%;
    float: right;
    z-index: 1000;
  }
  .main-header .main-menu {
    z-index: 900;
  }
  .main-header .main-menu .navbar-toggle {
    margin-bottom: 6px;
  }
  .main-header .logo-outer {
    padding: 15px 0 5px;
  }
  .main-header .logo-outer .logo h1,
  .main-header .logo-outer .logo {
    font-size: .4em;
    padding-bottom: 26px;
  }
  .main-header .logo-outer .logo h1 img,
  .main-header .logo-outer .logo img {
    width: 77%;
    margin-top: 93px;
    margin-bottom: -32px;
    padding: 0 1%;
  }
  .main-header .search-box-outer .search-box-btn {
    font-size: 23px;
    padding: 5px 0 6px;
  }
  .main-header .search-box-outer .dropdown-menu {
    top: 5px !important;
    width: 102vw !important;
    transform: translate3d(-91vw, 41px, 0px) !important;
  }
  .main-header .search-panel .form-conteiner {
    padding: 20px 6%;
  }
  .main-header .search-panel input[type="search"] {
    padding: 9px 15px 9px 15px;
    width: 81%;
  }
  .main-header .search-panel button[type="submit"] {
    width: 14%;
    padding: 0.5em 0em;
  }
  .header-top .top-left,
  .header-top .top-right {
    justify-content: center;
  }
  .header-top .top-left .menu-entree.item.menu-items__item.menu-items__item_page-speciale.abonnement,
  .header-top .top-right .menu-entree.item.menu-items__item.menu-items__item_page-speciale.abonnement {
    display: none;
  }
  .header-top .top-left .menu-liste li.menu-items__item_accueil,
  .header-top .top-right .menu-liste li.menu-items__item_accueil {
    margin-left: 0;
  }
  .main-menu .navbar-collapse > .navigation {
    background-color: #246c7d;
  }
  .main-menu .navbar-collapse > .navigation > li > ul,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
    background-color: #246c7d;
  }
  .main-menu .navbar-collapse > .navigation > li a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
    color: #fff;
  }
  .main-menu .navbar-collapse > .navigation > .menu-entree:first-of-type {
    padding-top: 0.1em;
  }
  .main-menu .navbar-collapse > .navigation > .menu-entree:last-of-type {
    padding-bottom: 0.1em;
  }
  .about-block-two h1,
  .about-block-two .grotit {
    font-size: 27px;
    margin-bottom: 0;
  }
  .news-block-one .inner-box .lower-box {
    padding-right: 4%;
    padding-left: 25vw;
  }
  .news-block-one .inner-box .lower-box .date {
    padding-left: 7.5%;
  }
  .services-block-one {
    margin-bottom: 0;
  }
  .services-block-one h4 {
    margin-bottom: 0;
  }
  .services-block-one .image.logo_svg {
    padding: 0 0;
  }
  .services-block-one .read-more a,
  .services-block-one .read-more span {
    display: none;
  }
  .services-block-one .inner-box {
    border-bottom: 1px solid #8bba41;
    padding-top: 35px;
  }
  .services-block-one:last-of-type {
    border-bottom: 0 solid none;
  }
  .page-title {
    padding: 2em 3vw;
  }
  .page-title h1 {
    font-size: 10vw;
  }
  .bread-crumb {
    padding: 15px;
  }
  .bread-crumb li {
    margin-left: 0;
    margin-right: 4px;
  }
  .bread-crumb li:first-of-type {
    font-size: 0;
  }
  .bread-crumb li:first-of-type .fa-home {
    font-size: 18px;
  }
  .cause-block .lower-content h4 {
    padding: 0 6vw 20px;
  }
  .contenu .blog-single .inner-box .lower-box .top-content h4 {
    font-size: 2em;
  }
  .contenu .blog-single .text h3.spip {
    font-size: 24px;
    line-height: 1.5em;
    padding-bottom: .5em;
    margin-bottom: 1em;
  }
  .subscribe-section {
    padding: 1.5em 1.5em 0;
  }
  .subscribe-section .title-column {
    text-align: center;
  }
  .subscribe-section .subscribe-form .form-group input[type="email"] {
    width: 100%;
  }
  .subscribe-section .subscribe-form button {
    right: 10%;
  }
  .subscribe-section .subscribe-form .reponse_formulaire {
    text-align: center;
  }
  .owl-carousel {
    margin-bottom: 0;
  }
  .sec-title {
    width: 100%;
    overflow: hidden;
  }
  .page_sommaire .main-slider .slider-wrapper .image img {
    max-height: 500px;
    width: auto;
  }
  .page_sommaire .image-block-one {
    margin-top: 0;
  }
  .page_sommaire .big-image {
    display: none;
  }
  .page_interieure .main-header .logo-outer .logo img {
    width: 40%;
    margin-bottom: 18px;
  }
  .page_interieure .main-header .header-upper .outer-box,
  .page_interieure .main-header .main-menu {
    top: 25vw;
  }
  .chapo {
    margin: 8vw auto 0;
    width: 80vw;
  }
  .page_compte .offset-2,
  .page_abonnement .offset-2 {
    margin-left: 0;
  }
  .page_compte .col-xs-5.col-sm-6,
  .page_abonnement .col-xs-5.col-sm-6,
  .page_compte .col-xs-7.col-sm-6,
  .page_abonnement .col-xs-7.col-sm-6 {
    width: 50%;
    font-size: 2.2vw;
  }
  .page_compte .onglets .ongletclic.active,
  .page_abonnement .onglets .ongletclic.active {
    float: left;
  }
  .page_compte .grotit {
    margin-right: 0;
    margin-left: 0;
  }
  .page_compte .btn.droite {
    float: none;
    padding: 0.2em 0.6em 0.3em;
    font-size: 14px;
  }
  .page_compte .sidebar-page-container {
    padding: 2.2em 1em 0;
  }
  .page_compte .sidebar-page-container .contenu {
    text-align: center;
  }
  .page_compte .sidebar-page-container .contenu #coldroite .deconnect {
    float: none;
  }
  .page_compte .sidebar-page-container .contenu #coldroite .encartcompte .grotit {
    margin: 0;
  }
  .page_compte .sidebar-page-container .contenu #coldroite .encartcompte .tit {
    margin: 0.5em auto;
  }
  .main-footer .widgets-section {
    padding: 2em 10vw;
    text-align: center;
  }
  .main-footer .posts-widget {
    padding-right: 0;
  }
  .main-footer .posts-widget .post {
    padding-left: 0;
  }
  .main-footer .posts-widget .post .post-thumb {
    display: none;
  }
  .main-footer .footer-logo {
    width: 100%;
  }
  .main-footer .footer-logo img {
    display: inline-block;
  }
  .main-footer .nav {
    display: inline-block;
    width: 100%;
  }
  .main-footer .footer-column .widget-title .footer-logo {
    display: inline-block;
  }
  .main-footer .footer-column .widget-title::before,
  .main-footer .footer-column .widget-title::after {
    left: 50%;
    transform: translate(-50%);
  }
  .main-footer .contact-info-list li {
    padding: 0;
  }
  .main-footer .contact-info-list li i {
    position: static;
    margin-right: 0.7em;
  }
  .main-footer .footer-widget .btico {
    text-align: center;
  }
  .main-footer .footer-widget .btico img {
    float: none;
    clear: none;
    display: block;
    margin: 0 auto 6px;
  }
}
@media only screen and (min-width: 1200px) {
  .main-header .search-box-outer .dropdown-menu {
    left: 0 !important;
  }
}