#sliderArea p {
    font-size: 16px !important;
    line-height: 16px !important;
}/* ---------------------------------------------------------------------------------------------------- */
}/* ---------------------------------------------------------------------------------------------------- */
/* --- Backyard Studios ------------------------------------------------------------------------------- */
/* --- Copyright 2021  -------------------------------------------------------------------------------- */
/* --- San Antonio Website Design & Development - Backyard Studios ------------------------------------ */
/* --- www.backyardstudios.com ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.showMobile {
	display:none;
}
/* ---------------------------------------------------------------------------------------------------- */
/* --- Basic Elements --------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
@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;
}
#logoArea .col-lg-9 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
#logoArea .col-lg-3 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}	  
#sliderArea .sliderContent {
    transform: translate(0%, 60%);
}
ul.topNumber li.showScroll {
    display: none;
}	  
/* --- Footer Area --------------------------------------------------------------------------------- */
#copyrightContent {
    font-size: 12px;
    line-height: 16px;
}
/* --- Slider Area --------------------------------------------------------------------------------- */ 
#sliderArea .slideBox h3 {
    font-size: 24px!important;
    line-height: 26px!important;
}	
#sliderArea .slideBox h2 {
    font-size: 17px!important;
    line-height: 17px!important;
}	  
#sliderArea .slideBox h2 span {
    font-size: 22px!important;
    line-height: 22px!important;
}
.sliderBar ul.basicList li {
    width: 32%;
}
.sliderBar ul.basicList li:nth-child(n+2) {
    margin-bottom: 0;
}	  
.sliderBar .col-lg-12 {
    padding-right: 0;
    padding-left: 0;
}
.sliderBar ul.basicList li h3 {
    font-size: 34px;
    line-height: 35px;
    margin: 0;
}	  
.intro {
    width: 100%;
}
#headerBgrd .bigTitle {
    font-size: 9vw;
    line-height: 1em;
}	  
/* --- Single Post Area --------------------------------------------------------------------------------- */
#single #headerBgrd.fullHeader {
    height: 500px;
}
.postNavAreaX {
    padding: 0 10px;
}
.postNav td.td1 a .spanTxt, .postNav td.td3 a .spanTxt {
    display: none;
}
.postNav td.td1, .postNav td.td3 {
    vertical-align: top;
}
.postNav td.td1 a, .postNav td.td3 a {
	padding: 11px 15px;
}
#single .content {
    margin: 15px 0 0;
}
#single #mainContent.smallTop {
    padding-top: 30px;
}
ul.basicList li {
    width: 48%;
}	
ul.basicList li:nth-child(n+2) {
    margin-bottom: 50px;
}
ul.col4.basicList li:nth-child(n+3) {
    margin-top: 0;
    margin-bottom: 0;
}
ul.basicList li:last-child {
    margin-bottom: 0!important;
}	  
ul.blogList.col3 li {
    width: 46%;
}	
ul.blogList li {
    margin: .5% 2%;
}
ul.feat-container li .botBox h4 {
    font-size: 30px;
    line-height: 32px;
}	  
#newsArea, #galleryArea {
    padding-left: 0;
    padding-right: 0;
}
#newsArea ul.blogList {
    width: 100%;
    margin: 0;
}	
ul.storyList li span.bgrdColor {
    padding: 10px;
}
ul.storyList li .botBox {
    padding: 10px 5px 10px;
}	  
ul.storyList li a span.overlayColor em {
    line-height: 27px;
    font-size: 27px;
}
ul.feat-container li .content {
    padding: 0 10px 20px;
    font-size: 15px;
    line-height: 20px;
}
ul.feat-container li .botBox h4 {
    font-size: 27px;
    line-height: 27px;
}	
	
#pageMenu ul.feat-container li .pageDesc {
    font-size: 16px;
    line-height: 22px;
}
ul.feat-container li .botBox {
    padding: 15px 5px 10px;
}
#partnerArea ul.itemList.col3 li {
    width: 45%;
}	  
/* --- Typography --------------------------------------------------------------------------------- */		
h1 {
    font-size: 30px;
    line-height: 1em;
}
#secondaryArea h2,
h2 {
    font-size: 30px;
    line-height: 1em;
}		  
.single-team .post-thumbnail img {
    width: 70%;
}
#single h1.entry-title {
    margin: 0;
}	  
#single #headerBgrd img.mainImg {
    padding: 15px 0;
}	
.intro .content {
    margin-top: 20px;
}
.mainContent {
    padding: 40px 0;
}
#imgContent .wrapper {
    margin-top: 10px;
}	  
/* --- Callout Area --------------------------------------------------------------------------------- */
#calloutArea .content {
    line-height: 22px;
}

#testimonial .wrapper {
    padding: 20px 0;
}	  
/* --- Footer Area --------------------------------------------------------------------------------- */
.ftCopy {
    padding: 25px 5%;
    font-size: 14px;
    line-height: 20px;
}

.footer-widget-1 ul.menu {
    border-top: 1px solid rgba(255,255,255,.1);
}	  
.footer-widget-1 ul.menu li {float: left;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    width: 50%;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 5px;} 
.footer-widget-1 ul.menu li:last-child {
    border-bottom: 0px solid rgba(255,255,255,.1);}
.footer-widget-1 ul.menu li:before {display: none;}
.footer-widget-1 ul.menu:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.1);
    top: -1px;
    position: relative;
}	  
.btnsArea {
    margin: 25px 0px 0;
} 
#footerArea ul.socialIcons {
    margin-bottom: 15px;
}
#badgeArea {
    padding: 15px 4%;
    margin-top: 0;
}	  
/* --- Intro Area --------------------------------------------------------------------------------- */
#mainContent .content {
    width: 100%;
}
#pageMenu .intro {
    width: 80%;
}	  
a.btnBlue, .btnBlack, .searchandfilter input[type="submit"], #subpage #calloutPage a.btnRed, .search404 form input[type="submit"], a.btnGreen, .postNav .td2 a, a.btnBrown, a.btnWhite, .postNav .td1 a, .postNav .td3 a, a.btnGreyOutline, .postNav .td2 a, .btnGrey, .btnBlue, .btnRed, .btnGreen, .btnYellow, .btnOrange, .btnPurple, .btnPink, .btnBrown, .searchandfilter input[type="submit"], .search404 form input[type="submit"], .wpcf7-form .wpcf7-submit, input[type="submit"], a.btnOutline {
    padding: 12px 13px 12px;
    font-size: 15px;
    line-height: 15px;
}
/* --- Secondary Content Area --------------------------------------------------------------------------------- */
.content-secondary {
    padding: 0px;
    margin-top: 20px;
}
.content-secondary table,
.content-secondary table tr,
.content-secondary table tbody,
.content-secondary table tr td {
	display: block;
	width:100%;
	padding: 0px;
}
#secondaryArea .content p {
    font-size: 18px;
    line-height: 28px;
}	  
/*------------- Navigation -------------------------------------------------------------------*/
#logoArea {
	padding: 8px 0px;
}

a.btnMobile {
    width: 35px;
}
.navicon-line {
    margin-top: 6px;
}
/*------------- Homepage -------------------------------------------------------------------*/
ul.topList li .btnWhite {
    margin-top: 0;
}
ul.topList {
    margin: 0px 0 0px;
	vertical-align: middle;
}
ul.topList li.showTablet {
	line-height: 0px;
}
.vertCenterT {
  height: 100%;
  display: table;
  text-align: right;
  width: 100%; }
.innerT {
  display: table-cell;
  vertical-align: middle; 
}
ul.col4.basicList li {
    width: 49%;
}
/*------------- Footer Area -------------------------------------------------------------------*/
.ftLogo {
    padding-top: 0px;
}
#newsArea ul.blogList li .botBox em {
    font-size: 14px;
    line-height: 14px;
}
.home #newsArea ul.blogList li.news2 .botBox h6, .home #newsArea ul.blogList li.news3 .botBox h6 {
    margin-bottom: 0;
}
.home #newsArea ul.blogList li.news2 .botBox .content, .home #newsArea ul.blogList li.news3 .botBox .content {
    display: block;
}
.home #newsArea ul.blogList li .botBox {
    padding: 15px 0px;
}	  
ul.feat-container li .botBox h4 .pageDesc {
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px;
}	  
#teamArea {
    padding: 35px 0px;
}
.memberTitle {
    font-size: 14px;
    line-height: 14px;
}
#staffArea ul.col4 li, #staffArea ul li {
    width: 47%;
}	  
#featuredArea {
    padding: 50px 0;
}
#featuredArea .bgrdColor {
    padding: 0;
}	
#footerArea .bgrdColor {
    padding: 10px 0 0;
    background-image: none;
}
.footer-widget-1.rtText {
    margin-top: 40px;
    text-align: center !important;
}
.feat-thumbnail {
    margin-bottom: 20px;
}
ul.blogList li p {
    padding: 0;
    margin-top: 10px;
}	  
.line {
    margin: 15px 30% 10px;
}
#imgContent .order-1 {
    order: 2!important;
}
#serviceArea .wrapper {
    padding: 0px 10px 0px;
}	
ul.photoList {
    margin: 10px -.1%;
}
ul.basicIcons li {
    width: 49%;
}	
#staffArea ul li span {
    padding: 20px 10px;
}
#staffArea h5 {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 22px;
}
table.togoList tr.stickyRow {
    display: table-row;
}
table.togoList tr.stickyRow th {
    background-color: #aacbe5;
    color: #000;
    padding: 35px 15px;
    font-family: 'Open Sans';
    font-weight: 100;
    font-size: 15px;
    line-height: 15px;
}
table.togoList thead {
	display: none;
}
table.togoList td:first-child {
    width: 100%;
	display: block;	
	border-top: 1px solid rgba(7, 71, 122, 0.2);
}
table.togoList tr td:last-child {
    border-bottom: 1px solid rgba(7, 71, 122, 0.2);
    width: 100%;
    display: block;	
}
table.togoList tr td.fullWidth {
    width: 100%;
    display: block;
    text-align: left;
    padding: 0 20px 8px;	
}	
table.togoList td {
    border: 0px solid rgba(7, 71, 122, 0.2);
}
table.togoList tr td.fullWidth span {
    padding-left: 7px;
}	
#sliderArea .sliderBox {
    height: 55vw;
    width: 55vw;
    transform: translate(-17%, -23%);
}
#logoArea .navLogo {
    height: 30vw;
    width: 40vw;
}
#sliderArea:after {
    left: 8vw;
    bottom: -210px;
}
#featuredArea ul.feat-container li a.imgLink:before {
    width: 107%;
    height: 107%;
}
#footerArea .order-3 .widget-area {
    margin: 5% 0;
    width: 190px;
}
#footerArea .order-2 .widget-area {
    margin: 5% 0 8%;
    width: 190px;
}
.footer-widget-3, .footer-widget-2 {
    justify-content: flex-start;
}
#footerArea .row.footer:after {
    width: 90%;
}
#copyrightContent {
    text-align: center;
}
#accredBgrd {
    padding: 50px 0;
}
.subtitle {
    font-size: 25px;
    line-height: 1em;
}
#imgContent .col-lg-5 .content {
    padding: 20px 0% 0;
}
#imgContent .feat-thumbnail {
    padding: 0 0%;
}
.videoWrapper {
    width: 94vw;
    height: calc(83vw * 0.6);
}
#calloutArea .row .col-sm-6 {
    max-width: 50%;
}
#calloutArea .content {
    font-size: 18px;
}
#calloutArea .innerCircle {
    clip-path: circle(52% at 50% 50%);
}
#calloutArea .outerCircle {
    clip-path: circle(55% at 50% 50%);
}
#staffArea ul.col5 li {
    width: 47.7%;
}
#highlightArea ul.basicList li {
    height: 100vw;
    width: 100vw;
}
#highlightArea ul.basicList li:nth-child(2),
#highlightArea ul.basicList li:nth-child(3) {
    height: 90vw;
    width: 90vw;
}
#subpage #headerBgrd img.mainImg {
    padding: 50px 0;
}
#headerBgrd img.mainImg {
    padding: 50px 0;
}
.halfVideo iframe {
    max-width: 100%;
    max-height: 250px;
}
#featuredArea ul.feat-container.col3 li {
    width: 70%;
}
#accredBgrd h4 {
    font-size: 33px;
}
#calloutArea .btnsArea {
    margin: 15px 0px 0;
}
#logoArea.down.clone .logoImg:after {
    background-size: 90%;
}
#imgContent .subtitle:after {
    margin: 15px auto 15px 0;
}
}	  

@media only screen and (max-width: 425px),
screen and (max-device-width: 425px) 
  and (-webkit-min-device-pixel-ratio: 1) {
/*------------- Typography Area -------------------------------------------------------------------*/  
/*--- Team Area -------------------------------------------------------------------*/ 
ul.team-container.col5 li {
	width: 80%;
	margin: 6px 0;
}
/*--- Blog Area -------------------------------------------------------------------*/
.overDate h6 {
    font-size: 30px;
    line-height: 30px;
}
.overDate h6 strong {
    font-size: 16px;
    line-height: 16px;
}
/*--- Single Area -------------------------------------------------------------------*/
#single ul.post-counter {
    font-size: 13px;
    line-height: 13px;
}
/*--- Header Area -------------------------------------------------------------------*/
.pageTitle .bigTitle {
    font-size: 24px;
    line-height: 24px;
    margin: 0px 0 0px 0;
}
/*--- Form Area -------------------------------------------------------------------*/
.wpcf7-text, .stec-layout-single-location .stec-layout-single-location-flex .stec-layout-single-location-right input, .log_forms input[type=text], input[type=password], .tickera_additional_info label input, .wpcf7-select, .wpcf7-textarea {
    padding: 7px 12px;
    margin: 5px 0px 0px;
}
#testimonial .wrapper {
    font-size: 20px;
    line-height: 27px;
}
ul.basicIcons li img {
    max-width: 100%;
}
#faqArea h5 {
    font-size: 17px;
    line-height: 21px;
}	  
#logoArea .navLogo {
    height: 33vw;
    width: 45vw;
}
#sliderArea .sliderBox {
    height: 60vw;
    width: 60vw;
    transform: translate(-17%, -39%);
}
#sliderArea:after {
    left: 2vw;
    bottom: -170px;
    width: 38%;
}
#sliderArea:after {
    left: 0vw;
    bottom: -157px;
    width: 35%;
}
#featuredArea ul.feat-container.col3 li {
    width: 70%;
    margin: 20px 0;
}
ul.feat-container li a span.overContent h6 {
    display: inline-block;
}
ul.feat-container li a span.overContent h6 span {
    padding: 15px 30px;
}
#calloutArea .innerCircle {
    clip-path: circle(46% at 50% 50%);
}
#calloutArea .outerCircle {
    clip-path: circle(49% at 50% 50%);
}
#staffArea h3.main-title {
    font-size: 35px;
    
}
.signupContent {
    padding-top: 10px;
}
}
@media only screen and (max-width: 375px),
screen and (max-device-width: 375px) 
  and (-webkit-min-device-pixel-ratio: 1) {
/*--- Footer Area -------------------------------------------------------------------*/
#copyrightContent {
    font-size: 11px;
    line-height: 16px;
}
#copyrightContent {
    padding-top: 30px;
}
/*--- Testimonal Area -------------------------------------------------------------------*/
#testimonial h4 {
    font-size: 25px;
    line-height: 25px;
}
/*--- Typography -------------------------------------------------------------------*/
#mainContent .subtitle {
    width: 100%;
}
a.btnBlue, .btnBlack, .searchandfilter input[type="submit"], #subpage #calloutPage a.btnRed, .search404 form input[type="submit"], a.btnGreen, .postNav .td2 a, a.btnBrown, a.btnWhite, .postNav .td1 a, .postNav .td3 a, a.btnGreyOutline, .btnGrey, .btnBlue, .btnRed, .btnGreen, .btnYellow, .btnOrange, .btnPurple, .btnPink, .btnBrown, .searchandfilter input[type="submit"], .search404 form input[type="submit"], .wpcf7-form .wpcf7-submit, input[type="submit"], a.btnOutline {
    padding: 14px 25px;
    font-size: 16px;
    line-height: 16px;
}
/*--- Navigation -------------------------------------------------------------------*/
#logoArea .col-lg-4 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
#logoArea .col-lg-8 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
#logoArea {
    padding: 10px 0px;
}  
a.btnMobile {
    width: 30px;
}
.sliderBar ul.basicList {
    width: 100%;
    display: block;
}	  
.sliderBar ul.basicList li h5 {
    font-size: 18px;
    line-height: 22px;
}	
.sliderBar ul.basicList li h3 {
    font-size: 36px;
    line-height: 36px;
}
.sliderBar .container {
    padding: 0 20%;
}
.sliderBar ul.basicList li {
    width: 100%;
    border-left: 0px solid #fff;
    border-top: 1px solid #fff;
	padding: 20px 0;
}	
.sliderBar ul.basicList li:first-child {
    border-top: 0px solid #fff;
}	  
/*--- Blog Area -------------------------------------------------------------------*/
ul.blogList li .overlay,
ul.blogList .overlayColor {
	display: none;
}
ul.blogList .overContent {
    position: relative;
}
blockquote {
    padding-left: 10px;
    font-size: 17px;
    line-height: 26px;
    margin-left: 10px;
}	  
  
.subtitle {
    font-size: 23px;
    line-height: 26px;
}	  
ul.basicList {
    margin: 10px 0;
}	  
/*--- Single Area -------------------------------------------------------------------*/
.postNav td.td1 a, .postNav td.td3 a {
    display: block;
    max-width: 45px;
    margin: 0 auto;
    padding: 9px 12px 8px;
}
.postNav td.td1, .postNav td.td3 {
    width: 20%;
}
.postNav td.td2 {
    width: 60%;
    text-align: center;
}
.postNav td.td2 a {
    display: block;
    padding: 11px;
    margin: 0 5px;
}
#testimonial h6 {
    font-size: 19px;
    line-height: 19px;
}	  
/*--- Featured Area -------------------------------------------------------------------*/
ul.feat-container li a span.iconImg img {
    max-width: 45px;
    margin-top: 10px;
}
ul.feat-container li .botBox h4 {
    font-size: 22px;
    line-height: 24px;
}
#pageMenu ul.feat-container li .responsiveFeat {
    display: block;
}
#pageMenu ul.feat-container li .mainFeat {
    display: none;
}	  
#mainContent .subheading {
    padding: 0 5%;
}
#headerBgrd .bigTitle {
    font-size: 9vw;
    line-height: 1em;
}
ul.feat-container li a span.overContent h4, ul.feat-container.col5 li h4 {
    padding: 4%;
}
#badgeArea {
    padding: 15px 0;
}
table.togoList th {
    top: 90px;
}	  
#logoArea .navLogo {
    height: 35vw;
    width: 50vw;
}
#sliderArea:after {
    left: 0vw;
    bottom: -157px;
    width: 33%;
}
ul.feat-container li a span.overContent h6 {
    margin-top: 10px;
}
ul.feat-container li a span.overContent h6 span {
    padding: 12px 22px;
}
.videoWrapper {
    width: 90vw;
    height: calc(83vw * 0.7);
}
#sliderArea .sliderContent .btnOrange {
    padding: 12px 12px !important;
}
}
@media only screen and (max-width: 360px),
screen and (max-device-width: 360px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

.bigSubtitle {
    font-size: 22px;
    line-height: 26px;
}	  
#sliderArea .sliderBox {
    height: 70vw;
    width: 70vw;
    transform: translate(-17%, -39%);
}
#featuredArea ul.feat-container.col3 li {
    width: 85%;
}
}
@media only screen and (max-width: 320px),
screen and (max-device-width: 320px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
#testimonial .bgrdColor {
    padding: 50px 10px;
}
body, #testimonial,.subheading {
    font-size: 14px;
    line-height: 21px;
}
.btnsArea {
    display: block;
}
.btnsArea li {
    float: none;
    margin: 6px 0;
    display: block;
}
.sliderBar ul.basicList li h3 {
    font-size: 33px;
    line-height: 33px;
}	  	  
#featuredArea ul.feat-container.col4 li,
ul.team-container.col4 li,ul.feat-container.col3 li, #pageMenu ul.feat-container.col4 li,ul.blogList.col3 li {
    width: 100%;
    margin: 6px 0;
}
.btnsArea li a {
    display: block;
    text-align: center;
}
.intro {
    padding-bottom: 10px;
}
.sliderBar ul.basicList li h5 {
    font-size: 16px;
    line-height: 22px;
}	  
ul.team-container {
    width: 85%;
    margin: 0px auto;
}
ul.breadcrumbs-links {
    display: none;
}
#breadCrumbs {
    padding: 35px 20px 0px;
}
#staffArea ul.col5 li {
    width: 78.7%;
}
}