/* 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; }

	.owl-item { width: 20% !important; }
	.team-wrapper { text-align: center !important; }
}

@media (min-width : 992px) and (max-width: 1200px) {
	.banner-tittle { font-size: 30px; line-height: 40px; margin: 30px 0; }
	ul.navbar-nav { letter-spacing: 1px; font-size: 15px; }
}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {

	.action-title { font-size: 35px; line-height: 50px; margin: 20px; }

	.navbar-brand { padding: 10px; }
	ul.navbar-nav { letter-spacing: 1px; font-size: 13px; }
	.lang-flag { text-align: right; }

	.banner-tittle { font-size: 25px; line-height: 35px; margin: 30px 0; }

	/* Common */
	.parallax { padding: 60px 0; height: auto; }

	/* Logo */
	.navbar-brand .logo { 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: 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; }

	/* Home 3 */

	#main-slide .slider3-content .slider-text h2 { font-size: 28px; }

	.service-img { display: inline-block; }
}

/* Small Devices Potrait */
@media (max-width : 767px) {

	.banner-tittle { text-align: right; font-size: 25px; line-height: 30px; margin: 15px 0; }
	.slider-text a { text-align: right; }

	#main-slide .slider3-content { left: 0%; width: 100%; background: none; }

	.action-title { font-size: 25px; line-height: 40px; margin: 20px; }
	.banner-button { margin: 5px 0; }

	.style-switch-button { display: none; }

	/* Common */
	.parallax { padding: 60px 0; height: auto; }

	/* 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; }
	.top-info { font-size: 22px; margin: 5px 0; }

	.lang-flag img { margin: 5px 0; }

	ul.top-info li { float: right; font-size: 12px; margin-top: 5px; margin-left: 10px; line-height: normal; }


	/* Navigation */
	.ts-mainnav .container { padding-top: 10px; padding-bottom: 10px; }

	.navbar-nav { margin: 7.5px 0; }

	ul.navbar-nav > li > a { padding: 0 10px; }

	.navbar-collapse { background: #333333; margin-top: 10px; }

		.navbar-collapse ul.navbar-nav > li > a { color: #999 !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: #999 !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%; text-align: right; }

		.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: 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: 105px; }

	/* 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: -100px; }

		#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; }
}

/* Extra Small Devices, Phones */
@media (max-width : 479px) {

	#main-slide .item > img,
	.flexslider .slides img { height: 200px; }
	/*#main-slide .slider3-content {
  		max-width: 320px;
	}*/
}

/* 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; }
}
