@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (max-width: 979px){

   .main-address {
        font-size: 99%;
    }

    .row-fluid .span9{
        width: 100%;
    }
    .row-fluid .span3{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .main-address {
        margin: 0;
        padding: 1em 1em 1em 1em;
        text-align: center;
    }
    .main-address .address{
        font-size: 120%;
    }
    .main-address  .address-img{
        max-width: 50%;
    }
    .main-address .directions_button{
        margin-left: 25%;
        margin-right: 25%;
    }
    .Laws .site-img{
        float:left;
        overflow: auto;
        margin: 0;
        width: auto;
        height: auto;
    }
    .bs-docs-sidebar{
        display: none;
    }
    .main-box  .row-fluid .span2{
        width: 20%;
    }
    .main-box .row-fluid .span9{
        width:70%;
    }
    .logo_img {
        width: auto;
        height: auto;
        max-width: 90%;
    }
    .nav-list{
        display: none;
    }

}


@media (max-width: 767px){

   .main-address {
        font-size: 99%;
    }
    .logo_img {
        width: auto;
        height: auto;
        max-width: 90%;
    }

    .row-fluid .span9{
        width: 100%;
    }
    .row-fluid .span3{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .main-address {
        margin: 0;
        padding: 1em 1em 1em 1em;
        text-align: center;
    }
    .main-address .address{
        font-size: 120%;
    }
    .main-address  .address-img{
        max-width: 50%;
    }
    .main-address .directions_button{
        margin-left: 25%;
        margin-right: 25%;
    }
    .Laws .site-img{
        float:left;
        overflow: auto;
        margin: 0;
        width: auto;
        height: auto;
    }
    .bs-docs-sidebar.hidden{
        display: none;
    }
    .main-box  .row-fluid .span2{
        width: 20%;
    }
    .main-box .row-fluid .span9{
        width:70%;
    }

}

@media (max-width: 480px){
    body{
        margin: 0;
        padding: 0;
        max-width: 480px;
    }

    .footer{
        padding-left: 1px;
        padding-right: 1px;
    }

    .row-fluid .span3{
        width: 100%;
        margin: 0;
        padding: 0;
    }
   .Laws section  .row-fluid .span2{
        width: 20%;
        margin: 0;
        padding: 0    }
    .Laws section .row-fluid .span9{
        width:90%;
        margin: 0;
        padding: 0;
    }
/*--Common--*/
    
    .navbar-inner {
        padding-right: 0px;
        min-height:2%;
        max-height:2%;
    }

    .navbar .brand{
        font-size: 1em;
        padding-top: 0.5em;
    }
    .navbar .btn-navbar{
        display: block;
        padding: 0.5em 0.5em 0.5em 0.5em;

        background-color: #7c2420;
        *background-color: #7c2420;
        background-image: -ms-linear-gradient(top, #7c2420, #c36341);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7c2420), to(#c36341));
        background-image: -webkit-linear-gradient(top, #7c2420, #c36341);
        background-image: -o-linear-gradient(top, #7c2420, #c36341);
        background-image: linear-gradient(top, #7c2420, #c36341);
        background-image: -moz-linear-gradient(top, #7c2420, #c36341);
        background-repeat: repeat-x;
        border-color: #E8C7A2  #E8C7A2 #E8C7A2;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7c2420', endColorstr='#c36341', GradientType=0);
        filter: progid:dximagetransform.microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
              box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

        color: #d5d0cf;
        text-shadow: -1px -1px #c36341, 1px 1px #7c2420;
        border-bottom: 0px;
    }

    .navbar .btn-navbar:hover,
    .navbar .btn-navbar:active,
    .navbar .btn-navbar.active,
    .navbar .btn-navbar.disabled,
    .navbar .btn-navbar[disabled] {
        background-color: #7c2420;
        color: #d5d0cf;
        text-shadow: -1px -1px #c36341, 1px 1px #7c2420;
        *background-color: #7c2420;
    }


    .nav-collapse .nav > li:first-child{
        border-top: 0px;
    }
    .nav-collapse .nav > li
    {
        float: none;
        font-size: 100%;
        padding: 0px;
        border-top: 0px;
    }

    .navbar .nav > li > a {
        margin-left: 0px;
    }

    .navbar .nav > li > a:hover {
      color: #fdf6d2;
      text-decoration: none;
      background-color: transparent;
    }

    .navbar .nav .active > a,
    .navbar .nav .active > a:hover {
      color: #fdf6d2;
      background-color: transparent;
    }

    .collapse_trigger{
        display: block;
        margin-top: 0.5em;
        margin-bottom: 1em;
        border-bottom: 0.1em solid #a65e4f;
        width: 70%;

    }
    .logo_img {
        margin-bottom: 0px;
        width: auto;
        height: auto;
        max-width: 120%;
    }
    .magic_break{
        display: block;
        margin-bottom: 0.5em;
    }
    .top{
        display: none;
    }
    .main-box{
	    margin: 1em 1em 1em 0em;
 	    padding: 1em 1em 1em 1em;
        font-size: 80%;
    }
    .main-box p:first-child{
        text-align: center;
    }
	.main-box .main-law-list{
        padding-left: 1em;
        padding-bottom:10px;
     }
    .main-box .main-law-list li{
        height:1.4em;
        font-size:1em;
        text-decoration: none;
    }
    .main-address{
        font-size: 80%;
    }
    .Laws section{
        padding-bottom: 0.5em;
        margin-right: 0.5em;
    }
    .Laws legend{
        display: none;
    }
    .Laws .collapse_trigger{
        width: 100%;
    }
    .Laws .main-box p:first-child{
        text-align: justify;
    }
	
    .Laws p{
        margin: 0;
        padding: 0;
    }
    .Laws .row-fluid{
        margin: 0;
        padding: 0;
    }
    .Laws .span9 .description{
        padding: 0.5em;
        margin: 0px
        font-size: 100%;
        text-align: justify;
        padding: 0em;
        margin: 0px;
    }
    .attorney-info .site-img,
    .attorney-info1 .site-img{
        max-width: 30%;
        margin-bottom: 1em;
    } 
    .attorney-contact{
        margin-bottom: 3em;
    }
    .Laws .site-img{
        margin-top: 1em;
        margin-right: 1em;
        margin-bottom: 1em;
        overflow: none;
    }
   
    .Laws .bs-docs-sidebar{
        display: none;
    }
    .Laws .nav-list{
        display: none;
    }

    .Laws section:last-child {
        padding-bottom: 0em;
    }

    .attorneys .main-box p:first-child{
        text-align: justify;
    }
/*----------------------------------------------------------------------*/
/*---Directions page--*/

    #direction-map{
       height: 20em;
       width: 100%;
       margin-top: 1em;
       float: left;
    }
    #directions-panel {
        width: 100%;
    }
    #go_button {
        font-size: 80%;
    }

}

*---Weber-Law-Responsive*/
@media (min-width: 1400px){

	body {
		font-size: 135%;
	}
	
	fieldset{
		padding-left:5%;
		padding-right:5%;
	}
	
	
	.main-address {
		width: 110%;
		*width: 110%;
        min-width: 300px;
	}

	.site-img{
		max-width: 50%;
	}

	.space{
		padding-bottom: 0.5em;
	}
	
}

@media (min-width: 768px)
{
    .main-box{
        max-width: 90%;
    }
   .main-address {
        font-size: 99%;
    }
}



@media (max-width: 1024px)
{
    body{
        font-size: 90%;
    }
   .social {
        width: auto;
        max-width: 5%;
    }

    .site-img{
       float:left;
       margin-right:1em ;
       margin-left: 0px;
    }
    .nav-list > li{
        padding-bottom: 0px;
    }
    .attorney-info,
    .attorney-info1{
        padding-left: 0px;
    }
    .Laws .main-box{
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
    #start {
        width: 85%;
    }
 
}