/****************************************************#######################################################-------------------------------------------------####             Luxopuncture - Version 1            ####-------------------------------------------------#### Copyright = diabloedesign.com- 2018             #### Date      = Juillet 2018                        #### Author    = olivier angevin                     #### Websites  = http://www.diabloedesign.com        ####                                                 #######################################################****************************************************/@charset "UTF-8";
.pagewidth {
  width:100%;
}
.item-page,
.blog-featured,
.container-accueil #main-full .moduletable,
.visforms-form,
#phocaguestbook {
  margin-right:10px;
  margin-left:10px;
}
@media screen and (max-width: 1070px) {
  .blog-featured .blog-items .blog-item {
    float:none!important;
    margin:0 auto!important;
  }
}
@media screen and (max-width: 1020px) {
  .contact .category-desc,
  .contact #mod-visform1 {
    float:none;
    margin:0 auto;
  }
}
@media screen and (max-width: 1000px) {
  .header .theme-default .nivo-caption {
    display:none!important;
  }
  .container-accueil #main-full .moduletable ul {
    justify-content:center;
  }
  .container-accueil #main-full .moduletable ul li a {
    margin:5px;
  }
}
@media screen and (max-width: 920px) {
  .logo {
    display:none;
  }
  .logo-s {
    display:block;
    margin:0 auto;
    width:188px;
  }
  .contact-h {
    position:relative;
    width:100%;
    background:#7b3192;
    height:auto;
    padding-top:10px;
    padding-bottom:10px;
  }
  .contact-h div {
    display:inline;
  }
  #top-menu {
    display:none;
  }
  #small-menu {
    display:block;
    position:relative;
    width:100%;
    height:60px;
    background:#7b3192;
  }
  #menu-toggle:before {
    content: "\f0c9";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: relative;
    top: 1px;
    line-height: 0;
    font-size: 28px;
    margin-right:10px;
  }
  #small-menu #menu-toggle {
    display: block;
    width: 100%;
    font-size:24px;
    font-weight: normal;
    text-align: left;
    border: none;
    cursor: pointer;
    color:#fff;
    text-decoration:none;
    line-height:60px;
    padding-left:10px;
    transition:all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
  }
  #small-menu #menu-toggle:hover {
    text-decoration:none;
  }
  #mobile-menu,
  body.active #mobile-menu ul.menu {
    display: block;
  }
  body.active #container,
  #mobile-menu ul.menu {
    display: none;
  }
  #mobile-menu ul.menu {
    padding:20px 0 0;
  }
  #mobile-menu li {
    list-style-type:none;
    font-size:25px;
    text-align:left;
    position:relative;
  }
  #mobile-menu li a,
  #mobile-menu li span {
    color:#fff;
    display:block;
    width:100%;
    min-height:40px;
    line-height:40px;
    padding-right:-10px;
    padding-left:10px;
    cursor:pointer;
    text-decoration:none;
    transition:all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
  }
  #mobile-menu li.parent ul {
    display:block;
    visibility:hidden;
    height:0;
    border-bottom:3px solid #fff;
  }
  #mobile-menu li.parent ul li.parent ul {
    border:none;
  }
  #mobile-menu li.parent > span:after {
    content:"+";
    display:block;
    right:10px;
    top:0;
    position:absolute;
  }
  #mobile-menu li.produits > span:after,
  #mobile-menu li.produits-2 > span:after {
    content:"";
  }
  #mobile-menu li.open > span:after {
    content:"-";
  }
  #mobile-menu .menu li.open ul {
    visibility:visible;
    height:auto;
  }
  #mobile-menu li a:hover,
  #mobile-menu li span:hover {
    text-decoration:none;
    color:#000;
  }
  #menu-mobile-close {
    float:right;
    margin-top:5px;
    margin-right:5px;
  }
}
@media screen and (max-width: 800px) {
  .footer .pagewidth {
    width:100%;
  }
  .footer-logo,
  .footer-content {
    float:none;
    border:0;
    justify-content:center;
  }
}
@media screen and (max-width: 720px) {
  .contact #mod-visform1 {
    width:400px;
  }
  .visform .left,
  .visform .right {
    float:none;
    width:100%;
  }
  .contact .visBtnCon {
    position:relative;
    top:10px;
    float:right;
    right:10px;
  }
}
@media screen and (max-width: 620px) {
  .blog-featured .blog-items .blog-item:first-child {
    width:auto;
  }
  .blog-featured .blog-items .blog-item:first-child .item-content {
    max-height:1000px;
    padding-bottom:50px;
  }
  .container-marion-bourrelier figure.right {
	float: none;
	margin: 0;
	text-align: center;
	}
}

@media screen and (max-width: 450px) {
.blog-featured .blog-items .blog-item:last-child {
  width:auto;
}
.blog-featured .blog-items .blog-item:last-child .item-content {
  max-height:1000px;
  min-height:auto;
  padding-bottom:50px;
}
.blog-featured .blog-items .blog-item:last-child{padding-top:40px;}
.blog-featured .blog-items .blog-item:last-child figure.right {
  float:none;
  text-align:center;
  margin:0;
}
.blog-featured .blog-items .blog-item:last-child .readmore a.btn {
  right:0;
}
#parallax-img {
  display:none;
}
.container-accueil .contact {
  border-top:4px solid #7b3192;
}
.header {
  min-height:auto;
}
#scrolldown {
  display:none;
}
}
@media screen and (max-width: 420px) {
.contact #mod-visform1 {
  width:100%;
}
}
/**end file***/