/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* --- Texan Tea 2021 --------------------------------------------------------------------------------- */
/* --- New Braunfels Website Design & Development - NBTX Marketing ------------------------------------ */
/* --- nbtxmarketing.com ------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------------------*/
/*------------- iPad Tablet -------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px),
(-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi),
(max-width: 980px) and (orientation : landscape) {
.overlayBgrd img {
    top: 4%;
    right: 1%;
    height: 579px;
}
#headerBgrd .offset-lg-7 {
    margin-left: 30%;
}
#headerBgrd .col-lg-5 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}	
}
/* 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),
screen and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 1){
.hideTablet {
	display:none;
}
.showTablet {
	display:block;
}
.mobileBtn {
	display:block;
}
#mainNav {
	display:none;
}
#logoArea .col-lg-3 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}	  
#logoArea .col-lg-9 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}	  
#logoArea.down.clone ul.topNumber {
    margin: 20px 0 0;
}
#logoArea.down.clone {
    padding: 0 10px;
}	
#logoArea {
	padding: 12px 10px;}	  
/* --- Slider Area ------------------------------------------------------------------------------- */
.overlayBgrd img {
    top: 3%;
    right: 2%;
    height: 570px;
}	  
/* --- Navigation --------------------------------------------------------------------------------- */   
a.btnMobile {
    width: 36px;
}/* --- Header Area --------------------------------------------------------------------------------- */
#headerBgrd img.mainImg {
    padding: 100px 0;
}
#headerBgrd .bigTitle {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}	  
#headerBgrd .bigTitle:after {
    left: -4px;
    top: -92px;
}  
/* --- Featured Area --------------------------------------------------------------------------------- */  
.subheading {
    font-size: 17px;
    line-height: 26px;
}
/* --- Type Area --------------------------------------------------------------------------------- */
ul.officeHrs {
    margin-bottom: 25px;
}
ul.officeHrs li {
    font-size: 17px;
    line-height: 18px;
}
.intro {
    font-size: 100%;
}
#single #mainContent.smallTop {
    padding-top: 40px;
}
.wpcf7-form {
    margin-top: 10px;
}
.wpcf7-select {
    height: 41px;
}
#formArea .content {
    padding: 0px 0;
} 
#mainContent .intro {
    padding: 0 5%;
}	  
#mainContent .order-1 img {
    max-width: 650px;
    margin: 0 auto;
}	  
#mainContent .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
#mainContent .order-2 {
    -ms-flex-order: 1;
    order: 1;
}
#mainContent .order-1 {
    -ms-flex-order: 2;
    order: 2;
}
ul.feat-container.col3 li {
    min-height: 310px;
}
ul.feat-container li .imgFeature {
    background-position: -72% bottom;
    background-size: 106%;
}	  
ul.feat-container li .overlay .innerT {
    padding: 20px 36% 5px 5px;
}	  
ul.feat-container li span.overlay h4 {
    font-size: 50px;
    line-height: 44px;
}
ul.feat-container li span.overlay h5 {
    font-size: 36px;
    line-height: 32px;
    margin-left: 33px;
}
ul.feat-container li span.overlay h5:after {
    width: 200px;
    margin: 0 auto 0 -24px;
}	
ul.feat-container li .content {
    font-size: 16px;
    line-height: 19px;
    padding: 5px 0 0 15px;
}	
#calloutArea {
    padding: 70px 0;
}
#calloutArea .col-lg-5 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
#mainContent h1:after, #formArea h3.main-title:after, .blog #newsArea .subtitle:after, #pageMenu .subtitle:after, .subtitle.divider:after, #calloutArea .bigTitle:after, #formArea h3:after, #contactArea h3:after {
    height: 20px;
    width: 302px;
}
#contactArea iframe {
    width: 600px;
    margin: 0 auto;
}
#contactArea .content tr {
    padding-bottom: 20px;
    display: inline-block;
    width: 50%;
}
#contactArea .content td {
    width: 65%;
    margin-left: 20px;	
}
#contactArea .content td:first-child {
    width: 20%;
}
#contactArea .content tr:last-child {
    width: 100%;
}
#contactArea .content tr:last-child td:first-child {
    width: 10%;
}
#contactArea .content tr:last-child td {
    width: 80%;
}	
#contactArea .mapImage img {
    text-align: center!important;
    float: none;
}
#contactArea {
    padding: 75px 9% 55px;
}
#formArea .bgrdColor {
    padding: 80px 4%;
}	  
#formArea .col-md-5, #formArea .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
#formArea .col-lg-7 .content {
    padding-left: 10%;
    padding-right: 10%;
}	  
#footerCallout .col-lg-6 h2 {
    font-size: 46px;
    line-height: 41px;
}	  
#footerCallout .col-lg-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
#footerCallout .bgrdColor {
    padding: 40px 15% 35px;
} 
#footerCallout .col-lg-6 img {
    max-height: 90px;
}	
#footerCallout .col-lg-6 .subheading {
    margin: 20px 0 0;
}
}
@media only screen and (max-width: 640px),
screen and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 1){

#logoArea {
	padding: 12px 10px;}	  
.overlayBgrd img {
    top: 7%;
    right: 2%;
    height: 421px;
}	  
/* --- Type Area --------------------------------------------------------------------------------- */ 
.btnBlack, a.btnWhite, .btnGrey, .btnBlue, .container .caldera-grid .btn-default, .btnRed, .btnGreen, .btnYellow, .btnOrange, .btnPurple, .btnPink, .btnBrown, .search404 form input[type="submit"], .wpcf7-form .wpcf7-submit, input[type="submit"], .postNav .td2 a, .postNav .td1 a, .postNav .td3 a {
    padding: 12px 18px 10px;
    font-size: 17px;
    line-height: 17px;
}
.subtitle {
    font-size: 20px;
    line-height: 20px;
}	
.tagline {
    font-size: 19px;
    line-height: 20px;
}	 
#headerBgrd .bigTitle {
    font-size: 35px;
    line-height: 37px;
}	
#headerBgrd .bigTitle:after {
    top: -96px;
}	  
#mainContent .intro {
    padding: 0 7%;
}
#mainContent .order-1 img {
    max-width: 522px;
}
#footerArea .col-sm-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
#footerArea #copyrightContent .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
ul.feat-container.col3 li {
    min-height: 270px;
}	
ul.feat-container li .overlay .innerT {
    padding: 20px 40% 5px 5px;
}
ul.feat-container li .imgFeature {
    background-position: 14% bottom;
    background-size: 115%;
}	  
ul.feat-container li .content {
    font-size: 14px;
    line-height: 17px;
    padding: 5px 0 0 10px;
}	  
ul.feat-container li span.overlay h5:after {
    width: 164px;
    margin: 0 auto 0 -14px;
}	  
ul.feat-container li img.mainFeat {
    margin-right: -40px;
}	  
ul.feat-container li span.overlay h4 {
    font-size: 38px;
    line-height: 28px;
}
ul.feat-container li span.overlay h5 {
    font-size: 25px;
    line-height: 23px;
    margin-left: 25px;
}
#contactArea iframe {
    width: 530px;
    margin: 0 auto;
}	  
#contactArea {
    padding: 55px 3% 45px;
}	  
#calloutArea .intro img {
    max-width: 145px;
}	  
#calloutArea .bigTitle {
    font-size: 43px;
    line-height: 41px;
}	  
#calloutArea .calloutContent {
    margin-left: 1%;
    margin-right: 1%;
}
#footerCallout .bgrdColor {
    padding: 40px 7% 35px;
}
.ftLogo a img {
    max-height: 126px;
    margin-top: 28px;
}	  
}
@media only screen and (max-width: 600px),
screen and (max-device-width: 600px) 
  and (-webkit-min-device-pixel-ratio: 1) {

.overlayBgrd img {
    top: 5.5%;
    right: 1%;
    height: 421px;
}
ul.feat-container li .imgFeature {
    background-size: 123%;
}	  
#contactArea h3 {
    font-size: 44px;
    line-height: 30px;
}	  
#contactArea {
    padding: 55px 0 45px;
    font-size: 16px;
    line-height: 17px;	
}
#contactArea h6.main-title {
    font-size: 23px;
    line-height: 23px;
}	  
#contactArea .content td:first-child {
    width: 25%;
}
#contactArea .content tr:last-child td:first-child {
    width: 13%;
}
#footerCallout .col-lg-6 img {
    max-height: 72px;
}


}