
@media screen and (max-width: 767px) {
    /* MOBILE */
    .compte_pro, .avantages_pro, .nos_produits, .contact_pro, .adresse_pro {
        margin-top: 0px;
    }
    .adresse_pro {
        margin-top: 16px;
    }
    .adresse_pro img, .compte_pro img{
        max-width: 100%;
    }
    .nos_produits .columns,.compte_pro.columns, .avantages_pro .columns, .contact_pro .columns, .adresse_pro .columns{
        max-width:100%;
        margin-left:0;
        margin-right: 0;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .titre_pro div.main_titre, .infos_pro{
        text-align: center;
    }
    div.separateur_droit:after,div.separateur_gauche:after,.compte_pro .titre_pro:after{
        display:none;
    }
    footer.responsive-footer .AV_widget_iframe{
        max-width: 100%;
        margin-left: -15px;
    }
    div.separateur_droit, div.separateur_gauche{
        margin-bottom: 0px;
    }
    h2.titre2{
        text-align: left;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-size: 20px;
    }
    /****************Welcome zone*****************/
    .welcome-zone{
        margin:-6px 0 0 0 !important;
    }
    .welcome-zone columns{
        padding-top: 0px;
    }
    .welcome-zone .main_titre{
        margin-bottom: 16px;
    }
    
    .welcome-zone .titre_pro div.sous_titre{
        text-align: center;
        font-size: 17px;
        margin-bottom: 1px;
    }
    /************Pro account's advantages**************/
    .avantages_pro .avantage{
        padding:0.75rem 0;
        padding-top:24px;
        padding-bottom: 13px;
    }
    .avantages_pro .avantage img{
        margin-bottom: 20px;
    }
    .avantages_pro div.content{
        margin-top:0;
    }
    .avantages_pro h2.titre2{
        margin-bottom: 19px;
    }
    .avantages_pro div.avantage:nth-child(1),.avantages_pro div.avantage:nth-child(4){
        border-right: 2px solid #ccc;
    }
    .avantages_pro div.avantage:nth-child(1),.avantages_pro div.avantage:nth-child(2){
        border-bottom: 2px solid #ccc;
    }
    .avantages_pro div.avantage:nth-child(-n+4):after{
        display:none;
    }
    
    /************Our products***************/
    .ourProducts .columns{
        margin-left: 0;
        margin-right: 0;
    }
    .productPro img{
        min-height: 140px;
        max-height: 100%;
    }
    .nos_produits h2.titre2{
        margin-bottom: 25px;
    }
    .nos_produits .productPro {
        margin-top: -3px;
        height: auto;
    }
    .nos_produits .productPro div {
        position: absolute;
        width: 100%;
        height: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 8px 0;
        margin-top: 0;
        background: rgba(6,6,6,0.3);
        opacity: 1;
        text-align: center;
        font-size: 23px;
    }
    /**********Find us**************/
    .adresse_pro{
        margin-bottom: 38px;
    }
    .adresse_pro address{
        padding-top: 0px;
    }
    .adresse_pro h2.titre2{
        margin-bottom: 21px;
    }
    .adresse_pro div.carte {
        margin-top: 0;
        margin: 0px 0 31px 0;
        padding: 0;
    }
    
    .adresse_pro address p {
        font-size: 16px;
        margin: 0 0 26px 0;
    }
    
    /*********Account zone**********/
    .compte_pro div.titre_pro{
        display: block;
        font-size: 26px;
        color: #444;
        margin-bottom: 22px;
        margin-left:0px;
    }
    .compte_pro{
        padding:0;
    }
    .compte_pro .compte:first-child{
        margin-bottom: 40px;
    }

    .compte_pro .titre_pro{
        margin:15px 0;
    }
    .compte_pro div.titre_pro{
        font-size: 20px;
        width:100%;
        clear:both;
    }
    .compte_pro .creer{
        margin-top: 31px !important;
        width: 100% !important;
    }
    
    /*******Get in touch*********/
    .contact_pro div.content{
        margin-top: 10px;
    }
    .contact_pro h2.titre2{
        margin-bottom: 31px;
    }
    .contact_pro .contact{
        padding-top:0;
        padding-bottom: 11px;
    }
    .contact_pro .contact .agentInfo{
        display:none;
    }
    .contact_pro .contact:nth-child(4) strong a{
        font-size: 21px;
    }
    
    
}

@media screen and (min-width: 768px) and (max-width: 1087px) {
    h2.titre2 {
        margin: 16px 0;
    }
    /* TABLET */
    .adresse_pro img, .compte_pro img{
        max-width: 100%;
    }
    .cleared{
        clear:both;
        display:block;
    }
    .welcome-zone .titre_pro{
        padding-left:85px;
        padding-right: 0px;
    }
    .welcome-zone .infos_pro{
        margin-top: 10px;
        padding-right: 75px;
    }
    .compte_pro .compte:first-child {
        padding-left:85px;
    }
    .compte_pro .compte:nth-child(2) {
        padding-right:75px;
        padding-left:50px;
    }
    .compte_pro, .avantages_pro, .nos_produits, .contact_pro, .adresse_pro{
        margin-top: 30px;
    }
    /************Our products***************/
    .nos_produits .columns{
        margin-top: 20px;
    }
    .nos_produits h2{
        margin-top: 20px;
    }
    .nos_produits .productPro div {
        position: absolute;
        width: 100%;
        height: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 10px 0;
        margin-top: 0;
        background: rgba(6,6,6,0.3);
        opacity: 1;
        text-align: center;
        font-size: 23px;
    }
}

@media screen and (min-width: 768px) and (max-width:960px){
    .titre_pro div.main_titre {
        font-size: 24px;
    }
    .compte_pro a.creer {
        width: 80%;
    }
    .nos_produits .productPro {
        height: 215px;
    }
    .nos_produits .productPro div {
        font-size: 21px;
    }
}
@media screen and (width:768px){
    .nos_produits .productPro {
        height: auto;
    }

    footer.responsive-footer .footer-menu, footer.responsive-footer .footer-menu {
        padding: 0 4%;
        padding-top: 20px;
    }
    /* .mainPageZone:after {
        right: 0px;  
    } */

    /* .mainPageZone:after {
       right: 0px;
    } */

}
@media screen and (min-width: 1088px) {
    /* DESKTOP */
    .welcome-zone .titre_pro{
        padding-left:85px;
        padding-right: 0px;
    }
    .welcome-zone .infos_pro{
        margin-top: 10px;
        padding-right: 75px;
    }
    .compte_pro .compte:first-child {
        padding-left:85px;
    }
    .compte_pro .compte:nth-child(2) {
        padding-right:75px;
        padding-left:50px;
    }
    .avantages_pro div.avantage {
        width:20%;
    }
    .nos_produits .productPro {
        margin-top: 25px;
    }
    
}

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

    .nos_produits .productPro div {
        font-size: 19px;
    }
    .contact_pro a:nth-child(2) {
        font-size: 11.9px;
    }
    .nos_produits .columns,.compte_pro .columns, .avantages_pro .columns, .contact_pro .columns, .adresse_pro .columns{
        max-width:100%;
    }
    .avantages_pro div.avantage:nth-child(-n+4):after{
        display:none;
    }
}