/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .header-search {
        padding: 15px 0px;
    }
}


/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/

@media only screen and (min-width: 599px) and (max-width: 767px) {
    .logo {
        text-align: center;
    }
    .cart-content-right {
        padding-bottom: 5px;
    }
    .mg {
        margin: 0px 0px;
    }
    .menu-area-main {
        height: 256px;
        overflow-y: auto;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        height: 19px;
    }
    .category-box.women-box {
        display: none;
    }
    .cart-box {
        display: inline-block;
        margin: 0px 30px;
    }
    .wish-box {
        float: none;
        margin: 0px 30px;
        display: inline-block;
    }
    .menu-add {
        display: none;
    }
    .category-box {
        display: none;
    }
    .mean-container .mean-nav ul li ol {
        padding: 0px;
    }
    .mean-container .mean-nav ul li a {
        padding: 10px 20px;
        width: 94.8%;
    }
    .mean-container .mean-nav ul li li a {
        width: 92%;
        padding: 1em 4%;
    }
    .mean-container .mean-nav ul li li li a {
        width: 100%;
    }
    .header-search {
        padding: 15px 0px;
    }
    #collapseFilter.d-md-block {
        padding: 30px 0px;
    }
}


/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 599px) {
    .cart-content-right {
        padding-bottom: 5px;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a {
        padding: 1em 4%;
        width: 92%;
    }
    .mean-container .mean-nav ul li li a {
        width: 90%;
        padding: 1em 5%;
    }
    .mean-container .sub-full.megamenu-categories ol li a {
        padding: 5px 0px;
        text-transform: capitalize;
        width: 100%;
    }
    .megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {
        width: auto;
        border: none;
        float: none;
    }
    .menu-area-main {
        height: 290px;
        overflow-y: auto;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        top: 0;
    }
    .formulairePartenaire{
        padding: 2%;
        display: flex;
        flex-direction: column;
       }
       .imagepartenaire img{
        margin-bottom: 4%;
        border-radius: 7px;
       }
       .formulairePartenaire form{
        border-radius: 7px;
        margin: 0px;
        width: 98%;
      }
}
@media (min-width: 1200px) and (max-width: 1500px) {
     .banner-main .carousel-caption span {font-size: 40px; line-height: 43px; padding-bottom: 10px;}
   .banner-main .carousel-caption h1 {font-size: 45px; padding-bottom: 20px; line-height: 32px;}
   .banner-main .carousel-caption p {font-size: 19px; padding: 5px 0px 17px 0px; line-height: 25px;}
    .banner-main .carousel-caption .buynow {width: 174px; padding: 7px 0px;}
  .main-menu ul > li a {    padding: 19px 12px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
    max-width: 980px;
}
    .main-menu ul > li a {padding: 19px 4px;}
  .location_icon_bottum_tt ul li {padding: 19px 32px;}
   .banner-main .carousel-caption span {font-size: 30px; line-height: 33px; padding-bottom: 10px;}
   .banner-main .carousel-caption h1 {font-size: 35px; padding-bottom: 10px; line-height: 22px;}
   .banner-main .carousel-caption p {font-size: 16px; padding: 5px 0px 17px 0px; line-height: 25px;}
    .banner-main .carousel-caption .buynow {width: 174px; padding: 7px 0;}
       .for_box_bg .for_box span {font-size: 40px; line-height: 46px;}
   .about .about_box h2 {font-size: 37px; line-height: 50px;}
 .location_icon_bottum {width: 94%; top: 15px;}


   .for_box_bg .for_box h3 {font-size: 25px;}
   .testomonial_img::after {background: inherit;}
   .offer .offer-bg .offer_box h3 {font-size: 27px;}
.cross_inner h3 {padding-bottom: 20px; padding-left: 20px; padding-top: 0px;}
    .address h3 {width: 176px; font-size: 22px;}
    ul.loca li {font-size: 13px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo {padding-top: 11px;}
   .location_icon_bottum {width: 88% !important;}
   .location_icon_bottum ul li {padding: 1px 8px;}
    .main-menu ul > li a {padding: 18px 0px; font-size: 15px;}
    .location_icon_bottum_tt ul li {padding: 27px 10px;}
    .search button {width: 70px;}
     .last {display: none !important;}
  .banner-main .carousel-item img {height: 500px;}
    .banner-main .carousel-caption h1 {font-size: 36px; padding-top: 30px; }
     .banner-main .carousel-caption span {font-size: 30px; line-height: 19px; padding-bottom: 0px;}
.banner-main .carousel-caption h1 {font-size: 35px;  padding-top: 15px; line-height: 40px;}
.banner-main .carousel-caption p  {font-size: 17px; padding: 10px 0px 20px 0px;}
.banner-main .carousel-caption .buynow {width: 149px; padding: 7px 0;}
.about .about_box h2 {font-size: 26px; line-height: 33px;}
.for_box_bg .for_box span {font-size: 35px; line-height: 40px;}
.for_box_bg .for_box h3 {font-size: 19px; line-height: 25px;}
.offer .offer-bg .offer_box h3 {font-size: 20px;}
ul.social_icon {display: none !important;}
.testomonial_img::after {background: inherit;}
.cross_inner h3 {padding-bottom: 20px; padding-left: 20px; padding-top: 0px;}
 
}

@media (min-width: 576px) and (max-width: 767px) {
    .location_icon_bottum::before {display: none;}
    .location_icon_bottum {width: 87% !important; margin-left: 0px; background: transparent; top: 10px;}
    .last {display: none;}
   .search {display: none;}
    .logo {padding-top: 0px; text-align: center; float: inherit;}
    .location_icon_bottum_tt {display: none;}

    .mean-container .mean-bar {margin-left: 20px;}
    .banner-main .carousel-item img {height: 426px;}
    .banner-main .carousel-caption span {font-size: 25px; line-height: 19px;}
.banner-main .carousel-caption h1 {font-size: 30px; line-height: 40px;}
.banner-main .carousel-caption p  {font-size: 14px; line-height: 22px; padding: 6px 0px 16px 0px;}
.banner-main .carousel-caption .buynow {width: 149px; padding: 7px 0;}
.titlepage h2 {font-size: 42px; }
.about .about_box_ { margin-bottom: 30px; }
.margin_ttt {margin-top: 30px;}
.margin-lkk {margin-top: 30px;}
.read-more {margin-top: 50px;}
.testomonial_img::after {background: inherit;}
.cross_inner h3 {padding-bottom: 20px; padding-left: 20px; padding-top: 0px;}
.about {background: inherit;}
.mrgn {margin-top: 0px;}
    .img-box {display: none;}
    ul.link li { padding: 8px 8px;}
    .testomonial_section {padding: 0px;}
.cross_inner {transform: inherit;}
.cross_layout {transform: inherit;}
.testimonial_cont {padding-left: 10px; padding-right: 10px;}
.voirproduct{margin: 10px auto 0px auto;}  
.formulairePartenaire{
    padding: 2%;
    display: flex;
    flex-direction: column;
   }
   .imagepartenaire img{
    margin-bottom: 4%;
    border-radius: 7px;
   }
   .formulairePartenaire form{
    border-radius: 7px;
    margin: 0px;
  }

}


@media (max-width: 575px) {
    .formulairePartenaire{
        padding: 2%;
        display: flex;
        flex-direction: column;
       }
       .imagepartenaire img{
        margin-bottom: 4%;
        border-radius: 7px;
       }
       .formulairePartenaire form{
        border-radius: 7px;
        margin: 0px;
      }
    .blog-grid {
    margin-top: 30px;
}
 .location_icon_bottum::before {display: none;}
    .location_icon_bottum {width: 91% !important;

margin-left: 13px;

background: transparent;

}
    .mean-container .mean-bar {margin-bottom: -1px;}
   .ggg {display: none;}
    .header { padding-bottom: 0; padding-top: 30px;}
    .last {display: none;}
    .img-box {display: none;} 
    .search {display: none;}
.location_icon_bottum_tt {display: none;}
.logo {float: inherit; padding-bottom: 15px; text-align: center; margin-top: -16px;}
#myCarousel a.carousel-control-prev {width: 45px; height: 45px;}
#myCarousel a.carousel-control-next {width: 45px; height: 45px;}
.banner-main .carousel-item img {height: 339px;}
.banner-main .carousel-caption span {font-size: 22px; line-height: 19px;}
.banner-main .carousel-caption h1 {font-size: 42px; line-height: 40px;}
.banner-main .carousel-caption p  {display: none;}
.banner-main .carousel-caption .buynow {
width: 98px;
padding: 7px 0;
font-size: 13px;
margin-right: 9px;
}
.about .about_box h2 {line-height: 40px; font-size: 28px;   }
.title h2  {font-size: 30px;}
.about .about_box span {font-size: 33px; line-height: 53px;}
.mrgn {margin-top: 30px;}
.footer .headinga span {font-size: 16px;}

.read-more {margin-top: 50px;}
.testimonial_cont p {padding: 40px 20px;}
 .testomonial_img::after {background: inherit;}
   .offer .offer-bg .offer_box h3 {font-size: 27px;}
.about .about_box_ { margin-bottom: 30px; }
.about .about_box_ span {font-size: 33px; line-height: 53px;}
.about {background: inherit;}
.testomonial_section {padding: 0px;}
.cross_inner {transform: inherit;}
.cross_layout {transform: inherit;}
.testimonial_cont {padding-left: 10px; padding-right: 10px;}

.for_box_bg .for_box {margin-bottom: 30px;}
.offer .offer-bg .offer_box h3 {font-size: 25px;}
.margin_ttt {margin-top: 30px;}
.margin-lkk {margin-top: 30px;}
.main_form {padding: 60px 12px; margin-right: 15px;}
ul.link li {padding: 8px 9px; padding-bottom: 0px; }

.voirproduct{margin: 10px auto 0px auto;}  
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {	
 
    .blog-content a h4 {
        font-size: 20px;
    }   
    }
    
    /* Tablet desktop :768px. */
    @media (min-width: 768px) and (max-width: 991px) {
    .header-area .main-menu ul.navbar-nav > li > a {
    
    .blog-content a h4 {
        font-size: 20px;
        line-height: 28px;
    }
    
    .blog-search-option input {
        width: 75%;
    }
        
    }
    
}


@media screen and (max-width: 1000px)
{
/*** 

====================================================================
	Team Section
====================================================================

***/

#team{
    margin-top: 20px;
    padding: 0;
    width: auto;
    height: auto;
}

#team .h1team{
    padding-top: 20px;
    padding-bottom: 20px;
    color: #30880d;
    font-size: 25px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.page-wrapper{
	width: 100%;
    margin: auto auto;
	margin-top: 20px;
	padding: 0%;
	display: flex;
	justify-content: center;
    align-items: center;
}


.team-section{
	width: 100%;
	position:relative;
    margin: 0 auto;
}

.team-section .auto-container{
    width: 100%;
    text-align: center;
}

.team-section .row{
    width: 100%;
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Team Block */

.team-block{
    width: 200px;
	position:relative;
	margin-bottom:40px;
}

.team-block .inner-box{
	position:relative;
	overflow:hidden;
}

.team-block .inner-box .border-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:2px;
	z-index:1;
	background-color:#163f03;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box .border-one:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:2px;
	height:0px;
	z-index:1;
	background-color:#163f03;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box:hover .border-one:before{
	width:100%;
}

.team-block .inner-box:hover .border-one:after{
	height:100%;
}

.team-block .inner-box .border-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:2px;
	height:0px;
	z-index:1;
	background-color:#163f03;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box .border-two:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:2px;
	z-index:1;
	background-color:#163f03;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box:hover .border-two:before{
	height:100%;
}

.team-block .inner-box:hover .border-two:after{
	width:100%;
}

.team-block .inner-box .image{
	position:relative;
	text-align:center;
	overflow:hidden;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	height: 250px;
}

.team-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	height: 250px;
}

.team-block .inner-box .image .social-icons{
	position:absolute;
	left:0px;
	right:0px;
	bottom:-80px;
	z-index:1;
    padding: 13px 13px;
	border-radius:0px 0px 0px 0px;
	background-color:#163f03;
	display:inline-block;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
}

.team-block .inner-box .image .social-icons li{
	position:relative;
	margin: 0px 12px;
    text-align: center;
	display:inline-block;
}

.team-block .inner-box .image .social-icons li a{
	position:relative;
	color:white;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block .inner-box .image .social-icons li a:hover{
	color:gold;
}

.team-block .inner-box:hover .social-icons{
	bottom:0px;
}

.team-block .inner-box .lower-box{
	position:relative;
	padding-top:10px;
	padding-bottom:15px;
	text-align:center;
}

.team-block .inner-box .lower-box h3{
	position:relative;
	color:#222222;
	font-size:20px;
	font-weight:700;
	line-height:1.4em;
	text-transform:capitalize;
}

.team-block .inner-box .lower-box h3 a{
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block .inner-box .lower-box h3 a:hover{
	color:#808080;
}

.team-block .inner-box .lower-box .designation{
	position:relative;
	color:#777777;
	font-size:14px;
	margin-top:2px;
}

.team-block.style-two .inner-box{
	box-shadow:0px 1px 0px rgba(0,0,0,0.10);
}


/*** 

====================================================================
	NOS VALEURS
====================================================================

***/

#nosValeurs{
    margin-top: 15px;
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

#nosValeurs .h1nosvaleurs{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #163f03;
    font-size: 25px;
    text-align:left;
}

#nosValeurs .valeurs{
    margin: 0;
    padding: 0;
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    text-align: left;
}

.valeurs .h2valeurs{
    font-size: 17px;
    display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   align-items: center;
}

.valeurs .h2valeurs p {
    padding: 2px 3px 2px 3px;
}

.valeurs .h2valeurs {
    animation: color-change 2s infinite;
  }
  
  @keyframes color-change {
    1% { color: black; }
    25% { color: #4bc714; }
    50% { color: #808080; }
    75% { color: #30880d; }
    100% { color: #163f03; }
  }

}