/*
Theme Name: Law Firm Sites
Theme URI: http://www.lawfirmsites.com/
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1
Author: Law Firm Sites
Author URI: http://www.lawfirmsites.com/
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: 
License URI: 
*/

/* FONT FACE
=================================*/
@font-face { font-family: Roboto; src: url('fonts/Roboto-Light.ttf') format("truetype"); font-weight: 300; }

@font-face { font-family: Roboto; src: url('fonts/Roboto-Regular.ttf') format("truetype"); font-weight: normal; }

@font-face { font-family: Roboto; src: url('fonts/Roboto-Medium.ttf') format("truetype"); font-weight: 500; }

@font-face { font-family: Roboto; src: url('fonts/Roboto-Bold.ttf') format("truetype"); font-weight: 700; }

@font-face { font-family: Roboto; src: url('fonts/Roboto-Black.ttf') format("truetype"); font-weight: 900; }

@font-face { font-family: Lora; src: url('fonts/Lora-Regular.ttf') format("truetype"); font-weight: normal; }

@font-face { font-family: Lora; src: url('fonts/Lora-RegularItalic.ttf') format("truetype"); font-weight: normal; font-style: italic; }

@font-face { font-family: Lora; src: url('fonts/Lora-Bold.ttf') format("truetype"); font-weight: 700; }

@font-face { font-family: Lora; src: url('fonts/Lora-BoldItalic.ttf') format("truetype"); font-weight: 700; font-style: italic; }

/* BODY
=================================*/
body { padding: 0; margin: 0; font-family: Roboto; }

a:focus , a:hover { outline: none; text-decoration: none; }

.scroll { transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -webkit-transition: .6s; -o-transition: .6s; } 

.sub-menu , .repCasesBtn , a.imgHover:before ,
a , input , button , .sub-menu { transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }

img { max-width: 100%; width: auto; height: auto; }

a.imgHover { display: inline-block; position: relative; vertical-align: top; }

a.imgHover img { display: block; margin: 0; }

a.imgHover:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }

a.imgHover:hover:before { background-color: rgba(0,0,0,.5); }

#video-background { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; }

/* HEADER
=================================*/

#header { background-color: rgba(0,0,0,.45); background-size: cover; background-position: center; background-image: url('images/headerBG.jpg'); }

.home #header { background-image: none; }

.navbar-default { border: none; background-color: rgba(56,64,77,.7); color: #fff; min-height: 0; margin: 0; }

.main-menu { list-style: none; padding: 0; margin: 0; }

.main-menu li { position: relative; padding: 0; }

.main-menu li a { display: block; font-size: 15px; text-transform: uppercase; line-height: 1.6em; }

.navbar-default .phoneBox { text-align: center; }

.navbar-default .phoneBox p { margin: 0; font-size: 24px; font-weight: 500; }

.navbar-default .phoneBox p a { color: #fff; }

.navbar-default .phoneBox p a:hover { color: #739ea7; }

.navbar-default .phoneBox p span { display: block; color: #739ea7; font-size: 14px; font-weight: normal; font-style: italic; font-family: Lora; }

.logo { display: inline-block; }

.menuBar { background-color: #38404d; }

/* FRONT PAGE
=================================*/

section.homeSect1 { overflow: hidden; background-color: rgba(0,0,0,.45); color: #fff; padding: 75px 0 37px; }

section.homeSect1 h3 { margin: 0 0 19px; font-size: 90px; text-transform: uppercase; font-weight: 900; line-height: .95em; }

section.homeSect1 p {}

section.homeSect1 p a { display: inline-block; font-size: 17px; background-color: #739ea7; color: #fff; text-transform: uppercase; padding: 22px 17px 18px; font-weight: 500; }

section.homeSect1 p a:hover { background-color: #3c78d8; }

section.blueSect { overflow: hidden; background-color: #38404d; color: #fff; font-style: italic; font-size: 24px; font-family: Lora; padding: 49px 0 53px; line-height: 1.25em; }

section.blueSect .divBox:before { content: ''; width: 261px; height: 1px; background-color: #739ea7; display: block; margin: 0 0 22px; }

section.section3 { overflow: hidden; background-color: #fff; font-size: 18px; color: #111; line-height: 1.7em; padding: 66px 0 0; }

section.section3 .openingBox { margin: 0 auto 40px; font-size: 21px; font-weight: 500; max-width: 960px; line-height: 1.4em; }

section.section3 .openingBox h4 { color: #38404d; font-size: 28px; text-transform: uppercase; font-weight: 900; margin: 0 0; }

section.section3 .openingBox h5 { margin: 6px 0 8px; color: #739ea7; font-weight: 900; font-size: 28px; }

section.section3 .openingBox p {}

section.section3 .firmSect { max-width: 1328px; margin: 72px auto 0; background-repeat: no-repeat; background-position: 0 bottom; background-image: url('images/firmBG.png'); min-height: 572px; padding: 0 0 0; }

section.section3 .firmSect .divBox { max-width: 563px; margin-left: auto; padding: 104px 0 50px; }

section.section3 .firmSect .divBox h3 { color: #739ea7; font-weight: 900; font-size: 28px; text-transform: uppercase; margin: 0 0 17px; }

section.section3 .firmSect .divBox p {}

section.section3 .firmSect .divBox p a { color: #739ea7; font-style: italic; font-weight: 700; font-family: Lora; }

section.section3 .firmSect .divBox p a:hover { color: #3c78d8; }

.areasBox { max-width: 386px; border-top: 2px solid #739ea7; color: #739ea7; border-bottom: 2px solid #739ea7; text-align: center; padding: 24px 0 20px; }

.home .areasBox { max-width: unset; padding: 24px 0 42px; }

.hom .areasBox h3 { margin: 0 0 33px; }

.areasBox ul { list-style: none; padding: 0; font-size: 21px; font-family: Lora; font-style: italic; font-weight: 700; margin: 0; }

.areasBox h3 { font-weight: 900; font-size: 28px; text-transform: uppercase; margin: 0 0 23px; }

.areasBox ul li { margin: 0 0 18px; }

.areasBox ul li + li {}

.areasBox ul li a { color: #739ea7; }

.areasBox ul li a:hover { color: #3c78d8; }

.areasBox .attyThumb { margin: 7px auto 37px; }

section.section3 .divBox { max-width: 720px; }

section.section3 .divBox img {}

section.section3 .divBox p { margin: 0 0 34px; }

section.section3 ul.def { padding: 0; list-style: none; margin: 0 0 34px; }

section.section3 ul.def li { position: relative; padding-left: 12px; margin: 0 0 6px; }

section.section3 ul.def li:before { width: 4px; height: 4px; position: absolute; top: 12px; left: 0; background-color: #111; display: inline-block; border-radius: 100%; content: ''; }

section.section3 ul.def li a { color: #3c78d8; }

section.section3 ul.def li a:hover { color: #739ea7; }

section.whyChooseSect { overflow: hidden; background-color: #fff; color: #111; font-size: 18px; line-height: 1.7em; padding: 16px 0 0; }

section.whyChooseSect .bgImage { max-width: 1330px; background-repeat: no-repeat; background-position: 0 0; background-image: url('images/whyChooseBG.jpg'); min-height: 600px; margin: 0 auto; padding: 0 0 50px; }

section.whyChooseSect .divBox { max-width: 563px; margin-left: auto; padding: 112px 0 0; }

section.whyChooseSect .divBox h3 { color: #739ea7; font-weight: 900; font-size: 28px; text-transform: uppercase; margin: 0 0 17px; }

section.whyChooseSect .divBox p { margin: 0 0 34px; }

section.whyChooseSect .badgeBox { text-align: right; }

section.whyChooseSect .badgeBox img {}

section.whyChooseSect .badgeBox img + img { margin-left: 20px; }

/* INTERIOR PAGE
=================================*/

.page-template-page-contact div.titleBox { display: none; }

div.titleBox { padding: 49px 0 0; min-height: 155px; }

div.titleBox h2 { font-size: 24px; font-family: Lora; font-style: italic; line-height: 1.5em; margin: 0 0 0; color: #fff;  }

div.titleBox h2:before { content: ''; width: 261px; height: 1px; display: block; background-color: #739ea7; margin: 0 0 19px; }

section.innerPage { overflow: hidden; padding: 59px 0; }

div.theContent { font-size: 18px; color: #111; line-height: 1.67em; max-width: 720px; }

div.theContent.full-width { max-width: unset; }

div.theContent h3 { color: #739ea7; font-weight: 900; font-size: 28px; text-transform: uppercase; line-height: 1.4em; margin: 0 0 15px; }

div.theContent .faqsBox h3 {}

div.theContent .faqsBox h3:after { content: ''; width: 361px; height: 1px; display: block; background-color: #e9e9e9; margin: 8px 0 22px; }

div.theContent p { margin: 0 0 38px; }

div.theContent > h5 { font-size: 21px; font-weight: 500; line-height: 1.5em; margin: 0 0 38px; }

div.theContent > h5 + h3 { margin-top: 50px; }

div.theContent p img.alignnone { margin: 0; }

div.theContent p img.aligncenter { margin: 0; }

div.theContent img.alignnone { margin: 0 0 60px; }

div.theContent img.aligncenter { margin: 0 auto 60px; }

div.theContent p a { color: #3c78d8; }

div.theContent p a:hover { color: #739ea7; }

div.theContent ul { padding: 0; list-style: none; margin: 0 0 34px; }

div.theContent ul ul { margin: 0 0 0 15px; }

div.theContent ul li { position: relative; padding-left: 12px; margin: 0 0 6px; }

div.theContent ul li:before { width: 4px; height: 4px; position: absolute; top: 12px; left: 0; background-color: #111; display: inline-block; border-radius: 100%; content: ''; }

div.theContent ul li a { color: #3c78d8; }

div.theContent ul li a:hover { color: #739ea7; }

div.theContent .categoryBox { max-width: 362px; }

div.theContent .categoryBox h3 { border-bottom: 1px solid #e9e9e9; padding: 0 0 10px; margin: 0 0 22px; }

div.theContent .categoryBox ul { margin: 0 0 56px; }

section.innerPage article { max-width: 720px; position: relative; padding-left: 98px; color: #111; font-size: 18px; line-height: 1.4em; border-bottom: 1px solid #e7e7e7; padding-bottom: 32px; margin-bottom: 40px; }

section.innerPage article > .date { position: absolute; width: 80px; height: 80px; display: inline-block; color: #fff; text-transform: uppercase; text-align: center; background-color: #739ea7; left: 0; top: 0; line-height: 1em; font-weight: 900; font-size: 28px; padding: 13px 0 0; }

section.innerPage article > .date span { display: block; line-height: 1em; margin-top: -2px; }

section.innerPage article h5 { font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 1.4em; margin: 0; }

section.innerPage article h5 a { color: #111; }

section.innerPage article h5 a:hover { color: #739ea7; }

section.innerPage article p {}

section.innerPage article p a { display: none; }

ul.paginationBox { margin: 0; position: relative; display: block; min-height: 52px; list-style: none; padding: 0; }

ul.paginationBox li { display: inline-block; vertical-align: top; }

ul.paginationBox li a { width: 115px; display: block; text-align: center; line-height: 52px; background-color: #38404d; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 900; background-image: url('images/leftCaret.png'); background-repeat: no-repeat; background-position: 26px center; padding-left: 10px; }

ul.paginationBox li a:hover { background-color: #3c78d8; }

ul.paginationBox li + li { float: right; }

ul.paginationBox li + li a { background-image: url('images/rightCaret.png'); background-position: right center; padding-left: 0; padding-right: 10px; }

ul.paginationBox li.disabled a { pointer-events: none; cursor: default; }

.attyInner { font-size: 21px; color: #111; font-weight: 500; line-height: 1.5em; text-align: center; }

.attyInner p { margin: 0 0 58px; }

.attyInnerWrap {}

.attyInnerWrap .AttyBox { display: inline-block; vertical-align: top; max-width: 325px; margin: 0 24px 48px; }

.attyInner h5 { font-size: 21px; line-height: 1.35em; margin: 0 0 60px; color: #111; }

.attyInnerWrap .AttyBox h3 { border-top: 1px solid #739ea7; font-size: 28px; font-weight: 900; text-transform: uppercase; padding: 11px 0 0; margin: 36px 0 -4px; }

.attyInnerWrap .AttyBox h3 a { color: #062146; }

.attyInnerWrap .AttyBox h3 a:hover { color: #739ea7; }

.attyInnerWrap .AttyBox h5 { font-size: 18px; font-weight: normal; margin: 0 0 0; }

div.theContent .areasBox { max-width: unset; padding: 24px 0 0; }

div.theContent .areasBox ul li { padding: 0; margin: 0 0 18px; }

div.theContent .areasBox ul li:before { display: none; }

div.theContent .areasBox ul li a { color: #739ea7; }

div.theContent .areasBox ul li a:hover { color: #3c78d8; }

div.theContent .areasBox h3 { color: #739ea7; margin: 0 0 20px;}

/* CONTACT FORM
=================================*/
section.contactSect { overflow: hidden; background-color: #0a1f34; color: #fff; background-image: url('images/contactBG.jpg'); background-size: cover; background-position: center; padding: 94px 0 85px; }

section.contactSect h3 { font-size: 28px; text-transform: uppercase; font-weight: 900; margin: 0 0 21px;  }

section.contactSect p { font-size: 18px; line-height: 1.7em; margin: 0 auto 48px; max-width: 810px; }

.gform_confirmation_message { background-color: #ddffdd; color: #000; text-align: center; border: 2px solid #4CAF50; padding: 15px 20px; }

.formWrap { min-height: 315px; }

.formWrap .gform_wrapper { margin: 0; max-width: unset; }

.formWrap .gform_wrapper .top_label .gfield_label, 
.formWrap .gform_wrapper legend.gfield_label { display: none; }

.formWrap .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) ,
.formWrap .gform_wrapper textarea.small { color: #000; font-size: 18px; border: none; line-height: 1.5em; padding: 15px 15px 15px 33px; }

.formWrap .gform_wrapper textarea.small { height: 103px; }

body .formWrap .gform_wrapper .top_label div.ginput_container { margin: 0; }

.formWrap .gform_wrapper .top_label li.gfield.gf_left_third, 
.formWrap .gform_wrapper .top_label li.gfield.gf_middle_third, 
.formWrap .gform_wrapper .top_label li.gfield.gf_right_third { margin-bottom: 0; }

body .formWrap .gform_wrapper ul li.gfield { margin-top: 18px; }

.formWrap .gform_wrapper .gform_footer { text-align: center; padding: 57px 0 0; margin: 0; }

.formWrap .gform_wrapper .gform_footer input.button, 
.formWrap .gform_wrapper .gform_footer input[type="submit"], 
.formWrap .gform_wrapper .gform_page_footer input.button, 
.formWrap .gform_wrapper .gform_page_footer input[type="submit"]{ margin: 0 18px 0 0; width: 241px; height: 60px; border: none; text-transform: uppercase; background-color: #739ea7; font-size: 18px; font-weight: 500; padding: 0; }

.formWrap .gform_wrapper .gform_footer input.button:hover , 
.formWrap .gform_wrapper .gform_footer input[type="submit"]:hover , 
.formWrap .gform_wrapper .gform_page_footer input.button:hover , 
.formWrap .gform_wrapper .gform_page_footer input[type="submit"]:hover { background-color: #3c78d8; }


/* FOOTER
=================================*/

section.newsSection { overflow: hidden; background-color: #38404d; color: #fff; font-size: 18px; padding: 94px 0 29px; }

section.newsSection h3 { font-size: 28px; text-transform: uppercase; font-weight: 900; color: #739ea7; margin: 0 0 52px; }

section.newsSection .goldenBorder { margin-bottom: 40px; }

section.newsSection .divBox { max-width: 355px; margin: 0 auto 30px; }

section.newsSection .divBox p a { display: none; }

section.newsSection .divBox h4 { font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 1.25em; margin: 0 0 28px; }

section.newsSection .divBox h4:before { content: ''; display: block; height: 1px; width: 261px; background-color: #739ea7; margin: 0 0 32px; }

section.newsSection .divBox h4 a { color: #fff; }

section.newsSection .divBox h4 a:hover { color: #739ea7; }

section.newsSection .badgeBox { text-align: center; }

section.newsSection .badgeBox img {}

section.newsSection .badgeBox img + img { margin-left: 20px; }

section.addressSect { overflow: hidden; background-color: #272d38; color: #fff; font-size: 16px; line-height: 1.5em; text-align: center; padding: 62px 0 63px; }

section.addressSect h3 { color: #739ea7; font-weight: 900; font-size: 28px; text-transform: uppercase; max-width: 495px; margin: 0 auto 60px; }

section.addressSect .addressCol {}

section.addressSect .addressCol .divBox {}

section.addressSect .addressCol .divBox h4 { color: #739ea7; font-size: 18px; font-weight: 700; font-family: Lora; font-style: italic; margin: 10px 0 4px; }

section.addressSect .addressCol .divBox p {}

section.addressSect .addressCol .divBox p b { font-weight: 500; }

#footer { overflow: hidden; background-color: #38404d; color: #fff; font-size: 16px; line-height: 1.3em; padding: 84px 0 0; }

#footer img.footerLogo { margin-bottom: 23px; }

#footer .socialMedia { margin: 0 auto 42px; }

#footer .socialMedia a { display: inline-block; background-color: #739ea7; }

#footer .socialMedia a:hover { background-color: #3c78d8; }

#footer .socialMedia img { display: block; margin: 0; }

#footer .socialMedia a + a {}

#footer p { margin: 0 0 32px; }

#footer p.attribution {}

#footer p.lfsFooter {}

#footer p.lfsFooter span {display: inline-block; position: relative; top: 2px; margin-right: 8px; }

#footer p a { color: #3c78d8; }

#footer p a:hover { color: #739ea7; }

.scroll { position: fixed; top: -200px; left: 0; width: 100%; z-index: 3000; display: none; }

.scroll.open { top: 0; }

.admin-bar .scroll.open { top: 32px; }

@media ( min-width: 768px ) { 

  .formWrap .gform_wrapper { margin-right: -18px; }

  .formWrap .gform_wrapper ul.gform_fields li.gfield { padding-right: 18px; }

}

@media ( min-width: 992px ) {

  .scroll { display: block; }

  .rowFlex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

  .main-menu { }

  .main-menu li { position: relative; }
  
  .main-menu > li { display: inline-block; }

  .main-menu > li + li { margin-left: 30px; }
  
  .main-menu > li > a { color: #fff; padding: 12px 0 9px; }
  
  .main-menu > li.menu-item-has-children > a:after { display: inline-block; content: ''; width: 10px; height: 5px; background-image: url('images/caret.png'); background-repeat: no-repeat; position: relative; margin-left: 6px; top: -1px; }
  
  .main-menu > li:hover > a { color: #739ea7; }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: -15px; width: 260px; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; background-color: #38404d; border-bottom: 1px solid rgba(0,0,0,.5); border-right: 1px solid rgba(0,0,0,.5); border-left: 1px solid rgba(0,0,0,.5); }

  .main-menu > li.full-sub > .sub-menu { width: 800px; padding: 0; }

  .main-menu > li.full-sub > .sub-menu > li { float: left; width: 33.333%; }

  .main-menu > li.full-sub > .sub-menu > li a { line-height: 59px; padding: 0px 15px; margin: 0 5px; }

  .main-menu > li.full-sub > .sub-menu > li a span { display: inline-block; line-height: 1.4em; vertical-align: middle; }

  .main-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }
  
  .main-menu > li > .sub-menu > li { display: block; }
  
  .main-menu > li > .sub-menu > li > a { padding: 8px 15px; color: #fff; line-height: 1.4em; border-top: 1px solid rgba(0,0,0,.5); }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(0,0,0,.5); color: #739ea7; }

  .navbar-default .headerRight { text-align: right; padding-right: 22px; padding-top: 29px; }

  .navbar-default .phoneBox { display: inline-block; vertical-align: top; }

  .navbar-default .phoneBox + .phoneBox { margin-left: 50px; }

  .logo { float: left; }

  /*section.section3 .col-md-8 { width: 64.666%; }

  section.section3 .col-md-4 { width: 35.333%; }*/

  section.addressSect .addressCol { display: inline-block; vertical-align: top; min-height: 163px; padding: 0 45px; }

  section.addressSect .addressCol + .addressCol { border-left: 1px solid #739ea7; margin-left: -4px; }

  .contRow > .col-md-8 { width: 64.666%; }

  .contRow > .col-md-4 { width: 35.333%; }

}

@media ( min-width: 1200px ) {

  .container { width: 100%; max-width: 1190px; }

}

@media ( min-width: 992px ) and ( max-width: 1599px ) {

}

@media ( min-width: 992px ) and ( max-width: 1199px ) {

  .navbar-default .phoneBox p { font-size: 18px; }

  .navbar-default .phoneBox + .phoneBox { margin-left: 20px; }

  section.addressSect .addressCol { padding: 0 25px; }

}

@media ( max-width: 1199px ) {

  section.homeSect1 h3 { font-size: 75px; }

}

@media ( max-width: 991px ) {

  div.theContent ul.margin0 { margin: 0; }

  body { padding-top: 52px; }

  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav {}

  body.mean-container .mean-nav ul li a.mean-expand { height: 30px; }

  body.mean-container a.meanmenu-reveal { width: 32px; }

  body.mean-container a.meanmenu-reveal span { height: 5px; }

  .navbar-default { text-align: center; background-color: rgba(10,31,52,1); }

  .navbar-default .phoneBox { margin: 15px 0; }

  #video-background { min-width: 1425px; }

  .areasBox { margin: 0 auto;  padding: 30px 0; }

  section.addressSect .addressCol + .addressCol { margin-top: 30px; }

  section.newsSection .badgeBox img + img { margin-left: 10px; }

  .navbar-default .phoneBox p { font-size: 18px; }

}

@media ( max-width: 767px ) {

  body.mean-container.admin-bar .mean-bar { top: 46px; }

  section.homeSect1 h3 { font-size: 50px; }

  section.section3 .openingBox { font-size: 18px; }

  section.blueSect { font-size: 20px; }

  section.section3 { font-size: 16px; }
  
  section.contactSect p { font-size: 16px; }

  .areasBox ul { font-size: 18px; }

  .formWrap .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), 
  .formWrap .gform_wrapper textarea.small { padding: 8px 15px 8px 20px; font-size: 16px; }

  section.newsSection .divBox h4 { font-size: 16px; }

  section.newsSection { font-size: 16px; }
  
  section.innerPage article { font-size: 16px; }

  section.newsSection .badgeBox img { display: block; margin: 0 auto; }
  
  section.whyChooseSect .badgeBox img { display: block; margin: 0 auto; }

  section.newsSection .badgeBox img + img { margin: 10px auto 0; }
  
  section.whyChooseSect .badgeBox img + img { margin: 10px auto 0; }

  #footer { font-size: 15px; }

  section.innerPage article > .date { width: 60px; height: 60px; font-size: 20px; line-height: 1.4em; padding: 6px 0 0;}

  section.innerPage article { padding-left: 0; }

  section.innerPage article > .date { position: relative; margin: 0 0 12px; }

  ul.paginationBox { margin: 0 0 30px; }
  
  div.theContent { font-size: 16px; }
  
  section.whyChooseSect { font-size: 16px; }

  div.titleBox { padding: 49px 0 20px; }

  div.titleBox h2 { font-size: 20px; }

  div.theContent > h5 { font-size: 18px; }

  div.theContent > h5 br { display: none; }

  section.whyChooseSect .bgImage { background-position: right 0; }

  section.section3 .firmSect { background-position: right bottom; }

}

@media ( max-width: 599px ) {

  section.homeSect1 h3 { font-size: 40px; }

}