@charset "utf-8";
/* CSS Document */

@media only screen and ( max-width: 1280px ) {
.container { width:96%;}	
.headerbottom .topnav ul li.sa-stacker { float:right; background-color: #ae92f3; cursor: pointer; position:relative;}
.headerbottom .topnav ul li.sa-stacker:hover { background-color: transparent !important; box-shadow: inset 0 -4px 0 #ae92f3;}
.headerbottom .topnav ul li.sa-stacker a { padding: 0 22px 0 48px;}
.headerbottom .topnav ul li.sa-stacker a::before { position: absolute; z-index: 100; top: 11px; left: 12px; display: block; width: 21px; height: 4px; background-color: #fff; box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; content: ''; }
.headerbottom .topnav ul li.sa-stacker ul { right:0; text-align:right;   background-color: #ae92f3; padding:0; width:185px;}
.headerbottom .topnav ul li.sa-stacker ul li a { padding:6px 15px; line-height:24px; text-transform:capitalize; font-weight:normal; width:auto; font-size:16px;}
.headerbottom .topnav ul li.sa-stacker ul li { float:none; border-top:1px solid #fff; display:block;}
.headerbottom .topnav ul li.sa-stacker ul li:first-child { border-top:0;}
.headerbottom .topnav ul li.sa-stacker ul li a:hover { background-color: #ae92f3;}
.headerbottom .topnav ul li.sa-stacker ul li a::before { display:none;}
.headerbottom .topnav ul li.sa-stacker ul li.menu-item-object-category { display:none;}
.headerbottom .topnav ul li.sa-stacker ul li.menu-item-type-custom { display:none;}
.headerbottom .topnav ul li.sa-stacker:hover ul.sub-menu { display:none;}

/* stackable required styles */
ul.menu>li{ float: left; }
ul.menu>li>a{ display: block; position: relative; }
ul.menu>li>ul{ display: none; }
ul.menu>li:hover>ul{ display: block; width: 229px; text-align: left;}
ul.menu>li.sa-open>ul{ display: block; }
ul.menu>li>ul>li>a{ white-space: nowrap; }

.contactsection { margin-right:-48%;}
.advisorleft { width:25%;}
.advisorright { width:72%;}
.ourservices ul { margin-left:-3%;}
.ourservices ul li { width:22%; margin-left:3%;}
.aboutsection h3 { font-size:27px;}
.aboutsection .aboutleft { width:25%;}
.aboutsection .aboutright { width:72%;}
.countingsection ul li { width:33.33%;}
.formbox { width:90%;}
.blogsection .blogleft { width:68%;}
.blogsection .blogleft ul li { width:48.5%; margin-left:3%;}
.blogsection .blogleft ul li img { max-width:100%;}
.blogsection .testimonials { width:30%; padding:3%;}
.footersection .contactaddress { width:35%;}
.footersection .mapsection { width:62%;}


.mobilefootersection .mapsection img { max-width:100%;}
.mobilefootersection .mapsection .mobileiframe { background:url(https://www.mcislaw.com/wp-content/uploads/2018/06/mobilemap.jpg) no-repeat top left; min-height:340px;}
.captioncontent h1 { font-size:59px;}

.headerbottom .topnav ul li { margin-left:10px;}

}
@media only screen and ( max-width: 1024px ) {
.headerbottom .topnav ul li { margin-left:10px;}
.headerbottom .topnav ul li a { font-size:14px; padding:37px 10px 36px;}
.blogsection .testimonials h3 { font-size:25px;}
.footernav li a { padding:0 20px;}
.countingsection ul li span { font-size:18px;}
.ourservices li h5 { font-size:16px;}
.ourservices li p { min-height:90px;}
.ourservices { margin-bottom:90px;}
.advisorright h2 { font-size:24px;}
.footersection .contactaddress a.request p { padding:15px 22px;}

.innerbanner .captioncontent { bottom:20px;}
.innerbanner .captioncontent h4 { font-size:25px;}
.innerbanner .captioncontent h1 { font-size:40px; margin-bottom: 10px;}
.innerbanner .captioncontent p { font-size:25px; padding:5px 0;}
.innerbanner .captioncontent a.more {margin-top: 20px; font-size:16px; padding:8px 40px;}
.sidebar h4.widgettitle { font-size:20px;}

.headerbottom .topnav { width:auto !important;}
.captioncontent h1 { font-size:48px;}
.headerbottom .logo { padding-top:18px; width:30%;}
.headerbottom .logo img { max-width:100%;}
.headerbottom .topnav ul li { margin-left:0;}
.topnavright { margin-left:10px;}

}
@media only screen and ( max-width: 980px ) {

}
@media only screen and ( max-width: 800px ) {
/*.headerbottom .logo { width:auto; float:none; text-align:center; padding:12px 0;}
.headerbottom .logo img { max-width:100%;}
.headerbottom .topnav { width:auto; float:none; border-top: 1px solid #ccc; margin-top: 15px; display:none;}*/
.header { position:inherit; background:#3b477b;}
.headerbottom .topnav ul li a { font-size: 18px; padding: 15px;}
.headerbottom .topnav ul { text-align:center; font-size:0; float:none;}
.headerbottom .topnav ul li { margin-left: 25px; float: none; display: inline-block;}
.contactsection { top:4%;}
.advisorleft { width: 298px; float: none; text-align: center; margin:0 auto;}
.advisorleft img { width:auto; max-width:100%;}
.advisorright { width: auto; float: none; margin-top:25px;}
.trustedadvisor { padding:25px 0;}
.ourservices { padding:25px 0; height:auto; margin-bottom:30px;}
.ourservices ul { margin-top:0;}
.ourservices ul li { width:47%; margin-top:3%;}
.ourservices li h5 { font-size:20px;}
.ourservices li p { min-height:0;}
.aboutsection .aboutleft {width: 40%; float: none; text-align: center; margin:0 auto;}
.aboutsection .aboutright { width: auto; float: none; margin-top:25px;}
.countingsection ul li span { font-size:16px;}
.formsection { padding:25px 0;}
.formbox { width:auto;}
.blogsection { padding: 25px 0;}
.blogsection .blogleft { width: auto; float: none;}
.blogsection .testimonials { width: auto; padding: 25px; float: none; margin-top: 25px;}
.blogsection .testimonials h3 { font-size:35px;}
.footersection .contactaddress { width: auto; float: none;}
.footersection .mapsection { width: auto;  float: none; margin-top:25px;}
.footersection { padding:25px 0;}
.footerlogo { float: none; text-align: center;}
.copyrightcontent { float: none; text-align: center;}
.blogsection .testimonials .bx-pager.bx-default-pager { margin-top:25px;}

.content { width:60%;}
.sidebar { width:36%;}

.captioncontent h1 { font-size:38px;}

.headerbottom { padding:15px 0;}
.headerbottom .logo { width:auto; padding:0;}
.topnavleft { display:none;}
.topnavright { margin-left:0; margin-top:18px;}

.footernav li a { padding:0 14px;}

}
@media only screen and ( max-width: 768px ) {
.countingsection ul li { vertical-align:top;}
	
}
@media only screen and ( max-width: 736px ) {
.ourservices h4 { font-size:22px;}
.headerbottom .topnav ul li.sa-stacker a { padding:15px 22px 15px 48px;}
.headerbottom .topnav ul li.sa-stacker a::before { top:16px; border:0;}
.contactsection { z-index:inherit;}
.sidebar { width:38%;}
.footernav li a { padding:0 10px;}
}
@media only screen and ( max-width: 667px ) {
.captioncontent h4 { font-size:24px;}
.captioncontent h1 { font-size:50px;}
.captioncontent p { font-size:22px; padding:10px 0;}
.trustedadvisor h3 { font-size:35px; margin-bottom:25px;}
.formsection .gform_wrapper h3.gform_title { font-size:35px; margin-bottom:15px;}
.formsection .gform_wrapper .gform_footer input.gform_button { margin-top:15px;}
.countingsection ul { margin-top:-3%;}
.countingsection ul li { width:auto; display:block; margin-top:3%; padding-top:3%; border-top:1px solid #fff;}
.countingsection ul li:first-child { padding-top:0; border-top:0;}
.countingsection ul li span { font-size:24px;}


.innerbanner .contactsection { top: 2%; width: 100%; text-align: center; margin-right: 0; right: 0; left: 0;}
.innerbanner .contactsection h3 { display:inline-block; vertical-align:top;}
.innerbanner .contactsection a.call { display:inline-block; vertical-align:top; margin-left:10px;}
.innerbanner .contactsection h3, .innerbanner .contactsection a.call { font-size:20px;}
.innerbanner .captioncontent { bottom:10px;}
.innerbanner .captioncontent h1 { line-height:45px;}
.innerbanner .captioncontent p { font-size:20px;}
.innerbanner .captioncontent a.more { margin-top:15px;}

.content { width: auto; float: none;}
.sidebar { width: auto; float: none; margin-top: 25px; }
.sidebar h4.widgettitle { font-size:24px;}

.footernav li a { padding: 0 12px;}
.captioncontent h1 { font-size:31px;}
.captioncontent p br{ display:none;}
.footernav li a { font-size:15px;}
}
@media only screen and ( max-width: 640px ) {
.captioncontent { bottom:20px;}
.ourservices li a { padding:30px 10px;}

.formsection .gform_wrapper ul.gform_fields { margin-top:0 !important;}
.formsection .gform_wrapper ul.gform_fields li.gfield input.large, .formsection .gform_wrapper ul.gform_fields li.gfield textarea.large, .formsection .gform_wrapper .gform_footer input.gform_button { line-height:inherit !important; min-height:inherit !important;}
.formsection .gform_wrapper ul.gform_fields li.gfield { width:auto; float:none;}

.sidebar .gform_wrapper ul.gform_fields li.gfield input.large, .sidebar .gform_wrapper ul.gform_fields li.gfield textarea.large, .sidebar .gform_wrapper .gform_footer input.gform_button { line-height:inherit !important; min-height:inherit !important;}
.headerbottom .topnav ul li a { font-size:16px;}
.footernav li a { padding:0 8px; }
}
@media only screen and ( max-width: 600px ) {
.headerbottom .topnav ul li { margin-left:10px;}
.ourservices li p { min-height:70px;}
.aboutsection h3 { font-size:24px;}
.footernav li a { padding:0 15px; font-size:15px;}
.captioncontent p { font-size:18px;}
.footernavright { display: block; vertical-align: middle; border-top: 1px solid #967adc; margin-top: 15px; padding-top: 15px; }
}
@media only screen and ( max-width: 568px ) {
.innerbanner .captioncontent p { display:none;}
.innerbanner .captioncontent a.more { margin-top:0;}
.footernav li a { padding:0 10px;}

.mobilefootersection .mapsection .mobileiframe { background-size: 140% 100%;}
.captioncontent h1 { font-size: 27px;}
}
@media only screen and ( max-width: 480px ) {
.container { width:90%;}
.topheader { text-align:center;}
.contactsection { top: 4%; width: 100%; text-align: center; margin-right: 0; right: 0; left: 0;}
.contactsection h3 { display:inline-block; vertical-align:top;}
.contactsection a.call { display:inline-block; vertical-align:top; margin-left:10px;}
.contactsection h3, .contactsection a.call { font-size:20px;}
.captioncontent h1 {font-size: 35px; line-height: 40px; margin-bottom: 5px;}
.captioncontent p { font-size: 20px; padding: 5px 0;}
.captioncontent a.more { font-size:15px; padding:7px 30px; margin-top:20px;}
.trustedadvisor h3:before { display:none;}
.ourservices ul li { width:auto; display:block;}
.ourservices li p { min-height: 0;}
.aboutsection .aboutleft { width:100%;}
.aboutsection .aboutleft img { width:100%;}
.formsection .gform_wrapper h3.gform_title { font-size:25px;}
.blogsection .blogleft ul li { width:auto; float:none; margin-top:5%; margin-left:0;} 
.footernav ul { margin-top:-10px;}
.footernav ul li { margin-top:10px;}
.footernav li a { padding:0 10px; font-size:17px;}
.footersection h3:before { display:none;}

.innerbanner .captioncontent a.more { padding:5px 30px;}

.headerbottom .topnav ul li.mobilegame { display:inline-block; visibility:visible; width:33.33%;}
.headerbottom .topnav ul li { width:33.33%; text-align:center; box-sizing: border-box; margin-left:0 !important;}

.headerbottom .topnav ul li.sa-stacker a { padding:10px;}
.headerbottom .topnav ul li a { padding:10px; font-size:16px;}
.headerbottom .topnav ul li.sa-stacker a::before { top:11px;}
.headerbottom .topnav ul li.sa-stacker { background-color: transparent; float:none;}
.headerbottom .topnav ul li.sa-stacker a::before { display:none;}
.headerbottom .topnav ul li.sa-stacker ul li { width:auto; text-align:right;}
.headerbottom .topnav ul li.sa-stacker ul { width:auto;}

.headerbottom .topnav ul li#menu-item-29:hover ul.sub-menu { display: none; left: inherit; right: inherit; margin-top: 0; position: relative; margin: 0;}
.headerbottom .topnav ul li#menu-item-29:hover ul.sub-menu li { text-align:left;}

.trustedadvisor h3 span { padding-right:0;}
.trustedadvisor h3 { text-align:center;}
.aboutsection h3 { text-align:center;}
.footersection h3 span { padding-right:0;}
.footersection h3 { text-align:center;}
.footersection .contactaddress { text-align:center;}
.footersection .contactaddress span:after { left:3px;}

.mobilefootersection .mapsection .mobileiframe { background:url(/wp-content/uploads/2018/06/mobilemap480.jpg) no-repeat top left; min-height:340px;}

.innerattorneyphoto { float:none; text-align:center; display:block; margin:15px 0;}
.captioncontent p { display:none;}

.headerbottom .container { width:100%;}
.headerbottom .logo { width: auto; padding: 0; float: none; text-align: center;}
.headerbottom .topnav { width: auto !important; border-top: 1px solid #3b477b; float: none; text-align: center; margin-top: 15px;}
.topnavright { margin-top:15px;}

}
@media only screen and ( max-width: 414px ) {
.topheader p { font-size:14px;}
.trustedadvisor h3 { font-size:30px; margin-bottom:25px;}
.ourservices h3 { font-size:35px;}
.formsection .gform_wrapper h3.gform_title { font-size:32px;}
.innerbanner .captioncontent a.more { font-size:14px;}
.captioncontent h1 { font-size:25px; line-height:normal;}
.innerbanner .captioncontent h4 { font-size:20px;}

.alignright, .alignleft, .alignnone, .aligncenter { display:block !important; text-align:center; float:none; margin:0 auto 15px !important;}

.footernav li a { padding:0 15px; font-size:17px;}
.footernav ul li:nth-child(3) { border-left:0;}
.footernav ul li:nth-child(3) a { border-left:0;}
}
@media only screen and ( max-width: 384px ) {
.topheader p { font-size:16px;}
.headerbottom .logo { width:90%; margin:0 auto;}
.trustedadvisor h3 { font-size:26px;}
.ourservices h4 { font-size:20px;}
.aboutsection h3 { font-size:20px;}
.middlecontactsection h3 { font-size:25px;}
.countingsection ul li span { font-size:20px;}
.captioncontent { bottom:10px;}
.ourservices h3 { font-size:30px;}
.innerbanner .captioncontent h1 { margin-bottom:0;}

.mobilefootersection .mapsection .mobileiframe {min-height: 280px; background-size: cover;}

}
@media only screen and ( max-width: 375px ) {
.footernav li a { font-size:16px;}
}
@media only screen and ( max-width: 360px ) {
.captioncontent p { font-size:16px;}
.captioncontent h4 { font-size:20px;}
.ourservices h4 { font-size:18px;}
.blogsection .testimonials h3 { font-size:30px;}
.footersection h3 { font-size:30px; margin-bottom:10px;}
.footersection .contactaddress h4 { font-size:26px;}
.trustedadvisor h3 { font-size: 24px;}
.blogsection .blogleft h3 { font-size:30px; padding-bottom:15px;}
.footersection .contactaddress a.request p { padding:17px 22px 16px; font-size:14px;}
.sidebar h4.widgettitle { font-size:21px;}
.headerbottom .topnav ul li a { font-size:15px;}

.mobilefootersection .mapsection .mobileiframe {min-height: 250px;}

}
@media only screen and ( max-width: 320px ) {
.contactsection h3, .contactsection a.call { font-size:17px;}
.captioncontent a.more { margin-top:10px; padding:4px 20px;}
.trustedadvisor h3 { font-size:21px;}
.ourservices h3 { font-size:27px;}
.ourservices h4 { font-size:17px;}
.middlecontactsection h3 { font-size:22px;}
.footersection .contactaddress a.request p { padding:17px 14px 16px;}
.footernav li a { padding:0 10px; font-size:14px;}
.blogsection .testimonials h3 { font-size:26px;}

.innerbanner .contactsection h3, .innerbanner .contactsection a.call { font-size:18px;}
.innerbanner .captioncontent { bottom:5px;}
.innerbanner .captioncontent h1 { line-height:30px; font-size:28px;}
.innerbanner .captioncontent h4 { font-size:18px;}
.innerbanner .captioncontent a.more { font-size:13px; padding:3px 20px;}

}
