@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; }
    .clearLg{ clear:none; display: inline;}
}

 .responsive_nav{display: none!important;}
  .res-nav{display: none}




@media only screen and (min-width: 768px) and (max-width: 970px) {

.sidebar .widget .recent-post div {width: 37%;}
.sidebar .widget ul li a {color: #322c2b;font-size: 16px;}
.sidebar .widget .recent-post div { float: left; margin-left: 20px;}
 


}

@media only screen and (max-width: 979px){
    header .nav { margin-left: 20px; }

    .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; }

    footer .widget{width:45%;}
    .phone_space{height:60px; clear:both;}
    footer .widget.operation_list{width:100%;}
    .contact_form{margin-bottom: 40px; margin-top: 40px;}
    .footerLogo img, .footerLogo p{ padding-left: 0px;}
    h2.HeadingRed{  font-size: 25px;   }

    
    .left_para{width:100%; float: left; clear:both; padding: 50px 0 35px 0;}
    .right_para{width:100%; float: right; clear:both; padding: 50px 0 35px 0;}
    .bg_grey_container{background-color: #F5F3F3;}
    .width_20per{ width:20%; float: left; margin-right: 20px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .width_70per{width:75%; float:left;}

      .no_banner{padding-top:10%; display: block; }

.phone p {margin-top: 52px; }
.positionAreo .scrollTopBtn{ position: fixed; bottom: 190px;}


}




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






    .membertext {margin-left: 0px;}
     .container.service-wrap {float:none!important;  display: block; text-align: center;}
     .about_banner{margin:0 0 0 0;}
    .service-wrap .span5-col.service{float:none!important; display: inline-block; width:40%!important; }
    .banner_area .span6{width:90%!important;}
    .banner_area .span6 h2{width:80%!important; font-size: 28px;}
    .marginBottom60{margin-bottom:40px;}
    .contact_form input[type="text"],
    .contact_form input[type="email"] { margin-bottom: 27px; width: 99%; 
        background: #f5f3f3; font: 14px 'ralewayregular', sans-serif; border-color: #e2e0e0; 
        border-radius: 0px; height:40px; box-shadow: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .contact_form textarea { margin-bottom: 27px; width: 99%; background: #f5f3f3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
     font:14px 'ralewayregular', sans-serif;  border-color: #e2e0e0; padding: 10px 10px; border-radius: 0px; box-shadow: none; height: 230px; resize: none;}
    .sidebar .widget .recent-post li{margin-left:0px;}
    .contact_form fieldset{width:100%;}
    .mobHeading{ display: inline-block; margin-bottom: 30px; margin-top: 20px;}
    .deskHeading{ display: none;}
    .teamSpace .boldfontLarge{text-align: left;}
    .service figure{ }
.no_banner{ padding: 0px;}
.contact_form{ margin-top: 20px;}


    .phone p {margin-top: 54px; }

     .banner_area  p{ color:#fff; top:inherit; bottom:0px; position: absolute;  margin-top:0px;  
        background:rgba(0,0,0,.5); padding:20px; margin:0px; width:100%; font-size: 22px; line-height: 30px;}

    

    .nav > ul { display: none; }
    .teamSpace p{ padding-right: 0px;}
    .phone_space{height: 0px; }
    
    
   .responsive_nav { display: block!important; width: 100%; float: left; height: auto; }

    .fixedNavMobile .responsive_nav { display: block!important; width: 100%; float: left; height: auto; position:fixed; top:0; left: 0; z-index: 99; }

   .fixedNavMobile .res-nav{ position: fixed;top:58px; left: 0; right:0; z-index: 1;}

    

    .client_logo ul{ padding-left:0px; border:0px;}
     h2.HeadingRed{  text-align: left; font-size: 30px;   }
    .specialityIcon{text-align: left;}
    .speciality p{ padding-left: 0px; padding-top: 20px;}
    .bannerImg .extLarge{font-size: 34px;}
    
    h2, footer .widget h4 { background-position: left bottom; text-align: left; }
    header .nav { margin-left: 0px; }
    
    
    .phone p strong { color:#ffffff!important; }
    .social_icon { width: 33%; }
    .service-wrap, .client-wrap, footer .widget { width: 90%; margin: 0 auto; text-align: left; }
    .service-wrap .first { min-height: inherit; }
    .trust-wrap .container { width: 90%; }
    .trust, footer .footer-bottom, footer .footer-bottom .right { text-align: center; }
    footer .widget { margin-bottom: 60px; }
    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: 90%; 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: left; }
    .brands-carousel .jcarousel-next, .brands-carousel .jcarousel-prev { top: -35px; }
    .trust-wrap{margin-bottom:0px; }
    .trust-wrap{padding-top: 40px; }
    .service-wrap{ padding-bottom: 50px; padding-top: 50px;}
    .sidebar .widget { margin-bottom: 50px; margin-top: 50px;}
    .internalData{ padding-bottom: 0px;}
    .speciality p{ padding-right: 0px;}
    .speciality{margin-bottom:30px;}
    .speciality h3{margin-bottom:10px;}
    .teamSpace figure a img{width:50%;}
    .teamSpace{margin-bottom: 10px;}
    .teamSpace figure{margin-bottom: 10px;}
    .teamSpace p:nth-child(2){margin-bottom: 0px}
    .teamSpace figure .boldfontLarge{font-size: 20px;}
    #resources h5{margin-top:20px;}
    .margintop60{margin-top: 0px;}
    .sidebar .widget.specialArea{ margin-bottom: 50px; margin-top: 40px;}
     .sidebar .widget.teamArea{ margin-bottom: 50px;}
.contact_form input[type="submit"]{width:100%; padding:10px 0 10px 0;}

    
       .banner_area  h2{ color:#fff; top:50%; position: absolute; display: block; width:40%; margin-top:-40px; left:10px;}

.mainhead{  width: 90%; margin: 0 auto; margin-top: 40px; text-align: left;}

 .left_para{    width: 90%; margin: 0 auto; float: none; display: block; clear:both; padding: 50px 0 50px 0; text-align: center;}
    .right_para{width: 90%; margin: 0 auto; float:none;  display: block; clear:both; padding: 50px 0 50px 0; text-align: center;}
    .bg_grey_container{background-color: #F5F3F3;}
    .width_20per{ width:100%; float: none; display: inline-block; margin-right: 0px;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: left;}
    .width_70per{width:100%; float: none; display: inline-block; text-align: left;}
.teamSpace figure .boldfontLarge{text-align: left;}
.teamSpace .boldfontLarge span{margin-bottom: 20px;}
.container .left_para h2.mobHeading{ text-align: left;}
.teamSpace p.space{ text-align:left; margin-bottom: 20px;}
.teamSpace p{text-align: left;}

.phone p{ font-size: 20px;}
header .logo { text-align: left;  margin-left: 24px; /* padding-bottom: 15px; */ margin: 15px 0 15px 15px ;}
.header_area .span5{ width:50%!important; float: left!important}
.header_area .span7{ width:45%!important; float: right!important}
.logo img{width:100%;}
.phone p { text-align: right; margin-right:0;  margin-right: 24px;   color:#ffffff!important; }

footer .container{width:90%; margin:0 auto;}
footer .span3{width:45%!important; float: left; margin-right: 20px;}
.mobile-lg{ display: block; clear: both;}

.bannerImg h1{color:#891F21; background:rgba(255,255,255,.5);  
    width:100%; border-radius: 0px;}

.links p{
	margin-right: 15px;
	}
.links p span.desktop{display: none;}
.links p br{display: none !important;}
.links{margin-top:25px}
.links p a{margin-top: 0px;margin-left: 5px;}
}



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

.header_area .span5{ width:100%!important;}
.header_area .span7{ width:100%!important;}

.phone p{ font-size: 24px;  margin-right: 0;}
.logo img{width:60%;}
.phone p { text-align: center; margin: 0 0 20px 0;   color:#ffffff!important; }
header .logo { text-align: left;margin-left: 15px; width: 65% }
.logo a img{ padding:0;}

footer .container{width:90%; margin:0 auto;}
footer .span3{width:100%!important; float: none; margin-right: 0;}
/* .logo {line-height: 100px;} */

}



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

    .service-wrap{ padding-bottom: 20px; padding-top: 40px;}
    .sidebar .widget { margin-bottom: 0px; margin-top: 20px;}
    .internalData{ padding-bottom: 0px;}
    .tag_line{margin-top: 20px;}
    .teamSpace figure a img{width:70%;}
    .sidebar .widget ul li a{font-size:19px;}
 .service-wrap .span5-col.service{float:none!important; display: inline-block; width:100%!important; }
 .logo img{width:100%;}

 .bannerImg span{font-size:14px;}

 .bannerImg .extLarge {font-size:26px;}
        .bannerImg h1{font-size:26px;}
h1.bannerHeading span{font-size: 22px; line-height: 24px;}
.left_para{ padding-top: 20px;}

.error_page { text-align: center; min-height: 300px; padding-top: 100px; padding-bottom: 100px;}
.error_page .hex::before {
    border-bottom: 50px solid #891f21;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    content: " ";
    font-size: 20px;
    height: 0;
    left: 0;
    position: absolute;
    top: -50px;
    width: 0;
}
.error_page .hex::before {
    border-bottom: 50px solid #891f21;
    border-left: 145px  solid transparent;
    border-right: 145px  solid transparent;
    content: " ";
    height: 0;
    left: 0;
    position: absolute;
    top: -50px;
    width: 0;
}
.error_page .hex::after {
    border-left: 145px  solid transparent;
    border-right: 145px  solid transparent;
    border-top: 60px solid #891f21;
    bottom: -60px;
    content: "";
    left: 0;
    position: absolute;
    width: 0;
}

.error_page .hex strong{font-size: 100px; line-height: 42px;}

.error_page .hex {
    background-color: #891f21;
    height: 160px;
    margin: 50px auto 70px;
    position: relative;
    width: 290px;
}


.links p a{line-height:0; vertical-align: baseline;}



}

@media only screen and (max-width: 480px){
.mobile-lg{ display: none;}
.bannerImg h1{color:#891F21; background:rgba(255,255,255,.5); top:inherit; bottom:0px; width:100%; border-radius: 0px;}

}


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

}
@media only screen and ( max-width: 1200px ){
	.contact_form input[type="submit"]{width: 100%;}
	.contact_form .span-6{width: 100%;}
	.adress{margin-top: 20px;}
	}