/* Responsive styles
================================================== */
@media (max-width : 1200px) {

	.navbar-header {
	    margin: 0 0 0 -115px !important;
	    top: 13px;
	    width: 230px;
	}

}

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {


	/* Dropdown animation */
	.navbar-nav .dropdown-menu,
	.navbar-nav .dropdown.megamenu div.dropdown-menu{
		background: none;
		border: 0;
		box-shadow: none;
		display: block;
		opacity: 0;
		z-index:1;
		visibility:hidden;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
	}

	.navbar-nav .dropdown:hover div.dropdown-menu,
	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{
		opacity: 1;
		visibility:visible;
		color: #777;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	 }
	 .navbar-nav .dropdown-backdrop {
		visibility: hidden;
	}
	
}

@media (max-width : 1170px) { 
	
	.menu-right {
	    margin-right: 20%;
	}

}



@media (max-width : 1024px) { 

	header {
		height: 70px;
	}

	header .container {
		padding: 0;
	}

	.footer{
	    background-attachment: initial;
	}

	.navbar-brand {
		margin: 2px 0 0 !important;
		padding: 0 !important;
	}

	ul.navbar-nav > li > a {
		line-height: 70px;
	}

	.navbar-brand .logo {
		margin: 8px 0 0;
	}

	.navbar-collapse.collapse {
	    display: block;
	    position: relative;
	    right: 0;
	}

	.menu-left, .menu-right {
		display: none;
	}

	.navbar-header {
		width: 168px;
		position: static;
		left: auto;
		margin: 0 !important;
		float: left;
	}

	.navbar-collapse.collapse {
	    display: block;
	}


	.plaquette, .acces-client {
		display: none;
	}

}


/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {

	
	/* Common */
	.parallax{
		padding: 60px 0;
	}

	.bulle {
	    margin-left: 14px;
	}

	/*--- Navigation-- */
	.navbar-collapse{
		padding-left: 0;
		display: block !important;
	}

	.navbar-collapse.collapse {
	    right: 0;
	}


	ul.navbar-nav > li > a {
		padding: 0 6px;
	}

	.nav>li.megamenu .dropdown-menu ul {
		padding: 3px;
	}

	/* Dropdown animation */
	.navbar-nav .dropdown-menu,
	.navbar-nav .dropdown.megamenu div.dropdown-menu{
		background: none;
		border: 0;
		box-shadow: none;
		display: block;
		opacity: 0;
		z-index:1;
		visibility:hidden;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
	}

	.navbar-nav .dropdown:hover div.dropdown-menu,
	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{
		opacity: 1;
		visibility:visible;
		color: #777;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	 }
	 .navbar-nav .dropdown-backdrop {
		visibility: hidden;
	}

	/* Slideshow */

	.slider-img{
		bottom: 0;
	}

	.slider-img img{
		width: 80%;
	}

	.slider-text.italic h2{
		font-size: 26px !important;
	}

	.slider-smalltext{
		bottom: 25px;
	}

	.slider-small-text-content{
		left: 30%;
	}

	#main-slide .slider-content h2{
		font-size: 36px;
	}
	#main-slide .slider-content h3{
		font-size: 22px;
		margin: 20px 0;
	}

	#main-slide .flex-caption.slider-content h2 {
		font-size: 36px;
	}

	#main-slide .flex-caption.slider-content h3 {
		font-size: 20px;
		line-height: normal;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.slider.btn{
		padding: 5px 25px;
		margin-top: 5px;
		font-size: 16px;
	}

	#main-slide .carousel-indicators {
		bottom: 20px;
	}

	/* Service */
	.service{
		padding-bottom: 40px;
	}

	.service-content{
		margin-bottom: 30px;
	}

	/* Portfolio */

	figure.effect-oscar a{
		margin: 45px 5px 0;
	}
	figure.effect-oscar figcaption{
		padding: 1.5em;
	}
	figure.effect-oscar figcaption::before{
		top: 15px;
		right: 15px;
		bottom: 15px;
		left: 15px;
	}
	.practice-area .grid h3{
		font-size: 10px;
	}

	/* Content */
	.content .video-embed{
		margin-bottom: 30px;
	}

	.facts{
		margin-bottom: 30px;
	}

	/* Footer */

	.footer ul li{
		float: none;
	}
	

	/* Back to top */

	#back-to-top.affix {
		bottom: 35px;
	}

	/* Home 2 */
	.quote-form-wrapper{
		margin-top: -105px !important;
	}

	/* Attoneys */
	.team-carousel .team-img-wrapper img {
		width: 230px;
		height: 230px;
	}

	/* About */
	.inside-circle{
		margin-bottom: 30px;
	}

	/* Faq */
	#accordion{
		margin-bottom: 30px;
	}

	/* Sidebar */
	.sidebar .latest-post img{
		float: none !important;
		margin-bottom: 10px;
	}

	/* Action */
	.action-area h3{
		float: none !important;
		text-align: center;
	}
	


	


}

/* Small Devices Potrait */
@media (max-width : 767px){

	.style-switch-button{
		display: none;
	}

	.navbar-header {
	    float: none;
	    width: 100%;
	}

	.navbar-collapse {
		display: block;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}


	/* Logo */

	.navbar-brand {
		padding: 6px 15px 0;
		margin-bottom: -5px;
	}
	.navbar-brand .logo {
		width: 175px;
		height: 50px;
		background-size: contain;
		background-repeat: no-repeat;
	}

	/* Top bar */
	.top-social a i{
		font-size: 12px;
		width: 32px;
		height: 32px;
		line-height: 32px;
	}
	ul.top-info{
		margin-top: 2px;
	}

	ul.top-info li {
		float: right;
		font-size: 10px;
		margin-top: 0;
		margin-left: 0;
		line-height: normal;
	}
	

	/* Navigation */
	.ts-mainnav .container{
		padding-top: 10px;
		padding-bottom: 0;
	}

	.navbar-nav {
		margin: 7.5px 0;
	}
	
	ul.navbar-nav > li > a {
		padding: 10px 10px;
		line-height: normal;
	}

	.bulle {
		display: none !important;
	}

	.navbar-collapse{
		background: #333333;
		margin-top: 10px;
		max-height: none !important;
	}

	.navbar-collapse ul.navbar-nav > li > a{
		color: #777 !important;
		display: block;
		font-weight: 700;
		text-transform: uppercase;
	}

	.navbar-collapse ul.navbar-nav > li.active > a,
	.navbar-collapse ul.navbar-nav > li:hover > a{
		color: #fff !important;
	}

	.dropdown-menu{
		top: 0;
		padding: 0 !important;
	}

	.dropdown-menu > ul{
		margin: 0;
		background: none;
		border: 0;
		box-shadow: none;
		border-top: 0 !important;
	}

	.dropdown-menu > ul > li > a{
		color: #777 !important;
	}

	.dropdown-menu > ul > li>a:hover, 
	.dropdown-menu > ul > li>a:focus,
	.dropdown-menu > ul > li.active > a {
		color: #fff !important;
	}

	.nav>li.megamenu .dropdown-menu ul {
		margin-top: 0;
		padding: 0 20px;
	}

	.nav>li.megamenu .dropdown-menu{
		padding: 0 20px !important;
	}


	/* Slideshow */

	#main-slide .slider-content{
		margin-top: -35px;
	}

	#main-slide .carousel-control i{
		line-height: 32px;
		width: 32px;
		height: 32px;
		font-size: 16px;
	}

	.slider-img{
		bottom: 0;
	}

	.slider-img img{
		width: 80%;
	}

	.slider-text{
		padding-right: 25%;
	}

	.slider-text.italic h2{
		font-size: 16px !important;
		line-height: normal;
		margin: 10px 0;
	}

	.slider-text.italic p{
		margin: 5px 0 0;
		font-size: 10px;
		z-index: 10;
		position: relative;
		padding: 3px 8px;
	}

	.slider-smalltext{
		display: none;
	}

	.slider-small-text-content{
		left: 30%;
	}

	#main-slide .slider-content h2{
		font-size: 20px;
		margin: 5px 0;
		line-height: normal;
	}
	#main-slide .slider-content h3{
		font-size: 12px;
		margin: 0;
		line-height: normal;
	}

	#main-slide .flex-caption.slider-content h2 {
		font-size: 20px;
	}

	#main-slide .flex-caption.slider-content h3 {
		font-size: 12px;
		line-height: normal;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.slider.btn{
		padding: 3px 8px;
		margin-top: 5px;
		font-size: 10px;
	}

	#main-slide .carousel-indicators {
		bottom: 20px;
	}

	/* Slideshow flex */

	.ts-flex-slider .flex-direction-nav a{
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 20px;
	}

	.flex-direction-nav a:before{
		font-size: 20px !important;
	}

	/* Service */
	.service{
		padding-bottom: 40px;
	}

	.service-content{
		margin-bottom: 30px;
	}

	/* Portfolio */
	.isotope-nav{
		margin: 0 auto
	}

	.isotope-nav ul li a{
		display: inline-block;
		margin: 5px 0;
		padding: 5px 10px;
	}

	figure.effect-oscar a{
		margin: 120px 5px 0;
	}

	/* Content */
	.content .video-embed{
		margin-bottom: 30px;
	}

	/* Facts */

	.facts{
		padding-bottom: 30px;
	}

	/* Testimonial */
	.testimonial{
		margin: 30px 0 0;
	}

	.ts-testimonial-thumb {
		float: none;
		padding-bottom: 50px;
	}

	/* Footer */
	.footer ul.arrow{
		display: inline-block;
	}

	.footer-social{
		margin-bottom: 30px;
	}


	/* Back to top */

	#back-to-top.affix {
		bottom: 10px;
		right: 20px;
	}


	/* Home 2 */

	.quote-form-wrapper{
		margin-top: 40px !important;
	}

	/*-- Subpages --*/

	.inside-circle{
		margin-bottom: 30px;
	}

	/* Banner */
	.top-gap {
		margin-top: 80px;
	}

	.navbar-brand .logo {
		margin-top: 0;
	}

	/* Action */
	.action-area h3{
		float: none !important;
		text-align: center;
		font-size: 24px;
	}

	/* Practice single */
	.practice-single .title-cap-big{
		margin-top: 30px;
	}

	/* Attorneys single */

	.team-wrapper{
		text-align: center;
	}

	.attorney-short-bio{
		border: 0;
		margin-bottom: 30px;
		text-align: left;
	}

	.attorneys-single img.img-thumbnail{
		float: none !important;
	}

	/* Sidebar */

	.sidebar.sidebar-right{
		margin: 0;
		border-left: 0;
	}

	.sidebar .widget {
		padding-left: 0;
		margin-left: 0;
	}

	/* News */
	.post-thumb, 
	.post-entry .video-embed{
		margin-top: 20px;
	}

	/* Contact */
	.office-address{
		margin-top: 30px;
	}

	


}

/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {


}

/* Custom, iPhone Retina */ 
@media (min-width : 320px) and (max-width: 478px)  {

	/* Common */
	.title{
		font-size: 20px;
		margin-top: 20px;
	}

	/* Top bar */
	.top-social a i{
		width: 24px;
	}

	/* Slideshow */
	.slider-content .btn.btn-primary{
		display: none;
	}

	/* Intro */
	.intro .container{
		padding-top: 40px;
	}

	/* Portfolio */

	figure.effect-oscar a {
    	margin: 80px 5px 0px;
	}
	
	.footer .erreur {
		top: -27px;
	}

}



@media (max-width : 990px) { 

	.demande-devis {
		text-align: center;
	}

	.demande-devis a {
		margin-top: 30px;
	}

	.main-slide .slider-content h2 {
		font-size: 48px;
		line-height: 52px;
	}

}

@media (max-width : 640px) { 

	.main-slide .slider-content h2 {
		font-size: 30px;
		line-height: 34px;
	}

	.presentation h3, .specialites h2, .service h2 {
		font-size: 28px;
		line-height: 32px;
	}

	.respiration p {
		font-size: 24px;
		line-height: 26px;
	}

}