/* 
    Created on : 27 mai 2015, 16:41:06
    Author     : niko
*/

@media screen and (max-width: 767px) {
   
    .col-full {
        margin:0 !important;
    }
    .home .site-content .col-full {
        background:none;
    }
    
    body {
        background:#FFF;
    }
    
    .site-content .col-full {
        padding-bottom:15px;
    }
    
    .site-content .col-full:before,
    .flex-control-nav,
    #header-news,
    .social-icons,
    #shopping-nav {
        display: none;
    }
    
    /* HEADER */
    
    .screen-reader-text,
    .site-header .col-full .metaslider:before {
        display:none;
    }
    
    .site .site-header {
        margin-bottom:0px;
    }
    
    .site-header .site-branding {
        top:0px;
        left:15px;
        width:200px;
        padding-top:14px;
    }
    
    /* MENU */
    
    .menu-toggle {
        margin-top:0px;
        margin-bottom:10px;
        font-size:14px;
    }
    
    .main-navigation ul li,
    .secondary-navigation ul li {
        width:100%;
        float:none;
        border-right:0;
        height:auto;
    }
    
    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        padding:10px;
    }
    
    .main-navigation ul.menu > li > a br,
    .main-navigation ul.nav-menu > li > a br {
        content:' ';
    }
    
    .main-navigation ul.menu ul {
        background-color:#FFF;
    }
    
    .main-navigation ul.menu > li > a br:after,
    .main-navigation ul.nav-menu > li > a br:after {
        content:' ';
    } 
    
    .main-navigation ul li a:before,
    .main-navigation ul ul.children {
        display:none;
    }
    
    #page .main-navigation ul li.news a,
    #page .main-navigation ul li.pink a {
        padding-top:10px;
    }
    
    .woocommerce-active .site-header .main-navigation {
        margin-bottom:15px;
    }
    
    .cie .page-title {
        background:none;
    }
    
    .cie ul.products li.product a {
        width:90%;
    }
    
    .added_to_cart {
        margin-top:20px;
        background-color:#000;
        color:#FFF;
    }
   
    /* HOME */
    
    .right-sidebar .content-area.home {
        margin-top:15px;
    }
    
    .home .blocks {
        margin:0;
    }
    .home .blocks li.block {
        width:100%;
        margin-bottom:80px;
        margin-right:0;
    }
    .home .blocks li img {
        left:50% !important;
    }
    .home .blocks li.num-0 img {
        margin-left:-50px;
    }
    
    .home .blocks li.num-1 img {
        margin-left:-50px;
    }
    .home .blocks li.num-2 img {
        top:-54px;
        margin-left:-36px;
    }
    .home .blocks li.num-3 img {
        top:-55px;
        margin-left:-90px;
    }
    .home .blocks li.num-4 img {
        top: -40px;
        margin-left: -35px;
    }
    .home .blocks li.num-5 img {
        top:-35px;
        margin-left:-40px;
    }
    .home .blocks li a.plus {
        margin-left:-14px;
        left:50%;
        width:28px;
        margin-top:23px;
    }
    .home .blocks li a.plus span {
        margin:0;
    }
    .home .blocks li div.excerpt {
        width:80%;
        border-bottom:0;
    }
    
    /* INTERN */
    
    #primary .site-main,
    .page-template-magazine.right-sidebar .widget-area {
        width:90%;
        padding:0;
        margin-left:5%;
    }
    
    #magazine-sidebar .textwidget > ul > li {
        width:100%;
        margin-left:0;
    }
    
    .post-type-archive-product ul.taxonomy-filter li a {
        min-width:0;
        width:100%;
    }
    
    .post-type-archive-product ul.taxonomy-filter li.cie li,
    .post-type-archive-product ul.taxonomy-filter li.guide li {
        border-right:0;
    }
    
    .post-type-archive-product ul.taxonomy-filter li a {
        text-align:left;
    }

    .page .hentry .entry-header,
    .category .hentry .entry-header,
    .single-post .hentry .entry-header {
        padding:0;
    }
    
    .page-template-magazine .magazine-list,
    .page-template-magazine .magazine-excerpts {
        padding:0;
    }
    
    .page.page-template-magazine .content-area {
        width:100%;
    }
    
    .category .hentry .entry-header h1,
    .single-post .hentry .entry-header h1 {
        text-align:center;
    }
    
    .page .site-main,
    .category .site-main,
    .single-post .site-main {
        width:90%;
        margin-left:5%;
    }
    
    .site-content .woocommerce-breadcrumb {
        width:90%;
        padding-left:5%;
        padding-top:10px;
        margin-bottom:10px;
    }
    
    ul.taxonomy-filter,
    ul.taxonomy-filter li {
        float:none;
    }
    
    ul.taxonomy-filter li {
        margin-left:0px;
        width:100%;
        margin-bottom:10px;
    }
    
    ul.products {
        margin-top:15px;
    }
    
    .page .hentry .entry-header h1 {
        text-align:center;
    }
    
    .tax-product_cat .site-main ul.products li.product,
    .post-type-archive-product .site-main ul.products li.product {
        width:50%;
        min-height:300px;
        float:left;
        margin:0;
        margin-bottom:20px;
    }
    
    .single-product .content-area,
    .single-training.right-sidebar .content-area {
        width:100%;
        margin-left:0%;
    }
    
    .single-training .social-block {
        margin-bottom:15px;
    }
    
    .magazine-excerpts .hentry .entry-header .entry-title a {
        font-size:16px;
    }
    
    .magazine-excerpts .hentry .entry-header .entry-title a {
        text-align:center;
    }
    
    .post-type-archive-training.right-sidebar .content-area {
        width:90%;
        margin-left:5%;
    }
    
    #training_menu {
        margin-left:0;
    }
    
    .single-training #secondary,
    .post-type-archive-training #secondary {
        background-position:50% 0;
        padding-top:67px;
        width:90%;
        margin-left:5%;
    }
    
    #training_menu > li {
        width:100%;
        padding-bottom:15px;
        height:auto;
        margin-right:0;
    }
    
    #training_sidebar_menu {
        margin-left:0;
    }
    
    #training_sidebar_menu > li {
        width:100%;
        border-left:0;
        border-right:0;
    }
    
    .page .content-area,
    .category .content-area,
    .single-post .content-area {
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    
    .pagination .page-numbers li .page-numbers,
    .woocommerce-pagination .page-numbers li .page-numbers {
        padding:.327em 8px;
    }
    
    .tax-product_cat .site-main ul.products li.product {
        min-height:220px;
        position:relative;
    }
    
    .cie ul.products li.product h3 {
        width:100%;
        line-height:17px;
    }
    
    .cie ul.products li.product .price {
        text-align:center;
        width:100%;
        position:absolute;
        left:50%;
        width:110px;
        margin-left:-55px;
        bottom:50px;
    }
    
    .cie .site-main ul.products li.product {
        padding:5px;
    }
    
    .cie .site-main ul.products li.product:nth-child(even) {
        background: rgba(159, 23, 229, 0.5);
    }
    
    .cie ul.products li.product a.button {
        position:absolute;
        width:110px;
        bottom:10px;
        left:50%;
        margin-left:-55px;
    }
    
    .hentry .wp-post-image {
        width:100%;
        margin-right:0;
        height:auto;
    }
    
    .category .site-main article {
        width:48%;
        margin-right:4%;
    }
    
    .hentry span.wp-post-image {
        background-size:100%;
        width:100%;
        height:115px;
    }
    
    #page .main-navigation ul ul li a,
    #page .secondary-navigation ul ul li a {
        text-align:center;
    }
    
    .tax-training_category #primary .site-main .page-header h1 {
        height:auto;
        line-height:24px;
        padding-top:5px;
        padding-bottom:5px;
    }
    
    /* FOOTER */
    
    .site-footer .site-info {
        padding:0;
    }
    .site-footer #menu-footer {
        float:none;
        display:block;
        margin:0;
        padding:0;
    }
    .site-footer #menu-footer li {
        display:block;
        width:100%;
    }
    .site .site-footer .address {
        margin:0;
        width:100%;
        margin-top:10px;
    }
    #page .site-footer ul.menu li a {
        border-right:0;
    }
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
        width:100%;
    }
    .single-product .product_title,
    .single-product .product-header,
    body.single-product div.product .summary {
        width:100%;
    }
    .guide fieldset.front-page {
        padding-left:10px;
        padding-right:10px;
    }
    .single-product div.product .product-description {
        width:100%;
        padding:0;
        float:none;
    }
    body.single-product div.product .images {
        margin:15px auto; 
    }
    .woocommerce-tabs {
        margin-bottom:20px;
    }
    .woocommerce-tabs ul.tabs li {
        margin-right:0;
    }
    body .woocommerce-tabs ul.tabs li {
        height:50px;
    }
    body .woocommerce-tabs ul.tabs li a {
        height:auto;
    }
    ul.technical-features {
        min-height:auto;
        margin: 0 0 1.618em 3em;
        padding-right:0;
        background:none;
    }
    #page #training_menu.menu li ul.sub-menu {
        padding-left:20px;
        padding-right:20px;
    }
    .single-training .site-main {
        padding-left:0;
    }
    .training .header-content {
        padding:0;
    }
    .training .header-right {
        float:none;
        width:100%;
        height:auto;
    }
    .training .header-right ul {
        margin:15px 0;
    }
    .header-right,
    .training.formations-classiques .single-title,
    .training .header-left {
        width:100%;
        float:none;
    }
    .training.formations-thematiques .header-right,
    .training.formations-classiques .header-right,
    .training.paca .header-right {
        background:none;
    }
    .training .header-right li.duration {
        height:auto;
    }
    .training .header-right li.bottom a {
        color:#000;
    }
    .training .post-single-content {
        margin-top:0;
        padding-top:25px;
    }
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        border-radius:0;
    }
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        color:#000;
    }
    div.legend p {
        float:none;
        margin-bottom:10px;
    }
    div.legend span.availability {
        margin:0;
    }
    table td, table th {
        padding:0;
        font-size:10px;
    }
    div.wpcf7-validation-errors {
        border:2px solid red;
    }
    div.wpcf7-response-output {
        margin:0;
        padding:1.2em 1em;
    }
    
    .cie ul.products li.product .reference {
        width:100%;
    }
    
    fieldset.front-page ul.products li.product {
        width:100% !important;
    }
    #page .main-navigation ul ul {
        width:100%;
        position:relative;
        margin-left:0;
    }
    #page .main-navigation ul ul > li {
        float:none;
        width:100%;
    }
    #page .main-navigation ul ul > li a {
        font-size:10px;
    }
    
    #customer_login .col-1,
    #customer_login .col-2 {
        float:none;
        width:100%;
    }
    
    .site-header .col-full .metaslider-container,
    .site-header .col-full .metaslider-container .cycle-slideshow {
        height:auto;
        min-height:75px;
    }

    .site-header .col-full .cycle-slideshow.images:before,
    .site-header .col-full .metaslider:before,
    .cycle-pager {
        display:none;
    }
    
    .site .site-footer .right {
        float:none;
    }
    
    .site-footer .signature {
        text-align:left;
        padding-left:5px;
    }
    .site-footer .col-full {
        padding-bottom:15px;
    }
    .post-type-archive-product ul.taxonomy-filter li.event li {
        border:none;
    }
    
    .page-template-magazine .hentry .entry-header h1 {
        width:100%;
        padding-bottom:0;
    }

    .page .entry-content p.lux-magazine-content-button {
        position: relative;
        width:100%;
        margin-bottom:35px;
    }
}

/* iPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    
    .flex-control-nav {
        display:none;
    }
    
    .col-full {
        margin-left:0;
        margin-right:0;
    }
    .site-content .col-full:before {
        display:none;
    }
    .site-header #header-news {
        top:65px;
    }
    .home .blocks {
        margin-left:19px;
        margin-right:19px;
    }
    .home .blocks li.block {
        width:230px;
        margin-right:20px;
    }
    .home .blocks li a.plus {
        width:230px;
    }
    .home .blocks li.num-2 .block,
    .home .blocks li.num-5 .block {
        margin-right:0;
    }
    .home .blocks li a.plus span {
        margin-left:101px;
    }
    .home .blocks li div.overlay ul {
        margin-left:20px;
    }
    .home .blocks li img {
        left:50% !important;
    }
    .home .blocks li.num-0 img,
    .home .blocks li.num-1 img {
        margin-left:-50px;
    }
    .home .blocks li.num-2 img {
        margin-left:-36px;
    }
    .home .blocks li.num-3 img {
        margin-left:-38px;
    }
    .home .blocks li.num-4 img {
        margin-left:-87px;
    }
    .home .blocks li.num-5 img {
        margin-left:-40px;
    }
    
    .cie .site-main ul.products li.product {
        padding:5px;
    }
    
    .cie ul.products li.product h3 {
        width:50%;
    }
    
    .cie ul.products li.product .price {
        width:15%;
    }
    
    .cie ul.products li.product a {
        width:25%;
    }
    .cie ul.products li.product a.button {
        margin-left:30px;
    }
    
    ul.technical-features {
        margin-left:20px;
    }
    
    .single-product .order-form-link {
        height:auto;
    }
    
    .site-content .woocommerce-breadcrumb {
        padding-left:5%;
    }
    
    .page .content-area,
    .category .content-area,
    .single-post .content-area,
    .single-product .content-area {
        width:90%;
        margin-left:5%;
    }
    
    .category .site-main article {
        width:45%;
    }
    
    .post-type-archive-training.right-sidebar .content-area {
        width:80%;
    }
    
    .right-sidebar .widget-area {
        width:20%;
    }
    
    #training_sidebar_menu {
        margin-left:0px;
    }
    
    #training_menu {
        margin-left:40px;
    }
    
    #training_menu > li {
        width:45%;
        min-height:320px;
        height:auto;
    }
    
    .single-training #secondary,
    .post-type-archive-training #secondary {
        background-position:50% 0%;
    }
    
    #training_sidebar_menu > li {
        width:90%;
        margin-right:10%;
    }
    
    .single-training.right-sidebar .content-area {
        width:80%;
        margin-right:0;
    }
    .single-training .site-main {
        padding-left:5%;
    }
    .training .header-left {
        width:55%;
    }
    .training .header-content {
        padding:0px;
    }
    .site-footer .site-info {
        padding-left:0;
        padding-right:0;
        padding-top:30px;
        width:90%;
        margin-left:5%;
    }
    .site .site-footer .address {
        margin-left:0px;
        text-align:left;
        width:20%;
    }
    .site-footer #menu-footer {
        width:80%;
        float:right;
        padding:0;
        text-align:right;
    }
    #page .main-navigation ul li a {
        padding:0;
        font-size:9px;
        padding-top:26.5px;
    }
    #page .main-navigation ul li.pink a,
    #page .main-navigation ul li.news a {
        padding-top:33.5px;
    }
    
    .cie ul.products li.product .reference {
        width:10%;
        padding-right:0;
    }
    
    .cie ul.products li.product a {
        width:100%;
    }
    fieldset.front-page ul.products {
        padding:10px;
    }
    #magazine-sidebar .textwidget > ul > li {
        width:100%;
    }
    .wpcf-field-image.wpcf-field-magazine_excerpt_image {
        width:100%;
        margin-right:0;
        float:none;
        margin-bottom:10px;
    }
    .wpcf-field-image.wpcf-field-magazine_excerpt_image img {
        width:100%;
    }
    .site-header .col-full .metaslider-container,
    .site-header .col-full .metaslider-container .cycle-slideshow {
        height:162px;
    }
    .cycle-pager {
        display:none;
    }
    
    .page-template-magazine .hentry .entry-header h1 {
        width:100%;
    }    
    
    .page .entry-content p.lux-magazine-content-button {
        position: relative;
        margin-bottom:35px;
        width:100%;
    } 
}

/* iPad Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .cie ul.products li.product a.button {
        margin-left:105px;
    }
    .home .blocks {
        margin-left:73px;
        margin-right:0;
    }
    .home .blocks li.block {
        width:266px;
        margin-right:40px;
    }
    .home .blocks li a.plus {
        width:266px;
    }
    .home .blocks li a.plus span {
        margin-left:119px;
    }
    .site-header .col-full .metaslider-container,
    .site-header .col-full .metaslider-container .cycle-slideshow {
        height:217px;
    }
    
    .page-template-magazine .hentry .entry-header h1 {
        width:50%;
    }

    .page .entry-content p.lux-magazine-content-button {
        position: absolute;
        width:50%;
    }
}