@media only screen and (min-width: 1280px)  {
    
    .header-right-cms {float:right; display:block;}
    .header-regular .hp-blocks-holder .hp-block.d-logo.grid12-4 {float: left; width: 363px; margin-right: 0px;}
    .hp-block.search-wrapper-centered.grid12-4.search-wrapper.skip-content { float:left; width:315px; margin-left:0; margin-right:0;}
    .hp-block.user-menu.clearer.grid12-4 { float:left; margin-left:10px; margin-right:0; margin-bottom:0; width:470px; }
    .header .logo-wrapper .logo.logo--regular {max-width:370px;}
    .user-menu .line-break-after {display:none;}
    .h-menu {float:left; width:280px; box-sizing:border-box;}
    #header-search.search-wrapper-centered {background:url(../images/header-search.png) right 40px no-repeat; padding:15px 0 0 44px; margin-left: -38px;}
    .cms-after-main li {
        box-sizing: border-box;
        float: left;
        text-align: center;
        width: 25% !important;
    }
    
}
@media only screen and (max-width: 1279px)  { 
    #header-search.search-wrapper-centered { margin:0; padding:10px;}
    .header-regular .hp-blocks-holder.skip-links--4  .hp-block {vertical-align:top;}
        #header-search.search-wrapper-centered {background:url(../images/header-search.png) right 40px no-repeat; padding:15px 0 0 44px; position:relative; left:-28px;     }
    .hp-block.search-wrapper-centered.grid12-4.search-wrapper.skip-content {width:300px;}
    #header-search .searchautocomplete,
    .btn-search-mq-mdl {width:95%;}
    #search_mini_form.searchautocomplete .nav {width:calc(100% - 31px);}
    .btn-search-mq-mdl #btn-mq-mdl.btn-gris {width:auto; padding:8px 0;}
    .user-menu .line-break-after {display:none;}
    .hp-block.user-menu .h-menu::before { margin-left:-10px;}
     /*.cms-mainbottom li a {width:calc(100% - 5px); background-size:100% auto;}
    .cms-after-main .fcms > span {background-size:auto 30px; background-position:left center !important; padding:5px 27px 15px 45px; margin:4px 0 0 10px; line-height:18px;
        text-align:center; margin:0 0 0 5px;
    } */
    .cms-mainbottom li a.assistance > span {padding:9px 5px 10px 80px;}
    .cms-mainbottom li a.contact > span {padding:5px 10px 0 50px;}
    .cms-after-main a {height:auto;}
    .cms-after-main li {
        box-sizing: border-box;
        float: left;
        margin-bottom: 20px;
        text-align: left!important;
        width: 33%!important;
    }
    .product-img-box .product-image{width:72%}
    .thumbnail-pagination .thumbnail-pagination-item { width:25%;} 
    
}

@media only screen and (min-width: 960px) and (max-width: 1279px)  {
    .container {width:960px;}
    .header .logo-wrapper .logo.logo--regular  {max-width:370px;}
    .div.aw_countdown_timer_container_black{padding-top:23px}
    
}
@media only screen and (min-width: 770px) and (max-width: 959px) {
    .header .hp-block.d-logo.grid12-4 .logo-wrapper .logo {margin-top:30px;}
    .header-regular .hp-blocks-holder.skip-links--4 .hp-block {float:left;}
    #header-search.search-wrapper-centered {background-position: right 48px;}
    .hp-block.search-wrapper-centered.grid12-4.search-wrapper.skip-content {width:275px; float:left;}
    .hp-block.user-menu.clearer.grid12-4 {width: 138px; margin: 5px 0px 0px; float:left;}
    #header-search .header-text {text-align:center; line-height:12px;}
    #header-search.search-wrapper-centered {left:-50px;}
    .h-menu #header-account {margin-top:0;}
    .hp-block.user-menu.clearer.grid12-4 .h-menu .text-bienvenue {font-size:12px;}
    .h-menu .text-bienvenue .small{display:none;}
    .dropdown .dropdown-heading.cover > span {padding-right:0;}
    .hp-block.user-menu .h-menu::before {margin-left:-18px;}
    .hp-block.user-menu.clearer.grid12-4 .h-menu #mini-cart-wrapper-regular {float:left;}
    .hp-block.user-menu.clearer.grid12-4 .h-menu #header-account {float:left; padding:0 0 0 18px; margin-top:0;}
    .header .hp-block.d-logo.grid12-4 .logo-wrapper .logo {width:250px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {    
.cms-after-main .fcms > span {background-image:none !important; padding:5px 0;}
.cms-mainbottom li a.assistance > span {padding:5px 0 !important;}
.cms-mainbottom li a.contact > span {padding:0 !important;}
.cms-mainbottom li a.contact span.num {line-height:18px; font-size:15px;}
.product-img-box .product-image{width:69%}
.thumbnail-pagination .thumbnail-pagination-item { width:33.33%;} 

}

@media only screen and (max-width:1023px) {
    /*.thumbnail-pagination-item {width:25%;} */
    .thumbnail-pagination-item a {min-width:100%;}    
    .thumbnail-pagination-item a .smal_baner_text {width:calc(100% - 60px);}
     .no-right-gutter.grid12-2{    width: 16.66% !important;}
}



@media only screen and (max-width: 959px) {
    .cms-after-main li {
        box-sizing: border-box;
        float: left;
        margin-bottom: 20px;
        margin-left: 5%!important;
        text-align: left!important;
        width: 45%!important;
    }
    .no-right-gutter.grid12-2{ width: 24.66% !important;}
   
    
    
}
@media only screen and (max-width: 767px) {
    .thumbnail-pagination .thumbnail-pagination-item {width:50%;}
    .thumbnail-pagination-item a {min-width:100%;}    
    .thumbnail-pagination-item a .smal_baner_text {width:calc(100% - 60px);}
    
    .home-magasinpiece .home-offremagasin .content p{width:60%; margin:0 auto !important}
    
    .no-right-gutter.grid12-2 { width: 100% !important;  }
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height {padding-left:0;}
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item {width:98% !important; height:auto !important; padding-bottom:5px !important;}
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .product-image-wrapper {float:left; width:100px;}
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .product-name,
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .ref-list,
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .price-box,
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .actions {
        float: left;
        min-height: auto;
        margin: 0 0 0 15px;
        width: calc(100% - 125px); 
        text-align: left;
    }
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .product-name {padding: 0;}
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .ref-list {padding: 2px 0; }
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .price-box {padding:7px 0 7px;}
    .products-grid.itemgrid-adaptive.itemgrid-3col.equal-height .item .actions {padding-left:0 !important; position: static !important; float:right ! important;}
    
    
    
}

@media only screen and (max-width:779px) { 
   .nav-container .ms-megamenu .ms-topmenu,
   .nav-container .ms-megamenu .anchor_mbmenu {background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #d3d3d3 0%, #a8a7a7 100%) repeat scroll 0 0;}
   .glyphicon {cursor:pointer;}

}
@media only screen and (max-width: 769px) {
    .h-menu .text-bienvenue,
    #header-search .header-text {display:none;}
    .header-mobile .header-primary.header .logo-wrapper--mobile {width:100%; float:left; margin-bottom:20px;}
    .header-mobile .header-primary.header .logo-wrapper--mobile .logo,
    .left-mobile {width:50%; float:left;}
    .left-mobile {margin-top:13px;}
    #mini-cart-wrapper-mobile .mini-cart .ic-cart {padding:0;}
    .hp-block.user-menu .h-menu::before {display:none;}
    .header-mobile #header-search.search-wrapper-centered {background-image:none;}
    .header-mobile .header-primary.header .skip-link.skip-active {background:#ddd;}
    .header-mobile .hp-block {background:#ddd;}
    .header-mobile .searchautocomplete .nav {margin-bottom:0; border-radius:2px 0 0 2px;}
    .header-mobile .searchautocomplete .nav-submit-button {padding-top:0;}
    .header-mobile .skip-content.skip-active {background-color:#DDDDDD !important; margin-top:0 !important; padding:10px;}
    .header-mobile #header-search.search-wrapper-centered {left:0; padding-bottom:20px}
    .btn-search-mq-mdl {margin-bottom:5px;}
    .hp-block.user-menu .h-menu {background:#ddd;}
    .hp-block.user-menu .h-menu #header-account {padding:0 0 10px 30px;}
    .cms-after-main li {
        box-sizing: border-box;
        float: left;
        margin-bottom: 20px;
        margin-left: 0%!important;
        text-align: left!important;
        width: 50%!important;
    }
}

@media only screen  and (max-width: 767px) {   
     .cms-after-main li {width:50%;}
     .cms-mainbottom li a {min-height:105px; float:left; }
     .cms-after-main .fcms > span {padding:5px 27px 15px 80px; margin-top:10px; background-size: auto auto;}
     .home-magasinpiece .home-offremagasin {max-width:100%; margin-top:20px;}
     .home-magasinpiece .home-offremagasin .content {height:auto !important;}
     .home-magasinpiece .home-offremagasin .content p {width:60%; margin:0 auto !important; }
     .home-magasinpiece .home-offremagasin .content p.btn-1 {width:100%; text-align:center;}
     .home-magasinpiece .home-offremagasin .content p.btn-1 img {max-width:158px;}
     
     
}

@media only screen and (max-width: 639px) {
    
  .header-mobile .skip-link .label {display:none !important;}
  .thumbnail-pagination-item a .smal_baner_text {display:block;}
  .thumbnail-pagination-item a img {}
  .thumbnail-pagination .thumbnail-pagination-item {width:50%;}
    .cms-after-main li {
        margin-left: 18%!important;
        width: 82%!important;
    }

  
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
   /*  .cms-after-main .fcms > span  {background-image:none !important;} */
    .cms-mainbottom li a {min-height:75px;}
    .cms-mainbottom li a.assistance > span {display:inline-block; width:145px; padding:5px 0 0;} 
  .cms-after-main .fcms > span {margin-top:0; padding:5px 15px; } 
  .cms-mainbottom li a.contact > span {padding:0 15px;}   
}     

@media only screen and (max-width: 479px) {
    .header-mobile .header-primary.header .logo-wrapper--mobile .logo, .left-mobile {width:100%;}
    .header-mobile .logo-wrapper--mobile .logo img { max-width:230px;}
    .header-mobile .logo-wrapper--mobile .logo {margin-top:15px;}
    .text-bienvenue p.small {display:inline;}
   /* .cms-mainbottom li a {max-width:247px; min-height:90px; float:none;}   */
    .cms-after-main .cms-mainbottom li,
    .cms-after-main li:first-child,
    .cms-after-main li:nth-child(3),
    .cms-after-main li:last-child {text-align:center; width:100%;}
    .thumbnail-pagination .thumbnail-pagination-item {width:100%;}
    .cms-after-main li {
        float: none!important;
        margin: 0 auto!important;
        width: 276px!important;
    }
    .home-magasinpiece .home-offremagasin .content p {width:100%; margin:0 auto !important; }
}

@media only screen and (max-width: 400px)  {
    .product-img-box .product-image {
        float: left!important;
        width: 100%!important;
    }
    .product-img-box .more-views {
        float: left;
        margin-top: 10px;
        width: 100%!important;
    }
    .product-img-box .more-views li {
        float: left!important;
        margin-bottom: 5px;
        margin-right: 5px!important;
    }
    .a-demande {
        background: rgba(0, 0, 0, 0) url("../images/new_btn_devis.gif") no-repeat scroll -20px 0!important;
        width: 295px!important;
    }

}
.clic-call { position:fixed; bottom:0; right:5px; z-index:999; }
.clic-call .rappel { margin-bottom:0; line-height:24px; cursor:pointer; color:#1775D6; font-weight:bold;
    -moz-box-shadow: 0px 0px 4px #000000;
    -webkit-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;
    width:176px;
    text-align:center;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.clic-call .close { position:absolute; top:10px; right:11px; cursor:pointer;}
#scroll-to-top{
    bottom: 145px;
}

/* mPopup box style */
.mpopup {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.mpopup-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.mpopup-main {padding: 2px 16px;}

/* add animation effects */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* close button style */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#popupClose input{
    background: none;
    border: none;
    position: absolute;
    right: 6px;
    top: 5px;
    cursor: pointer;
}