/* ---------- Desktop portable 15.6" ---------- */

@media all and (max-width: 1370px) {

    /* Header */
    .header { height: 65px; }
    .header #logo img { height: 46px; }
    .header .main_menu > li > a { font-size: 16px; padding: 26px 0 23px; }
    .wrapper_sub_menu,
    .header .main_menu > li > ul { top: 65px; }
    /*.sub_menu > li > a { height: 55px; font-size: 16px; padding: 10px; }*/
    /*.sub_menu li ul { top: 55px; }*/

    /* Latest news */
    .banner .latest_news { bottom: 20px; }
    .banner .latest_news .post_latest_news { height: 111px; padding: 15px; }
    .banner .latest_news .btn_latest_news { width: 85px; height: 111px; font: 700 15px/20px 'Turmino'; padding: 17px 0 0 13px; }
    .banner .latest_news .btn_latest_news .ico { height: 25px; }
    .banner .latest_news .btn_latest_news:before { height: 111px; border-left-width: 25px; border-top-width: 55px; border-bottom-width: 55px; }

}


/* ---------- Tablet - Landscape (Horizontal) ---------- */

@media all and (max-width: 1060px) {

    .beta_banner {
        width: 133px;
        height: 55px;
        top: 88px;
        left: 0;
        right: auto;
        background-image: url('images/beta_banner_small.png');
    }

    .concours_banner {
        width: 133px;
        height: 55px;
        top: 88px;
        left: 0;
        right: auto;
        background-image: url('images/contest_banner_small.png');
    }

    /* Landing */
    .content_page .menu_landing li .title { font-size: 15px; }

    /* Vidéos */
    .single_iframe { height: 300px; }

    /* Passeport */
    .passeport_form .grey_box.first_box input[type=text] { width: 29%; }

    /*  Footer */
    .footer .infos .contact { float: none; margin: 0 0 10px; }
    .footer form { width: 210px; }
    .footer .infos .socials { float: left; margin: 5px 15px; }

}


/* ---------- Tablet - Portrait (Vertical) ---------- */

@media all and (max-width: 1023px) {

    /* Header */
    .header #logo { width: 30%; }
    .header .main_menu { width: 60%; margin: 0; }
    .header .main_menu > li { padding: 0 18px; }
    .header .main_menu > li > a { padding: 4px 0; }
    .header .main_menu > li > a:before { display: none; }
    .header .main_menu > li ul li a { font-size: 14px; line-height: 16px; }
    .header .main_menu > li.menu_animaux > ul > li > a { font-size: 12px; line-height: 15px; }

    /* Home */
    .banner .bx-wrapper .bx-prev { margin-top: -30px; left: 0; }
    .banner .bx-wrapper .bx-next { margin-top: -30px; right: 0; }

    .wrapper_misc .slider_saviez-vous li .slider_content p { font-size: 16px; line-height: 22px; }
    .wrapper_misc .links li { width: 49%; }
    .wrapper_misc .links li:nth-child(2) { margin-right: 0; }
    .wrapper_misc .links li:last-child { width: 100%; height: 102px; }
    .wrapper_misc .links li .large_link img { max-width: 80%; }
    .wrapper_misc .links li > .half { padding: 35px 0 35px 15px; }
    .wrapper_misc .links li .half.last  { padding: 21px 0; }
    .wrapper_misc .links li .half span { float: left; width: 50%; }
    .wrapper_misc .links li .half img { float: left; margin: 6px; }

    /* Horaire */
    .tabs_menu ul li { font-size: 25px; padding: 20px 30px 10px 70px; background-position: 30px center; }
    .tab_aside { width: 29%; }
    .tab_aside p { font-size: 15px; }

    /* Collations */
    .page_collations table td { padding: 13px 0; }
    .page_collations table td:first-child { padding: 13px 30px; }

    /* Animaux */
    .link_animaux,
    .link_animaux:nth-child(8n) { width: 15%; margin: 0 2% 2% 0; }
    .link_animaux:nth-child(6n) { margin-right: 0; }

    .menu_slider_animaux .animal_name_cat { width: 100%; text-align: right; padding: 10px 0 0; }

    /* Caméra en direct */
    .camera_en_direct { float: none; margin: 50px auto; }
    .camera_content { float: none; width: auto; }
    .menu_animals_camera ul li { margin: 0 2px; }
    .menu_animals_camera ul li a { font-size: 13px; padding: 8px 14px; }

    /* Cinema */
    .single_cinema .thumb_cinema { width: 22%; }
    .single_cinema .btn_trailer { bottom: 85px; right: 20px; }
    .single_cinema.others .half { float: none; width: auto; margin: 0; }

    /* Emploi */
    .single_emploi .header_emploi h2,
    .single_emploi .header_emploi .misc_emploi { width: 50%; }

    /* Vidéos */
    .single_iframe { height: 225px; }

    /* Médias (Posts) */
    .page_post { width: 69%; }
    .sidebar { width: 27%; }

    /* Landing */
    .content_page .menu_landing li,
    .content_page .menu_landing li:nth-child(5n) { width: 23.5%; margin: 0 2% 2% 0; }
    .content_page .menu_landing li:nth-child(4n) { margin-right: 0; }
    .content_page .menu_landing li .title { font-size: 14px; line-height: 20px; min-height: 74px; }

    /* Partners */
    .partenaires .categories_partenaires:nth-of-type(2) { padding-left: 50px; }
    .partenaires .categories_partenaires:nth-of-type(3) { padding-top: 50px; }
    .partenaires .categories_partenaires:last-of-type { padding: 50px 0 0 50px; }
    .partenaires .categories_partenaires li,
    .partenaires .categories_partenaires li:nth-child(2n) { margin: 0 20px 0 0; }

    /* Passeport */
    .page_passeport .button.table_btn { width: 30%; margin-bottom: 5px; }
    .page_passeport .partners_small_list { margin: 0 -5px }
    .page_passeport .partners_small_list li { margin: 5px; }
    .passeport_form .grey_box.first_box .icheckbox { margin-right: 300px; }
    .passeport_form .grey_box.first_box input[type=text] { width: 50%; }
    .passeport_form .btn_input_file { margin-right: 0; }

    /* Préscolaire */
    .page_prescolaire .tabs_menu ul li { margin: 4px 4px 0 0; }
    .activite_infos .half,
    .activite_infos .half.last { float: none; width: auto; margin: 0; }
    .activite_infos p span { width: 180px; }

    /* Nous joindre */
    .contact_infos { width: 35%; }
    .contact_map iframe { height: 350px; }
    .contact_distance .contact_distance_map { width: 40.8%; }

    /* Footer */
    .footer .medias .medias_photo { float: none; margin: 0 0 15px; }
    .footer .medias .medias_video { float: none; }
    .footer .footer_menu .menu_left { width: 60%; }
    .footer .footer_menu .menu_left ul.menu { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    .no-csscolumns .footer .footer_menu .menu_left ul.menu > li { width: 43%; margin-right: 7%; }
    .footer .footer_menu .menu_right { width: 40%; padding: 0 0 0 60px; }

}


/* ---------- Mobile - Landscape (Horizontal) ---------- */

@media all and (max-width: 767px) {

    .beta_banner { position: absolute; }

    /* Header */
    .header { height: auto; position: absolute; }
    .header #logo { float: none; width: auto; }
    .header #logo img { height: 40px; margin: 0 auto; }
    .header .language_switcher { width: 25px; height: 25px; font-size: 15px; line-height: 26px; margin: 8px 0 0; }
    .btn_mobile_menu { display: block; }

    /* Home */
    .banner.home,
    .banner .main_slider li { height: 450px; }
    .banner .misc_buttons .container { padding: 0; }
    .banner .misc_buttons .info_horaire { float: none; width: auto; margin: 0; }
    .banner .misc_buttons .btn_collations { float: none; width: auto; }
    .banner .misc_buttons .btn_collations .corner { border-right: 480px solid rgba(29, 29, 29, 0.75); }
    .dropdown_collations ul li em { display: inline-block; width: 50%; }
    .dropdown_collations .half.last { padding: 40px 20px 0; }
    .dropdown_collations p { margin: 30px 0; }

    .wrapper_animaux { padding: 50px 0; }
    .wrapper_animaux h2 { font: 300 30px/30px 'Turmino' }
    .wrapper_animaux p { font-size: 15px; }
    .wrapper_slider_animaux { margin: 0 25px; }
    .wrapper_slider_animaux .single_animaux { width: 46%; min-height: 175px; margin: 0 2% 2%; }
    .button { font-size: 16px; }
    .wrapper_animaux .button { float: none; width: 100%; }

    .wrapper_camera:before { border-top-width: 30px; }
    .wrapper_camera h3 { font: 300 27px/30px 'Turmino'; margin-bottom: 40px }
    .wrapper_camera h3 span { width: 29px; margin: 0 15px -4px 0; }
    .wrapper_camera .camera_list li { width: 48%; margin: 0 4% 4% 0; }
    .wrapper_camera .camera_list li:nth-child(2n) { margin-right: 0; }
    .wrapper_camera .camera_list li h4 a { font-size: 15px; }

    .wrapper_misc { padding: 50px 0 90px; }
    .wrapper_misc .header_misc h6 { float: none; }
    .wrapper_misc .header_misc a { font-size: 14px; top: 19px; right: 10px; }
    .wrapper_misc .header_misc h2 { font-size: 23px; padding: 17px 20px; }
    .wrapper_slider_animaux .bx-viewport { overflow: hidden !important; }
    .bx-wrapper .bx-controls-direction { right: 15px; }
    .bx-wrapper .bx-controls-direction a { margin: 0 6px; }
    .wrapper_slider_animaux .bx-wrapper .bx-controls-direction a { left: -35px; }
    .wrapper_slider_animaux .bx-wrapper .bx-controls-direction a.bx-next { right: -35px; }
    .wrapper_misc .wrapper_slider_saviez-vous { height: auto; margin: 0 0 15px; }
    .wrapper_misc .slider_saviez-vous li { height: auto; }
    .wrapper_misc .slider_saviez-vous li .slider_thumb { float: none; width: auto; margin: 0; }
    .wrapper_misc .slider_saviez-vous li .slider_thumb img { margin: 0; }
    .wrapper_misc .slider_saviez-vous li .slider_content { display: block; height: auto; padding: 20px; }
    .wrapper_misc .links li { float: none; display: block; width: auto; height: auto; margin: 5px 0 0; }
    .wrapper_misc .links li:last-child { height: auto; }
    .wrapper_misc .links li .large_link { display: block; padding: 15px 0; }
    .wrapper_misc .links li > .half { font-size: 15px; line-height: 32px; padding: 20px 0 10px; margin: 0; }
    .wrapper_misc .links li .half span { display: inline-block; font-size: 18px; line-height: 32px; padding: 0 7px; margin: 0 5px 0 0; }
    .wrapper_misc .links li .half img { float: none; display: inline-block; max-width: 35%; }
    .wrapper_misc .links li .half.last { padding: 0; }

    .wrapper_social .social_menu ul { float: none; position: static; }
    .wrapper_social .social_menu ul li { width: 33%; position: static; }
    .wrapper_social .social_menu ul li a { width: auto; padding: 13px 0; }
    .wrapper_social .social_menu ul li a img { height: 14px; }
    .wrapper_social .container { padding-top: 50px; padding-bottom: 30px; }
    .wrapper_social .tab_facebook ul li { margin: 0 0 35px; }

    /* Page */
    .banner { height: 250px; }
    .banner .wrapper_breadcrumbs .container { padding: 0; }
    .banner .wrapper_breadcrumbs .breadcrumbs { line-height: 18px; padding: 10px 20px; }
    .page_collations { margin: 0; }

    .half,
    .third,
    .two_third { margin: 0; }

    .content_page table thead td,
    .contact_distance table thead td,
    .content_page table thead th,
    .contact_distance table thead th { font-size: 16px; }
    .content_page table td,
    .contact_distance table td,
    .content_page table th,
    .contact_distance table th { font: 500 14px/20px 'Turmino'; padding: 10px 15px; }

    .content_page h1.main_title { font-size: 30px; line-height: 35px; margin: 40px 0 30px; }

    .sub-menu { margin: 0 0 40px; }
    .sub-menu ul li { margin: 0 5px 5px 0; }
    .sub-menu ul li a { font-size: 14px; padding: 5px 15px; }

    .sidebar { margin: 30px 0 0; }

    /* Animaux */
    .wrapper_links_animaux { padding: 50px 0; }
    .wrapper_links_animaux .single_link { margin: 0 0 10px; }
    .wrapper_links_animaux .single_link h3 a { font-size: 18px; line-height: 22px; padding: 10px 80px 10px 10px; }
    .wrapper_links_animaux .single_link h3 a:before { font-size: 30px; }
    .wrapper_links_animaux .single_link h3 a:after { border-left-width: 440px; }

    .link_animaux,
    .link_animaux:nth-child(8n),
    .link_animaux:nth-child(6n) { width: 23%; margin: 0 2.6666% 2.6666% 0; }
    .link_animaux:nth-child(4n) { margin-right: 0; }
    .link_animaux h3 a { font-size: 14px; }

    .single_animal .half.last { margin: 40px 0 0; }
    .menu_slider_animaux ul li { margin: 0 10px 10px 0; }
    .menu_slider_animaux .animal_name_cat { text-align: left; }

    /* Cinéma */
    .single_cinema { padding: 20px; margin: 0 0 20px; }
    .single_cinema .thumb_cinema img { margin: 0 auto 30px; }
    .single_cinema.others h5 { margin-bottom: 10px; }
    .single_cinema.others ul li { margin-bottom: 0; }
    .notice_cinema p { display: block; height: auto; padding: 30px 0; }
    .single_cinema .btn_trailer { margin-right: -95px; bottom: auto; right: 50%; top: 300px; }

    /* Emploi */
    .content_page.page_emploi .sub_title p { font-size: 14px; margin: 0 30px 25px; }
    .single_emploi .header_emploi { padding: 10px 15px; }
    .single_emploi .header_emploi h2 { margin: 8px 50px 8px 0; }
    .single_emploi .header_emploi .misc_emploi { padding: 10px 0 0; margin: 0; }
    .single_emploi .header_emploi .misc_emploi li a { padding: 0 7px; }
    .single_emploi .header_emploi .misc_emploi li a.fancybox_video { padding-right: 0; }
    .single_emploi .header_emploi .misc_emploi li:last-child a { padding-left: 0; }
    .single_emploi .content_emploi { padding: 20px 15px 0;}
    .single_emploi .content_emploi p { font-size: 13px; line-height: 20px; }

    /* Galerie */
    #gallery-sliders .gallery-slider:first-child,
    #gallery-sliders .gallery-slider { margin: 0 0 40px; }
    #gallery-sliders .gallery-slider .bx-wrapper .bx-pager { right: 65px; }
    #photos-gallery a:nth-child(5n),
    #photos-gallery a { width: 32%; margin: 0 2% 2% 0; }
    #photos-gallery a:nth-child(3n) { margin-right: 0; }

    #last-videos .single_iframe { margin: 0 0 20px; }
    #videos-gallery .single_iframe { height: 130px; }

    /* Horaire */
    .tabs_menu ul li { font: 300 14px/14px 'Turmino'; padding: 15px 20px 9px 20px; background-position: 17px center; background-image: none !important; text-align: center; min-height: 45px; }
    .tabs_menu ul li#nocturne.anima{ font: 300 14px/14px 'Turmino'; }
    .tab_aside { margin: 10px 0 50px; }
    .tab_content_single { padding: 20px 10px 0; }

    /* Partenaires */
    .partners_subtitle { margin: 0 10px -100px; }
    .partenaires { padding: 50px 0; }
    .partenaires:before { border-top-width: 20px; }
    .partenaires .categories_partenaires { height: auto; padding: 30px 0 !important; border: none; border-bottom: 1px solid #C6C6C6 !important; }
    .partenaires .categories_partenaires:last-of-type { border: none !important; }

    /* Landing */
    .content_page .menu_landing { margin: 0 20px; }
    .content_page .menu_landing li { width: 48% !important; margin: 0 4% 4% 0 !important; }
    .content_page .menu_landing li:nth-child(2n) { margin-right: 0 !important; }
    .content_page .menu_landing li .title { font-size: 14px; line-height: 20px; }
    .content_page .menu_landing li .thumb span { font: 600 20px/25px 'Turmino'; padding: 40px 20px; }

    /* Contact */
    .contact_infos { margin: 0 0 50px; }
    .contact_distance .contact_distance_map img { margin: 25px 0 30px; }
    .contact_distance .contact_distance_table { margin: 0; }

    /* Passeport */
    .content_page.page_passeport { padding: 0 0 125px; }
    .content_page .sub_title p { font-size: 16px; line-height: 23px; }
    .content_page.page_passeport .notes { font-size: 14px; line-height: 20px; margin-top: 0; }
    .page_passeport .button.table_btn { line-height: 18px; padding: 12px 0; margin: 0; }

    .page_passeport .rabais_banner { padding: 15px 20px; }
    .page_passeport .rabais_banner .rabais_price { font-size: 18px; line-height: 40px; margin: 0 0 -5px; }
    .page_passeport .rabais_banner .rabais_price strong { float: none; margin: 0; }
    .page_passeport .rabais_banner p { font-size: 18px; line-height: 20px; margin: 8px 0; }

    /* Prescolaire */
    .banner .logo_prescolaire { width: 220px; margin: 0 0 40px 50px; }
    .activite_wrapper_content .activite_content { padding: 0 0 10px; }
    .activite_wrapper_content .activite_content h3 { width: auto; position: static; }

    /* Footer */
    .footer .medias .medias_photo .sub_link { margin: 5px 45px 0; }
    .footer .medias .medias_photo .sub_link .large { display: none; }
    .footer .footer_menu { padding: 25px 0; }
    .footer .footer_menu .link_azac { position: static; }
    .footer .footer_menu .link_azac img { margin: 0 auto; }
    .footer .copyright p,
    .footer .copyright p.right { float: none; }


    /* Float none / width auto */
    .dropdown_collations .half,
    .dropdown_collations .half.last,
    .activite_infos p span,
    .partenaires .categories_partenaires,
    .half,
    .third,
    .two_third,
    .half.last,
    .third.last,
    .two_third.last,
    .contact_distance .contact_distance_map,
    .contact_distance .contact_distance_table,
    .contact_map,
    .contact_infos,
    .page_post,
    .sidebar,
    .page_collations .half,
    .page_collations .half.last,
    .tab_aside,
    .tab_inner_content,
    #last-videos .single_iframe,
    #gallery-sliders .gallery-slider,
    .single_emploi .header_emploi h2,
    .single_emploi .header_emploi .misc_emploi,
    .single_cinema.others,
    .notice_cinema,
    .single_cinema .content_cinema,
    .single_cinema .thumb_cinema,
    .wrapper_links_animaux .single_link,
    .wrapper_misc .slider_saviez-vous li .slider_thumb,
    .wrapper_misc .header_misc h6,
    .wrapper_social .social_tab_single ul li,
    .wrapper_misc .links li > .half,
    .wrapper_misc .links li .half.last,
    .wrapper_misc .links li .half span,
    .page_passeport .rabais_banner .rabais_price,
    .page_passeport .rabais_banner p { float: none; width: auto; }


    /* Display none */
    .banner .bx-wrapper .bx-prev,
    .banner .bx-wrapper .bx-next,
    .menu_slider_animaux p,
    .partenaires .square_center,
    .wrapper_sub_menu,
    .header .main_menu,
    .header .sub_menu,
    .banner .latest_news,
    .wrapper_misc .header_misc h6:before,
    .banner .misc_buttons .info_horaire .corner,
    .footer .footer_menu .menu_left,
    .footer .footer_menu .menu_right { display: none; }


}


/* ---------- Mobile - Portrait (Vertical) ---------- */

@media all and (max-width: 479px) {

    /* Header */
    .header #logo img { height: 36px; margin: 2px auto; }

    /* Home */
    .banner .misc_buttons .btn_collations .corner { border-right: 320px solid rgba(29, 29, 29, 0.75); }

    /* Page */
    .wrapper_links_animaux .single_link h3 a:after { border-left-width: 320px; }
    .content_page table td, .contact_distance table td { padding: 10px 15px; }

    /* Horaire */
    /*.tabs_menu ul li { width: 130px; font: 300 15px/17px 'Turmino'; padding: 11px 0 9px 55px; background-size: auto 45%; background-position: 15px 16px; }*/

    /* Galeries */
    #photos-gallery a:nth-child(3n),
    #photos-gallery a:nth-child(5n),
    #photos-gallery a { width: 48%; margin: 0 4% 4% 0; }
    #photos-gallery a:nth-child(2n) { margin-right: 0; }

    #last-videos .single_iframe { height: 180px; margin: 0 0 20px; }
    #videos-gallery .single_iframe { height: 80px; }

    /* Landing */
    .content_page .menu_landing li,
    .content_page .menu_landing li:nth-child(2n) { float: none; width: 200px !important; margin: 0 auto 10px !important; }
    .content_page .menu_landing li .title { font-size: 14px; line-height: 20px; min-height: 54px; }
    .content_page .menu_landing li .thumb span { padding: 70px 20px; }

    /* Animaux */
    .wrapper_link_animaux { margin: 0 25px; }
    .link_animaux { width: 48% !important; margin: 0 4% 4% 0 !important; }
    .link_animaux:nth-child(2n) { margin-right: 0 !important; }

    .demographic img { float: none; margin: 0 auto 5px; }
    .demographic .demograpic_content { padding: 20px; margin: 0; }
    .demographic .demograpic_content,
    .demographic .demograpic_content .demograpic_content_inner { height: auto; }

    /* Passeport */
    .page_passeport .button.table_btn { float: none; width: auto; padding: 12px 20px; }
    .content_page.page_passeport .notes { font: 700 13px/21px 'Turmino'; margin-top: 20px; }
    .page_passeport .rabais_banner .rabais_price { text-align: center; margin: 0 0 10px; }
    .page_passeport .rabais_banner .rabais_price strong { display: inline-block; margin: 0 5px 0 0; }
    .page_passeport .rabais_banner p { font: 700 15px/21px 'Turmino'; text-align: center; }
    .page_passeport .button.icon { background-size: auto 40%; }

    /* Footer */
    .footer .medias .main_link { font-size: 17px; }
    .footer .medias .medias_photo .sub_link { font-size: 14px; }
    .footer .footer_menu .link_azac img { max-width: 65%; margin: 0 auto 5px; }
    .footer form { float: none; width: auto; }
    .footer .infos { padding: 20px 0; }
    .footer .infos .socials { float: none; margin: 20px 35px 0; }
    .footer .infos .socials li { padding: 0 15px; }
    .footer .infos .socials li a { font-size: 20px; }
    .footer .infos .socials li a img { max-width: 100px; }




}