.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%;
}
h3.main-title {
    font-size: 42px;
    line-height: 46px;
}
.bigTitle {
    font-size: 49px;
    line-height: 120%;
}
#calloutArea .introContent {
    margin: 0 5%;
}
#calloutArea .content {
    font-size: 36px;
}
#calloutArea.mainContent {
    padding: 120px 0;
}
#mainElement .imgBgrd {
    margin-top: 0;
    margin-bottom: 80px;
    padding: 0 15%;
}
#mainElement.alignRight .order-2.right {
    order: 1;
}
#mainElement.alignRight .order-1.left {
    order: 2;
}
#mainElement .col-md-6 .imgBgrd::before {
    right: calc(140px + 45px);
    width: 64%;
}
#mainElement .wrapper {
    padding: 0 8% 40px;
}
#mainElement .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#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%;
}
#footerArea .bgrdGfx {
    padding: 40px 5% 20px;
}
#copyrightContent {
    margin-top: 40px;
}
}
@media only screen and (max-width:1024px), (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {

.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;
}
h3.main-title {
    font-size: 29px;
    line-height: 35px;
}
#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;
}
#highlightArea ul.basicList li h4 {
        font-size: 113px;
        left: 99px;
    }	
#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;
}	
}@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;
}
#logoArea .col-lg-3,
#logoArea .col-lg-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
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;
    padding: 53px 0;
}	
.mapBox {
    margin: 50px 15% 0;
}		
}
/*--------------------------------------------------------------*/

@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;
} 
#topBanner .col-md-6 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
ul.basicList.col4 li {
    width: 48%;
}
ul.basicList.col3 li {
    width: 48.5%;
}
h3.main-title {
    position: relative;
}
#mainNav {
	display:none;
}
.mainContent {
    padding: 65px 0;
}	
#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%;
}
#calloutArea .content {
    font-size: 26px;
}
#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%;
}	
#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;
}
#footerArea .col-lg-3{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#colLogo.col-lg-3.order-1 {
    order: 1;
}		
}
@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: 215px;
}
#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;
}
#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%;
}
.home #topBanner .overContent {
    background-color: rgba(255, 255, 255, .3);
}
.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%;
}
#calloutArea .content {
    font-size: 22px;
}
#contactArea .postWidth .container .content {
    padding: 0 10%;
}
.mapBox {
   margin: 50px 10% 0;
}
#footerArea .bgrdGfx {
    padding: 40px 0 20px;
}		  
}
@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;
}
.intro .content {
    margin-top: 10px;
}
ul.topList {
    margin: 20px 0 0px;
}
#topBanner .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
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;
}
#mainElement .wrapper {
    padding: 0 3% 30px;
}
#tagline {
    font-size: 19px;
}
ul.basicList > li:nth-child(2), ul.basicList > li:nth-child(3) {
    margin: 20px auto 0;
    padding-bottom: 20px;
}
#faqArea {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#faqArea {
    background-size: 75%;
}
#faqArea .intro {
    padding-top: 0;
}
#formArea {
    background-size: 125%;
}
#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;
}
}
@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);
}
}
@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: 25px;
    line-height: 29px;
}
#tagline {
    font-size: 14px;
}
#topBanner .content {
    font-size: 15px;
    margin-top: 16px;
}
#calloutArea .content {
    font-size: 17px;
}
}
@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) { 
  	  	  
}