/* Responsive styles
================================================== */

/* 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;
	}

}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {
	header { position: relative !important; }

	#logos_60 { position: absolute; top: 100%; left: 18%; }

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

	.navbar-brand .logo-year {
		width: 175px;
		height: 50px;
		background-size: contain;
		background-repeat: no-repeat;
	}

	/*--- Navigation-- */
	.navbar-collapse{
		padding-left: 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: 26px;
	}
	#main-slide .slider-content h3{
		font-size: 22px;
		margin: 20px 0;
	}

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

	#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;
		text-align: center;
	}

	/* 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;
	}

	/* Home 3 */

	#main-slide .slider3-content .slider-text h2 {
	  font-size: 28px;
	}

	.service-img{
		display: inline-block;
	}
	.visible-lg, .visible-md{
		display: block !important;
	}

}

@media (max-width: 990px) {
	.lang-flag {
		top: 135px;
	}
}
/* Small Devices Potrait */
@media (max-width : 767px){
	header { position: relative !important; }

	#logos_60 { position: absolute; top: 100%; left: 18%; }

	.ts-mainnav {
		padding-bottom: 0px !important;
	}

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

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

	/* Logo */

	.navbar-brand {
		margin-bottom: -5px;
	}

	.header-fixed .nav-brand .logo{
		width: 85px !important;
		height: 50px !important;
		background-size: contain !important;
		background-repeat: no-repeat;
	}

	.navbar-brand .logo-year {
		width: 123px !important;
		height: 50px !important;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.header-fixed .nav-brand .logo-year{
		width: 123px !important;
		height: 50px !important;
		background-size: contain !important;
		background-repeat: no-repeat;
	}

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

	.top-social a svg{
		font-size: 12px;
		width: 25px;
		height: 37px;
		line-height: 32px;
		padding: 6px;
	}

	ul.top-info li {
		float: left;
		line-height: normal;
	}


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

	.navbar-nav {
		margin: 7.5px 0;
		text-align: center;
		padding: 0 0 100% 0;
		width: 100%;
	}

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

	.navbar-collapse{
		background: #333333;
		margin-top: 10px;
	}

	.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;
		width: 100%;
	}

	.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,
	#main-slide .slider3-content .slider-text h2{
		font-size: 10px;
		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: 15px;
	}

	#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;
	}

	/* 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;
	}

	/* Home 3 */

	#main-slide .slider3-content{
		  margin-top: -65px;
		  max-width: 400px;
	}

	#main-slide .slider3-content p.desc{
		display: none;
	}

	#main-slide .slider3-content .readmore{
		font-size: 12px;
		padding: 3px 10px;
		margin-top: 10px;
	}

	.service-img{
		display: inline-block;
	}

	.get_quote_form{
		margin-left: 0;
		margin-right: 0;
	}
	.center-mob{
		left: -35px;
	}
	.center-mob ul li {
		width: 150px;
	}

    .visible-lg, .visible-md {
        display: block !important;
    }
	.lang-flag {
        top: 80px;
    }

}

@media (min-width: 480px) and (max-width : 692px) {
	header { position: relative !important; }

	#logos_60 { position: absolute; top: 100%; left: 18%; }

	.attorneys-single{
	padding-top: 40px;
	}

	.sidebar.sidebar-left{
	border-right: 0px;
	margin-bottom:5px;
	padding-bottom: 5px;
	}
}

/* Extra Small Devices, Phones */
@media (max-width : 479px) {
	header { position: relative !important; }

	#logos_60 { position: absolute; top: 100%; left: 18%; }

	#main-slide .item > img,
	.flexslider .slides img{
		height: 180px;
	}

	#main-slide .slider3-content {
  		max-width: 320px;
	}

	.attorneys-single{
	padding-top: 40px;
	}

	.sidebar.sidebar-left{
	border-right: 0px;
	margin-bottom:5px;
	padding-bottom: 5px;
	}
}

/* Custom, iPhone Retina */
@media (min-width : 320px) and (max-width: 478px)  {
	header { position: relative !important; }

	#logos_60 { position: absolute; top: 100%; left: 18%; }

	#logos_60 #logo_60_1 { width: 170px !important; }
	#logos_60 #logo_60_2 { width: 90px !important; }

	.attorneys-single{
		padding-top: 40px;
	}

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

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

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

	.sidebar.sidebar-left{
	border-right: 0px;
	margin-bottom:5px;
	padding-bottom: 5px;
	}

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

	/* Portfolio */

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

/* Mobile header and home slider cleanup */
@media (max-width: 767px) {
	header {
		position: relative !important;
	}

	.top-gap {
		margin-top: 0;
	}

	#top-bar .row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	#top-bar .col-xs-4 {
		float: none;
		width: auto;
	}

	#top-bar .center-mob {
		left: auto;
		flex: 1 1 45%;
		min-width: 170px;
	}

	#top-bar .center-mob ul li {
		width: auto;
	}

	ul.top-info li {
		float: none;
		margin: 4px 8px 4px 0;
		line-height: 1.3;
	}

	.top-info-end {
		float: none;
		text-align: left;
	}

	.ts-mainnav {
		padding-bottom: 0 !important;
	}

	.ts-mainnav .container-fluid {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding-top: 0;
		padding-bottom: 0;
	}

	.ts-mainnav .navbar-header {
		float: none !important;
		margin-left: 0;
		margin-right: 0;
	}

	.navbar-brand {
		float: none;
		display: block;
		height: auto;
		margin-bottom: 0;
		padding-left: 10px;
	}

	.navbar-brand img,
	#logo_60_1 {
		width: min(58vw, 250px) !important;
		max-width: 100%;
		height: auto;
		padding: 8px 0;
	}

	.navbar-toggle {
		position: static;
		transform: none;
		margin: 0 10px 0 0;
	}

	.navbar-center {
		position: static;
		left: auto;
		transform: none;
	}

	.container-fluid > .navbar-collapse,
	.custom-center-nav {
		position: static;
		flex: 0 0 100%;
		width: 100%;
		margin-top: 8px;
		padding-top: 0;
	}

	.ts-mainnav .container {
		width: 100%;
		padding: 0 10px 8px;
	}

	.google,
	#google_translate_element {
		position: static !important;
		width: 100%;
		clear: both;
		padding: 0 !important;
		text-align: center !important;
	}

	#google_translate_element .goog-te-gadget-simple {
		max-width: 100%;
		white-space: nowrap;
	}

	#slideshow-wrapper {
		margin-top: 0;
	}

	#main-slide .slider-content {
		margin-top: 0;
		transform: translateY(-50%);
	}

	#main-slide .item > img,
	.flexslider .slides img {
		width: 100%;
		height: auto !important;
	}

	.flexslider .slides > li {
		height: auto;
	}

	.intro #accordion .panel-body {
		overflow: hidden;
	}

	.intro #accordion .panel-body img {
		display: block;
		float: none !important;
		max-width: 100%;
		height: auto !important;
		margin-left: auto;
		margin-right: auto;
	}
}