/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 23, 2015, 5:48:19 PM
    Author     : jazzdev-4
*/
html {
  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 1089px) {
    
    
    .container_fluid{width: 100%;float: left;padding: 0px 15px !important;}
    
    .practices_slider .owl-buttons .owl-prev, .logo_slider .owl-buttons .owl-prev {left: -15px;height: 40px !important;width: 40px !important;}
.practices_slider .owl-buttons .owl-next, .logo_slider .owl-buttons .owl-next {right: -15px;height: 40px !important;width: 40px !important;}
   .logo_slider .owl-controls {
    bottom: 100px;
}
.practices_slider .owl-buttons {top: -175px;}
}


@media screen and (max-width: 960px)
{
.container{width:100% !important;padding: 0px 15px !important;}
.practice_bx {height: 260px;}
.que_txt {min-height: 280px;width: 100%;}
.box_set h3 {font-size: 18px;}
.box_set {padding: 20px 10px;}
.media_text p {height: 120px;overflow: hidden;}
}
@media screen and (max-width: 799px)
{
  .media_text p {height: 150px;}
  
}



@media screen and (max-width: 767px)
{
nav {height: auto; width: 100%;padding: 10px 0;}
nav ul li {
    margin: 2px 0 0;
    width: 100%;
}
nav ul li a{width: 100%;margin-left: 0px;}
nav ul {
    border-top: 1px solid #d4d4d4;
    display: none;
    height: auto;
    margin-top: 10px;
    width: 100%;
}
nav a#pull {display: block;color:#fff;width: 100%;position: relative;border:1px solid #fff;padding: 0px;}
nav a#pull:hover {border:1px solid #fff;}
nav ul li a {
    margin-left: 0;
    padding: 8px 0;
    width: 100%;
}
.logo {
    float: left;
    padding-top:0px;
    text-align: center;
    width: 100%;
}
.header-right {
    float: right;
    width: 100%;
}
.navbar {
    padding-bottom: 0;
    padding-top: 15px;
}
.search_box {width: 100%;}
.searchbox-icon, .searchbox-submit { border: 1px solid #d4d4d4;height: 35px;line-height: 35px;width: 40px;}
.searchbox {
    height: 35px;
    width: 100%;
}
.searchbox-input { height: 35px;}
.que_listing ul li {
    float: left;
    margin-right: 0%;
    margin-top: 30px;
    width: 50%;
    padding: 0px 15px;
}
.que_listing ul li:nth-child(3n) {
    margin-right: 0%;
}
.banner_content h2 {
    color: #fff;
    font-family: "robotolight";
    font-size: 24px;
}
.banner_content {margin-top: 90px;}
.video_banner iframe, .video_banner {height: 285px;}
.blog_bx_txt h2 {font-size: 14px;}
.signup_bx a {padding: 10px;}
.blog_post, .que_box {padding: 50px 0;}
.f_logo {
    float: left;
    margin-bottom: 20px;
    padding-right: 0;
    width: 100%;
}
.f_news, .f_locations, .f_events {
    width: 33.33%;
}
.f_call {width: 100%;}
.left_side {
    float: left;
    width: 100%;
}
.right_side {
    float: right;
    margin-top: 20px;
    width: 100%;
}
.about_iner {padding: 25px 0;}
.box_icon ul li {width: 50%;}
.photo_box ul li {
    float: left;
    margin-right: 2%;
    margin-top: 30px;
    width: 48%;
}
.photo_box ul li:nth-child(3n) {
    margin-right: 2%;
}

.attorney_iner { padding: 30px 0;}
.contact_left {
    float: left;
    width: 100%;
}
.blog_iner {
    float: left;
    padding: 30px 0;
    width: 100%;
}
.media_btn a {
    padding: 0;
    vertical-align: middle;
    width: 100%;
}
.media_btn a span {width: 130px;}
.media_iner {padding: 30px 0;
    width: 100%;
}
}

@media screen and (max-width: 639px)
{
.call_us_img {width: 100%;text-align: center;}
.call_us_txt {
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.call_us_btn {
    padding: 16px 0;
    text-align: center;
    width: 100%;
}
.que_listing ul li {margin-top: 20px;width: 100%;padding: 0px;}
.que_txt {
    min-height: auto;
    width: 100%;
}
.f_news, .f_locations, .f_events {
    margin-bottom: 20px;
    width: 100%;
}
.f_events{margin-bottom: 0px;}
.blog_box {
    float: left;
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
}
.photo_box ul li {
    float: left;
    margin-right: 0 !important;
    margin-top: 30px;
    width: 100%;
}

.media_box ul li {
    float: left;
    margin-right: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.media_text p {
    height: auto !important;
    min-height: auto !important;
}
.media_btn {
    display: inline-block;
    float: none;
}
}

@media screen and (max-width: 479px)
{ 
   .banner_content {
    margin-top: 40px;
}
.banner_btn .btn {
    padding: 9px 20px;
    text-align: center;
    width: 170px;
}
.contact_att {
    margin-top: 10px;
}
.about_client {  margin-top: 15px;
    padding: 15px;}
.about_client p {font-size: 16px;
    line-height: 20px;}
.our_office {margin-top: 30px;}
}
@media screen and (max-width: 359px)
{
   .title_1 h2 {font-size: 16px;
    letter-spacing: 1px;}
   .banner_btn .btn { margin: 5px 0;}
   .prcatices .owl-buttons {
    display: none;
}
.search_box {
    display: none;
    width: 100%;
}
.top-nav {
    display: none;
    float: right;
    width: 100%;
}
.logo {
    float: left;
    padding-top: 0;
    text-align: center;
    width: 70%;
}

.navbar {
    padding-top: 0;

}
nav a#pull {
    float: right;
    position: relative;
    text-align: right;
    width: 34px;
}
nav {
    height: auto;
    margin-top: -58px;
    padding: 0;
    width: 100%;
}
}