
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar .nav > li > a {
		padding: 10px;
		min-height: 40px;
		font-size: 13px;
	}
	.navbar .nav ul li a {
		font-size: 12px;
		padding: 7px 10px;
	}
	.navbar #secondary-menu li a {
		font-size: 12px;
		padding: 5px 10px;
    }
	#content-main {max-width: none;}
	
    #sidebar2 {
		width: 100%;
		padding: 0;
		margin: 0; 
		display: block;
        position: absolute;
        top: 120px;
        width:30%;
        right: 1%;
	}
	#sidebar1 {
		display: none;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}


@media screen and (max-width: 768px) {
    #content-main {max-width: 100%;}
    .container-fluid {
        padding: 0;
    }
    #header {
        display: none;
    }
    #graphene-slider {
        margin-top: 0;
    }
    .navbar-inverse, .navbar, .navbar-inverse #header-menu-wrap {
        background: #0069b4 !important;
	}
	#sidebar2 {
		width: 100%;
		padding: 0;
		margin: 0; 
		display: none;
	}
	#sidebar1 {
		display: none;
	}
	#content-main {
		margin-left: 0;
		margin-right: 0;
    }
    .header_title, .header_title a, .header_title a:hover, .header_desc {
        position: static;
        left: auto;
        top: auto;
	}
	#content-main .entry-content p {
		font-size: 16px;
		line-height: 24px;
	}
    /* Rédigez vos propriétés CSS ici */

}