/* ---------------------------------------------------------------------------------------------------- */
/* --- Backyard Studios ------------------------------------------------------------------------------- */
/* --- Copyright 2021  -------------------------------------------------------------------------------- */
/* --- San Antonio Website Design & Development - Backyard Studios ------------------------------------ */
/* --- www.backyardstudios.com ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* --- Basic Elements --------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/*---------------------------------------------------------------------------------------------*/
/*------------- 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) {
/*.hideTablet {
	display:none;
}
.showTablet {
	display:block;
}
.mobileBtn {
	display:block;
}
#mainNav {
	display:none;
}*/
#tab-1308 table > tbody > tr {
	display: flex;
    flex-direction: column;
    align-items: center;
}
#tab-1308 table > tbody > tr td {
	width: 100%;
	text-align: center;
}
.woocommerce table.shop_table td {
	width: 100%;
}
#yith-ywrq-table-list td.product-quantity {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#yith-ywrq-table-list td {
	width: 100%;
}

}
/* 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){
/* --- Navigation --------------------------------------------------------------------------------- */   
a.btnMobile {
    width: 36px;
}
/* --- Featured Area --------------------------------------------------------------------------------- */  
#featuredArea .col-lg-12 {
	line-height: 0;
}
#featuredArea ul.feat-container li .responsiveFeat {
    display: block;
}
.subheading {
    font-size: 17px;
    line-height: 26px;
}
/* --- Type Area --------------------------------------------------------------------------------- */
ul.feat-container li .botBox h4 .pageDesc {
    font-size: 16px;
    line-height: 22px;
}
h1 {
    font-size: 35px;
    line-height: 35px;
}
h4 {
    font-size: 26px;
    line-height: 26px;
}
h5 {
    font-size: 21px;
    line-height: 24px;
}
h6 {
    font-size: 17px;
    line-height: 17px;
}
.mainContent,
#pageMenu{
    padding: 50px 15px;
}
.bigTitle {
    font-size: 38px;
    line-height: 40px;
}
.dividerYes:before {
    padding: 50px 0 0;
}
#mainContent .intro,
#contactArea .intro{
    width: 85%;
}
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;
}
#cityArea .content {
    margin-top: 15px;
}
#cityArea ul.btnList a, #cityArea ul.btnList span {
    padding: 4px 10px;
    font-size: 16px;
    line-height: 16px;
}	  
ul.basicList li {
    width: 48%;
}
/* --- News Area --------------------------------------------------------------------------------- */
.single-team #mainContent .order-2 {
    order:1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.single-team #mainContent .order-1 {
    order:2;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.post-thumbnail {
    margin-top: 0;
    text-align: center;
}
.single-team .post-thumbnail {
    margin-top: 20px;
}
.single-team .post-thumbnail img {
    margin: 0 auto;
    width: 45%;
}
#featuredArea ul.feat-container.col4 li {
    width: 42%;
}
/* --- Callout Area --------------------------------------------------------------------------------- */
#calloutArea .col-lg-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
/* --- Footer Area --------------------------------------------------------------------------------- */
.ftCopy {
    padding: 25px 10%;
}
#footerArea .widget-area span {
    padding: 0 15px;
    color: #4A4A4D;
    display: block;
    font-size: 0;
    line-height: 4px;
}
#footerArea .widget-area {
    font-size: 16px;
}
/* --- Gallery Area --------------------------------------------------------------------------------- */
ul.photoList.col4 li, ul.photoList.col5 li {
    width: 33.1%;
}
ul.photoList .overlay i {
    font-size: 30px;
}	  
/* --- Testimonials Area --------------------------------------------------------------------------------- */

/* --- Team Area --------------------------------------------------------------------------------- */
ul.team-container.col5 li {
    width: 33.1%;
}
.memberTitle {
    font-size: 17px;
    line-height: 17px;
}
#sliderArea .overlay {
    display: none;
}
ul.feat-container li .botBox h4 {
    font-size: 18px;
    line-height: 20px;
}
.order-2 {
    /* order: 1 !important; */
    order:2;
}
#imgContent.alignRight .imgBgrd {
    top: 0%;
    right: 0%;
    background-position: center;
}
#imgContent.alignLeft .imgBgrd {
    top: 0%;
    left: 0%;
}
#imgContent .imgBox img {
    margin: 0 auto;
}
#imgContent.alignRight .content {
    padding: 20px 0 0%;
}
#imgContent.alignLeft .content {
    padding: 20px 0 0%;
}
.single-system #imgContent.alignLeft .content {
    padding: 20px 2% 0%;
}

#testimonial .col-lg-7 {
    clip-path: circle(75% at 62% 50%);
}
#testimonial .col-lg-7, #accredBgrd, #featuredArea {
    padding: 40px 0;
}
#testimonial .wrapper {
    padding: 0px 20px;
}
#testimonial .wrapper .content {
    font-size: 20px;
    line-height: 24px;
}
.single-system #imgContent .sp-thumbnails.sp-grab {
    transform: translate3d(15%, 0px, 0px) !important;
}
#highlightArea .intro {
    width: 75%;
}
#calloutArea .bgrdColor {
    padding: 40px 2%;
}
.single-system ul.feat-container.col3 li {
    width: 47.5%;
}
.single-system .mainContent {
    padding: 80px 2%;
}
#secondaryArea .content-secondary iframe {
    width: 90vw;
	height: calc(90vw * 0.56);
}
.intro .content img {
    max-width: 100%;
    height: auto;
}
.single-post #single .content {
    margin: 15px 0 0;
}
.single ul.blogList.col3 li {
    width: 49%;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
    width: 80%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.woocommerce div.product .product_title {
    font-size: 38px;
    line-height: 38px;
}	  
}
@media only screen and (max-width: 640px),
screen and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 1){
  
/* --- Type Area --------------------------------------------------------------------------------- */ 
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"], .postNav .td2 a, .postNav .td1 a, .postNav .td3 a, a.btnOutline {
    padding: 12px 18px 10px;
    font-size: 17px;
    line-height: 17px;
}
/* --- Contact Area --------------------------------------------------------------------------------- */
#contactArea table.col2,
#contactArea table.col2 tbody,
#contactArea table.col2 tr,
#contactArea table.col2 td {
	display: block;
	width:100%;
}
/* --- Half Photo Area --------------------------------------------------------------------------------- */
.itemSection .content .wrapper {
    margin-top: 15px;
}
/* --- Page Menu Area --------------------------------------------------------------------------------- */
#pageMenu ul.feat-container li .responsiveFeat {
    display: block;
}
#pageMenu ul.feat-container li .mainFeat {
    display: none;
}
ul.feat-container li a span.overContent h6,
ul.feat-container li a:hover span.overContent h6 {
	display: none;
}
/* --- Callout Area --------------------------------------------------------------------------------- */

#calloutArea .intro {
    padding: 30px;
}
/* --- Type --------------------------------------------------------------------------------- */
.bigTitle {
    font-size: 35px;
    line-height: 37px;
}

#testimonial h4 {
    font-size: 34px;
    line-height: 34px;
}
#featuredArea ul.feat-container.col4 li {
    width: 48%;
}
#featuredArea {
    padding: 50px 15px;
}
#calloutArea .content {
    line-height: 25px;
    font-size: 21px;
}
ul.team-container.col4 li {
    width: 42%;
}
ul.feat-container.col3 li,
#pageMenu ul.feat-container.col4 li {
    width: 81%;
}
hr {
    margin: 40px 25%;
}
#calloutArea .container:after {
    display: none;
}
#testimonial .col-lg-7 {
    clip-path: circle(75% at 70% 50%);
}
#testimonial .wrapper {
    padding: 0px 0px 0 25px;
}
h1 {
    font-size: 32px;
    line-height: 32px;
}
#accredBgrd .lshowcase-logos > div {
    flex-wrap: wrap;
}
#accredBgrd .lshowcase-wrap-normal {
    width: 50%;
}
.review-thumbnail .alignleft {
    width: 35%;
    margin-bottom: 65%;
}
#testimonial .col-lg-7 {
    padding: 26px 0;
}
#testimonial .col-lg-7 {
    clip-path: circle(75% at 67% 50%);
}

ul.feat-container li {
    margin: 1% 1% 5%;
}
.single-system #imgContent .sp-thumbnails.sp-grab {
    transform: translate3d(7%, 0px, 0px) !important;
}
.wpcf7-form label, .wpcf7-form h6 {
    font-size: 22px;
    line-height: 22px;
}
#secondaryArea .content-secondary iframe {
    width: 90vw;
	height: calc(90vw * 0.56);
}
#mainContent .btnsArea li:last-child {
    margin-left: 0px;
    margin-top: 15px;
}
#mainContent .btnsArea li {
    float: unset;
}
.col2 {
    row-gap: 25px;
    flex-direction: column;
}
table.rewardTiers tr {
    display: flex;
    flex-direction: column;
    align-items: center;
}
table.rewardTiers td {
    width: 100%;
    border: none !important;
    margin-bottom: 60px;
    padding: 0;
}
table.rewardTiers td:last-child {
    margin-bottom: 0px;
}
#mainContent table.rewardTiers div.subtitle {
    width: 100%;
}
}
@media only screen and (max-width: 600px),
screen and (max-device-width: 600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
ul.topNumber li.listPhone {
    display: none;
}  
/* --- Search Bar --------------------------------------------------------------------------------- */
.searchandfilter ul li {
    width: 100%;
	margin: 12px 0 0;
}
.searchandfilter ul li:first-child {
	margin-top: 0px;
}
.searchandfilter ul li.sf-field-submit {
    margin: 0;
    padding-top: 12px;
}
/* --- Featured Area --------------------------------------------------------------------------------- */

#featuredArea ul.feat-container li .mainFeat {
    display: block;
}
#featuredArea ul.feat-container li .responsiveFeat {
    display: none;
}

#pageMenu ul.feat-container li .responsiveFeat {
    display: none;
}
#pageMenu ul.feat-container li .mainFeat {
    display: block;
}
/* --- News Area --------------------------------------------------------------------------------- */
#newsArea, #galleryArea {
    padding-left: 15px;
    padding-right: 15px;
}
ul.photoList.col5 li {
    width: 32%;
}	  
/* --- Callout Area --------------------------------------------------------------------------------- */
#calloutArea .col-lg-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
/* --- Typography --------------------------------------------------------------------------------- */  
#mainContent .intro, #contactArea .intro {
    width: 100%;
}
body {
    font-size: 16px;
    line-height: 24px;
}
 ul li, ol li {
    line-height: 21px;
}
/* --- Half Photo Area --------------------------------------------------------------------------------- */
.itemSection .content {
    padding: 40px 15px;
}
.itemSection .content .btnsArea {
    margin-top: 15px;
}
/* --- Team Area --------------------------------------------------------------------------------- */
ul.team-container.col5 li {
    width: 49.8%;
}
ul.team-container.col5 li {
    width: 49.4%;
    margin: .3%;
}
ul.feat-container.col3 li, #pageMenu ul.feat-container.col4 li {
    width: 77%;
}
#testimonial {
    background-size: cover;
}
#testimonial .col-lg-7 {
    clip-path: circle(61% at 50% 50%);
}
#testimonial .col-sm-4 {
    display: none;
}
#testimonial .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
}
#imgContent .imgBox img {
    max-width: 80%;
}
.single-system #imgContent .imgBox img {
    max-width: unset;
}
#colFirst.col-lg-3, #colSecond.col-lg-3, #colSocial.col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
}
.widget-title {
    text-align: center;
}
#footerArea .footer-widget-2.widget-area {
    padding: 20px 0;
}
#footerArea {
    padding: 180px 0 30px;
}
#colSocial {
    margin-top: 20px;
}
.single-system #imgContent .sp-thumbnails.sp-grab {
    transform: translate3d(5%, 0px, 0px) !important;
}
.intro {
    width: 80%;
}
.single-system ul.feat-container.col3 li {
    width: 95%;
}
.ftLogo a img {
    max-width: 225px;
}
#mobileMenu .mm-navbar-top-1 a img {
    height: 53px;
    width: auto;
}
.single ul.blogList.col3 li,
ul.blogList.col3 li {
    width: 78%;
    margin-left: 11%;
}
ul.blogList.col3 li:first-child {
    margin-bottom: 20px;
}
/* --- Resources Area --------------------------------------------------------------------------------- */
ul.list-columns.col3 > li {
	width: 100%;
}
      
}