@media only screen 

and (min-width : 320px) 

and (max-width : 374px){
.wrapper-dropdown-3 span{padding-left:0;}
#currencies-block-top{padding-right: 6px; margin-right: 6px;}
.top_cart span.bagouter{padding-left:20px;}
.popup_block{width: 85% !important;}
.popup_block .newtag {height: auto;}

}
@media only screen 

and (min-width : 375px) 

and (max-width : 479px){
.top_cart span.bagouter{padding-left:20px;}
}


@media only screen 

and (min-width : 480px) 

and (max-width : 639px){
.top_cart span.bagouter{padding-left:20px;}
}

@media only screen 

and (min-width : 320px) 

and (max-width : 639px){

img{max-width:100%;}

/*.country .wrapper-dropdown-3{width:64px;}*/

.currency .wrapper-dropdown-3{width:46px;}

.wrapper-dropdown-3 span,.bagouter{font-size:9px; padding:2px 0;}

.banner img{height:auto;}

.banner .caption,.banner .caption_cat{left:0; top:0; margin:0; width:auto; position:inherit; background:#53c2d4; text-align:center; padding: 15px 0;  color: #fff;} 

.banner .caption_cat{padding-bottom:0;}

.banner .caption h3{font-size:10px; padding:5px; margin-bottom: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.banner .caption_cat h3{font-size:10px;}

.banner .caption h2,.banner .caption h2{font-size:15px; padding:0; line-height:16px; color: #fff;  margin-bottom: 10px; border-bottom:none;}

.banner .caption_cat h2{font-size:18px; color:#fff; border-bottom:none;}

.banner .caption p{font-size:10px; line-height:10px; color:#fff;}

.banner .caption a{font-size:10px; padding:5px;}

.horz-separator{margin:20px 0; font-size:20px;}

.innertext { padding: 0 0 25px 0;}

.block1-banner .caption {  width: auto;  height: auto;  padding: 10px; margin:0 20px;}

.block1-banner .caption h4{font-size:11px; margin-bottom:0;}

.block2{padding:10px; margin-bottom: 35px;}

.block3-banner .caption{top: 10px; left: 0; margin-left: 5px; width: auto;}

.block3-banner .caption h3{font-size:13px;}

.block3-banner .caption h4{font-size: 10px; margin: 10px 0 10px 0;}

.mid-micro-block{margin-bottom:20px;}

.block5 .best-seller {width: 90%; margin-left: 5%;}

.block6 img{height:auto;}

.block6 .caption{top:5px; position:relative; left:0; margin:0; min-width:inherit;}

.block6 .caption h3{font-size:11px;}

.block6 .caption h4{margin:0; font-size:16px;}
.block6 .caption p{font-size:18px; line-height:22px;}

.block7 .momblock{margin-bottom:30px;}

.block7 .momblock .circleblock{top:63px;}

.footer-top-container{margin-top:10px;}

.footer-top-container span.separator{display:none;}
.footer-bottom-container ul{ margin-bottom:30px}
.footer-bottom-container ul li {
	line-height: 21px;
	background-position: -34px -432px;
}

.topselleft{width:100%; text-align:center; float:none;}

.topleft-block{width:100%; border-bottom: 1px solid #107c86; float:none;}

.topleft-block ul li{float:none; display:inline-block;}

.topleft-block ul li a {padding:0 8px; margin:0;}

.topselright{/*width:300px;*/ padding-top: 5px; text-align:center; float:none; margin:0 auto;}

.topright-block .country, .topright-block .language, .topright-block .currency, .topright-block .cart{text-align:left;}

header .separtator{margin: 0 7px 0 2px;}

.logo{text-align:left; padding:15px;}

.logo a{display:block;}

.logo img{width:180px; position:relative; z-index:100;}

.menuouter{background:none; position:absolute; top:89px; width:100%;}

.outerproduct {padding: 0;}

.block2 .banner-caption{margin:15px 0;}

.block3-banner{padding:20px;}

.block6{min-height:inherit; display:block; padding:0;}

.listingdiv { width: 48.2%; background:none; padding:15px 0;}

.footerouter{padding:0;}

.wrapper-dropdown-3 .dropdown{ width:auto; z-index:9999;}

.block5 .best-seller .owl-nav .owl-next{ right:-29px;}

.block5 .best-seller .owl-nav .owl-prev{ left:-29px;}

#login-dp .forgot a { color: #646d72;}

.banner-caption{display:none;}

.banner-caption_mobile{display:block; margin-bottom: 15px;}

.banner-caption_mobile a{/*display:inline-block;*/ padding:6px 10px; border:1px solid #526265; border-radius:0 10px 0 10px; color:#010101; font-size:11.5px; text-decoration:underline; font-family:'Gotham Medium'; letter-spacing:1px;}

.block2 .banner-caption_mobile a i.fa-chevron-right{width:20px; height:20px; border-radius:50%; border:1px solid #2baaaa; text-align:center; color:#118081; margin-left: 5px; padding:4px 0 0 2px; font-size: 10px;}

.block2 .banner-caption_mobile a:hover{text-decoration:none; color:#fff; background:#2baaaa; border:1px solid #2baaaa;}

.block2 .banner-caption_mobile a:hover i.fa-chevron-right { color: #fff; border: 1px solid #fff;}

.banner .caption_geneproduit{left:0; top:0;}

.banner .caption_geneproduit p{font-size:14px;}

.banner .caption_geneproduit p span{font-size:18px;}

.geneproduit_sm_banner{margin-bottom:30px; text-align:center;}

.geneproduit_subtitle{margin-top:0;}

.listpage_horz_outer{padding:0;}

.productlist_block{padding:20px 0;}

.leftmenublock{max-width:100%;}

.productlist ul.list li{width:100%;}

.productlist ul.list li div.item .title{padding:0 10px;}

.product_description ul.review-link-section li,.product_description .description_tab,.size-qnty-box,.size-qnty-box .left,.size-qnty-box .right,.blockcontent-left ul li,.sm-block,.relatedproduct li{width:100%;}

.social-share{width:100%; float:left; margin-bottom:15px;}

.product_description .description_tab li a{font-size:10px; padding:0 18px 25px 0;}

.size-qnty-box .right{margin-top:10px; padding-top:5px;}

.bot-corner-logo{bottom:10px; right:5px;}

.bottom-info-block,.product_outer{padding-bottom:0;}

.bodycontent-outer,.bodycontent-outer1{padding:10px;}

.blockcontent-left ul li{min-height:180px;}

.rl_productouter{padding:0;}

.sm-block{text-align:center;}

.product_description .starblock .stars,.product_description .starblock .review{border-right:none;}

.popup_block .popup_imageblock,.popup_block .product_description,.popup_block .midcont,.popup_block .size-qnty-box{float:left; width:90%; margin:10px;}

.popup_block a.link{float:left; margin:10px;}

.captionouter {position:static; color:#000; text-align:center; width:100%; padding:25px 5%; background: #f9f9f9;}

.ingredient_caption{color:#000; font-size:30px; line-height:30px; background:none; margin:0;}

.innergraycont{padding:0 25px 20px 25px;}

.ingredientpic{text-align:center;}

.ingredientpic img{max-width:100%;}

.detailcaptionouter{position:static; color:#000; padding:25px; font-size:30px; line-height:35px;}

.detailcaptionouter span { font-size: 17px;}

.detailindre_gray,.detailindre_seagreen,.detailindre_deepblue,.detailindre_golden-brown,.detailindre_sap-green,.detailindre_botton-green,.detailindre_light-green,.detailindre_brown,.detailindre_light_brown{padding-bottom:0;}

.detailindre_gray div,.detailindre_seagreen div,.detailindre_deepblue div,.detailindre_golden-brown div,.detailindre_sap-green div,.detailindre_botton-green div,.detailindre_light-green div,.detailindre_brown div,.detailindre_light_brown div{padding-bottom:25px;}

.detailindre_gray h4,.detailindre_seagreen h4,.detailindre_deepblue h4,.detailindre_golden-brown h4,.detailindre_sap-green h4,.detailindre_botton-green h4,.detailindre_light-green h4,.detailindre_brown h4,.detailindre_light_brown h4{margin-bottom:10px;}

.indiouter{padding:25px;}

.outerdetasec h3{font-size:30px; line-height:38px;}

.stepsec,.stepsec1,.stepsec2,.stepsec3,.stepsec4,.stepsec5,.stepsec6,.stepsec7,.stepsec8,.stepsec9{background:none; margin:0;}

.leftpicsec.m_left60{margin-left:0;}

.rightpicsec.m_right60{margin-right:0;}

.leftpicsec, .rightpicsec{padding:0 0 10px 0; width:100%; margin:0;}

.stepsec .p_top45,.stepsec1 .p_top45,.stepsec2 .p_top45,.stepsec3 .p_top45,.stepsec4 .p_top45,.stepsec5 .p_top45,.stepsec6 .p_top45,.stepsec7 .p_top45,.stepsec8 .p_top45,.stepsec9 .p_top45
{padding:0;}

.stepsec2 .leftpicsec,.stepsec2 .rightpicsec{width:100%;}

.outcont{padding:20px 0; font-size: 18px; line-height: 27px;}

.leftflower, .rightflower,.leftflower1, .rightflower1,.leftflower2, .rightflower2,.leftflower3, .rightflower3,.leftflower4, .rightflower4,.leftflower5, .rightflower5{display:none;}

.inditesti{padding:0 0; font-size:18px; line-height:25px !important;}

.bottomimage{padding:20px 0 35px 0;}

.botpicinner img{margin:0 3px 3px 3px;}

.loginleft, .loginright{width:100%;}

.logininnersec{ background:none;}

.rightbutt { padding-top: 0;}

.formleft { border-bottom: 1px solid #000; margin-bottom: 25px; padding:0 0 15px 0;}

header{height:auto; position:static; width:100%;}

.innerpage{padding:40px 0 0 0;}

.loginmenu { background: #42b0c7;  margin-top: 93px;  margin-left: -15px;  margin-right: -15px;}

.search{margin:0; width:50%;}

.loginmenu .search .form-group .form-control{width:70%;}

.loginmenu .search .btn-search{top:10px; right:8px;}

.loginmenu ul li a{padding:7px 12px; display: inline;}

.loginmenu ul li a span.icon{padding: 2px 0 0 25px;}
#login-dp {	margin-top:31px; background-color:rgba(255,255,255,1); color: #2d2d2d; position: relative; z-index: 100; border: 1px solid #8f8f8f;}

.marquetext{position:static; color:#000;}

.marquetextinner{width:100%; text-align:center; padding:25px 0 0 0;}

.marquetext h3{color:#000; font-size:24px; line-height:27px;}

.conouter{padding:25px 0 0 0;}

.marqueboxwhiteright, .marqueboxwhiteleft{position:static; width: 100%; padding:25px 15px; background: #F4F4F4;}

.marqueinnerbanner h3{font-size:23px; line-height:28px !important; padding:0 0 15px 0;}

.leftleaf{display:none;}

.outmarqu{padding:0 0 15px 0;}

.middletext{margin:0; padding:20px;}

.bottontextsec .col-sm-5{padding-bottom:20px;}

.header-top .container { padding: 0 15px;}

.bottomcontouter{padding:0;}

.btm-bnrbox .whitebg{padding: 0; margin-top: 40px;}

.btm-bnrbox .whitebg .greenframe{width:100%; padding: 10px; text-align: center;} 

.btm-bnrbox .whitebg .greenframe span{float:none; display: block; margin: 0;}

.philo-btm-cercle-outer{padding:0;}

.philo-btm-cercle-outer .cerclieouter img.plusicon{right: 46%; top: 116px;}

.philo-botsec{padding:0;}

.block6::before,.block6::after{display:none;}

.left-img-sec,.right-img-sec{display:none;}

.mid-content{width:100%;}

.engageright h2 span.number{font-size:80px; margin-left:-155px;}

.righticonsec{width:25px;}

.subheading span{font-size:36px;}

.reforestaction{padding:0;}

.arowwsec img.m_bot90{margin-bottom:0;}

.reforestaction .pad-no{padding:15px;}

.calender-sec .horz-separator{margin-top:0;}

.calender-sec ul li a{padding:10px 5px 10px 0px;}

.pro-intro-block .caption_programme{position:relative; left:inherit; top:inherit; width:100%;}

.mon-programme-steps .heading_step p{font-size:28px;}

.etep1 .imgbox,.etep2 .heartbox .imgbox{display:block; height:auto; width:100%;}

.etep2 .heartbox{margin-top:20px;}

.mon-programme-steps .titlesec p{font-size:14px; padding:0 10px;}

.espace-outer{padding:10px 0;}
.espace_tab{margin-top:0;}

.espace_tab .addressform-outer{padding:0;}
.espace_tab label{width:100%; padding:0;}

.espace_tab .mar-left{padding-right:0 !important;}

.espace_tab .terms{margin-left:0;}

.ma_fidelite{margin-top:0;}

.fidelite_bottom,.fidelite_table_sec{padding-top:15px;}

.points{font-size:20px; margin: 0 0 20px 0;}

.fidelite_mid1{padding:20px 0;}

.fidelite_midsub {float: left; width: 100%; padding: 0 0 0 25px; margin-bottom: 20px;}

.fidelite_mid1 .imgbox{width:85px;}

.fidelite-sec2-outer{padding:15px 0;}   

.gift-arrow-graphic,.fidelite-sec3 .fidelite-sec3-outer,.giftright-gap{padding:0;}

.banner .caption_fidelite{position:inherit; left:0; top:0; margin:0; padding:10px; background:#53c2d4;}

.banner .caption_fidelite h3{font-size:16px; color:#fff; border-color:#fff; margin-bottom:5px;}

.banner .caption_fidelite h2{font-size:20px; line-height:30px; color:#fff; margin-bottom:5px; line-height: 24px;}

.banner .caption_fidelite a{border-color:#fff; color:#fff;}

.fidelite-sec4{padding:5px 0;}

.fidelite-sec4 .pad-no{padding:0 20px;}

.fidelite-sec4 .heartbox, .fidelite-sec4 .linkbox{width:100%;}

.heartbox .imgbox,.declarer_achat .achat_imgbox{display:block; padding:10px 0; width:100%; height:auto;}

.fidelite-sec5_bottom{width:100%; min-height:inherit; margin-bottom:20px;}

.fidelite-sec6{bottom:-10px; padding:15px 0;}

.fidelite-sec6 ul li{padding:0 5px; font-size: 11px;}

.declarer_achat_bottomsec .block2 .leftsec, .declarer_achat_bottomsec .block3 .leftsec{padding:0;}

.declarer_achat_bottomsec .block2 .leftsec{margin-bottom:20px;}

.declarer_achat_bottomsec .block2 .form-group .input,.declarer_achat_bottomsec .block2 .form-group .password,.declarer_achat_bottomsec .block2 button.creer-btn,.declarer_achat_bottomsec .block3 .enregister-btn{width:100%;}

.declarer_achat_bottomsec .block2 .form-group a.terms-bottom{left:0;}

/*.rating{float:none;}*/

.productlist ul.list li div.item .starblock .review{text-align:left; text-indent:5px;}

.detail-bottom-leftbox{ width:100% !important; padding-right:15px !important;}

.detail-bottom-rightbox{ width:100% !important;  padding-left:15px !important;}

.down-right-arrow{right:0;}

.panelouter{padding:0;}

.sterps-block .content .info-text {position: inherit; top: 0; right: 0; text-align: center;}

.sterps-block { margin-bottom: 0;}

.promo-code .form-group .form-control,.promo-code button.pcode-btn,.besion .textarea,.st-1-rightpanel-btn a{width:100%;}

.besion .mailblock{width: 99.3%;}

.besion{height:auto;}

.st-1-rightpanel-btn a.btn2{margin-left:0; margin-top:5px;}

.sterps-block .line{width:80%;}

.sterps-block ul li.first-width{width:auto;}

.sterps-block ul li div.last{right:0;}

.payment img{float:none;}

.declarer_achat p strong{margin:0;}

.declarer_achat .number{margin-top:20px;}

.declarer_achat p{ margin-bottom:20px;}

.declarer_achat .achat_imgbox .arrow{display:none;}

.sterps-block ul li div.step p{ display:none;}

.sterps-block ul li div.center-cont{width:auto;}

h1.step-heading{margin:20px 0;}

.bradcamp{padding-bottom:20px;}

.sterps-block ul li div.step span{display:inline-block;}

.sterps-block ul li div.center-cont{text-align:left;}

#login-dp{width:100%;}

#menuzord .navbar-right{width:100%;}

.menuouter .navbar-right{float:right !important; width: 40%; margin-top:0;}

#menuzord .search .form-group .form-control{padding-left:10px; width:85%;}

#menuzord .search button{float: right; position: relative; top: -32px; right:14px;}

.owl-carousel1 .owl-controls .owl-nav{display:none;}

.owl-carousel1 .owl-controls .owl-dots{position:relative; top:60px;}

.product_view .modal-dialog{width:auto;}

.menu-wrapper,.menuzord-menu>li>.megamenu .megamenu-row{padding:0 !important;}

.megamenu-graphics-left,.megamenu-graphics-right{display:none !important;}

.menuzord-menu > li{padding-bottom:0 !important;}

.boutique-banner .left,.boutique-banner .right{float:none; text-align:center;}
.boutique-banner .left p,.boutique-banner .right p{text-align:center;}
.boutique-banner .right{padding:30px 0;}
.filter-block{padding-top:10px;}
.choisissez{margin-top:30px;}
.newsletter-popup{width:100%;}
.news-info-block .mar-ri {margin-right: 0; width: 100%;}
.news-info-block .mar-le {margin-left: 0;  width: 100%;}
.productlist ul.list li div.item a{display:inline-block;}
.product_description h1.title{font-size:24px; line-height:28px;}
.product_description h2.sort-description {font-size: 16px; line-height: 22px;}
.loginmenu .form-group{margin-bottom:0 !important;}
.philoconcept-caption{position:relative; top:22px; right:0;}
.philoconcept-caption .caption{text-align:center; width:90%;}
.philoconcept-caption .caption img.r-quote{margin-right:0;}
.ingredientpic_philopage {margin-bottom: 15px;}

#adtm_menu ul#menu{position:absolute; width:100%; top:40px;}
.newtag span img{height:auto !important;}
#layer_cart{width:100%; margin-left:0; left:0 !important;}

.navbar-form{box-shadow:none;}

.reffer-form-sec {width: inherit;  padding: 10px 0;  border-bottom: 1px solid #e5e5e5;}
.referral_line img.remove_line {top: 10px; right: -6px; }
div.selector{margin-bottom:10px;}
div.radio{clear:both;}
.espace_tab .birth-txt{text-indent:0;}
.loginmenu ul{margin:7px 0 0 0;}
.size-qnty-box .right .highlight-text p{float:right; margin-top:-3px;}
.fidelite-sec2{text-align:center;}
.details_page_tab .tab-vert .tab-content{width:100%;}
.owl-carousel1{margin-bottom:30px;}
.pad-right-no {padding-right: 15px !important;}
#myNewsletter .modal-dialog{width:auto;}
.contactus .buttons{margin-right:0;}
.contactus .desc_contact{position:relative; left:0;}
.dashboard-menubox{width:90%; margin:auto; margin-bottom:30px;}
.dashboard-outer .welcome-name {position: relative; left: 22px; top: 0;}
.dashboard-outer .welcome-name h4 span{display:inline-block;}
.calender-sec ul li{padding:10px 8px 10px 5px;}
#adtm_menu .menu-sub-text{margin-left:10px;}
#layer_cart .button-container a{width:100%;}
.button-container a.processtocheckout{width:100%; margin-top:5px;}
#layer_cart .layer_cart_product .product-image-container{display:inline-block;}
.loginmenu ul li:hover ul.submenu{position:relative; z-index:9999;}
#adtm_menu .adtm_column_2 {margin-left: 10px; width: 93%;}
.header-top {padding-bottom: 5px; }
#follow-teaser .wrap{padding-bottom:0 !important;}
.details_page_tab .tab-vert .tab-legend{width:100%; padding:0;}
#order-detail-content #cart_summary td{width:100%;}
#order-detail-content #cart_summary td.cart_quantity{width:50%; padding: 7px 10px;}
#order-detail-content #cart_summary td.cart_total {width: 50%;  text-align: left;}
.st-1-rightpanel-btn a{line-height:35px;}
#order-detail-content #cart_summary td div {display: inline-block;  text-align: center;}
.year-outer{padding:0;}
.engageeouter img.righticonsec {width: 66px; height: 66px;}
.btm-bnrbox .whitebg .greenframe{width:100%;}
.number{font-size:14px;}
.bottomslider,.productname{padding:0;}
.doubble-product{width:100%;}
#currencies-block-top ul{width:100px; top:24px; left:0;}
#currencies-block-top ul li a, #currencies-block-top ul li > span{font-size:9px;}
.tab-width{padding-right:0 !important;}
#adtm_menu ul#menu li.li-niveau1 a.a-niveau1 .adtm_toggle_menu_button_text{padding:0;}
#adtm_menu ul li.advtm_menu_toggle a.adtm_toggle_menu_button{width:20%;}
.block6{background:#bce2e7;}
.sterps-block ul li.visited div.step{width:auto;}
.bottom-info-block .size-qnty-box .addtocart-btn button.addtocart{width:100%;}
.bottom-info-block{min-height:305px;}
.size-qnty-box .right .highlight-text span{padding:0;}
.ingredient-bottom-section .sm-block {width: 100%;  margin: 0;}
.zoomPad{z-index:1;}
.fidelite-sec5-innerbox-left p.des{float:left;}
.popup_block{width: 85% !important;}
.popup_block .newtag {height: auto;}
.productlist ul.list li div.item .title{min-height:inherit;}
.footer-content-outer{padding:0 80px;}
}



@media only screen 

and (min-width : 640px) 

and (max-width : 767px){

.loginmenu { background: #42b0c7;  margin-top: 25px;}

.menuouter .navbar-right{float:right !important; margin-right:20px; margin-top: 0;}

.search{margin:0; width:40%; position:relative;}

.loginmenu .search .form-group .form-control{width:100%; padding:0 35px 0 0;}

.loginmenu .search .btn-search{top:10px;}

.loginmenu ul li a{padding:7px 0 0 12px; display: inline-block;}

.loginmenu ul{margin-top:6px; width:50%;}

#login-dp {	margin-top:31px; background-color:rgba(0,0,0,0.5);  color: #fff;  position: relative;  z-index: 100;}

.banner img{height:auto;}

.banner .caption{top:0; margin-left:0; left:0;  position: inherit;  background: #b29e87;  text-align: center;  padding: 15px 0; color: #fff;}

.banner .caption h3{font-size:18px; padding:0 5px; margin-bottom:0; border-top:1px solid #fff; border-bottom:1px solid #fff;}

.banner .caption h2{font-size: 20px; color:#fff; line-height: 24px; }

.banner .caption p{font-size:13px; line-height:17px; margin-bottom:0; color:#fff;}

.mid-micro-block{margin-bottom:20px;}

.momblock{margin-bottom:20px;}

.block1-banner .caption{height:226px;}

.block1-banner .caption h3{margin:24px 0 20px 0;}

.block1-banner .caption h4{margin-bottom:15px;}

.block2{padding:10px; text-align:center;}

.block3-banner .caption h4{margin:5px 0;}

.block5 .best-seller {width: 90%; margin-left: 5%;}

.block6{display:block;}

.block6 img{height:auto;}

.block6 .caption h4{margin:0; font-size:30px;}

.block6 .caption p{font-size:18px; line-height:18px;}

.footerouter { padding: 0 25px;}

.listingdiv { width: 31.2%; background:none; padding:15px 0;}

.innertext { padding: 0 0 25px 0;}	

.block3-banner{padding:44px;}	

.block2 .banner-caption {margin-bottom:15px;}	

.logo{text-align:left; padding-left:15px; padding-top:6px;}

.logo img{width:180px; position: relative; z-index: 100;}

.menuouter{background:none; position:absolute; top:59px; width:100%;}

.menuouter .container{padding:0 !important;}

.banner .caption a { padding: 3px 10px;}

.wrapper-dropdown-3 .dropdown{ width:auto; z-index:9999;}

#login-dp .forgot a { color: #fff;}	

.discover-btn-desktop{display:none;}

.discover-btn-mobile{display:block;}

.geneproduit_sm_banner {margin-bottom: 30px; text-align: center;}

.listpage_horz_outer{padding:0;}

.leftmenublock {max-width: 100%;}

.geneproduit_subtitle{margin-top:0;}

.productlist ul.list li{width:50%;}	

.bodycontent-outer{padding:40px 10px;}

.bodycontent-outer1{padding:20px}

.rl_productouter{padding:0;}	

.social-share{width:100%; float:left; margin-bottom:15px;}

#cssmenu > ul > li:hover > a:after , #cssmenu > ul > li.active > a:after{ display:none;}

.popup_block .popup_imageblock{width:92%; float:left; margin:20px;}

.popup_block .product_description,.popup_block .midcont,.popup_block .size-qnty-box{clear:both; padding:15px;}

.captionouter {position:static; color:#000; text-align:center; width:100%; padding:25px 5%; background: #f9f9f9;}

.ingredient_caption{color:#000; font-size:30px; line-height:30px; background:none; margin:0;}

.innergraycont{padding:0 25px 20px 25px;}

.ingredientpic{text-align:center;}

.detailcaptionouter{position:static; color:#000; padding:25px; font-size:30px; line-height:35px;}

.detailcaptionouter span { font-size: 17px;}

.indiouter{padding:25px;}

.leftflower, .rightflower{display:none;}

.outcont{padding:0 0 35px 0;}

.inditesti{padding:0 0 55px 0;}

.botpicinner img {margin: 0 3px; display: inline-block; width: 32%; height: 146px;}

header{height:auto; position:static; width:100%;}

.innerpage{padding:30px 0 0 0;}

.marquetext{position:static; color:#000;}

.marquetextinner{width:100%; text-align:center; padding:25px 0 0 0;}

.marquetext h3{color:#000; font-size:24px; line-height:27px;}

.conouter{padding:25px 0 0 0;}

.marqueboxwhiteright, .marqueboxwhiteleft{position:static; width: 100%; padding:25px 15px; background: #F4F4F4;}

.marqueinnerbanner h3{font-size:23px; line-height:28px !important; padding:0 0 15px 0;}

.leftleaf{display:none;}

.header-top .container {padding: 0 15px;}

.block6::before,.block6::after{display:none; background:none;}

.left-img-sec,.right-img-sec{display:none;}

.mid-content{width:100%;}

.etep1 .imgbox,.etep2 .heartbox .imgbox{display:block; height:auto; width:100%;}

.espace-outer{padding:10px 0;}

.espace_tab label{width:100%;}

.espace_tab .mar-left{padding-right:0 !important;}

.espace_tab .sm-text{width:auto;}

.espace_tab .terms{margin-left:0;}

.banner-caption_mobile{display:block; margin-bottom: 15px;}

.banner-caption_mobile a{display:inline-block; padding:6px 10px; border:1px solid #526265; border-radius:0 10px 0 10px; color:#010101; font-size:11.5px; font-family:'Gotham Medium'; letter-spacing:1px;}

.banner-caption_mobile a:after{position:absolute; content:""; width:83px; height:1px; background:#bae3eb; bottom: 6px; left: 10px;}

.block2 .banner-caption_mobile a i.fa-chevron-right{width:20px; height:20px; border-radius:50%; border:1px solid #2baaaa; text-align:center; color:#118081; margin-left: 5px; padding:4px 0 0 2px; font-size: 10px;}

.block2 .banner-caption_mobile a:hover{text-decoration:none; color:#fff; background:#2baaaa; border:1px solid #2baaaa;}

.block2 .banner-caption_mobile a:hover i.fa-chevron-right {color: #fff; border: 1px solid #fff;}

.ma_fidelite{margin-top:0;}

.fidelite_bottom,.fidelite_table_sec{padding-top:15px;}

.points{font-size:20px; margin: 0 0 20px 0;}

.fidelite_mid1{padding:20px 0;}

.fidelite_midsub {float: left; width: 100%; padding: 0 0 0 25px; margin-bottom: 20px;}

.fidelite_mid1 .imgbox{width:85px;}

.fidelite-sec2-outer{padding:15px 0;}

.gift-arrow-graphic,.fidelite-sec3 .fidelite-sec3-outer,.giftright-gap{padding:0;}

.banner .caption_fidelite{position:absolute; left:0; top:0; margin:0; padding:10px;}

.banner .caption_fidelite h3{font-size:16px;}

.banner .caption_fidelite h2{font-size:26px; line-height:30px; margin-bottom:10px;}

.fidelite-sec4{padding:5px 0;}

.fidelite-sec4 .pad-no{padding:0 20px;}

.fidelite-sec4 .heartbox, .fidelite-sec4 .linkbox{width:100%;}

.heartbox .imgbox,.declarer_achat .achat_imgbox{display:block; padding:10px 0; width:100%; height:auto;}

.fidelite-sec5_bottom{width:100%; min-height:inherit; margin-bottom:20px;}

.fidelite-sec6{bottom:-68px; padding:15px 0;}

.fidelite-sec6 ul li{padding:0 5px; font-size: 11px;}

.declarer_achat_bottomsec .block2 .leftsec, .declarer_achat_bottomsec .block3 .leftsec{padding:0;}

.declarer_achat_bottomsec .block2 .leftsec{margin-bottom:20px;}

.declarer_achat_bottomsec .block2 .form-group .input,.declarer_achat_bottomsec .block2 .form-group .password,.declarer_achat_bottomsec .block2 button.creer-btn,.declarer_achat_bottomsec .block3 .enregister-btn{width:100%;}

.declarer_achat_bottomsec .block2 .form-group a.terms-bottom{left:0;}

.rating{float:none;}

.productlist ul.list li div.item .starblock .review{text-align:left; text-indent:5px;}

.detail-bottom-leftbox{ width:100% !important; padding-right:15px !important;}

.detail-bottom-rightbox{ width:100% !important;  padding-left:15px !important;}

.down-right-arrow{right:0;}

.sterps-block .content .info-text2 {right: 58px;}

.sterps-block .content .info-text{top:45px;}

.sterps-block .content .info-text h4{padding-bottom: 10px; margin-bottom: 10px;}

#login-dp{width:100%;}

#menuzord .navbar-right{width:100%;}

#menuzord .search .form-group .form-control{padding-left:10px; width:85%;}

#menuzord .search button{float: right; position: relative; top: -32px; right:14px;}

.owl-carousel1 .owl-controls .owl-nav{display:none;}

.owl-carousel1 .owl-controls .owl-dots{position:relative; top:60px;}

.owl-carousel1 .owl-controls .owl-dots .owl-dot span {background: #c4d6e2;}

.product_view .modal-dialog{width:auto;}

.menu-wrapper,.menuzord-menu>li>.megamenu .megamenu-row{padding:0;}

.megamenu-graphics-left,.megamenu-graphics-right{display:none;}

.menuzord-responsive .showhide{margin-right: 15px !important;}
.left-img-sec img, .right-img-sec img{height:auto;}

.boutique-banner .left,.boutique-banner .right{float:none; text-align:center;}
.boutique-banner .left p,.boutique-banner .right p{text-align:center;}
.boutique-banner .right{padding:30px 0;}
.filter-block{padding-top:10px;}
.choisissez{margin-top:30px;}
.newsletter-popup{width:100%;}
.news-info-block .mar-ri {margin-right: 0; width: 100%;}
.news-info-block .mar-le {margin-left: 0;  width: 100%;}
.contactus .buttons{margin-right:0;}
.st-1-rightpanel-btn button.btn-loyalty{margin-top:10px;}
.loginregisec{padding:25px 0;}
.loginlogo{padding-top:20px;}
.newtag span img{height:auto !important;}
#layer_cart{width:100%; margin-left:0; left: !important;}
.reffer-form-sec {width: inherit;  padding: 10px 0;  border-bottom: 1px solid #e5e5e5;}
.referral_line img.remove_line {top: 10px; right: -6px; }
div.selector{margin-bottom:10px;}
.espace_tab .birth-txt{text-indent:0;}
.loginmenu ul{margin-top:5px; float:none;}
.loginmenu ul li{float:left; width:100%;}
.fidelite-sec2{text-align:center;}
.details_page_tab .tab-vert .tab-content{width:100%;}

.banner .caption_fidelite{position:inherit; left:0; top:0; margin:0; padding:10px; background:#53c2d4;}

.banner .caption_fidelite h3{font-size:16px; color:#fff; border-color:#fff; margin-bottom:5px;}

.banner .caption_fidelite h2{font-size:20px; line-height:30px; color:#fff; margin-bottom:5px; line-height: 24px;}

.banner .caption_fidelite a{border-color:#fff; color:#fff;}

.philoconcept-caption {right: 30px; top: 30%;}
.philo-right .righticonsec{top:5px;}
.pad-right-no {padding-right: 15px !important;}
.ingredientpic_philopage {text-align: center; padding-bottom: 15px;}
.philo-btm-cercle-outer{padding:0;}
.philo-btm-cercle-outer .cerclieouter{padding-bottom:10px;}
.philo-btm-cercle-outer .cerclieouter img.plusicon{ right: 0; top: 100%; left: 48%;}
#myNewsletter .modal-dialog{width:auto;}
.contactus .buttons{margin-right:0;}
.contactus .desc_contact{position:relative; left:0;}
.dashboard-menubox{width:90%; margin:auto; margin-bottom:30px;}
.dashboard-outer .welcome-name {position: relative; left: 22px; top: 0;}
.dashboard-outer .welcome-name h4 span{display:inline-block;}
#adtm_menu .adtm_column_2{margin-left:10px;}
.footer-bottom-container h3{margin-top:14px;}
.footer-bottom-container ul{ margin-bottom:30px}
.footer-bottom-container ul li {
	line-height: 21px;
	background-position: -34px -432px;
}
.loginmenu ul li:hover ul.submenu{position:relative; z-index:9999;}
#adtm_menu .adtm_column_2 {margin-left: 10px; width: 93%;}
.topright-block {padding-bottom: 5px;}
#follow-teaser .wrap{padding-bottom:0 !important;}
.details_page_tab .tab-vert .tab-legend{width:100%; padding:0;}
#order-detail-content #cart_summary td{width:100%;}
#order-detail-content #cart_summary td.cart_quantity{width:50%; padding: 7px 10px;}
#order-detail-content #cart_summary td.cart_total {width: 50%;  text-align: left;}
.st-1-rightpanel-btn a{line-height:35px;}
#order-detail-content #cart_summary td div {display: inline-block;  text-align: center;}
.year-outer{padding:0;}
.engageeouter img.righticonsec {width: 66px; height: 66px;}
.btm-bnrbox .whitebg .greenframe{width:100%;}
.bottomslider,.productname,.productname{padding:0;}
.doubble-product{width:100%;}
.block6 .caption{top:5px; position:relative; left:0; margin:0; min-width:inherit;}
.tab-width{padding-right:0 !important;}
.sterps-block ul li div.center-cont{width:140px;}
.panelouter{padding:0;}
.sterps-block .line{width:90%;}
.footer-content-outer{padding:0;}
}




@media only screen 

and (min-width : 768px) 

and (max-width : 1023px){

.loginmenu {float: left; width: 100%;}

.mid-micro-block{padding: 0 0 25px 0;}

img{max-width:100%;}

.container{width:100%;}

.outerproduct {padding: 0 30px;}

.listingdiv { width: 32.2%; padding:15px 0; background:none;}	

.wrapper-dropdown-3 .dropdown{ width:auto; z-index:9999;}

.navbar-form { padding:0 0 0 1px !important; margin:7px 0 0 0;}

.logo img { width: 180px;}

.loginmenu ul li a{padding:12px 5px 0 0;}

.blockcontent-left h3{font-size:27px;}

.banner .caption{margin-left:0; left:30px; top:13%;}

.banner .caption h3 {padding:2px 5px; margin-bottom: 3px; font-size: 16px;}

.banner .caption h2{font-size:29px; line-height:28px; padding: 6px 0;}

.banner .caption p {font-size:15px; line-height:18px;}

.banner .caption a{padding:5px 10px;}

.block5 .best-seller .owl-nav .owl-next{right:-12px;}

.block5 .best-seller .owl-nav .owl-prev{left:-12px;}

.block7 .momblock .circleblock{top:10%;}

.block7 .momblock a.icon{top:30%;}

.footer-bottom-container .newsletter .input-prepend input{width:95%;}

.innergraycont { padding: 0 35px 20px 35px;}

.captionouter{left:20px; width:700px; top:15px;}

.ingredient_caption { color: #fff;   font-size: 22px; line-height: 26px; font-family: 'Gotham Medium'; text-transform: uppercase;  background: none; padding: 0 0 10px 0; margin-bottom: 0;}

.detailcaptionouter span { font-size: 25px;}

.detailcaptionouter{font-size: 34px; line-height: 40px;}

.detailindre_gray h4{padding: 0 0 11px 0; margin-bottom: 13px;}

.indiouter { padding: 34px 12px 0 0;  font-size: 15px;  line-height: 20px;}

.outerdetasec h3{line-height:40px; font-size:30px;}

.leftpicsec.m_left60{margin-left:0;}

.rightpicsec.m_right60{margin-right:0;}

.outcont{font-size: 19px; line-height: 29px; padding: 50px 0 0 0;}

.stepsec { background: url(../img/ingresteppic.jpg) no-repeat center 50%; background-size: 42%; margin-top:0;}

.inditesti{font-size: 20px; line-height: 25px !important;}

.botpicinner img { margin: 0 3px;  display: inline-block;  width: 32%;  height: 146px;}

header{height:182px;}

.innerpage {padding: 201px 0 0 0;}

.marquetext{position:static; color:#000;}

.marquetextinner{width:100%; text-align:center; padding:25px 0 0 0;}

.marquetext h3{color:#000; font-size:24px; line-height:27px;}

.conouter{padding:25px 0 0 0;}

.marqueboxwhiteright, .marqueboxwhiteleft{position:static; width: 100%; padding:25px 15px; background: #F4F4F4;}

.marqueinnerbanner h3{font-size:23px; line-height:28px !important; padding:0 0 15px 0;}

.leftleaf{display:none;}

.bottontextsec img{width:44px;}

.banner img {width: 100%; /*height: 235px;*/}

.espace-outer{padding:10px 0;}

.espace_tab label{width:100%;}

.espace_tab .mar-left{padding-right:0 !important;}

.espace_tab .sm-text{width:auto;}

.discover-btn-desktop{display:block;}

.discover-btn-mobile{display:none;}

.menuzord-menu li .indicator{display:none;}

.menuzord-menu > li{margin:5px 5px 0 0 !important;}

.product_view .modal-dialog{width:auto;}

.listpage_horz_outer{padding:0;}

.geneproduit_subtitle{margin-top:20px}

.menu-wrapper,.menuzord-menu>li>.megamenu .megamenu-row{padding:0;}

.megamenu-graphics-left,.megamenu-graphics-right{display:none;}

.block6{display:block;}

.banner .caption_fidelite{top: 5%; margin-left: -365px;}
.banner .caption_fidelite h2{font-size:26px; line-height:26px; margin-bottom:10px;}
.left-img-sec img, .right-img-sec img{height:auto;}
.fidelite-sec4 .heartbox, .fidelite-sec4 .linkbox{width:100%;}
.heartbox .imgbox{width:22%;}
.fidelite-sec5_bottom{width:100%;}
.rl_productouter{padding:0;}
/*.besion{height:76px;}*/
.panelouter{padding:0;}
.ingredientpic img{max-width:100%;}
.philo-btm-cercle-outer{padding:0 45px;}
.philo-right .righticonsec1 {top: 0px;}
.subheading{font-size:22px;}
.btm-bnrbox .whitebg .greenframe{width:630px;}
.mentionsec{padding:20px 0;}
.fidelite-sec3 .fidelite-sec3-outer{padding:0;}
.product_description .description_tab{width:100%;}
#layer_cart{width: 600px; margin-left: 0; left: 50% !important; margin-left: -440px;}
#add_adress .referral_lines .field label{font-size:12px;}
.loginregisec{padding:15px 0;}
.promo-code .form-group .form-control{width:165px;}
.besion .textarea{width:50%;}
.besion .mailblock{width:49%;}
.st-1-rightpanel-btn button.btn-loyalty{width:135px;}
#adtm_menu ul li.sub{background:none;}
.loginmenu .search .form-group .form-control{width:85px; margin-left: 5px;}

.philoconcept-caption { width: 50%; right: 30px; top: 40%;}
.dashboard-outer .welcome-name {position: relative; left: 22px; top: 0;}
.dashboard-outer .welcome-name h4 span{display:inline-block;}
#adtm_menu ul li a span{letter-spacing:normal; margin:0 10px 0 0;}

.product_description{float:left; padding-top: 20px;}
.details_page_tab .tab-vert .tab-legend{padding:0;}
.detail-bottom-leftbox,.detail-bottom-rightbox{width:100% !important;}
.login-step-checkout ul li div.center-cont {width: 166px;}
.sterps-block ul li.first-width .step{width:100px;}
.rightbutt {padding-top: 84px;}
.year-outer {padding: 0 180px;}
#currencies-block-top{padding-right:5px; margin-right:5px;}
.currency{width:50px !important;}
.top_cart{width:115px !important;}
.tab-width{padding-right:50px !important;}
.block2 .banner-caption a{min-width:134px;}
.block6 .caption{top:0;}
.block6 .caption h4{margin:0;}
.block6 .caption h4 img{max-width:20%;}
.block6 .caption p{font-size:16px; line-height:18px;}
.nav-login-box{top:20px;}

.stepsec{background-size:43%;}
.stepsec1{background-size:40%; background-position: 42% 52%;}
.stepsec2{background-size:45%; background-position: 47% 54%;}
.stepsec3{background-size:45%; background-position: 54% 52%}
.stepsec4{background-size:38%;}
.stepsec5{background-size:40%; background-position: 47% 54%;}
.stepsec6{background-size:46%;}
.stepsec7{background-size:45%; background-position: 47% 54%;}
.stepsec8{background-size:40%; background-position: 47% 54%;}
.footer-content-outer{padding:0 80px;}
.loginmenu > ul > li > a.dropdown-toggle{padding:12px 0;}
}





@media only screen 

and (min-width : 1024px) 

and (max-width : 1169px){

	img{max-width:100%;}

	.container{width:100%;}

	.menu-wrapper{padding:0 85px;}

.general-ingredients .owl-controls .owl-nav{top:137px;}

.blockcontent-left h3{font-size:27px;}

.banner .caption{margin-left:0; left:12%; top:13%;}

.banner .caption h3 {padding:2px 5px; margin-bottom: 3px; font-size: 16px;}

.banner .caption h2{font-size:35px; line-height:35px; padding: 6px 0;}

.banner .caption p {font-size:15px; line-height:18px;}

.banner .caption a{padding:5px 10px;}

.block5 .best-seller .owl-nav .owl-next{right:-12px;}

.block5 .best-seller .owl-nav .owl-prev{left:-12px;}

.block6{background-size:contain; display:block;}

.footerouter { padding: 0 45px;}

.wrapper-dropdown-3 .dropdown{ width:auto; z-index:9999;}

.mid-micro-block a div.caption{top:47px;}

.popup_block a.link{float:left; margin:10px;}

.innergraycont { padding: 0 115px 20px 115px;}

.captionouter{left:124px; width:700px; top:15px;}

#cssmenu > ul > li > a{margin:0 4px !important;}

.indiouter {padding: 47px 45px 45px 45px;}

.botpicinner img {margin: 0 3px; display: inline-block; width: 32%; height: 210px;}	

.bottontextsec img{width:44px;}	

.marqueboxwhiteright, .marqueboxwhiteleft{ padding:15px; width:460px;}

.discover-btn-desktop{display:block;}

.discover-btn-mobile{display:none;}

.menuzord-menu > li{margin:5px 12px 0 0 !important;}

.banner .caption_fidelite h3{margin-bottom:5px;}
.banner .caption_fidelite h2{font-size:26px; line-height:26px; margin-bottom:5px;}
.left-img-sec img, .right-img-sec img{height:auto;}
.footer-bottom-container .newsletter .input-prepend input{width:90% !important;}
.innerpage {padding: 214px 0 0 0;}
.ingredientpic img{max-width:100%;}
.ingredient_caption{font-size: 30px; line-height: 30px; margin-bottom:10px; padding-bottom:0;}
.besion .textarea{width:185px;}
.besion .mailblock{width:100px;}
.promo-code .form-group .form-control{width:165px;}
.st-1-rightpanel-btn a, .st-1-rightpanel-btn button.btn-loyalty,.sterps-block ul li div.center-cont{width:135px;}
.rl_productouter{padding:0 17px;}
#layer_cart{width: 600px; margin-left: 0; left: 50% !important; margin-left: -500px;}
.loginmenu ul li a{padding:12px 0 12px 2px;}
.menuouter .navbar-right{padding:0;}
.loginmenu .search .form-group .form-control{width:90px;}
.philo-btm-cercle-outer{padding:0 150px;}

#adtm_menu .li-niveau1 a.a-niveau1 .advtm_menu_span {font-size: 11px;}
#adtm_menu ul li a span {margin: 0px 18px 0px 0px;}
.block6 .caption{top:0; margin-left:-292px;}
.block6 .caption h4{margin:0;}
.block6 .caption p{font-size:16px; line-height:20px;}
.year-outer {padding: 0 280px;}
.size-qnty-box{width:330px;}
.sm-block{margin: 0 25px 0 0;}
.currency{width:58px !important;}
.top_cart{width:120px !important;}
.tab-width{padding-right:70px !important;}
.block2 .banner-caption a{min-width:134px;}
.stepsec{background-size:43%;}
.stepsec1{background-size:40%; background-position: 42% 52%;}
.stepsec2{background-size:45%; background-position: 47% 54%;}
.stepsec3{background-size:45%; background-position: 54% 58%}
.stepsec4{background-size:38%;}
.stepsec5{background-size:40%; background-position: 47% 54%;}
.stepsec6{background-size:46%;}
.stepsec7{background-size:45%; background-position: 47% 54%;}
.stepsec8{background-size:40%; background-position: 47% 54%;}

}

@media only screen 

and (min-width : 1170px) 

and (max-width : 1200px){

	.container{width:100%;}
	.block6 .caption{top:0;}

}

@media only screen 

and (min-width : 1170px) 

and (max-width : 1800px){

.wrapper-dropdown-3 .dropdown{ width:auto; z-index:9999;}

.captionouter{top:10%;}

.ingredient_caption{font-size: 30px; line-height: 30px; margin-bottom:15px;}

.captionouter p{padding-bottom:0;}

.block5 .best-seller .owl-nav .owl-next{right:-12px;}

.block5 .best-seller .owl-nav .owl-prev{left:-12px;}

.block6{background-size:contain;}

.banner-caption a.discover-btn-desktop{display:block;}

.banner-caption a.discover-btn-mobile{display:none;}

.banner .caption_fidelite h2{font-size:36px; line-height:36px; margin-bottom:15px;}
.block6 .caption{top:0;}

}