@media only screen and (max-width: 1179px)
{
    .clnt_sys figure { margin-right: 20px; }
    .clnt_sys p { float: none; width: auto; font-size: 16px; }
    .sidebar .widget .recent-post div { width: 65%; }
    .comments .children .comnt_detail { width: 82%; }
    .comments ul li .comnt_detail { width: 85%; }
    .atorney_books .books { margin-right: 23px; }
    .featur figure { float: left; margin-right: 20px; }
    .featur p { float: none; width: auto; }
    .inquire .box .butn { padding: 12px 20px; }
}


@media only screen and (max-width: 979px)
{
    header .nav { margin-left: 20px; }
    .nav ul li a { padding: 20px 15px; }
    .single .title { width: 75%; }
    .sidebar .widget form input[type="text"] { width: 78%; }
    .comments .children .comnt_detail { width: 76%; }
    .comments ul li .comnt_detail { width: 80%; }
    .service_detail .top figure { float: none; margin-right: auto; margin-left: auto; }
    .service_detail .top .one > div { float: none; width: 100%; }
    .trust h3 { font-size: 16px; }
    .atorney_books .books { margin-right: 50px; margin-bottom: 25px; }
    .service h3 a { font-size: 18px; }
}


@media only screen and ( max-width: 767px )
{
    .nav > ul { display: none; }
    .responsive_nav { display: block; width: 67%; float: left; height: 100% }
    h2, footer .widget h4 { background-position: center bottom; text-align: center; }
    header .nav { margin-left: 0px; }
    header .logo { text-align: center; }
    header .phone p { text-align: center; margin: 0 0 25px; }
    .social_icon { width: 33%; }
    .service-wrap, .client-wrap, footer .widget { width: 80%; margin: 0 auto; text-align: center; }
    .service-wrap .first { min-height: inherit; }
    .trust-wrap .container { width: 80%; }
    .trust, footer .footer-bottom, footer .footer-bottom .right { text-align: center; }
    footer .widget { margin-bottom: 30px; }
    footer .footer-bottom p { line-height: 24px; }
    footer .footer-bottom { padding-top: 25px; }
    .service-two .service { overflow: hidden; }
    .clnt_sys h2, .single .title h2 { text-align: left; }
    .clnt_sys { margin: 0px auto 40px; text-align: left; width: 80%; }
    .title_bar { text-align: center; }
    .content > .container { width: 80%; margin: 0 auto; }
    .atorney_books .books { margin-right: 18px; margin-bottom: 0px; }
    .single .title { width: auto; }
    .sidebar .widget h2, .single .title h2 { text-align: left; background-position: left bottom; }
    .sidebar .widget .recent-post li > a { margin-right: 20px; }
    .sidebar .widget .recent-post div { width: auto; float: left; }
    .social { margin-bottom: 30px; text-align: center; }
    .brands-carousel .jcarousel-next, .brands-carousel .jcarousel-prev { top: -35px; }
}


@media only screen and (max-width: 568px)
{
    .social_icon a { padding: 19px 12px; }
    .responsive_nav { width: 63%; }
    .social_icon { width: 37%; }
}


@media only screen and (max-width: 320px)
{
    .service-wrap, .client-wrap, footer .widget { width: 95%; }
    .trust-wrap .container { width: 95%; }
    .content > .container { width: 95%; }
    .responsive_nav { width: 100%; }
    .social_icon { width: 100%; text-align: center; }
    .clnt_sys { width: 95%; }
}