/*********LOGIN********/
@media only screen and (max-width:767px) {
  #login-container h1 { font-size: 2.05rem; }
  .login-card { font-size: 1.1rem; }
}
@media only screen and (max-width:575px) {
  #login-container h1 { font-size: 2rem; }
  .login-card { font-size: 1rem; }
  .login-card .form-control { height: 50px; }
  .login-card button.btn.btn-rounded { font-size: 1rem; }
}
@media only screen and (max-width:420px) {
  #login-container h1 { font-size: 1.99rem; }
  .login-card, .login-card .font-size-16 { font-size: 0.875rem; }
  .login-card .form-control { height: 47px; }
}
@media only screen and (max-width:365px) {
  #login-container h1 { font-size: 1.75rem; }
  .login-card, .login-card .font-size-16 { font-size: 0.85rem; }
  .login-card button.btn.btn-rounded { font-size: 0.875rem; padding-left: 10px!important; padding-right: 10px!important; }
}

/********commun********/
@media only screen and (max-width:1700px) {
  .logo-footer img { max-width: 200px; }
  #footer, .copyright { font-size: 0.875rem; }
}
@media only screen and (max-width:1250px) {
  #footer, .copyright { font-size: 0.85rem; }
  .logo-footer img { max-width: 160px; }
}
@media only screen and (max-width:992px) {
  .header-dashboard-icons { margin-top: 10px!important; }
  .modal-lg, .modal-xl { max-width: none!important; }
  .lg-text-center { text-align: center!important; }
}
@media only screen and (max-width:576px) {
  .modal-lg, .modal-xl { max-width: none!important; }
  .mobile-text-center { text-align: center!important; }
  .dashboardcode-bsmultiselect ul li { width: 100%!important; }
}

@media only screen and (max-width:768px) {
  .logo-footer img { max-width: 250px; }
  #footer { font-size: 0.875rem; }
  #footer .footer-nav .footer-link-column { background-color: #fff; padding: 0!important; width: 100%; color: #053b22; border: 0; font-size: 1rem; text-transform: uppercase; }
  #footer .footer-nav .dropdown-toggle { background: #053b22; border: none; color: #fff; text-transform: uppercase; padding: 15px!important; font-size: 1rem; }
  #footer .footer-nav .footer-mobile { background: #053b22; border: none; color: #fff; text-transform: uppercase; padding: 15px; font-size: 1rem; }
  #footer .footer-nav .footer-mobile.has-dropdown-m { background: none; padding: 0!important; text-transform: none!important; }
  #footer .footer-mobile.d-none.has-dropdown-m.open .dropdown-toggle { background-color: #42974d; }
  #footer .footer-mobile.d-none.has-dropdown-m.open .dropdown-toggle::after { border-bottom: .3em solid; border-top: 0; }
  #footer .footer-nav .footer-link-column { text-align: center!important; }
  #footer  .title-menu-t.footer-link-column { background: #053b22; border: none; color: #fff; text-transform: uppercase; padding: 15px!important; font-size: 1rem; }
  #footer .footer-nav .footer-large { display: none; }
  #footer .footer-nav .footer-mobile { display: block!important; border-top: none; }
  #footer .footer-nav .right-box { border-left: 0; }
  .lien-footer-menu li { display: block; border-bottom: 1px solid #053b222b; border-right: none; padding: 5px 0; }
  #footer .footer-nav .row-footer-links { max-width: none; width: 100%; }
  .dashboardcode-bsmultiselect ul li { width: 50%; }
  .articles-top-carousel .carousel-inner .card { max-width: 250px; }
  #footer .footer-nav .footer-mobile.has-dropdown-m .collapse >div { margin-bottom: 10px; }
  #footer .footer-nav .footer-mobile.has-dropdown-m .collapse { text-transform: none!important; }
  #footer .footer-nav .footer-mobile.has-dropdown-m .collapse a { color: #053b22; text-transform: none!important; }
  #footer .footer-nav .footer-mobile.has-dropdown-m .collapse a:hover { color: #42974d; }
}

/******MENU***********/
@media only screen and (max-width:1480px) {
  .navigation-site .nav-item { margin-left: 1px; margin-right: 1px; }
  .navigation-site .nav-item >.nav-link { padding-left: 1.2rem; padding-right: 1.2rem; }
  .navbar-brand img { width: 100%; }
}

@media only screen and (max-width:1350px) {
  .navigation-site .nav-item >.nav-link { font-size: 1.5rem; }
  .navbar-brand img { max-width: 250px; }
}
@media only screen and (max-width:1200px) {
  .navigation-site .nav-item >.nav-link { height: 70px; }
  .search-form-content { background-size: 100% 100%; }
  .bloc-right-header a { font-size: 0; width: 45px; background-position: center; padding-left: 0; }
  .bloc-right-header .link-logout-header { font-size: 0.875rem; }
  .bloc-right-header { width: max-content; margin-left: auto!important; }
}
@media only screen and (max-width:992px) {
  .navbar-brand img { margin: auto; display: block; }
  #js-toggle-nav-menu { min-width: 75px; }
  .navigation-site { padding-left: 0; }
}
@media only screen and (max-width:575px) {
  #js-toggle-nav-menu { min-width: 40px; margin-right: 0; }
}
@media only screen and (max-width:375px) {
  .cart-link-mobile { width: 30px; background-size: 30px 30px; height: 30px; }
  .header-paniers-nbr { width: 2rem; height: 2rem; font-size: 0.875rem; }
  .navbar-light .navbar-brand { padding-top: 0; padding-bottom: 0; }
}
/*=====================================
 	SLIDER
=====================================*/
@media only screen and (max-width:1250px) {
  .text-1-slider { font-size: 60px; }
  .text-2-slider { font-size: 60px; }
  .font-18 { font-size: 16px; }
  .font-size-22 { font-size: 21px; }
  .title-medium { font-size: 2.1rem; }
  .font-size-24 { font-size: 1.375rem; }
}
@media only screen and (max-width:1080px) {
  .text-1-slider { font-size: 56px; }
  .text-2-slider { font-size: 56px; }
  .font-18 { font-size: 15px; }
  .font-size-22 { font-size: 20px; }
  .font-size-15 { font-size: 0.875rem; }
}
@media only screen and (max-width:992px) {
  .carousel-inner { min-height: 400px; }
  .text-1-slider { font-size: 45px; }
  .text-2-slider { font-size: 45px; }
  .font-18 { font-size: 14px; }
  .font-size-22 { font-size: 19px; }
}

@media only screen and (max-width:768px) {
  .carousel-inner { min-height: 350px; }
  .text-1-slider { font-size: 40px; }
  .text-2-slider { font-size: 40px; }
  .font-18 { font-size: 13px; }
  .font-size-22 { font-size: 17px; }
  .title-medium { font-size: 2rem; }
  .font-size-24 { font-size: 1.325rem; }
  .font-size-15 { font-size: 0.85rem; }
}
@media only screen and (max-width:680px) {
  .text-1-slider { font-size: 35px; }
  .text-2-slider { font-size: 35px; }
  .font-18 { font-size: 12px; }
  .font-size-22 { font-size: 16px; }
}
@media only screen and (max-width:575px) {
  .text-1-slider { font-size: 30px; }
  .text-2-slider { font-size: 30px; }
  .font-18 { font-size: 11px; }
  .font-size-22 { font-size: 14px; }
  .title-medium { font-size: 1.8rem; }
  .title-choice-display { padding-right: 70px; }
  .font-size-24 { font-size: 1.3rem; }
  .font-size-15 { font-size: 0.825rem; }
}
@media only screen and (max-width:420px) {
  .font-size-24 { font-size: 1.25rem; }
}
@media only screen and (max-width:370px) {
  .font-size-22 { font-size: 13px; }
}
@media only screen and (max-width:330px) {
  .font-size-22 { font-size: 12px; }
}

/*=====================================
 	CDE
=====================================*/
@media only screen and (max-width:1450px) {
  .table-resume-site tr td { padding-right: 5px; padding-left: 5px; }
  .table-resume-site tr td.font-20 { font-size: 1.05rem; }
}
@media only screen and (max-width:992px) {
  .cde1-btn-suivant #btnSuivant { font-size: 22px; }
  .table-resume-site tr td.font-20 { font-size: 1.25rem; }
}
@media only screen and (max-width:768px) {
  .cde-progress { margin-top: 5px; margin-bottom: 5px; }
  .cde1-btn-suivant #btnSuivant { font-size: 20px; }
}
@media only screen and (max-width:375px) {
  .table-resume-site tr td.font-20 { font-size: 1.05rem; }
}

/*=====================================
 	ARTICLE DISPLAY BLOCK
=====================================*/
@media only screen and (max-width:1850px) {
  .article-bloc-display .pxp-lg-3 { padding-left: 1rem; padding-right: 1rem; }
  .article-bloc-display.mxp-lg-n3 { margin-left: -1rem; margin-right: -1rem; }
  .article-bloc-display .card { padding-left: 0.625rem!important; padding-right: 0.625rem!important; }
}
@media screen and (min-width: 1200px) and (max-width: 1670px) {
  .article-bloc-display > div { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media screen and (min-width: 992px) and (max-width: 1250px) {
  .article-bloc-display .js-change-qte-box { min-width: 110px; }
  .article-bloc-display .btn-qty { width: 30px; }
  .article-bloc-display .input-article-qte { width: 35px; }
  .article-bloc-display .input-articletop-qte { width: 35px; }
}
@media screen and (min-width: 992px) and (max-width: 1201px) {
  .article-bloc-display .pxp-lg-3 { padding-left: 0.625rem; padding-right: 0.625rem; }
  .article-bloc-display.mxp-lg-n3 { margin-left: -0.625rem; margin-right: -0.625rem; }
  .article-bloc-display  .font-size-16 { font-size: 0.875rem; }
  .state-article .col-12-perso-mob { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .article-bloc-display .js-change-qte-box { justify-content: flex-start!important; -ms-flex-pack: start!important; }
  .state-article { text-align: center; }
  .d-block-perso-mobile, .d-block-perso-mobile>.row { display: block!important; }
  .d-block-perso-mobile .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center!important; }
  .d-block-perso-mobile>.row >.col-12.text-right { text-align: center!important; }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .article-bloc-display .pxp-lg-3 { padding-left: 0.625rem; padding-right: 0.625rem; }
  .article-bloc-display.mxp-lg-n3 { margin-left: -0.625rem; margin-right: -0.625rem; }
  .article-bloc-display  .font-size-16 { font-size: 0.875rem; }
  .state-article .col-12-perso-mob { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .article-bloc-display .js-change-qte-box { justify-content: flex-start!important; -ms-flex-pack: start!important; }
  .state-article { text-align: center; }
  .d-block-perso-mobile, .d-block-perso-mobile>.row { display: block!important; }
  .d-block-perso-mobile .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center!important; }
  .d-block-perso-mobile>.row >.col-12.text-right { text-align: center!important; }
}
@media only screen and (max-width:575px) {
  div#article-panier-continue + div + #commander-article-content .mt-perso-table { margin-top: 4px; }
}

@media only screen and (max-width:345px) {
  .article-bloc-display .js-change-qte-box { min-width: 110px; }
  .article-bloc-display .btn-qty { width: 30px; }
  .article-bloc-display .input-article-qte { width: 35px; }
  .article-bloc-display .input-articletop-qte { width: 35px; }
}

/*=====================================
 	MENU INFO
=====================================*/
@media only screen and (max-width:1080px) {
  .nav-menu-account .nav-link { font-size: 0.875rem; }
}
@media only screen and (max-width:768px) {
  .nav-menu-account .nav-link { font-size: 0.85rem; }
}

/*=====================================
 	TITRE INFO
=====================================*/
@media only screen and (max-width:1080px) {
  .title-form { font-size: 2.5rem; }
  .title-form i { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); margin-top: -0.5rem; margin-right: -2rem; }
  #document_filtre_filtreSubmit,   .font-20, .form-content-perso #document_filtre_filtreReinit { font-size: 16px; }
}
@media only screen and (max-width:980px) {
  .title-form { font-size: 2.4rem; }
}
@media only screen and (max-width:767px) {
  .title-form { font-size: 2.2rem; }
  .title-form i { transform: scale(0.6); -webkit-transform: scale(0.6); -ms-transform: scale(0.6); margin-top: -1rem; }
}
@media only screen and (max-width:575px) {
  .title-form { font-size: 2rem; }
  .title-form i { transform: scale(0.5); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); }
  .title-form.d-flex { font-size: 1.8rem; display: block!important; }
  .title-form .fa-clipboard-list { transform: scale(0.35); -webkit-transform: scale(0.35); -ms-transform: scale(0.35); position: absolute; right: 0; top: 5px; margin-right: -4.5rem; margin-top: 0; }
  #document_filtre_filtreSubmit,   .font-20, .form-content-perso #document_filtre_filtreReinit { font-size: 15px; }
  .font-size-16 { font-size: 0.875rem; }
  .font-size-14 { font-size: 0.85rem; }
}
@media only screen and (max-width:420px) {
  .title-form { font-size: 1.9rem; }
  .title-form.d-flex { font-size: 1.7rem; }
}
@media only screen and (max-width:375px) {
  .title-form { font-size: 1.5rem; }
  .title-form.d-flex { font-size: 1.3rem; }
}