/* =Responsive (Mobile) Design
-------------------------------------------------------------- */


@media screen and (max-width: 1100px) {

.content {
    padding: 0 20px;
    width: 984px;
} 

}

@media screen and (max-width: 1023px) {
 
.content{width:940px;}
 
 
}

@media screen and (max-width: 979px) {


.content{width:728px;}
.header .menu_box {
    padding: 0 0 0 165px;
}
#home .about_contact .about_box {
    padding-left: 21px;
}
#home .about_contact .contact_box {
    padding: 12px 50px 0 70px;
    width: 372px;
}
 
}

@media screen and (max-width: 767px) {

.content {
width: 610px;
     
}
.header {
    text-align: center;
}
.header .menu_box {
    padding: 0 100px;
}
.header .logo_box {
    height: auto;
    left: auto;
    padding: 10px;
    position: relative;
    top: auto;
}
.header .contact_box {
    padding: 24px 176px 17px 131px;
}
.logo_box img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}
#home .practice_box .boxer .box {
    display: block;
    position: relative;
    width: 100%;
}
#home .practice_box .boxer .box:nth-child(2) {
    margin: 0;
}
#home .attorney_box .photo_box {
    float: none;
    width: 100%;
} 
#home .attorney_box .text_box {
    float: none;
    padding: 50px;
    padding-bottom: 0;
    width: 100%;
}
#home .attorney_box .text_box .box {
    width: 100%;
}
 #home .member_box .boxer .center_box {
    text-align: center;
}
#home .member_box .boxer .center_box .box {
    float: none;
}
#home .about_contact .about_box {
    float: none;
    padding-left: 0;
    width: 100%;
}
#home .about_contact .contact_box {
    float: none;
    margin-top: 40px;
    padding: 0;
    width: 100%;
}
.footer .content {
    padding: 0;
    text-align: center;
}
.footer .copyright {
    float: none;
    padding: 25px 0;
    text-align: center;
    width: 100%;
}
.footer .social_box {
    float: none;
    margin-left: 42%;
    padding: 23px 14px 20px;
    text-align: center;
    width: 61%;
}
.our-firm-content {
    float: none;
    width: 100%;
}
#home .our-firm-content-div .photo_box {
    float: none;
    height: 260px;
    width: 100%;
    margin-bottom: 12px;
}
.contact-form-div {
    width: 100%;
}
.contact-form {
    width: 80%;
}
}
@media screen and (max-width: 649px) {

.content {
   
    width: 440px;
}
 .footer .social_box {
    margin-left: 37%;
    width: 67%;
}
.header .contact_box {
    padding: 24px 70px 17px 40px;
}
.header .menu_box {
    padding: 0;
}
.header .logo_box {
    padding: 10px 0;
}
}

@media screen and (max-width: 479px) {

.content {
   width: 280px;
}
 
 .header .contact_box {
    padding: 24px 0 17px;
}

.header .contact_box .tel_box {padding-left: 0;}
.header .menu_box ul {
    padding: 0;
}
.header .menu_box ul li a {
    padding: 0 14px;
}
#home .slider .text_box {width: 252px;}
#home .slider .text_box h2 {
    font-size: 24px;

}
#home .attorney_box .text_box {
    padding: 50px 20px 0;
}
.footer .social_box {
    margin-left: 29%;
    width: 78%;
}
}