/* iPads (portrait and landscape) ----------- */
@media (max-width: 1200px) {
	#contLogo { float:left !important; margin-right:20px !important;}	
	#main-menu.stick { width:100% !important;}
	.display { display:none !important;}
	.container { width:100%; margin:auto;}
}

@media (max-width: 960px) {
 body{ overflow-x: hidden;}
    
	.navbar-toggle {
    display: inline-block;
  }
  #main-menu .navbar-form{ display: none;}
  #main-menu{
        text-align: left;
		
    }
	.navbar-header {
        float: none;
		position:absolute;
		top:0;
		right:0;
		/*width:100% !important;*/
		padding-left:0px !important;
		padding-right:0px !important;
		margin:0px !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {display: block !important;}
    .collapsing {overflow: hidden!important; }
    #main-menu .navbar-form {padding: 12px 15px;}
    #main-menu .navbar-form,
    .navbar-form .input-group{ 
        width: 100%;
    }
    .navbar-nav {margin: 0 -15px;}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 25px;
    }
    .dropdown-menu > li > a, 
    #main-menu.navbar-default .navbar-nav > li > a { }
    h1 {
        font-size: 50px;
        line-height: 50px;
    }
    
	
	
    .en-cta{ text-align: center;}
    a.btn{ margin-top: 30px}
    #en-portfolio .item p{ font-size: 12px}
    #en-portfolio .hover-bg .hover-text{height: 100%}
    ul.cat li a {border-color:#f1f1f1 }
    ul.list-inline.cat{border-color: transparent;}
    ul.cat li a { line-height: 50px; }
    #itemsWork .hover-bg .hover-text.off { height: 100%; }
    #itemsWork.col3 .hover-bg .hover-text.off { height: 60%}
    .en-cta .text-right {text-align: center !important;}
	
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:600px !important; height:auto !important;}
	#top-menu small { padding-left:15px; font-size:8px;}
	#home { display:none !important;}
	
	
	
	#header-slider { display:block !important;}
	#header-slider .lead {display:;}
    #header-slider .carousel-caption {top: 15%;}
	#header-slider .item img { min-height:300px;}
	
	#header-slider2 { display:block !important;}
	#header-slider2 .lead {display:;}
    #header-slider2 .carousel-caption {top: 15%;}
	#header-slider2 .item img { min-height:300px;}
	
	
	#contLogo { float:none !important; width:100%; margin:auto !important;}	
	
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	#myMenu { width:100% !important;}
	#myMenu li { width:100% !important; }
	
	.display { display:none !important;}
	#conteneurEquipe { width:80% !important; margin:10% !important; }
	#video { display:none;}
	
	#main-menu .navbar-nav > li > a { padding-top:10px !important; padding-bottom:10px !important;}
	.dropdown-menu { position: relative !important;}
	#main-menu .navbar-nav > li > a { border:none;}
}

@media (max-width: 768px) {
#loading { display:none;}

  .navbar-toggle {
    display: inline-block;
  }
  #main-menu .navbar-form{ display: none;}
  #main-menu{
        text-align:left;
    }
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	
	#myMenu li { width:100% !important; } 
	.display { display:none !important;}
	#conteneurEquipe { width:90% !important; margin:5% !important; }
	#video { display:none;}
}
@media (max-width: 768px) {
	#loading { display:none;}
    body{ overflow-x: hidden;}
    .navbar-header {
        /*float: none;*/
		/* width:100% !important;*/
		
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {display: block !important;}
    .collapsing {overflow: hidden!important; }
    #main-menu .navbar-form {padding: 12px 15px;}
    #main-menu .navbar-form,
    .navbar-form .input-group{ 
        width: 100%;
    }
    .navbar-nav {margin: 0 -15px;}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 25px;
    }
    .dropdown-menu > li > a, 
    #main-menu.navbar-default .navbar-nav > li > a {  }
    h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .en-cta{ text-align: center;}
	a.btn{ margin-top: 30px}
    #en-portfolio .item p{ font-size: 12px}
    #en-portfolio .hover-bg .hover-text{height: 100%}
    ul.cat li a {border-color:#f1f1f1 }
    ul.list-inline.cat{border-color: transparent;}
    ul.cat li a { line-height: 50px; }
    #itemsWork .hover-bg .hover-text.off { height: 100%; }
    #itemsWork.col3 .hover-bg .hover-text.off { height: 60%}
    .en-cta .text-right {text-align: center !important;}
	
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:500px !important; height:auto !important;}
	
	.logo {font-size: 40px;}
	.top-links { margin-top:10px !important; }
	.logo_img img { width:250px !important; height:auto;}
	#top-menu small { padding-left:0px; font-size:12px; display:block; margin-top:10px !important;}
	#home { display:none !important;}
	
	
	#header-slider { display:block !important;}
	#header-slider .lead {display:;}
    #header-slider .carousel-caption {top: 15%;}
	#header-slider .item img { min-height:280px;}
	
	#header-slider2 { display:block !important;}
	#header-slider2 .lead {display:;}
    #header-slider2 .carousel-caption {top: 15%;}
	#header-slider2 .item img { min-height:280px;}
	
	.bandeauLeft { position:relative !important; width:100% !important;}
	.bandeauLeft a { width:100% !important;}
	.bandeauLeft div { float:none !important; text-align:center;}
	.bandeauLeft #vs { padding:5px 0 !important;}
	.bandeauRight { margin-left:0px !important;}
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	
	#myMenu li { width:100% !important; } 
	.display { display:none !important;}
	#conteneurEquipe { width:100% !important; margin:0% !important; }
	#video { display:none;}
	#logoLoading { width:520px;}
	#bandeauTechnique { height:280px !important;}
}

@media (max-width: 640px) {
	#loading { display:none;}
    #top-menu,
    .text-right{ text-align: center;}
    #main-menu{ width:100%;}
    #main-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #top-menu .navbar-header{ 
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #top-menu .navbar-brand{ float: none !important;}
    .logo{ margin-right: 0}
    .top-contact ol li {
        margin-left: 0;
        margin: 0 10px;
    }
    h1 {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 0;
    }
    
	
    a.btn{ margin-top: 15px}
    .widget,
    .news,
    .service { margin-bottom: 40px; }
    .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    #en-portfolio .item p{ font-size: 14px}
    #itemsWork.col3 .hover-bg .hover-text.off { height: 80%}
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:400px !important; height:auto !important;}
	
	.logo {font-size: 40px;}
	.top-links { margin-top:10px !important; }
	.logo_img img { width:250px !important; height:auto;}
	#top-menu small { padding-left:0px; font-size:12px; display:block; margin-top:10px !important;}
	#home { display:none !important;}
	
	#header-slider { display:block !important;}
	#header-slider .item img { min-height:250px;}
	#header-slider .carousel-indicators {bottom: 20px }
	
	#header-slider2 { display:block !important;}
	#header-slider2 .item img { min-height:250px;}
	#header-slider2 .carousel-indicators {bottom: 20px }
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	#myMenu li { width:100% !important; } 
	#contenairPartenaire { float:none !important; width:100% !important; min-width:100% !important; text-align:center !important;}
	#video { display:none;}
	#logoLoading { width:500px;}
	#btn_up { display:none !important;}
	#support { display:none !important;}
	#bandeauTechnique { height:250px !important;}
	
}
@media (max-width: 460px) {
	#loading { display:none;}
	.logo {font-size: 40px; height:200px !important;}
	.top-links { margin-top:30px !important; }
	.logo_img img { width:250px !important; height:auto;}
	#top-menu small { padding-left:0px; font-size:12px; display:block; margin-top:20px !important;}
	.hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    	}
	
    h2 { font-size: 24px;}
    
	#testimonial .item {width: 100%;}
    #en-header .pull-right, 
    #en-header .pull-left{ 
        float: none !important;
        text-align: center;
    }
    .spacer{ padding: 10px 0}
    .smallspacer{ padding: 0}
    .media.comment .media-body{ font-size: 12px;}
    .comments img.media-object {
        width: 60px;
        height: 60px;
    }
    .author img.media-object {
        width: 80px;
        height: 80px;
    }
    #en-team .hover-bg .hover-text.off { height: 100%; }
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:300px !important; height:auto !important;}
	#home { display:none !important;}
		
	#header-slider { display:block !important; }
	#header-slider .item img { min-height:200px;}
	#header-slider .carousel-caption {top: 5%;}
    
		
	#header-slider2 { display:block !important; }
	#header-slider2 .item img { min-height:200px;}
	#header-slider2 .carousel-caption {top: 5%;}
    	
	
	.en-cta small { font-size:14px;} 
	
	#main-menu.stick { width:100% !important;}
		#main-menu.stick ul { width:100% !important;}
		#main-menu.stick li { width:100% !important;}
		#main-menu.stick a { width:100% !important;}
	
	#myMenu li { width:100% !important; } 
	
	#contenairPartenaire { float:none !important; width:100% !important; min-width:100% !important; text-align:center !important;}
	
	#video { display:none;}
	
	#logoLoading { width:400px;}
	#bandeauTechnique { height:240px !important;}
}
@media (max-width: 360px) {
	#loading { display:none;}
    .logo {font-size: 30px; margin-bottom:40px !important; height:200px !important;}
	.top-links { margin-top:30px !important; }
	.logo_img img { width:250px !important; height:auto;}
	#top-menu small { padding-left:0px; font-size:8px; display:block;}
	
    a.carousel-control span.fa{ display: none;}
    h1 {
        font-size: 26px;
        letter-spacing: -2px;
        line-height: 24px;
    }
    .section-title.text-center { 
        width: 100%;
        margin-bottom: 30px;
    }
	
	#header-slider { display:block !important; }
	#header-slider .item img { min-height:150px;}
    #header-slider .carousel-caption a.btn,
    #header-slider .carousel-indicators {display: none; }
	
	#header-slider2 { display:block !important; }
	#header-slider2 .item img { min-height:150px;}
    #header-slider2 .carousel-caption a.btn,
    #header-slider2 .carousel-indicators {display: none; }
    
	#en-portfolio,
    #en-services,
    #en-intro{ padding: 40px 0}
    .en-cta .overlay {padding: 5% }
    .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .testimonial blockquote{padding: 20px 0}
    #en-content { padding: 40px 0}
    #en-header .breadcrumb li a,
    #en-header .breadcrumb li.active{
        font-size: 12px;
    }
    #itemsWork.col3 .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    #itemsWork.col3 .hover-bg .hover-text { height: 100%}
    #en-team .hover-bg .hover-text.off small{ display: none;}
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:280px !important; height:auto !important;}
	.en-cta small { font-size:14px;} 
	#home { display:none !important; }
	
	
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	#myMenu li { width:100% !important; } 
	.joueur { float:none !important; width:100% !important;}
	
	#contenairPartenaire { float:none !important; width:100% !important; min-width:100% !important; text-align:center !important;}
	#video { display:none;}
	#logoLoading { width:320px;}
	#bandeauTechnique { height:220px !important;}
}

@media (max-width: 320px) { 
	#loading { display:none;}
    .logo {font-size: 30px; margin-bottom:40px !important; height:200px !important;}
	.top-links { margin-top:30px !important; }
	.logo_img img { width:250px !important; height:auto;}
    small, 
    p{ font-size: 12px}
    #en-header .breadcrumb li a,
    #en-header .breadcrumb li.active{
        font-size: 10px;
    }
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:260px !important; height:auto !important;}
	#top-menu small { padding-left:0px; font-size:8px; display:block;}
	
	.en-cta small { font-size:14px;} 
	
	#home { display:none !important;}
	
	#header-slider { display:block !important;}
	#header-slider2 { display:block !important;}
	
	.bandeauLeft { position:relative !important; width:100% !important;}
	.bandeauLeft a { width:100% !important;}
	.bandeauLeft div { float:none !important; text-align:center;}
	.bandeauLeft #vs { padding:5px 0 !important;}
	.bandeauRight { margin-left:0px !important;}
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	#myMenu li { width:100% !important; } 
	.joueur { float:none !important; width:100% !important;}
	
	#video { display:none;}
	
	#logoLoading { width:280px;}
	#bandeauTechnique { height:150px !important;}
}