@media screen and (max-width: 1650px) {
.imagebox strong { font-size: 30px; line-height: 36px; padding-right: 20px; }
.contact-box strong { padding-right: 14px; }
.imagebox strong i.fa-comments { font-size: 40px; margin-right: 10px; }
.videoWrapper iframe {	width: 450px;	height: 260px;}
}

@media screen and (max-width: 1500px) {
.imagebox strong { font-size: 24px; line-height: 30px; padding-right: 20px; }
.contact-box strong { padding-right: 14px; }
.imagebox strong i.fa-comments { font-size: 40px; margin-right: 10px; }
}

@media screen and (max-width: 1440px) {
.task-list { min-height: 302px; }
.myscroll { height: 302px; margin-right: -11px; }
}

@media (min-width: 767px) and (max-width: 1440px) {
.newspost_info h3 {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 18px;
}
}

@media (min-width: 1331px) and (max-width: 1440px) {
.btn-article {
    height: 26px;
    padding: 0 5px;
    font-size: 12px;
}
.btn-article i { font-size: 9px; margin-right: 6px; }
.calendar {
    float: right;
    font-size: 11px;
    padding-left: 20px;
    background-position: 0 2px;
    margin-top: 4px;
}
.btn-consulter,
.btn-download { font-size: 12px; }
}

@media (min-width: 1200px) and (max-width: 1330px) { 
.newspost_bottom { text-align: center; }
.btn-article {
    float: none;
    display: inline-block;
}
.calendar {
    float: none;
    display: inline-block;
    margin-top: 10px;
}
.left-bulletins-item {
    float: none;
    width: 100%;
}
.right-bulletins-item {
    float: none;
    width: 100%;
}
}

@media (min-width: 768px) and (max-width: 850px) { 
.newspost_bottom { text-align: center; }
.btn-article {
    float: none;
    display: inline-block;
}
.calendar {
    float: none;
    display: inline-block;
    margin-top: 10px;
}
.left-bulletins-item {
    float: none;
    width: 100%;
}
.right-bulletins-item {
    float: none;
    width: 100%;
}
}

@media (min-width: 1200px) and (max-width: 1280px) { 
.left-task-item { float: none; width: 100%; }
}

@media screen and (max-width: 767px) {
.top-container { background: #ffffff; padding: 6px 31px 8px 23px; }
.logo { width: 146px; margin: 0 auto; float: none; }
.logo a:first-child, .logo a { float: none; margin: 0; }
.logo a img  { margin: 0 auto; }
.logo a:nth-child(1) img  { max-width: 259px }
.logo a:nth-child(2) img  { max-width: 148px; margin-top: -3px; }
.left-task-item { float: none; width: 100%; }
#top-menu { 
    position: absolute; 
    left: 30px; 
    top: 11px; 
    float: left;
    margin: 0;
    padding: 0;
}
#top-menu .dropdown-toggle i { display: none; }
#top-menu .profile-user span { display: none; }
#top-menu .dropdown-toggle span { display: none; }
#top-menu .dropdown-toggle { padding: 0; margin: 0; }
#top-menu .dropdown-toggle img { margin-right:0; }
#top-menu .dropdown-menu {
    right: inherit;
    z-index: 1000;
}
#top-menu .dropdown-menu:before {
    position: absolute;
    left: 0;
    right: inherit;
    top: -11px;
    border-bottom: 12px solid #242b31; 
    border-left: 0 solid transparent;
    border-right: 14px solid transparent;
}
#main-sidebar {
    background: #efeff4;
    width: 100%;
    float: none;
    padding: 0 8px 8px 8px;
    margin: 0;
}
#main-sidebar ul.navbar-nav {
    background: #ffffff;
    padding-bottom: 8px;
}
#main-sidebar ul.navbar-nav li {  margin: 0; float: none; }
#main-sidebar ul li.current_page_item .selected { display: none; }
.contact-box { margin-top: 10px; }
.main-title.hide { display: none; }
.right-bulletins-item { padding-top: 5px; }
}

@media screen and (max-width: 640px) {
#top-menu { left: 18px; }
.main { background: #f1f3fa; padding: 14px 8px 11px 8px; overflow: hidden;}
.navbar-toggle { right: -4px; }
.breadcrumb-area { margin-bottom: 16px; }
.colors-list { display: none; } 
.blockbox {
    background: #fff;
    padding: 16px 12px 16px 12px;
    margin-bottom: 20px;
}
.myscroll { margin-right: -5px; } 
.task-item { padding: 20px 0 10px 0; } 
.left-bulletins-item { float: none; width: 100%; } 
.newspost_info { padding: 11px 18px 0 18px; } 
.newspost_bottom { padding: 15px 0 9px 0; }
.blockbox-title-pic { display: none;}
.main-title { padding: 10px 8px; }
}

@media screen and (max-width: 400px) { 
.login { padding: 20px 20px 22px 20px; } 
.form-group2 { padding-top: 0; } 
.customecheckbox { float: none } 
#loginform .btn-login { float: none; margin-top: 15px; }
}

@media screen and (max-width: 479px) {
.breadcrumb > li { display: none; }
.breadcrumb > li:first-child { display: block; float: left; margin-right: -7px;}
.breadcrumb > li:first-child a { display: none; }
.breadcrumb > li.active { display: block; }
.blockbox-title { padding-bottom: 5px; }
.blockbox-title h2 { float: none; max-width: 100%; }
.blockbox-title h2 small { display: block; float: right; margin-top: 12px; }
.left-task-item p a,
.left-task-item p em  { display: inline; }
.login-container {
    height:100%;
    padding: 30px 20px;   
}
} 

/*----------------------*/
/*  Archives            */
/*----------------------*/
@media (min-width: 768px) and (max-width: 850px) { 
.newspost_bottom { text-align: center; }
.btn-article { float: left; display: block; } 
.calendar { float: right; display: block; margin-top: 4px; }
}

@media screen and (max-width: 768px) {
.section-title { display: none; }
}

@media screen and (max-width: 640px) {
.archives-block { padding: 9px 12px 20px 12px; }
.archives-block .newspost-item { margin: 9px 0; }
.viewmore { padding: 11px 0 13px 0; }
}

/*----------------------*/
/*  archives detail     */
/*----------------------*/
@media screen and (max-width: 1340px) {
.left-green-box { width: 60%; }
}

@media screen and (max-width: 1220px) {
.news-link-block .widgetnews { float: none; margin: 0; width: 100%; }
.news-link-block .widgetnews:nth-child(2n) { margin-top: 24px; }
}

@media screen and (max-width: 1200px) {
.left-green-box { width:100%; }
.right-green-box { float: none; text-align: center; padding:6px 0 8px 0; clear: both; }
.right-green-box a { float: none; display: inline-block; }
.archive_info { padding: 12px 0 14px 0; }
}

@media screen and (max-width: 850px) { .news-link-block { display: none; } }
@media screen and (max-width: 640px) {
.archive-pic {
    max-width: 100%;
    float: none;
    margin: 0;
    padding-bottom: 24px;
}
.archive-feature { margin-top: 24px; padding-top: 22px; border-top: 1px solid #ecf0f3; }
.widget-archives { position: relative; padding-top: 23px; }
.widget-archives:before { 
    position: absolute;
    left: -25%;
    top: -19px;
    width: 200%; 
    height: 24px;
    content: '';
    background: #f2f2fa;
}
}

/*----------------------*/
/*  cooperative         */
/*----------------------*/
@media screen and (max-width: 1440px) {
.corporative-pic { width: 85px; } 
.corporative-info { margin-left: 100px; }
}

@media (min-width: 1340px) and (max-width: 1440px) { 
.cooperative-task-block .left-task-item { width: 68%; }
.left-task-item p { font-size: 13.5px; } 
.blockbox-title h2 { max-width: 72%; } 
}

@media (min-width: 1200px) and (max-width: 1440px) { 
.corporative-info p { font-size: 10px; line-height: 14px; padding-top: 6px; }
.corporative-info p strong { font-size: 13px; }
.corporative-pic { width: 70px; } 
.corporative-info { margin-left: 80px; }
.left-panel p { font-size: 13px; }
}

@media (min-width: 1200px) and (max-width: 1330px) { 
.corporative-item { float: none; width: 100%; padding-top: 11px; }
}

@media (max-width: 900px) {
.insurance-block {
    background: #408fc8 !important;
    width: 100%;
    margin-bottom: 23px;
}
.others-block {
    background: #85b916 !important;
    margin-left: 0px;
    margin-bottom: 23px;
}
}

@media (min-width: 640px) and (max-width: 800px) { 
.corporative-item { float: none; width: 100%; padding-top: 11px; }
}

@media (min-width: 640px) and (max-width: 800px) { 
.corporative-item { float: none; width: 100%; padding-top: 11px; }
}

@media screen and (max-width: 640px) {
#accordion { margin: 13px 0px 0 0px; }
#accordion .panel-body { border-top: none; padding: 25px 10px 0 10px; }
}

@media screen and (max-width: 600px) {
.corporative-item { float: none; width: 100%; padding-top: 11px; }
}





/*miss css*/

/*----------------------*/
/*  espace              */
/*----------------------*/
@media screen and (max-width: 1440px) {
.form-item2 { width: 120px; }
.form-item-select { width: 200px; }
}

@media screen and (max-width: 1366px) {
.form-item2 { width: 13%; }
.form-item3 { width: 13%; }
.form-item-select { width: 22%; }
}
@media screen and (max-width: 1340px) {
.form-item2.form-item-select { 
    width: 100%;
    float: none;
    margin-top: 0; 
}
.form-item2:nth-child(2) { padding-left: 0; }
.form-item2 { width: 16.666%; }

.form-item3.form-item-select { 
    width: 100%;
    float: none;
    margin-top: 0; 
}
.form-item3:nth-child(2) { padding-left: 0; }
.form-item3 { width: 16.666%; }
}

@media screen and (max-width: 1140px) {
.form-item:nth-child(2), .form-item {float: none; margin-left: 0; }
.form-item2.form-item-select { margin-bottom: -20px; }
.form-item2:nth-child(2),  
.form-item2:nth-child(5) { padding-left: 0; }
.form-item2 { width: 33.33%; margin-top: 20px; }

.form-item3.form-item-select { margin-bottom: -20px; }
.form-item3:nth-child(2),  
.form-item3:nth-child(5) { padding-left: 0; }
.form-item3 { width: 33.33%; margin-top: 20px; }
}

@media screen and (max-width: 1023px) {
.step small { font-size: 20px; } 
.step-item strong { font-size: 16px; } 
.step-item p { font-size: 12px; }
.step-item:nth-child(1) { padding-right: 0; }
.step-item:nth-child(3) { padding-left: 0; }
}

@media (min-width: 768px) and (max-width: 900px) {
.form-item:nth-child(2) { float: none; padding-left: 0; } 
.form-item:nth-child(2) label { width: 100%; float: none; position: relative; margin-top: 10px; }

.form-item2:nth-child(2), 
.form-item2:nth-child(4),
.form-item2:nth-child(6) { padding-left: 0; }
.form-item2:nth-child(5) { padding-left: 20px; }
.form-item2 { width: 50%; }
.form-item3:nth-child(2), 
.form-item3:nth-child(4),
.form-item3:nth-child(6) { padding-left: 0; }
.form-item3:nth-child(5) { padding-left: 20px; }
.form-item3 { width: 50%; }
}

@media screen and (max-width: 700px) {
.form-item:nth-child(2) { float: none; padding-left: 0; } 
.form-item:nth-child(2) label { width: 100%; float: none; position: relative; margin-top: 10px; }
}

@media screen and (max-width: 600px) {
.form-item2:nth-child(2), 
.form-item2:nth-child(4),
.form-item2:nth-child(6) { padding-left: 0; }
.form-item2:nth-child(5) { padding-left: 20px; }
.form-item2 { width: 50%; }
.form-item3:nth-child(2), 
.form-item3:nth-child(4),
.form-item3:nth-child(6) { padding-left: 0; }
.form-item3:nth-child(5) { padding-left: 20px; }
.form-item3 { width: 50%; }
.planting-cultural h2 { font-size: 24px; }
}
@media screen and (max-width: 480px) {
.step-item,
.step-item:nth-child(1),
.step-item:nth-child(3) {
    float: none;
    width: 100%;
    padding: 30px 0 10px 0;
}
.step-item .step:before,
.step-item:nth-child(1) .step:before,
.step-item:nth-child(3) .step:before {
    width: 3px;
    height: 50px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.step-item .step:after, 
.step-item:nth-child(1) .step:after, 
.step-item:nth-child(3) .step:after {display: none; }

.step-active-one .step-item:nth-child(2) .step:before,
.step-active-one .step-item:nth-child(2) .step:after { 
    width: 3px;
    height: 50px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.step-item:nth-child(2) .step:after, 
.step-item:nth-child(2) .step:after {display: none; }
}

@media screen and (max-width: 479px) {
#burley-form { padding: 0 0px; }
.cultural-content { padding: 18px 15px 21px 15px; } 
.burley { padding-left:  10px; padding-right: 10px; } 
.main-burley { padding: 0 10px; }
.form-item2,
.form-item2:nth-child(2), 
.form-item2:nth-child(4),
.form-item2:nth-child(6),
.form-item2:nth-child(5) { padding-left: 0; }
.form-item2 { width: 100%; float: none; }
.form-item2 .input-group { display: block; }
.form-item3,
.form-item3:nth-child(2), 
.form-item3:nth-child(4),
.form-item3:nth-child(6),
.form-item3:nth-child(5) { padding-left: 0; }
.form-item3 { width: 100%; float: none; }
.form-item3 .input-group { display: block; }
}

/*----------------------*/
/*  espace 2            */
/*----------------------*/
@media screen and (max-width: 1023px) {
#table-responsive { border: none; margin-bottom: 10px; }
#table-responsive .table { font-size: 12px; margin-top: 10px; }
#table-responsive .table th,
#table-responsive .table td { min-width: 70px !important; width: 70px !important; white-space: normal !important; }
#table-responsive .table th.cell1,
#table-responsive .table td.cell1 { min-width: 120px !important; width: 120px !important; }
#table-responsive .table th.cell2,
#table-responsive .table td.cell2 { min-width: 100px !important; width: 100px !important; }
#table-responsive .table th.cell8,
#table-responsive .table td.cell8 { min-width: 80px !important; width: 80px !important; }
}

@media screen and (max-width: 767px) {
.planting-contact ul { 
    max-width: 100%;
    width: 100%; 
    float: none; 
}
.planting-contact ul:first-child { margin-bottom: 20px; }
}
@media screen and (max-width: 479px) {
.planting { padding: 0 0; }
.variety-box { padding: 16px 10px; }
.conditons { padding: 15px 10px 9px 10px; }
}

/*miss css*/




/*----------------------*/
/*  my-identity         */
/*----------------------*/
@media (min-width: 1200px) and (max-width: 1330px) {
.identity-block .blockbox-title span,
.identity-block2 .blockbox-title span,
.identity-block .blockbox-title strong {
    float: none;
    clear: both;
    width: 100%; 
    padding-top: 0;
    text-align: left;
}
}

@media screen and (max-width: 1199px) {
.identity-block .blockbox-title span,
.identity-block2 .blockbox-title span,
.identity-block .blockbox-title strong { width: 40%; }
.require-span { padding-bottom: 10px; }
}

@media screen and (max-width: 640px) {
.identity-block .blockbox-title span,
.identity-block2 .blockbox-title span,
.identity-block .blockbox-title strong {
    float: none;
    clear: both;
    width: 100%; 
    padding-top: 0;
    text-align: left;
}
.identity-block .form-box { width: 100%; float: none; }
.identity-block .form-box:nth-child(2n){ margin-top: 12px; }
.identity-block .form-row2 { margin-bottom: 0; } 
}




/*----------------------*/
/*  espace cooperative  */
/*----------------------*/
@media screen and (max-width: 1540px) {
.espace-cooperative-content .form-item2 { width: 106px; padding-left: 10px; float: left;}
.espace-cooperative-content .form-item2:first-child { padding-left: 0; }
.espace-cooperative-content .form-item-select { width: 195px; }
}

@media screen and (max-width: 1366px) {
.espace-cooperative-content .form-item2 { width: 12.5%; padding-left: 10px;}
.espace-cooperative-content .form-item3 { width: 195px; padding-left: 10px;}
.espace-cooperative-content .form-item-select { width: 20.5%; }
.espace-cooperative-content .form-item-select.form-item3 { width: 195px; }

.espace-cooperative-content .burley { padding-right: 75px; } 
.btn-remove { right: -75px; width: 70px; } 
.btn-remove .close3 { float: none; } 
.btn-remove span { margin-left: 0; margin-top: 5px; }
}

@media screen and (max-width: 1340px) {
.espace-cooperative-content .form-item2:nth-child(2) { padding-left: 0; }
.espace-cooperative-content .form-item2 { width: 16.666%; padding-left: 20px; }
.espace-cooperative-content .close2 { margin-top: 10px; }
.espace-cooperative-content .form-row span {
    font-size: 14px;
    font-weight: normal;
    color: #d84a38;
    text-align: right;
    display: block;
    overflow: hidden;
    margin: -26px 0 0 0;
    padding: 0 10px 0 0;
}
}

@media screen and (max-width: 1140px) {
.espace-cooperative-content .form-item2:nth-child(2) { padding-left: 20px; }
.espace-cooperative-content .form-item2 { width: 33.33%; margin-top: 20px; }
.espace-cooperative-content .form-item2 .input-group { display: block; }
.espace-cooperative-content .form-item2 { padding-left: 20px; }
.espace-cooperative-content .form-item3:nth-child(1),
.espace-cooperative-content .form-item3:nth-child(2),
.espace-cooperative-content .form-item3:nth-child(4) { padding-left: 20px;  }
.espace-cooperative-content .form-item3:nth-child(5) { padding-left: 20px;  }
}

@media (min-width: 768px) and (max-width: 900px) {
.espace-cooperative-content .form-item2.form-item-select { 
    width: 100%;
    float: none;
    margin-top: 0; 
}
.espace-cooperative-content .form-item:nth-child(2) { float: none; padding-left: 0; } 
.espace-cooperative-content .form-item:nth-child(2) label { width: 100%; float: none; position: relative; margin-top: 10px; }
.espace-cooperative-content .form-item2:nth-child(2), 
.espace-cooperative-content .form-item2:nth-child(4),
.espace-cooperative-content .form-item2:nth-child(6) { padding-left: 0; }
.espace-cooperative-content .form-item2:nth-child(5) { padding-left: 20px; }
.espace-cooperative-content .form-item2 { width: 50%; }
}

@media screen and (max-width: 600px) {
.espace-cooperative-content .form-item2:nth-child(2), 
.espace-cooperative-content .form-item2:nth-child(4),
.espace-cooperative-content .form-item2:nth-child(6) { padding-left: 0; }
.espace-cooperative-content .form-item2:nth-child(5) { padding-left: 20px; }
.espace-cooperative-content .form-item2 { width: 50%; }
}
@media screen and (max-width: 479px) {
.espace-cooperative-content .form-row span {
    font-size: 12px;
    margin: -26px 0 0 0;
    padding: 0 10px 0 0;
}
.espace-cooperative-content .form-item:nth-child(1) label {
    width: 96px;
}
.espace-cooperative-content .form-item label {
    font-size: 22px;
}
.espace-cooperative-content .form-item:nth-child(1) {
    width: 216px;
    padding-left: 106px;
}
.espace-cooperative-content .form-item2:nth-child(2), 
.espace-cooperative-content .form-item2:nth-child(4),
.espace-cooperative-content .form-item2:nth-child(6),
.espace-cooperative-content .form-item2:nth-child(5),
.espace-cooperative-content .form-item2 { padding-left: 0; width: 100%; float: none; }
.espace-cooperative-content .burley {
    padding-right: 65px;
}
.btn-remove {
    right: -65px;
    width: 60px;
}
.btn-remove span {
    font-size: 12px;
}
.espace-cooperative-content .form-item2 label br { display: none; }
}

@media screen and (max-width: 352px) {
.espace-cooperative-content .form-row span { margin: -36px 0 0 0; }
}


/*---------------------*/
/****   new responsive */
/*---------------------*/
@media screen and (max-width: 1150px) { 
    .three-platux-wrap ul li,
    .three-platux-wrap ul { display: inherit; }
    .three-platux-wrap ul li { 
        overflow: hidden; 
        border-bottom: 1px solid #ebf0f5;
    }
    .three-platux-wrap ul li .item {
        float: left;
        display: block; 
        border: none; 
        vertical-align: inherit;
        width: 50% !important;
    }
    .three-platux-wrap ul li .item:nth-child(3),
    .three-platux-wrap ul li .item:nth-child(2) { 
        float: right; 
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .grow-new-check label {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 15px 10px 48px;
    }
    .grow-new-check .nw-check:last-child label { padding-right: 15px; }
}
@media screen and (max-width: 640px) {
    .platux-wrap ul li .item:first-child { width: 65%; }
    .platux-wrap ul li .item:last-child { width: 35%; padding-right: 10px; }
    .platux-wrap p br { display: none; }
    .three-platux-wrap ul li .item {
        float: none;
        display: block;
        vertical-align: inherit;
        width: 100% !important;
    }
    .three-platux-wrap ul li .item:nth-child(3),
    .three-platux-wrap ul li .item:nth-child(2) { 
        padding-right: 0;
    }

}






/*--------------------------*/
/****  new css              */
/*--------------------------*/
@media screen and (max-width: 1600px) {
.column-row .select-area { width: 200px; }
.column-info .intention-column:nth-child(1) span { padding-right: 165px; }
.column-info .intention-column:nth-child(2) { padding-right: 20px; }
.intention-virginie-table .column-action { width: 170px; min-width: 170px; }
.column-info .intention-column:nth-child(4) { padding-right: 20px; }
.column-info .intention-column:nth-child(3) { padding-right: 10px; }
.column-action .intention-column span { padding-right: 38px; }
}
@media screen and (max-width: 1440px) {
.intention-virginie-table { padding: 20px 10px; }
.intention-virginie-table .column-action,
.intention-virginie-table .column-info {
    font-size: 13px;
    line-height: 18px; 
}
.column-info .intention-column:nth-child(1) { width: 30.399%; }
.column-info .intention-column:nth-child(2) { padding-right: 20px; width: 25.99%; }
.intention-final-area strong { font-size: 12px; }
.cmd-footer .cmd-column { font-size: 12px; }
}
@media screen and (max-width: 1366px) {
.column-row .select-area { width: 180px; }
.column-info .intention-column:nth-child(1) span { padding-right: 155px; }
.column-info .intention-column:nth-child(2) input { width: 55px; } 
.column-info .intention-column:nth-child(2) span { padding-right: 65px; }
.column-info .intention-column span { padding-right: 42px; }
.intention-virginie-table .column-action, 
.intention-virginie-table .column-info { padding: 15px 0 15px 10px; }
.intention-add { padding: 2px 10px 10px 11px; }
.intention-final-area { padding: 25px 10px 20px 12px; }
.intention-final-area .final-left { padding-right: 19px; }
.intention-final-area strong { font-size: 12px; } 
.intention-final-area .final-right strong:first-child { width: 60%; }
.intention-final-area .final-right strong:last-child { width: 40%; }
}
@media screen and (max-width: 1350px) {
.column-info .intention-column:nth-child(1) ,
.column-info .intention-column:nth-child(2) ,
.column-info .intention-column:nth-child(3) ,
.column-info .intention-column:nth-child(4) {
    width: 50%; 
    padding: 20px 20px 5px 0;
}
.column-info .intention-column:nth-child(3) { clear: left; }
.intention-final-area .final-left,
.intention-final-area .final-right {
    float: none;
    width: 100%;
    padding: 10px 0;
}
.intention-final-area strong:first-child,
.intention-final-area strong:last-child,
.intention-final-area strong {
    line-height: 18px;
    padding: 7px 10px !important;
}
.cmd-virginie-row {
    display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
}
.cmd-semis-row {
    display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
}
.pratiques-culturales-row {
    display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
}
.commands-virginie .cmd-column { 
    font-size: 13px;
    width: 50%;
    display: block; 
    padding: 10px;
    border-left: 0;
}
.commands-virginie .cmd-column:nth-child(1),
.commands-virginie .cmd-column:nth-child(2) { border-bottom: 1px solid #ebf0f5; }
.commands-virginie .cmd-column.plateau-column:nth-child(1),
.commands-virginie .cmd-column.plateau-column:nth-child(2),
.commands-virginie .cmd-column.plateau-column:nth-child(3),
.commands-virginie .cmd-column.plateau-column:nth-child(4) { border-bottom: 1px solid #ebf0f5; border-left: 1px solid #ebf0f5; width:25%; }
.cmd-column:last-child { text-align: center; }
.cmd-column:last-child .cmd-command-inner { display: inline-block; text-align: left; }

/* Pratiques culturales */
.cmd-column.plantation-column { border-left: 1px solid #ebf0f5; width: 20%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.fertilisation-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 14%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.fertilisation2-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 11%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.desherbage-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 20%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.desherbage2-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 33%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.ecimage-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 25%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.irrigation-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 16%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.three-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 33%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.five-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 20%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.six-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 16%; padding-left: 10px; text-align: center; display: table-cell;}
.cmd-column.seven-column { border-left: 1px solid #ebf0f5; border-bottom: 1px solid #ebf0f5; width: 14%; padding-left: 10px; text-align: center; display: table-cell;}
}

@media screen and (max-width: 1023px) {
.cmd-semis-row {
    display: -webkit-block; display: -moz-block; display: -ms-block; display: -o-flex; display: block;
    -webkit-flex-wrap: inherit; -moz-flex-wrap: inherit; -ms-flex-wrap: inherit; -o-flex-wrap: inherit; flex-wrap: inherit;
}
.pratiques-culturales-row {
    display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
    -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
}
.commands-virginie .cmd-column.plateau-column:nth-child(1),
.commands-virginie .cmd-column.plateau-column:nth-child(2),
.commands-virginie .cmd-column.plateau-column:nth-child(3),
.commands-virginie .cmd-column.plateau-column:nth-child(4),
.commands-virginie .cmd-column.plateau-column:nth-child(5) { border-bottom: 1px solid #ebf0f5; width:100%; }
.column-info .intention-column:nth-child(1),
.column-info .intention-column:nth-child(3) { width: 60%; }
.column-info .intention-column:nth-child(2),
.column-info .intention-column:nth-child(4) { width: 40%; }
.intention-virginie-table { width: 100%; }
.intention-virginie-table .column-action, 
.intention-virginie-table .column-info {
    display: block;
    width: 100%;
    min-width: 100%;
}
.intention-virginie-table .column-info { border-bottom: 0; }
.intention-virginie-table .column-action {
    border-color: transparent transparent #ebf0f5 transparent;
    overflow: hidden;
}
.intention-virginie-table .column-action .column-row { max-width: 320px; float: right; }

/* Pratiques culturales */
.cmd-column.plantation-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.fertilisation-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.fertilisation2-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.desherbage-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.desherbage2-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.ecimage-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.irrigation-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.three-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.five-column { border-bottom: 1px solid #ebf0f5; width:100%;}
.cmd-column.six-column { border-bottom: 1px solid #ebf0f5; width:100%;} 
.cmd-column.seven-column { border-bottom: 1px solid #ebf0f5; width:100%;} 
}

@media screen and (max-width: 992px) {
.column-row .select-area { width: 150px; }
.smile-area { padding: 15px; }
.smile-area .smile {
    position: relative;
    left: inherit;
    margin: 0 auto;
    top: inherit;
    -webkit-transform: inherit; transform: inherit;
    padding-bottom: 20px;
}
.smile-area .smile img { margin: 0 auto; }
.warning-area { padding: 15px; }
.warning-area .warning {
    position: relative;
    left: inherit;
    margin: 0 auto;
    top: inherit;
    -webkit-transform: inherit; transform: inherit;
    padding-bottom: 20px;
}
.warning-area .warning img { margin: 0 auto; }
}
@media screen and (max-width: 640px) {
.cmd-virginie-row {
    display: -webkit-block; display: -moz-block; display: -ms-block; display: -o-flex; display: block;
    -webkit-flex-wrap: inherit; -moz-flex-wrap: inherit; -ms-flex-wrap: inherit; -o-flex-wrap: inherit; flex-wrap: inherit;
}
.commands-virginie .cmd-column { 
    float: none;
    font-size: 12px;
    width: 100%;
    display: block; 
    padding: 10px !important;
    min-height: inherit;
    border-bottom: 1px solid #ebf0f5; 
    overflow: hidden;
}
.commands-virginie .cmd-column:nth-child(4) { border-bottom: 0; }
.cmd-chocolate .cmd-footer .cmd-column:nth-child(2n+1) { padding: 10px; }
}
@media screen and (max-width: 580px) {
.column-row .select-area { width: 200px; }
.intention-virginie-table { padding: 10px 0; }
.column-info .intention-column:nth-child(1) ,
.column-info .intention-column:nth-child(2) ,
.column-info .intention-column:nth-child(3) ,
.column-info .intention-column:nth-child(4) {
    float: none;
    width: 100%; 
    padding: 20px 0 5px 0;
    text-align: left;
    clear: both;
}
.intention-virginie .intention-final-area strong:first-child, 
.intention-virginie .intention-final-area strong:last-child {
    display: block;
    width: 100%;
}
}
@media screen and (max-width: 480px) {
.four-item-stepentry .step-item { float: none; width: 100% !important; }
.four-item-stepentry .step-item:nth-child(3) .step::after { display: none; }
.four-item-stepentry .step-item .step::before, 
.four-item-stepentry .step-item:nth-child(1) .step-item .step:before, 
.four-item-stepentry .step-item:nth-child(1) .step:before, 
.four-item-stepentry .step-item:nth-child(4) .step:before,
.four-item-stepentry .step-item:nth-child(3) .step::before {
    width: 3px;
    height: 50px; 
    top: 0; left: 0; right: 0; 
    margin: 0 auto;
}
.smile-area h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 18px;
}
.smile-area  p { margin-bottom: 10px; }
.warning-area h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 18px;
}
.warning-area  p { margin-bottom: 10px; }
.intention-add { padding: 2px 0 10px 0; }
.intention-final-area { padding: 10px 0; }
.chocolate-style ~ .form-btn-row .btn-nextstep { font-size: 14px;  }
}

/*----------------------*/
/* pratiques culturales */
/*----------------------*/

@media screen and (max-width: 1600px) {
    .pratiques-culturales.plantation .form-item3:nth-child(1) {
        padding-left: 20px;
        width: 195px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(2) {
        padding-left: 20px;
        width: 195px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(3) {
        padding-left: 20px;
        width: 150px;
    }
    .pratiques-culturales.plantation .form-item2.form-item-select {
        margin-bottom: -20px;
        padding-left: 20px;
        width: 250px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(5) {
        margin-top: 0px;
        padding-left: 20px;
        width: 195px;
    }
    
    .pratiques-culturales.fertilisation .form-item3:nth-child(7) {
        margin-top: 0px;
        padding-left: 20px;
        width: 195px;
    }
}

@media screen and (max-width: 1440px) {
    .pratiques-culturales.plantation .form-item3:nth-child(1) {
        padding-left: 20px;
        width: 195px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(2) {
        padding-left: 20px;
        width: 195px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(3) {
        padding-left: 20px;
        width: 150px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(4) {
        padding-left: 20px;
        width: 195px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(5) {
        margin-top: 0px;
        padding-left: 20px;
        width: 195px;
    }
    .pratiques-culturales.plantation .form-item2.form-item-select {
        margin-bottom: -20px;
        padding-left: 20px;
        width: 195px;
    }
}

@media screen and (max-width: 1140px) {
    .pratiques-culturales.plantation .form-item3:nth-child(1) {
        padding-left: 20px;
        width: 195px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(4) {
        margin-top: 20px;
        padding-left: 20px;
        width: 195px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(5) {
        margin-top: 20px;
        padding-left: 20px;
        width: 195px;
    }
}

@media screen and (max-width: 965px) {
    .pratiques-culturales.plantation .form-item3:nth-child(1) {
        padding-left: 0px;
        margin-top: 20px;
        width: 100%;
        padding-bottom:20px;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(2) {
        padding-left: 0px;
        margin-top: 20px;
        width: 100%;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(3) {
        padding-left: 0px;
        margin-top: 20px;
        width: 100%;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(4) {
        padding-left: 0px;
        margin-top: 20px;
        width: 100%;
    }
    .pratiques-culturales.plantation .form-item3:nth-child(5) {
        padding-left: 0px;
        margin-top: 20px;
        width: 100%;
    }
    .pratiques-culturales.plantation .form-item2.form-item-select {
        padding-left: 0px;
        margin-bottom: -20px;
        width: 100%;
    }
    
    .pratiques-culturales.fertilisation .form-item3.form-item-select {
        margin-bottom: -20px;
        padding-left: 0px;
        width: 100%;
    }
    .pratiques-culturales.fertilisation .form-item3 {
        padding-left: 0px;
        margin-top: 20px;
        width: 100%;
    }
    .pratiques-culturales.fertilisation .form-item3:nth-child(7) {
        margin-top: 0px;
        padding-left: 0px;
        width: 195px;
    }
}