/* ---------------------------------------------------------------------- */
/*	Version 1500px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1500px) {
	.layout-wide .crumbs:before{
	    left: 15%;
	}
}
/* ---------------------------------------------------------------------- */
/*	Version 1280px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1250px) {
	.dark-home{
		height: auto;
	}
    .sf-menu  .current a{
        font-size: 12px;
        font-weight: 400;
      }
      .sf-menu > li > a {
          font-size:12px;  
        }
      .sf-menu > li {
        padding: 10px 5px 13px 5px;
        }
      .is-sticky .sf-menu > li {
            padding: 10px 5px 13px 5px;
        }
      .sf-menu .sf-mega {
            margin-top:-5px;
        }
      .sf-mega .fakeh4 {
            font-size:17px;      
        }
      .sf-mega p{
            font-size:12px;      
        }
      .sf-mega .info_menu{
            font-size:12px;   
      }
      .menu_condi a{
          font-size:12px;           
      }
      .menu_email a{
          font-size:12px;           
      }
      .footer-down p, .footer-down a{
          font-size:12px;
      }
      .footer-down ul li a{
          font-size:11px;
          margin-left: 1px;
           margin-right: 1px;
      }
      .nav-footer li:before{
        margin-right:1px;   
      }
}
@media handheld, only screen and (max-width: 1215px) {
    .qui-sommes-nous, .esprit-voyage, .pourquoi-maroc, .preparez-voyage, .liens-utiles, .actualite-menu, .galerie-photo-menu, .galerie-video-menu,.temoignages-menu{
    width:300px;
    height: 154px;
    }
    .circuit-4x4, .trek-meharee-bivouac, .voyage-theme, .decouverte-maroc{
        width:225px;
        height: 154px;  
    }  
}
/* ---------------------------------------------------------------------- */
/*	Version 1024px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1210px) {
    .pagetop{font-size:13px;}
    .page-top-mail{text-align:left;margin-right:0;}
    .pagetop a{margin-left:5px;}
    .nop{display:none;}
    .sf-menu > li {
        width: 117px; 
        padding: 10px 10px 8px 5px;
    }
    .sf-menu .current {width:155px;}
    .color1, .color2, .color3, .color4, .color5, .color6{
        margin:0 2px 0 0;}
    .is-sticky .logo{ width:152px;background:url(../images/logo_l_ma_lodge_sticky.png) no-repeat 10px 5px;}
    .is-sticky .sf-menu .current {
        width:176px;
    }
    .is-sticky .sf-menu > li {
          margin:0; 
        margin-top:-10px; 
         padding: 8px 8px 8px 5px;
        font-size:12px
    }
    .sf-mega {max-width:970px;height:200px;}
    .la-maison{
        width:200px;
        height: 137px;
    }
    .le-riad{
        width:200px;
        height: 137px;
    }
    .le-jardin{
        width:200px;
        height: 137px;
    }
    .la-piscine{
        width:200px;
        height: 137px;
    }
    .actu{width:500px;margin-right:10px;}
    .testi_intro{width:280px;margin-right:10px;}
    .nomad{width:170px;}
    .footer_cordo{font-size:12px;text-align:left;padding-right:2px;}
    footer .social li div {
    width:40px;
    height:40px;}
    footer .social li i {
        font-size:20px;
        line-height:42px;
        }
    .logo{
        background:url(../images/logo_l_ma_lodge2.png) no-repeat left top;
        width:120px;
        min-height:87px;
        margin-bottom:-65px;
        margin-left: 70px; }    
}
@media handheld, only screen and (max-width: 1024px) {
    .camera_wrap {	
		height: 300px;
        margin-top:0;
	}	
	.style-caption .fakeh1{
		font-size: 32px;
		line-height: 42px;
	}
	.style-caption p{
		font-size: 16px;
		line-height: 26px;		
	}
	.more .btn{
		padding: 8px 20px;
		font-size: 14px;
	}
	.dark-home,
	.content-counter{
		height: auto;
		max-width: 940px;
	}
	.section-title{
		height: 290px;
	}
	.semiboxshadow img {
		display: none;
	}
}
/* ---------------------------------------------------------------------- */
/*	 Version 1000px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 999px) {
	header{		
		position: relative;		
	}
	#menu{
		display: none;	
	}
    #home{
        display: none;    
    }
	.tinynav {
		display: inline;
		width: 97%;	
		border-radius: 0;
		font-size: 14px;
		padding: 5px 10px;
		border: 1px solid #dbdbdb;
		height: 30px;	
        margin-top: 5px ;
        margin-bottom: 5px;
        margin-left: 0;
		margin-right: 6%;
	}
    .tinynav{background: rgba(32, 19 , 7, 0.9);}
    .intro-frise{display:none;}
	.box-correct{
     min-height:730px;
    }
    .actu{width:480px;height:100%;}
    .testi_intro{width:280px;margin-right:10px;}
    .nomad{width:170px;}
	.camera_wrap {	
		height: 300px;
	}	
	.style-caption .fakeh1{
		font-size: 32px;
		line-height: 42px;
	}
	.style-caption p{
		font-size: 16px;
		line-height: 26px;		
	}
	.more .btn{
		padding: 8px 20px;
		font-size: 14px;
	}

	.dark-home,
	.content-counter{
		height: auto;
		max-width: 720px;
	}
	.section-title{
		height: 160px;
		text-align: center;
	}
	.crumbs{
		text-align: center;
	}
	.crumbs:before,
	.layout-wide .crumbs:before{
	    left: 50%;
	    margin-left: -20px;
	}
	.title-color{
		margin-top: 30px;
	}
	.layout-wide,
	.layout-wide .dark-home{	
		max-width: auto;	
	}
	.layout-wide .dark-home .row{
		max-width: 720px;
		margin: 0px auto;
	}
	.layout-wide .semiboxshadow{
		display: none;
	}
	.layout-boxed-margin{
		max-width: 1230px;
		margin: 0 auto;
	}
	.newsletter .input-group{
		margin: 0 auto 20px auto;
		max-width: 480px;
	}
	.footer-down,
	.footer-down ul,
	header{
		text-align: center;
	}
	footer h4,
	.post-item h4{
		margin-top: 20px;
	}
	.titles h4{
		padding: 10px 20px;
	}
	.tab-content{
		margin-left: 3%;
	}
    .pf_c{
        text-align: center;
        margin-left: 40%;
    }
}
/* ---------------------------------------------------------------------- */
/*	 Mobile Version 768px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 999px) {
    .pagetop{margin-bottom:0;}
    #slider{margin-top:-5px;margin-bottom:-10px;}
    .actu{width:750px;height:100%;}
    .testi_intro{width:360px;height:100%;}
    .nomad{width:360px;height:100%;float:right;margin-top:-300px;}
    .pf_c   {float:left;margin-left:300px;margin-top:-300px;}
    .footer_disclaimer{text-align:center;font-size:14px; }
    .footer_resa{text-align:center;}
    .footer_presta{text-align:center;}
    .footer_cordo{text-align:center;margin-bottom:80px;font-size:16px;}
    .footer_cordo i{margin-left:0;}
    .nops{display:none;}
    .form_resa, .form_tarif, .form_presta{text-align:center;}
    .form_resa a, .form_presta a{margin-bottom:20px;}
    .form-theme .perso_radio {
   
    }
    .map-form   {width:360px;margin-top:30px;}
    
    .is-sticky .bg_menu{
        background-color: #CC9966;
        height: 46px;
    }
    #carou1,#carou2,#carou3,#carou4,#carou5,#carou6,#carou7,#carou8,#carou9,#carou10,#carou11,#carou12,#carou13{
        width:100%;
    }
    
	.camera_wrap {	
		height: 300px;
	}	
	.style-caption .fakeh1{
		font-size: 26px;
		line-height: 36px;
		margin-top: 60px;
		max-width: 500px;
	}
	.style-caption p{
		font-size: 14px;
		line-height: 24px;		
		max-width: 500px;
	}
	.more .btn{
		padding: 8px 20px;
		font-size: 14px;
	}
	footer{
		text-align: center;
	}
    .nav-footer{display:none;}
	.fa-twitter.twit-list{
		float: none;
		margin: 0;
	}
	.dark-home,
	.content-counter{
		height: auto;
		max-width: 720px;
	}
}
/* ---------------------------------------------------------------------- */
/*	 Version 600px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 600px) {
	.nav-tabs li a{
		padding: 12px 10px;
		font-size: 12px;
	}
	.nav-tabs{
		margin-top: -41px;
	}
    #slider{display:none;}
}
/* ---------------------------------------------------------------------- */
/*	 Version 480px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 599px) {
    .pagetop{margin-bottom:0;}
    header{margin-bottom:-42px;}
    .actu{width:460px;height:100%;}
    .testi_intro{width:460px;height:100%;}
    .nomad{width:460px;height:100%;float:right;margin-top:0;}
    .bg1{background:none;} 
    .pf_c   {float:left;margin-left:300px;margin-top:-300px;}
    .footer_disclaimer{text-align:center;font-size:14px; }
    .footer_resa{text-align:center;}
    .footer_presta{text-align:center;}
    .footer_cordo{text-align:center;margin-bottom:80px;font-size:16px;}
    .footer_cordo i{margin-left:0;}
    .nops{display:none;}
    .form_resa, .form_tarif, .form_presta{text-align:center;}
    .form_resa a, .form_presta a{margin-bottom:20px;}
    .form-theme .perso_radio {
    margin-top:-25px;
    margin-left:18px;
    float:left;
    font-size:13px;
    }
    .map-form   {width:460px;margin-top:30px;}
    #map{display:none;}
    .perso_upload{width:80%;margin-left:25px;}
    .is-sticky .bg_menu{
        background-color: #CC9966;
        height: 46px;
    }
    #carou1,#carou2,#carou3,#carou4,#carou5,#carou6,#carou7,#carou8,#carou9,#carou10,#carou11,#carou12,#carou13{
        width:100%;
    }
}
@media handheld, only screen and (max-width: 479px) {
    .pagetop{display:none;}
    .actu{width:320px;height:100%;}
    .testi_intro{width:320px;height:100%;}
    .nomad{width:320px;height:100%}
    .bg1{background:none;} 
    .pf_c   {display:none;}
    .footer_disclaimer{text-align:left;font-size:11px; }
    .footer_resa{text-align:left;}
    .footer_presta{text-align:left;}
    .footer_cordo{text-align:left;margin-bottom:80px;font-size:15px;}
    .footer_cordo i{margin-left:0;}
    .nops{display:none;}
    .form_resa, .form_tarif, .form_presta{text-align:center;}
    .form_resa a, .form_presta a{margin-bottom:20px;}
    header{margin-bottom:-42px;}
    .form-theme .perso_radio {
    margin-top:-25px;
    margin-left:18px;
    float:left;
    font-size:13px;
    }
    .map-form   {width:320px;margin-top:30px;}
    #map{display:none;}
    .perso_upload{width:80%;margin-left:25px;}
    .is-sticky .bg_menu{
        background-color: #CC9966;
        height: 46px;
    }
}
.nav-footer .activ_footer a{color:#d0a273;font-weight:700;}