/*///////////////////////////////////////////////////////////////////////*/
/*///////////////////               Ercom 		     ////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/

/* Author : Frédéric Kristof - CocciNet
/* Project : Ercom
/* Date  : Mars 2016

------------------------------------------------------------------------*/

/* 1 - 1500px / 1440 x 883 tablette
/* 2 - 1200px
/* 3 - Tablette paysage (1024x768)
/* 4 - 990px
/* 5 - 900px
/* 6 - Petite tablette paysage (800x600)
/* 7 - Tablette portrait (768x1024)
/* 8 - Petite tablette portrait (600x800)
/* 9 - 640px
/* NEXT AND PREV OF NEWS EVENTS */
/* 10 - Mobile paysage (480x320)
/* 11 - Mobile portrait (320x480)

------------------------------------------------------------------------*/

/* 1500
------------------------------------------------------------------------*/
@media print, screen and (max-width: 1500px) {
    .top, #talents, #cryptosmart {background-size: auto 100%;}
    #triangle-cryptosmart {right: 762px;}
    #triangle13, #triangle14 {width: 207px; right: 800px;}
    #triangle15 {width: 207px; right: 696px;}
    body.blog-ercom .rtm-header.col8{ padding: 16px 15px 10px 16px;}

}

@media print, screen and (max-width: 1440px) {
    .button_subscribe:after { bottom: -30%; }
    .right_buttons{ width: 87%; }
}

/* 1200
------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
    /*slider */
    .slider-home.metaslider .caption-wrap {/*max-width: 300px;*/ bottom: 20%;}
   /* .postuler {background: url(../images/bg-postuler.jpg); background-size: auto 100%; background-position: 30% 50%}*/
   #triangle-cryptobox {right: -170px; width: 550px}
   #triangle4 {right: 380px;}
   #triangle5 {right: 276px;}
   #triangle6 {right: 70px;}
   #triangle7 {right: -34px;}
   #triangle-cryptosmart {right: 587px; width: 550px;}
   #triangle8 {right: 381px;}
   #triangle9 {right: 277px;}
   #triangle10, #triangle11 {right: 70px;}
   #triangle12 {right: -34px;}
   #triangle13, #triangle14 {right: 657px;}
   #triangle15 {right: 553px;}
   #triangle-mobipass {width: 625px}

    .evolution .nav-items span.right{
        margin: 0;
    }
    .evolution .nav-items span.left {
        margin-left: 0px;
    }
    .max1200 {        padding: 0 0px;box-sizing: border-box    }
   .item-concerne{min-width: 20%}
    .page-template-page-mobipass .age-annim .item-val-2{     margin-left: -77px;        width: 40%}

    /*===================
    Product
    ====================*/
    .menace .item-board,.menace .jeton{display: none}
    .menace .rtm-item.active .item-bottom{display: block;transition: all cubic-bezier(0.38, 0.04, 0.24, 1.41) 0.3s;}
    .menace .rtm-items{border: none}
    .menace .rtm-item {width: 25%;margin: 10px auto}

    .s-product .people {
        padding: 2.5% 1% 2.5% 5%;
        width: 43%;
    }
    .fonct .item-logo{width: 20%;}
    .fonct .item-body{width: 80%;}

    #menu-link-ercom{display:block }
    .mini-logo.right{display: none}

}
@media (max-width: 1200px) {
    .promo{ height: 215px; }
    .on_premise{ min-height: 1075px; }
}

@media (max-width: 1213px) and (min-width: 1120px){
    #produit-menu li a{
       font-size: 18.2px;
    }

}
/* Tablette paysage (1024x768)
------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    .item-concerne {
        margin: 7px 5px;
        min-height: 255px;
        vertical-align: bottom;
		

    }
    .item-concerne { display: inline-block;float: none}
    .concernes{text-align: center;}
    /* blog */
    body.blog-ercom .rtm-wrap-items{margin: auto;        float: none;        width: 100%;}
    body.blog-ercom .rtm-header.col8 {
        box-sizing: border-box;
        padding: 16px 15px 20px 15px;
    }
    .rtm-wrap-sidebar{margin: auto;float: none;text-align: center;width: 30%}
    .upcoming-events .col3{width: 33%;box-sizing: border-box}
    .upcoming-events .col9{width: 66%;box-sizing: border-box}
    /*slider*/
    .slider-home.metaslider .caption-wrap .caption p{margin: 0;font-size: 22px}
    .head-share{display: none}
    .wpcf7-radio >span{display: block}
    nav{padding: 10px 0}
    /*==================
        usecase detail
        ================*/
    .block-liste .rtm-item{width: 100%}
    .product-you .offre-product .rtm-item{width: 100%}
    .product-you .offre-product .rtm-item.active .shema{display: block}
    .display-shema{display: none}
    .pictos .picto{width: 49%}
    .securite .rtm-item,.securite .diap{width: 100%;text-align: center}
	
    /*HACHIM*/
    .cloud{ min-height: 1090px; }
    .on_premise{ min-height: 1010px; }
    .promo{ height: 225px; }

    /*LANDING HACHIM*/
    .subscribe{ height: 100%; }
    #banniere{ margin-bottom: 50px; }
    .left_landing{ width: 100%; }
    .landing_right{ width: 100%; }
    .right_buttons{ width: 60%; }
    .button_landing{ width: 60%; left: 0; }
    .left_landing .button_landing{ float: none; margin: auto; position: relative; margin-bottom: 20px; }
    .button_offers{ top: inherit; }

    /* CRYTOSMART ERCOM SLIDER*/

    .single_image img{ width: 100%; height: auto; padding-top: 50px; }
	.page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 100px; min-height: 270px; width: 80%; float: right;}
}

@media screen and (max-width: 980px) {
    .on_premise{ min-height: 1260px; }
    .promo{ height: 240px; }
}

/* Petite tablette paysage (800x600)
------------------------------------------------------------------------*/
@media screen and (max-width: 991px) {
    .col3,.col6 {padding: 1em 2%; width: 48%;box-sizing: border-box}
    .page-template-page-home #section6 .col3 ,.page-template-page-home #section6 .col6{float: none ;display: inline-block; width: 100%}
    .page-template-page-home #section6{text-align: center}
    .page-template-page-mobipass .age-annim .item-val-2{    margin-left: -15px;        width: 29%;}
    .page-template-page-mobipass .age-annim .item-logo{text-align: center}
    body.blog-ercom #main .col9{width: 98%;}
    body.blog-ercom #main .col3{width: 100%}
    .owl-carousel .owl-wrapper-outer{width: 900px;}
}

/* 900px
------------------------------------------------------------------------*/
@media print, screen and (max-width: 900px) {
    .people {padding: 2.5% 1% 2.5% 16%; width: 37%;}

    body .col-produit-txt-2{float: right;}
    body .col-produit-image-2{float: left;}

    .item-concerne{min-width:40%}
    .s-product .people {padding: 2.5% 1% 2.5% 3%;  width: 36%; display: none;
    }
    .fonct .item-logo{width: 100%;}
    .fonct .item-body{width: 100%;}
    .fonct .item-body,.fonct .item-body p{text-align: center}
    
    /*HACHIM*/
    .on_premise{ left: 0; right: 0; margin: auto; width: 80%; float: none; margin-top: 70px; min-height: inherit;  }
    .on_premise:last-child{ margin-left: auto;}
    .cloud{ margin-top: 50px; min-height: inherit; }
    .container{ display: block; }
    footer{ float: none; width: inherit; }
    .list{ margin-bottom: 2%; }
    .button_ld{ position: relative; }
    .adjustBtn{
        margin: inherit;
    }
    .owl-carousel .owl-item{width: 250px;}
}

/* Petite tablette paysage (800x600)
------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
    #section6 .item-veleurs:nth-child(2n+1){
        clear: both;
    }
}

/* Tablette portrait (768x1024)
------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
   body {padding: 0;}
   footer #droits {padding: 1em 3em 1em;}
   .notablet {display: none}
   footer .col3 {display: none}
   .top {margin-top: -7em}
   .col4 {width: 96%; float: left; padding: 1em 2%}
   .col8 {width: 96%; float: left; padding: 1em 2%}
   .col2, .col9 {width: 96%; float: left; padding: 1em 2%}
   .col3, .col6 {width: 102%; float: left; padding: 1em 2%; text-align: center}
   .col5 {width: 96%; float: left; padding: 0 2%}
   .col7 {width: 96%; float: left; padding: 0 2%}
   footer .col2 { text-align: center}
   footer .col4 { font-size: 125%}
   footer h1 { line-height: 0.9em;}
   footer input[type="submit"] { margin: 0}
   #triangle-cryptobox, #triangle6, #triangle7, #triangle-cryptosmart, #triangle13, #triangle14, #triangle15, #triangle-mobipass, #triangle21, #triangle22 { display: none}
   #triangle4, #triangle12 { right: 0;}
   #triangle10, #triangle11 { right: 104px;}
   #triangle9 { right: 311px;}
   #triangle8 { right: 415px;}
   #triangle5 { right: -104px;}
   #triangle16 { left: 335px;}
   #triangle17 { left: 485px;}
   .rs-right { display: none}
   .people { padding: 2.5% 0 2.5% 2%; width: 25%; display: none;}
   #btn_up { right: 2%; bottom: 0.55em;}
   .wraper-client .rtm-right {background-image: none;}
    .slider-home.metaslider .caption-wrap {
        bottom: 25%;
        top: 70%;
    }
    .slider-home.metaslider .caption-wrap .caption p {
        margin: 7px 0 7px 0;
        font-size: 15px;
    }
    .slider-home.metaslider .caption-wrap .caption img{
        max-width: 80%;
    }
    .slider-home.metaslider .caption-wrap .caption a {
        padding: 6px 23px;
        font-size: 8px;
    }
    /*ercom */
    .wraper-client .rtm-right .body, .wraper-client .rtm-right .body p{        font-size: 14px;    }
    .tab-head > div {        font-size: 16px;        padding: 10px 6px;    }
    .wraper-client .rtm-right{padding: 8px 0;min-height: 290px}
    .wraper-client .tab-body{padding: 0}

    /* ercom */

    article .rtm-share{display: block;position: relative;padding: 12px 4px;text-align: center}

    /* nav */
    #section-nav.fixed {
        position: fixed;
        width: 100%;
        top: 58px;
        z-index: 1;
        -moz-box-shadow: 0px 2px 5px 0px rgba(32, 51, 93, 0.25);
        -webkit-box-shadow: 0px 2px 5px 0px rgba(32, 51, 93, 0.25);
        -o-box-shadow: 0px 2px 5px 0px rgba(32, 51, 93, 0.25);
        box-shadow: 0px 2px 5px 0px rgba(32, 51, 93, 0.25);
        -webkit-transition: all 0.3s ease-out 0s;
        -opera-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    /* End nav */
    .valeurs .rtm-item .item-val{text-align: center}
    /* footer */
    footer li{text-align: center;}
    .people {
        /*display: none;*/
    }
    .mini-logo {
        display: inline-block;
        padding: 0 0 0 11px;
        opacity: 1;
        width: 100%;
        text-align: center;
    }

    header #menu-toggle{
        position: absolute;
        right: 0;
    }

    .mini-logo img {
        margin: 0;
    }
    /* cryptobox */
    .page-template-page-cryptobox .valeurs .rtm-items{margin:25px 0 0 0 }
    .page-template-page-mobipass .valeurs .rtm-items{margin:-43px 0 0 0 }

        /* mobipass */
    .page-template-page-mobipass .age-annim .item-logo{width: auto}
    .rtm-item .item-val,.page-template-page-mobipass .age-annim .item-val-2,.page-template-page-mobipass .age-annim .item-val-3{width: auto}
    .valeurs .rtm-item .item-val {
        text-align: left;
    }
    .page-template-page-talents .valeurs .number-2 .item-val {
        text-align: center;
    }
    body .valeurs .rtm-item .item-middle {        min-height: 150px;    }
    .bloc-chiffre-dynamique .rtm-items >div{width: 100%}

    body.blog-ercom .rtm-header.col8{float: none;width: 100%;padding: 0}
    body.blog-ercom .rtm-item-img img{margin: auto; display: block;padding: 0 0 10px 0}
    body.blog-ercom .rtm-item-img{width: 100%;    padding: 10px 0px;}

    .upcoming-events .col3,.upcoming-events .col9{width: 100%;box-sizing: border-box}
    #recherche{display: none}
    /*** Menu */
    header #produit-menu > li > a{ padding: 14px 0.37em 0.5em;}

    /*======================
    Product
    ========================*/
    .menace .rtm-item {width: 80%;}
    .menace .rtm-item .rtm-spacer{ min-height: 70px;;padding: 30px}
    .rtm-items.usecase .rtm-item{width: 100%}
    .use-case .rtm-items.usecase .rtm-item{width: 100%}
    .pictos .picto{width: 100%}

    /*LANDING HACHIM*/
    .left_landing{ float: none; }
    .landing_right{ float: none; }

    .button_header{ display: none; }
    #landing img{ position: relative; }

    .people a img{
        /*width: 25%;
        position: absolute;
        top: 65px;
        left: 10px;
        display: none;*/
        width: 200px;
    }
}

/* Petite tablette portrait (600x800)
------------------------------------------------------------------------*/
@media screen and (max-width: 765px) {
    #section-nav ul li{
        display: block;
        width: 100%;
        padding: 8px 0;
        box-sizing: border-box;
    }
    #section-link-sortant.fixed{display: none;}
    #btn-video{display: none;}
    .page-contact .cible .wpcf7-list-item, .page-template-page-candidature-spontanee .job span span span.wpcf7-list-item{display: block;}
    .rtm-triangle{border-width: 0 0 34px 32px;}
    header #main-menu > li{height: 45px; margin-bottom: 2px; overflow: hidden;}
    .owl-carousel .owl-item{width: 294px;}
}

/* 640px
------------------------------------------------------------------------*/
@media print, screen and (max-width: 640px) {
    nav {padding: 0.5em 0 0 0;}
    #section1 h1 span.titre-droite, #section1 h1 span.titre-gauche{margin: auto;}
    /* generales */
    section {
        padding: 20px 0;
    }
    .max1200{
        padding: 0 10px;
    }

    #produit-menu, .people {
        /*display: none;*/
    }



    .rs {
        padding: 5px 5px 0px 5px;
    }

    .rs-left {
        border-width: 0px 27px 44px 0;
    }

    #navigation {
        padding: 7px 3px 10px 3px;
        box-sizing: border-box;

    }

    .scroll #navigation {
        padding: 0 3px 5px 3px;
        transition: all 0.5s ease;
    }

    #menu-toggle {
        padding: 11px 10px 0 0px;

    }
   .s-product #menu-toggle {
       padding: 15px 3% 0 3%;

    }

    #menu-toggle span {
        display: none;
    }
    .list-1 ul {
        padding: 10px 5%;
        box-sizing: border-box;
        text-align: left;
    }
    .slider-home.metaslider .caption-wrap .caption img{max-width: 50%;}
    .slider-home.metaslider .caption-wrap .caption a {padding: 4px 20px; font-size: 9px;}

    .product-you table thead td {font-size: 13px; padding: 18px 3px;}
    .product-you table p {font-size: 12px; padding: 0;}
    .cryptobox-logo-footer {display: block;}
    .cryptobox-logo-footer .wraper-link-sortant a.link-plus {display: block; float: none; margin: auto;}
   body .cryptobox-logo .wraper-link-sortant img{margin-bottom: 10px; float: left; width: 180px;}
   .cryptobox-logo .col6{width: 100%;}
   .cryptobox-logo .wraper-link-sortant a.link-plus{float: right; margin: auto; width: 170px;}
   
   .page-template-page-cryptopass .wraper-link-sortant img{margin-top: -12px; width: 150px;}
   .page-template.page-template-page-cryptopass .wraper-link-sortant a{margin-top: -1px; width: 170px; margin-left: 115px;}
   .wraper-selection-onglet .selection-produit img{filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none;}
   .wraper-selection-onglet .selection-produit-1{border-top: solid 4px #41d377;margin-top: -2px;}
    .wraper-selection-onglet .selection-produit-2{border-top: solid 4px #00aea6;margin-top: -2px; margin-top: 40px;}
    .wraper-selection-onglet .selection-produit-3{border-top: solid 4px #26afe2;margin-top: -2px; margin-top: 40px;}

}
/*------------------------------------------------------------------------*/
/* NEXT AND PREV OF NEWS EVENTS */

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

.wraper-evenement-actu .rtm-legend{display: none}
#banniere.banniere-landing-form {
    margin-bottom: -50px;
}

}

/* Mobile paysage (480x320)
------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {


    /* section top */
    #section-top{height: 140px;overflow: hidden}
    #section-top img{    height: 118%;width: inherit ;   max-width: inherit;    margin: 0 -60%;}

    /*  */
   header {padding: 0}
    body section .max1200 {font-size: 14px; }
    header #main-menu > li{background: none; height: 45px; margin-bottom: 2px; overflow: hidden;}

   h1, .h1 {font-size: 18px; margin: 0;line-height: 26px}
    .single .h1{margin:10px 0 15px 0 }
    #section1 h1 {background-position: 50% 100%; }

    .max1200 >h2{ font-size: 26px; line-height: 28px;  }
    #section1 h1{ padding-bottom: 15px; margin:10px 0 15px  ; }
    .scroll #navigation{padding: 7px 3px 3px 3px; }

    .scroll #produit-menu > li > a, .scroll  header #main-menu > li > a{    padding: 0.4em 0.5em;}

    #navigation {        padding: 7px 3px 7px 3px;    }
    article .item-body ul { padding: 10px 0 10px 0px; }
    article section {        padding: 30px 15px;    }
    article .read-more {        margin: 0px 0px 10px 0;    }
    .rtm-all-items a{padding: 10px 20px; }

   .notmobil {display: none;}

   .top a {width: 200px; height: 200px; font-size: 1.2em; top: 51%;}
   .top a span {width: 200px; line-height: 1em;}
   #triangle16 {left: -70px;}
   #triangle17 {display: none}
   .people {padding: 2.5% 2% 0 2%; width: 96%;}
    /* footer */
    footer li{text-align: center;}
    footer .col2{padding: 10px 4px}
    .widget_wysija_cont .wysija-submit{float: none;margin: auto}
    .wysija-paragraph{float: none;margin: auto;width: 88%}
    /* page ercom */

    #section-link-sortant.fixed .wraper-link-sortant{padding: 2px 5px}
    .page-template-page-ercom h2 ,body .postuler h3,footer h5{
        font-size: 26px;
        padding: 0 5px 15px 5px;
    }
    .page-template-page-ercom h3, .page-template-page-ercom #section1 h2{
        font-size: 16px;
    }
    .page-template-page-ercom #section1 p{
        font-size: 14px;
    }
    .list-1 ul li{
        font-size: 14px;
    }

   /* slider*/
    .wraper-client .rtm-item{float: none}
    .wraper-client .item-logo{
        text-align: center;
    }
    .evolution .rtm-note span {        font-size: 16px;        line-height: 20px;    }
    /* Clients && Partners */
    .wraper-client .rtm-right .body, .wraper-client .rtm-right .body p{        font-size: 14px;    }
    .tab-head > div {        font-size: 16px;        padding: 10px 6px;    }
    .wraper-client .rtm-right{padding: 8px 0;min-height: 290px}
    .wraper-client .tab-body{padding: 0}
    /* End page ercom*/
    /* page talents */


    body #section1 .valeurs h2{
        padding: 0 10px;
        font-size: 16px;
    }
    .list-valeurs li{font-size: 14px}
    #section1 .valeurs .note p{font-size: 16px}
    .menu-metiers li a{display: inline-block;padding: 0 15px}
    .presse .rtm-item{margin: 45px 5px}
    .presse.offres .rtm-header{padding: 0 0 10px 0}
    .presse .rtm-item .rtm-body{    padding: 40px 0;}
    .location{padding: 10px 15px 0px 0;}
    /* End page Talents */

    /* page Actu */
    
    .wraper-contenu-evenement-actu { padding: 0 0 10px 0; }
    .wraper-titre-item-evenement h4 {clear: left;}

    /* End page Actu */
    /* produit */
    .item-concerne {margin: 5px 0;min-height: 250px;}
    .bloc-texte-produit li{font-size: 14px}
    .slider-home.metaslider .caption-wrap {
        bottom: 7%;
        top: 100%;
    }
    .slider-home.metaslider .caption-wrap .caption p {
        margin:0px 0 -11px 0;
        font-size: 14px;
        line-height: 1.5em;
        padding: 0 5px 10px 5px;
    }
    .slider-home-bleckwen .caption{
        margin-top: -40px !important;
        width: 300px;
        margin-left: 70px;
    }
    .slider-home-bleckwen .caption h3 {
        font-size: 1.0em;
        font-weight: normal;
        line-height: 1.3em;
    }

    /*End Slider*/


   /* .flex-viewport,.flex-viewport li{min-height: 250px;max-width: 100%}*/
    /* blog */
    body.blog-ercom .rtm-body{padding:0 }
    body.blog-ercom .rtm-wrap-items{padding: 0}
    body.blog-ercom .rtm-wrap-items .rtm-item{margin: 0 5px}
    body.blog-ercom .rtm-wrap-items .rtm-item{margin: 0 5px}
    body.blog-ercom .rtm-wrap-items .rtm-body { padding: 20px 0; }
    /*==========================================================
    Product
    ===========================================================*/
    .s-product .rtm-sites .text{display: none}
    .s-product .mini-logo {padding: 0}
    .s-product .mini-logo img{max-width: 134px;padding: 0;max-height: 24px}


    /*LANDING HACHIM */
    .ban_pres{ margin-top: 170px; }
    .subscribe{ padding: 0 1.5em; }
    .button_landing{ left: 0; width: 80%; }
    #banniere{ margin-bottom: 20px; }
    .landing_right { height: 100%; }
    .left_landing{ height: 100%; }
    .button_header{ display: none; }
    div.wpcf7 { margin-top: 40px; }
    table.landing_form_step tr td{ font-size: 14px; }

    .pdfcb{ display: none; }
    .owl-carousel .owl-item{width: auto;}
    
}


    @media screen and (max-width: 375px) {
        .mobile_offer{ bottom: 30px; }
        .price-promise{ font-size: 33px; }
        #banniere.banniere-landing-form { margin-bottom: -110px;}
    }

    @media screen and (max-width: 366px) {
        .cb_log{ position: absolute; right: left; background: none; right: 70px; top: 80px; width: 70px; }
    }



    


/* Mobile portrait (320x480)
------------------------------------------------------------------------*/
@media screen and (max-width: 479px) {
   .rs-left {display: none}
   .rs {width: 100%}
   .people {padding: 3.5% 2% 0 2%;}
   .page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 50px; min-height: 270px; width: 80%;}

   /*HACHIM*/
   .promo{ height: 220px; }
   .promo p{ font-size: 14px !important; }
}

    /*LANDING PAGE*/
    @media screen and (max-width: 320px) {
        .mobile_offer{ bottom: 15px; }
        .button_subscribe { bottom: 120px; }
        .landing_right .price-promise{ font-size: 106px; }
    }

	

/* Format Galaxy S7 (360x640)
-----------------------------------------------------------------------*/
@media screen and (max-width: 639px) {
   .rs-left {display: none}
   .rs {width: 100%}
   .people {padding: 3.5% 2% 0 2%;}
   .page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 30px; min-height: 270px; width: 80%;float:right;}

   /*HACHIM*/
   .promo{ height: 220px; }
   .promo p{ font-size: 14px !important; }
}

    /*LANDING PAGE*/
    @media screen and (max-width: 320px) {
        .mobile_offer{ bottom: 15px; }
        .button_subscribe { bottom: 120px; }
        .landing_right .price-promise{ font-size: 106px; }
    }
	
	
	

/* Format Iphone 6s Plus (414x736)
-----------------------------------------------------------------------*/
@media screen and (max-width: 736px) {
   .rs-left {display: none}
   .rs {width: 100%}
   .people {padding: 3.5% 2% 0 2%;}
   .page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 40px; min-height: 270px; width: 80%;float:right;}
   
   body .cryptobox-logo .wraper-link-sortant img{margin-bottom: 10px; float: left; width: 100px;}
   .cryptobox-logo .col6{width: 100%;}
   .cryptobox-logo .wraper-link-sortant a.link-plus{float: right; margin: auto; width: 120px;}
   
   .page-template-page-cryptopass .wraper-link-sortant img{margin-top: -12px; width: 150px;}
   .page-template.page-template-page-cryptopass .wraper-link-sortant a{margin-top: -1px; width: 170px; margin-left: 115px;}
   
      .slider-home.metaslider .caption-wrap .caption p {
        margin: 0px 0px -11px 0px;
        font-size: 10px;
        line-height: 1.5em;
        padding: 0 5px 10px 5px;
    }
	
	.slider-home.metaslider .caption-wrap .caption a {padding: 4px 20px; font-size: 8px;}

   /*HACHIM*/
   .promo{ height: 220px; }
   .promo p{ font-size: 14px !important; }
}

    /*LANDING PAGE*/
    @media screen and (max-width: 320px) {
        .mobile_offer{ bottom: 15px; }
        .button_subscribe { bottom: 120px; }
        .landing_right .price-promise{ font-size: 106px; }
    }
	
	
	
	
/* Format Iphone 6s (375x667)
-----------------------------------------------------------------------*/
@media screen and (max-width: 667px) {
   .rs-left {display: none}
   .rs {width: 100%}
   .people {padding: 3.5% 2% 0 2%;}
   .page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 35px; min-height: 270px; width: 80%;float:right;}
   
   body .cryptobox-logo .wraper-link-sortant img{margin-bottom: 10px; float: left; width: 180px;}
   .cryptobox-logo .col6{width: 100%;}
   .cryptobox-logo .wraper-link-sortant a.link-plus{float: right; margin: auto; width: 170px;}
   
   .page-template-page-cryptopass .wraper-link-sortant img{margin-top: -12px; width: 150px;}
   .page-template.page-template-page-cryptopass .wraper-link-sortant a{margin-top: -1px; width: 170px; margin-left: 115px;}

   /*HACHIM*/
   .promo{ height: 220px; }
   .promo p{ font-size: 14px !important; }
}

    /*LANDING PAGE*/
    @media screen and (max-width: 320px) {
        .mobile_offer{ bottom: 15px; }
        .button_subscribe { bottom: 120px; }
        .landing_right .price-promise{ font-size: 106px; }
    }

	
/* Format Iphone SE (320x568)
-----------------------------------------------------------------------*/
@media screen and (max-width: 568px) {
   .rs-left {display: none}
   .rs {width: 100%}
   .people {padding: 3.5% 2% 0 2%;}
   .page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 30px; min-height: 270px; width: 80%;float:right;}
   
   body .cryptobox-logo .wraper-link-sortant img{margin-bottom: 10px; float: left; width: 140px;}
   .cryptobox-logo .col6{width: 100%;}
   .cryptobox-logo .wraper-link-sortant a.link-plus{float: right; margin: auto; margin-top: -10px}
   
   .page-template-page-cryptopass .wraper-link-sortant img{margin-bottom: 10px; width: 140px;}
   .page-template.page-template-page-cryptopass .wraper-link-sortant a{margin-top: -5px; margin: auto; float: right;}
   
   .slider-home.metaslider .caption-wrap .caption p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1;
        padding: 0 5px 10px 5px;
    }
    
	.slider-home.metaslider .caption-wrap .caption a {padding: 4px 20px; font-size: 8px;}

   /*HACHIM*/
   .promo{ height: 220px; }
   .promo p{ font-size: 14px !important; }
}

    /*LANDING PAGE*/
    @media screen and (max-width: 320px) {
        .mobile_offer{ bottom: 15px; }
        .button_subscribe { bottom: 120px; }
        .landing_right .price-promise{ font-size: 106px; }
    }
	
	
	
/* Format Google Nexus 4 (384x640)
-----------------------------------------------------------------------*/
@media screen and (max-width: 639px) {
    header .rs{
        width: auto;
        background: white;
    }

    header .rs ul{
        float: left !important;
    }

    header #navigation{
        width: auto;
        display: flex;
    }

    header .rs .show_searchbar{
        right: 5px;
        display: block;
        margin-top: 4px;
    }

    header .rs .close_searchbar{
        right: -50px;
        top: 5px;
        font-weight: bold;
        padding: 0 10px;
    }

    header #menu-toggle{
        margin-left: 15px;
        position: relative;
    }

    .wraper-search{
        padding: 10px;
        display: none;
    }
    /*header .rs ul{
        float: initial;
        display: flex;
    }

    header .rs ul li{
        width: 50%;
        position: relative;
    }

    header .rs .lang_selector{
        position: absolute;
        right: -40px;
    }

    

    header .rs .wraper-search{
        display: none;
    }

    header .rs ul li.lang_bloc_li{
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }*/

   .rs-left {display: none}
   .rs {width: 100%}
   .people {padding: 3.5% 2% 0 2%;}
   .page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 35px; min-height: 270px; width: 80%;float:right;}

   /*HACHIM*/
   .promo{ height: 220px; }
   .promo p{ font-size: 14px !important; }
}

    /*LANDING PAGE*/
    @media screen and (max-width: 320px) {
        .mobile_offer{ bottom: 15px; }
        .button_subscribe { bottom: 120px; }
        .landing_right .price-promise{ font-size: 106px; }
    }
	
	
/* Format Google Nexus 6 (412x732)
-----------------------------------------------------------------------*/
@media screen and (max-width: 732px) {
   .rs-left {display: none}
   .rs {width: 100%}
   .people {padding: 3.5% 2% 0 2%;}
   .page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 40px; min-height: 270px; width: 80%;float:right;}

   /*HACHIM*/
   .promo{ height: 220px; }
   .promo p{ font-size: 14px !important; }
   .certificate_org img.logo_3{width: 250px; height: 165px;}
}

    /*LANDING PAGE*/
    @media screen and (max-width: 320px) {
        .mobile_offer{ bottom: 15px; }
        .button_subscribe { bottom: 120px; }
        .landing_right .price-promise{ font-size: 106px; }
    }
	
	
/* Format Nokia Lumia 520 (320x533)
-----------------------------------------------------------------------*/
@media screen and (max-width: 532px) {
   .rs-left {display: none}
   .rs {width: 100%}
   .people {padding: 3.5% 2% 0 2%; display: none;}
   .page-template-page-cryptopass .item-concerne-2 { background: #f7f8fa; margin: 20px 32px; min-height: 270px; width: 80%;float:right;}

   /*HACHIM*/
   .promo{ height: 220px; }
   .promo p{ font-size: 14px !important; }
}

    /*LANDING PAGE*/
    @media screen and (max-width: 320px) {
        .mobile_offer{ bottom: 15px; }
        .button_subscribe { bottom: 120px; }
        .landing_right .price-promise{ font-size: 106px; }
    }

/* New HOMEPAGE (1122px)
-----------------------------------------------------------------------*/
@media screen and (max-width: 1122px) {
    .wraper-visuel-produit, .wraper-content-detail-produit {
        width: 100%;
        text-align: center;
    }

 }

/* New HOMEPAGE (768px)
-----------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    .wraper-selection-onglet{
        display: block;
    }

    #liste-trust-owl .mon-item-confiance, .certificate_org .wraper-truste-element {
        margin: 0 35px;
    }

    .wraper-selection-onglet .selection-produit{
        width: 100%;
        text-align: center;
        padding: 20px 0;
    }

    .conten-produit, .conten-produit .wraper-visuel-produit{
        text-align: center;
        width: 100%;
    }

    .conten-produit .wraper-visuel-produit{
        display: none;
    }

    .wraper-content-detail-produit h2, .conten-produit-mobile h2 {
        width: auto;
        height: auto;
        font-size: 18px;
    }

    .wraper-content-onglet {
        padding-top: 40px;
    }

    .conten-produit .wraper-content-detail-produit {
        text-align: left;
        width: 100%;
    }

    .conten-produit .wraper-lien{
        display: flex;
    }

    .wraper-onglet-produit h1 {
        font-size: 22px;
    }

    .wrapper-caroussel-trust {
        overflow: hidden;
    }

    #section7 .owl-prev{
        z-index: 100;
        left: -5px;
    }
    
    #section7 .owl-next{
        z-index: 100;
        right: -20px;
    }

    .owl-carousel .owl-wrapper-outer {
        padding-left: 10%;
    }


 }