.showTablet {
    display: none;
}

@media only screen and (max-width:1270px), screen and (max-device-width:1270px) and (-webkit-min-device-pixel-ratio:1) {	
	
}
@media only screen and (max-width:1200px), screen and (max-device-width:1200px) and (-webkit-min-device-pixel-ratio:1) {
	
}
@media only screen and (max-width:1100px), screen and (max-device-width:1100px) and (-webkit-min-device-pixel-ratio:1) {
#topBar {
    padding: 12px 30px 6px;
}
#topBanner img.mainImg {
    padding: 160px 0;
}
#topBanner .col-md-6 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.home #topBanner .pageTitle {
    margin: 0;
}
h3.main-title {
    font-size: 42px;
    line-height: 46px;
}
.bigTitle {
    font-size: 45px;
    line-height: 120%;
}

#mainContent.noPadBot .intro {
    margin-bottom: 70px;
}

#footerArea  #colLogo.col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
#colLogo.col-lg-3.order-1 {
   order:8;
}	
#footerArea .col-lg-3 {
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
}

#copyrightContent {
    margin-top: 40px;
}
}
@media only screen and (max-width:1024px), (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
#mainNav {
    margin-right: 20px;
}	
ul.topList li a.btnRed, #footerArea li a.btnRed {
    padding: 15px 17px 13px;
    font-size: 17px;
    line-height: 17px;
}
.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 0;
}
#topBanner .content {
    font-size: 20px;
    margin-top: 20px;
}
.mainContent {
    padding: 75px 0;
}
body {
    font-size: 18px;
    line-height: 28px;
}	
h5 {
    font-size: 19px;
    line-height: 24px;
}	
#single #topBanner img.mainImg, #archive #topBanner img.mainImg {
    padding: 50px 0;
}	
.pageTitle {
    padding: 0 5%;	
}
.content.formArea {
    width: 75%;
    margin: 0 auto;
}	
#sliderArea .btnMain {
    font-size: 20px !important;
    line-height: 20px !important;
    padding: 13px 28px !important;
}
#featContent .intro {
    width: 89%;
}
#faqArea .intro {
    width: 100%;
}
#calloutAreaFt .container {
    max-width: 800px;
}
#colLogo.col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 5;
    padding: 0 15px 35px;	
}
ul.main-box li span.iconImg img {
    max-width: 90px;
}
ul.main-box li h4 {
    font-size: 21px;
    line-height: 24px;
}	
#logoArea.down.clone .logoImg a img {
    max-height: 60px;
}
.alignRight .order-2.right {
    order: 1;
}	
.alignRight .order-1.left {
    order: 2;
}

#faqArea {
    padding-left: 8% !important;
    padding-right: 8% !important;
}	
#single #topBanner.headPage img.mainImg {
    padding: 40px 0;
}
#colLogo.col-lg-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#colFooter-2.col-lg-4, #colFooter-3.col-lg-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.ftLogo {
    margin-bottom: 60px;
}	
}@media only screen and (max-width:992px), (max-device-width:992px) and (-webkit-min-device-pixel-ratio:1) {
.mobileBtn {
	display:block;
}	
#mainNav {
	display:none;
}
.showTablet {
	display:block;
}
#topBanner.headSubpage img.mainImg {
    padding: 100px 0;
}
h1 {
    font-size: 32px;
    line-height: 40px;
}	
h5 {
  font-size: 17px;
  line-height: 20px;
}	
.bigTitle {
    font-size: 42px;
    line-height: 45px;
}	
#topBanner .content {
    font-size: 17px;
    margin-top: 18px;
}
.btnsArea li:nth-child(3) {
    margin-left: 6px;
    margin-top: 0;
}
#formArea {
    padding-left: 5%;
    padding-right: 5%;
}
#formArea .col-lg-6 .content {
    margin-left: 0;
	margin-top: 40px;
}	
.mapBox {
    margin: 50px 15% 0;
}	
#mainElement .imgBgrd {
   margin-top: 0;
   margin-bottom: 60px;
   padding: 0 20%;
}
#mainElement.alignRight .order-2.right {
    order: 1;
}
#mainElement.alignRight .order-1.left {
    order: 2;
}
#mainElement .wrapper {
    padding: 0 6%;
}
#mainElement .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
}
/*--------------------------------------------------------------*/

@media only screen and (max-width: 768px),
(-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi),
(max-width: 980px) and (orientation : landscape) {
.hideTablet {
	display:none;
}
.showTablet {
	display:block;
}
.mobileBtn {
	display:block;
}
.hideItem {
    display: block;
}	
#mainNav {
	display:none;
}	
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {


}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}
@media only screen and (max-width:800px), (max-device-width:800px) and (-webkit-min-device-pixel-ratio:1) {
.hideTablet {
	display:none;
}
.showTablet {
	display:block;
}
.mobileBtn {
	display:block;
} 
.home #topBanner img.mainImg {
  padding: 250px 0;
 }
 #topBanner.headSubpage img.mainImg {
    padding: 100px 0;
}
#topBanner .overContent .col-12.col-md-7 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
    h3.main-title {
        font-size: 38px;
        line-height: 42px;
    }
ul.basicList.col4 li {
    width: 48%;
}
ul.basicList.col3 li {
    width: 48.5%;
}
h3.main-title {
    position: relative;
}
#mainNav {
	display:none;
}
.mainContent {
    padding: 50px 0;
}	
.smallTop {
  padding-top: 30px !important; }

.smallBot {
  padding-bottom: 30px !important; }

.smallBoth {
  padding: 30px 0 !important;
  }
#sliderArea .overlay .intro {
    padding-top: 30px;
}	
#sliderArea .overlay .subtitle {
    font-size: 148px;
    line-height: 143px;
}		
.home li.news3 {
    display: none;
}
.home ul.blogList.col3 li {
    width: 47%;
}
#tagline {
    font-size: 33px;
}
ul.basicList > li:nth-child(2) {
    border-right: 0px solid;
}
ul.basicList > li:nth-child(3) {
    padding-top: 20px;
    margin: 30px auto 0;
    text-align: center;
    display: block;
}
#mainElement .col-md-6 .imgBgrd::before {
	right: calc(85px + 45px);
    width: 62%;
}
#reviews .content {
    font-size: 20px;
    line-height: 30px;
}
#reviews h3.main-title {
    font-size: 33px;
    line-height: 42px;
}	
#testimonial .content {
    font-size: 21px;
    line-height: 30px;
    padding: 0 6%;
}
#copyrightContent {
    padding-top: 0;
}
#colThird.col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#colFirst.col-lg-3, #colSecond.col-lg-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}	
#footerArea .container {
    padding: 0 5%;
}
#mainElement h3.main-title {
    padding-bottom: 10px;
}
ul.main-box.col3 li {
    width: 48%;
}	
#footerArea #copyrightContent.container {
  padding-top: 20px;
}
#copyrightContent .col-lg-10, #copyrightContent .col-lg-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
#copyrightContent {
    margin-top: 50px;
}	
#copyrightContent .col-lg-2 {
    padding-top: 5px;
}	
#calloutArea .content {
    font-size: 21px;
    line-height: 125%;
    padding: 0 5%;
}
#highlightArea ul.basicList > li {
    padding: 23px;
    width: 31%;
}
#highlightArea ul.basicList li h4 {
    font-size: 20px;
    line-height: 26px;
}
.highSub {
    font-size: 20px;
    line-height: 23px;
}	
span.wpcf7-list-item {
    width: 28%;
}
}
@media only screen and (max-width: 640px),
screen and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 1){
#logoArea {
 padding: 0 10px;
}
#logoArea .logoImg {
   max-width: 181px;
   padding-top: 15px;
}
#logoArea {
    top: 41px;
}		  
.intro {
    width: 90%;
    margin-bottom: 25px;	
}
.bigTitle {
    font-size: 33px;
    line-height: 33px;
}
.subtitle {
    font-size: 16px;
    line-height: 18px;
}
#tagline {
    font-size: 24px;
}
#topBanner .overContent .col-12.col-md-7 {
   -ms-flex: 0 0 85%;
   flex: 0 0 85%;
   max-width: 85%;
}
#topBar .col-lg-4 {
    display: none;
}
#topBanner img.mainImg {
    padding: 110px 0;
}
#topBanner .subheading {
    font-size: 17px;
}
#topBanner .col-md-6 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}
ul.bulletList {
    grid-template-columns: repeat(2, 1fr);
}
.topAreaLt {
    display: inline;
    margin: 0 auto;
    text-align: center;
}
.topAreaLt .ltText {
    text-align: center;
}
#sliderArea .overlay .subtitle {
    font-size: 113px;
    line-height: 94px;
} 
#sliderArea .overlay .intro {
    padding-top: 50px;
}
#sliderArea .btnMain {
    font-size: 17px !important;
    line-height: 18px !important;
    padding: 10px 19px !important;
}	
.home #topBanner img.mainImg {
    padding: 185px 0;
}
#single #topBanner img.mainImg, #archive #topBanner img.mainImg {
    padding: 40px 0;
}
#mainElement .imgBgrd {
   padding: 0 5%;
}
#mainElement .col-md-6 .imgBgrd::before {
    right: calc(1px + 45px);
    width: 82%;
}
#contactArea .postWidth .container .content {
    padding: 0 10%;
}
.mapBox {
   margin: 50px 10% 0;
}
#reviews .intro {
    margin: 0 auto 60px;
}
.memberTitle {
    font-size: 15px;
    line-height: 21px;
}
ul.team-container li h5 {
    font-size: 19px;
    line-height: 22px;
}	
h3.main-title {
   font-size: 31px;
   line-height: 33px;
}	
#colFooter-2.col-lg-4, #colFooter-3.col-lg-4 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
}	
.footer-widget-3.widget-area.ltText {
    padding-left: 0;
    margin-top: 60px;
}
    .ftLogo {
        margin-bottom: 40px;
    }	
}
@media only screen and (max-width: 600px),
screen and (max-device-width: 600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
.widget-area.ltText, .widget .ltText {
    text-align: center;
}
.widget-area.ltText h6 {
    margin-top: 20px;
    text-align: center;
}
#footerArea .col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.ftEmail:before,.ftPhone:before {
    display: inline-block;
    float: none;
}
#colLogo.col-lg-3 {
    padding: 0 15px 20px;
}
	  
}
/*--------------------------------------------------------------*/

.showMobile {
	display:none;
}
@media only screen and (max-width: 480px),
screen and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.showMobile {
	display:block;
}
.hideMobile {
	display:none;
}
h3.main-title {
        font-size: 28px;
        line-height: 30px;
    }
blockquote {
    font-size: 16px;
    line-height: 24px;
    margin: 30px 10px;
    padding: 40px 20px 40px 20px;
}	
#logoArea .showScroll, #logoArea.down.clone .showScroll {
    display: none;
}
#logoArea .col-lg-9, #logoArea .col-lg-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
#topBanner .overContent .col-12.col-md-7 {
    -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
}
h3, h1.entry-title {
    font-size: 42px;
    line-height: 48px;
}
h3.catTitle {
    font-size: 30px;
    line-height: 35px;
}
.intro .content {
    margin-top: 10px;
}
ul.topList {
    margin: 20px 0 0px;
}
#topBanner.headSubpage img.mainImg {
   padding: 50px 0;
}
#topBanner .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#topBanner .pageTitle .btnsArea {
    margin: 15px 0 0;
}
.btnMain {
    font-size: 17px;
}
ul.main-box li a span.overContent h6 span {
    padding: 6px;
    display: inline-block;
}
ul.main-box li h6 {
    font-size: 15px;
    line-height: 16px;
}
    ul.main-box li h4 {
        font-size: 18px;
        line-height: 22px;
    }
ul.basicList.col3 li {
    width: 99%;
    border-right: unset;
    border-bottom: 1px solid rgba(142, 93, 73, .3);
}
ul.basicList.col3 li:last-child {
    border-bottom: 0px solid rgba(142, 93, 73, .3);
}
#mainContent.bgrdGFX,#contactArea.bgrdGFX {
    background-position: 500% bottom;
    background-size: 91%;
}
#mainElement .imgBgrd {
    padding: 0;
	margin-bottom: 50px;
}
#mainElement .wrapper {
    padding: 0 3% 30px;
}
#tagline {
    font-size: 19px;
}
ul > li, ol > li {
    margin: 0px 0 0 17px;
}
ul.team-container.col3 li {
    width: 48%;
    margin-bottom: 25px;
}
ul.basicList > li:nth-child(2), ul.basicList > li:nth-child(3) {
    margin: 20px auto 0;
    padding-bottom: 20px;
}
#reviews .bgrdPattern {
    background-size: cover;
}
#calloutArea.mainContent.standard {
    padding: 90px 0 100px;
}
#faqArea .card-header {
    padding: 0 15px 0 0;
}
#faqArea h5.quesTitle i.plus-minus-toggle {
    margin-right: -13px;
}
#faqArea {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#faqArea {
    background-size: 75%;
}
#faqArea .intro {
    padding-top: 0;
}
#formArea .content {
    padding: 30px 20px;
}
    #formArea {
        padding-left: 2%;
        padding-right: 2%;
    }
span.wpcf7-list-item {
	width: 31%;
    padding-left: 6px;
    font-size: 17px;
    line-height: 26px;
}
span.wpcf7-list-item-label {
    font-size: 15px;
}
ul.bulletList {
    gap: 0.3rem .5rem;
}
#reviews h3.main-title {
        font-size: 30px;
        line-height: 41px;
        text-align: center;
    }
    #highlightArea ul.basicList li h4 {
        font-size: 18px;
        line-height: 22px;
    }
#highlightArea ul.basicList > li {
        padding: 23px;
        width: 46%;
    }
#contactArea .postWidth .container .content {
    padding: 0 3%;
}
.mapBox {
    margin: 50px 2% 0;
}
#topBanner .btnMain {
    width: 100%;
}
#topBanner .btnsArea li {
    float: none;
    margin: 0 0 5px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
#footerArea #copyrightContent.container .col-lg-5 {
    margin-top: 12px;
}
#colLogo.col-md-4, #colFooter-3.col-md-4 {
    -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
}
.ftLogo {
    text-align: center;
    margin-bottom: 40px;
}
}
@media only screen and (max-width: 425px),
screen and (max-device-width: 425px) 
  and (-webkit-min-device-pixel-ratio: 1) {
body, ul > li, ol > li {
	font-size: 16px;
    line-height: 26px;
}
#mainElement .col-md-6 .imgBgrd::before {
   right: calc(-16px + 45px);
    width: 86%;
    top: -22px;
    height: calc(92% + 2 * 31px);
}
ul.main-box.col3 li {
   width: 99%;
}
.bigTitle {
   font-size: 25px;
   line-height: 25px;
}
}
@media only screen and (max-width: 375px),
screen and (max-device-width: 375px) 
  and (-webkit-min-device-pixel-ratio: 1) {
#topBar {
    display: none;
}
#logoArea {
    top: 0;
}
.feature-buttons-container.fixed {
    right: 0;
}
h3.main-title {
    font-size: 20px;
    line-height: 23px;
}
#tagline {
    font-size: 14px;
}
#topBanner .content {
    font-size: 15px;
    margin-top: 16px;
}
}
@media only screen and (max-width: 360px),
screen and (max-device-width: 360px) 
  and (-webkit-min-device-pixel-ratio: 1) {  
	  
	  
}
@media only screen and (max-width: 320px),
screen and (max-device-width: 320px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  	  	  
}