/* ************* Media Queries Tablets ****************** */
@media only screen and (max-width: 1085px) {
.toggleMenu { display:block; padding-bottom:35px;}
.mainNavigation{ max-width:240px; background-color:#7f471e;}
#nav li {float: none; display:block; border:none; border-top:1px dotted #f3d4be; border-bottom:#7f471e solid 8px;}
#nav li.parent { position:relative;} 
#nav li .menuIcon, #nav li li .menuIcon{display:block;width:46px;height:46px;background:url(../images/down-arrow.gif) no-repeat center center #ddd; position:absolute; right:0; top:0; z-index:999; cursor:pointer}
#nav li .menuIcon.active, #nav li li .menuIcon.active { background-color:#F26522;}
#nav li > a:hover, #nav li.hover > a, #nav li.active > a {background-color:#f8f8f8; color:#7f471e;}
#nav ul{width: 100%; display:none}
#nav li ul li, #nav ul a { width:100%}
#nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul { display:none;}
#nav > li.resHover > ul, #nav li li.resHover > ul, #nav li li li.resHover > ul {position:relative; margin:0; top:0; left:0; width:100%; border:none; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; display:block;}
#nav li a { padding-left:20px; padding-right:20px; display:block; line-height:36px}
#nav li ul li a {padding-left:30px;display:block;line-height:35px; background:url(../images/right-arrow.gif) no-repeat 18px center}
#nav li ul li ul li a {padding-left:45px; background-position:33px center}
#nav li ul li ul li ul li a {padding-left:60px;background-position:45px center}
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a{ border-bottom:none;}
.rightArrowImg { display:none;}
 

}

@media only screen and (max-width: 1024px) {
#nav li a { padding:5px 16px;}
.captionImg img{ max-width:none;}
.captionInfo p, .captionInfo a{ margin-left:25px;}
#firmOverview, .quickNewsWrp{ padding:20px;}
footer{ padding:25px 20px;}
#firmOverview .alignLeft{ /*margin-right:50px;*/}
.view h3{ width:85%;}
.areasOf{ padding:16p% 0;}
.hgroup{ width:73%;}
.langMainNav{width:auto;}
#mainNav{clear:both;}

.cols3 { width:50%;}
.cols2 { width:33.33%} 
.cols1 { width:16.66%} 
#innerBanner h2{padding-left:15px;}
#innerBanner{background-size:cover;}
.expertise .viewnew .mask h3{font-size:24px; line-height:26px !important; -webkit-transform: translateY(60px);  -moz-transform: translateY(60px);  -o-transform: translateY(60px); transform: translateY(60px);}
}

@media only screen and (max-width: 800px) {
.slider-pro img.sp-image{width:100% !important}
.hgroup{ width:78%;}
.captionInfo p, .captionInfo a{ margin-left:120px; font-size:22px; line-height:30px;}

.youTube{ float:none; width:80%; margin:0 auto; padding-top:20px;}

#firmOverview .alignLeft{float:none; width:100%;}
.newsLetterWrp{ width:54%;}
footer .alignLeft{ float:none; text-align:center;}
footer .alignLeft ul, footer .alignRight ul{ text-align:center;}
.copyRight{ padding-bottom:15px;}
footer .alignLeft ul li, footer .alignRight li{ float:none; display:inline-block; text-align:center;}
footer .alignRight{ float:none; }
/*Tabs*/
.tabs .tabsNav {display: none;}
.tabs .tabsAccordionTitle {	display: block;}
/*Responsive Table*/
.tableOut table, .tableOut tr, .tableOut td, .tableOut td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }
.tableOut table, .tableOut tr .tableOut td:last-child { border-bottom:none; }
.tableOut thead, .tableOut tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.tableOut tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.tableOut tr td:nth-child(1) { /* first column of the row */ border-left:none;}
.tableOut tr td:last-child { /* last column of the row */ border-right:none; }
.tableOut tr:last-child .td, .tableOut td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.tableOut td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.tableOut tbody {display:block;}
.tableOut tr td {padding:5px 15px; width:auto !important;}
.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { width:100%;}
.expertise .viewnew .mask h3{font-size:18px; -webkit-transform: translateY(20px);  -moz-transform: translateY(20px);  -o-transform: translateY(20px);-ms-transform: translateY(20px); transform: translateY(20px);}

}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 640px) {
.imgLeft, .imgRight, .imgCenter{float:none; margin-bottom:15px; margin-left:auto; margin-right:auto; display:block;}
.hgroup{ width:auto;}
.caption{ min-height:37%;}
.captionInfo p, .captionInfo a{ margin-left:33%;}
.captionInfo p{ font-size:18px; line-height:24px; margin-bottom:15px;}
.captionImg{ width:54% !important; min-height:}
.captionImg img{ max-width:100%;}
.hgroup h2{ display:none;  }
.hgroup h2 img{ max-width:95%;}
.services li{ width:50%;}
.view img{ width:100%;}
.practiceServices li{ font-size:13px;}
.clientSays{ padding:20px 10px;}
.slider-pro h3.sp-layer { font-size:14px;}
.activityTicker{ margin:0; padding:0;}
.tickerDivBlock{ height:105px !important}
.quickNewsWrp h3{ font-size:23px;}
footer  .socials{width:178px; margin:0 auto;}
footer  .socials li{float:left;}
.viewnew h3{ -webkit-transform: translateY(15px);  -moz-transform: translateY(15px);  -o-transform: translateY(15px);-ms-transform: translateY(15px); transform: translateY(15px);}
.expertise .viewnew .mask h3{font-size:16px; line-height:19px;}
.expertise .viewnew:hover .mask{background-color:#000;}

}
@media only screen and (max-width: 579px) {
.captionImg{ display:none;}
.captionInfo {left:8%!important; width:85% !important;}
.caption{ min-height:31%;}
.captionInfo p{ margin-bottom:0;}
 .captionInfo p, .captionInfo a{margin-left:0;}
.expertise .viewnew .mask h3{ -webkit-transform: translateY(10px);  -moz-transform: translateY(10px);  -o-transform: translateY(10px);-ms-transform: translateY(10px); transform: translateY(10px);}

.expertise .viewnew .mask h3{font-size:14px; line-height:17px !important; -webkit-transform: translateY(5px);  -moz-transform: translateY(5px);  -o-transform: translateY(5px);-ms-transform: translateY(5px); transform: translateY(5px);}
}

@media only screen and (max-width: 360px) {
.expertise .viewnew .mask h3{ -webkit-transform: translateY(5px);  -moz-transform: translateY(5px);  -o-transform: translateY(5px);-ms-transform: translateY(5px); transform: translateY(5px); font-size:10px;line-height:12px !important;;}
.view h3, .view:hover h3{ transform:translateY(30px); font-size:15px;}
.practiceArea{ margin-top:30px;}
.practiceArea, .practiceServices { width:100%; min-height:auto;}
.practiceServices li{ width:100%; padding-bottom:10px;}
.practiceServices ul{ margin:0 0 15px ; padding:15px 0 0 15px;}
.clientSays{ margin:0;}
.clientSays{ font-size:14px;}
 #example2 .sp-slide, #example2  .sp-grab{ height:152px !important;}
 .clientInfo { top:72% !important; left:50%; margin-left:-65px;}
 .quickContacts, .newsLetterWrp{ width:100%; float:none;}
 footer{ padding-bottom:10px;}
}