/* ==========================================================================
   Tablet Layout: 768px. 
   ========================================================================== */
@media only screen and (min-width: 200px) and (max-width: 991px) { 
.slicknav_menu {display: block;}
#main_menu {width: 96%;} 
#main_menu .main_menu {display: none;}
#main_menu .header_area {margin-bottom: 35px;}  
#main_menu .content_area .layer_area .right_one {width: 375px;}
#main_menu .content_area .layer_area .left_two {width: 395px;}  
#main_menu .content_area .layer_area .photos_right_one {width: 100%;margin-top: 20px;}   
.right_spectacle {float: left;width: 200px;margin-top: 20px;}
.right_spectacle .child_right_spectacle {margin-bottom: 20px;}
.right_spectacle.guignol {float: left;width: 250px;}
.inner_materiel.left_area, .inner_materiel.left_area.guignol {width: 100%;}
#main_menu .content_area .layer_area .full_width .form_inner_area input[type="text"], #main_menu .content_area .layer_area .full_width .form_inner_area textarea {display: block;padding: 5px;width: 100%;} 
a.contact_btn {right: 10px;width: 70px;}
 
    
    
    
    
}     
/* ==========================================================================
   Mobile Layout: 768px. 
   ========================================================================== */
@media only screen and (min-width: 200px) and (max-width: 500px) { 
#main_menu .content_area .layer_area .left_one, #main_menu .content_area .layer_area .right_one, #main_menu .content_area .layer_area .left_two, #main_menu .content_area .layer_area .right_two {width: 100%;margin-bottom: 10px;}
#main_menu .content_area .layer_area h1.title {padding: 0;position: relative;top: 0;}
#main_menu .content_area .layer_area h2.title {padding: 0;position: relative;top: 0;}
#main_menu .content_area .layer_area p {text-align: justify;}
#main_menu .header_area {padding-top: 35px;}
#main_menu .content_area .layer_area .child_materials {float: none;height: auto;margin: 0 0 20px;padding: 0;width: 100%;} 
h1.box {padding: 5px;} 
#main_menu .content_area .layer_area .photos_left_one {width: 100%;}
.materiel.animation {left: 0;margin-bottom: 20px;position: relative;width: 100%;}
.inner_materiel.left_area {width: 100%;}  
.right_spectacle {float: left;} 
.inner_materiel.left_area.guignol {width: 100%;}  
.right_spectacle.guignol {width: 100%;}  
label.code_postal {display: block;}   
label.Horaire {width: 80%;} 
    
    
}