/* TO 1100px width covers larger mobiles, sml laptops v large phones high res tablets Landscape mode i.e. iPads  */

/* TO 1100px width covers larger mobiles, sml laptops v large phones high res tablets Landscape mode i.e. iPads  */

/* TO 1100px width covers larger mobiles, sml laptops v large phones high res tablets Landscape mode i.e. iPads  */

/* TO 1100px width covers larger mobiles, sml laptops v large phones high res tablets Landscape mode i.e. iPads  */

/* TO 1100px width covers larger mobiles, sml laptops v large phones high res tablets Landscape mode i.e. iPads  */

@media screen and (min-width: 769px) and (max-width: 1100px) {
		
	 /* ADJUST MAIN SLIDES HEIGHT TO LESS FOR SMALLER TABLETS LAPTOPs ETC. */

  .builder-banner-slide {
    padding-bottom: 85% !important;
  }	
		
  .header-bar .header-text {
    text-align: center !important;
    float: none !important;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 0px;
  }
		
	.builder-text-section-title {
		display: none !important;
}	

  /* POST BLOG IMAGE HEIGHT   */

  .bdp-post-image-bg img {
    height: 300px;
  }   

  .ttfmake-button {
    width: 140px !important;
    text-align: center;
    font-size: 12px;
  }

  .social-customizer.social-links {
    float: none !important;
    /* Remove float */
    display: inline-block !important;
    /* Change display to inline-block */
  }

  .site-navigation.site-navigation {
    width: 130% !important;
    /* Adjust width to auto */
    float: right !important;
    /* Remove float */
    word-spacing: normal;
    /* Reset word-spacing */
    margin-top: -30px;
    font-size: 14px;
    /* Adjust font size */
  }

  .header-bar.right-content .header-text {
    text-align: right;
    float: right;
  }

  .header-social-links {
    float: right;
		margin-right: 5px;
    /* Add margin for spacing between elements */	
  }
		
 .make-social-icon {
			margin-right: -15px;
		}
			

  .builder-text-content   h1,
  h2,
  h3,
  p {
    padding-bottom: 30px;
  }

  #wpforms-298 {
    background-color: #f4edcf;
    border: 1px solid #222;
    border-radius: 8px;
    margin: 10px;
    padding: 10px;
  }
}

/*
GENERIC CSS FOR ALL DEVICE SIZES HERE
*/

/*
GENERIC CSS FOR ALL DEVICE SIZES HERE
*/

/*
GENERIC CSS FOR ALL DEVICE SIZES HERE
*/

/*
GENERIC CSS FOR ALL DEVICE SIZES HERE
*/

/*
GENERIC CSS FOR ALL DEVICE SIZES HERE
*/

/*
GENERIC CSS FOR ALL DEVICE SIZES HERE
*/

/*
GENERIC CSS FOR ALL DEVICE SIZES HERE
*/

/* POST BLOG IMAGE HEIGHT */

.p14 { font-size: 14px; }

.p16 { font-size: 16px; }

.p18 { font-size: 18px; }

.p20 { font-size: 20px; }

.p22 { font-size: 22px; }

.p24 { font-size: 24px; }

.p26 { font-size: 26px; }

.p34 { font-size: 34px; }

.p44 { font-size: 44px; }

.builder-text-section-title {
		display: none !important;
}

.sofiafont { font-size: 24px;
        font-family: 'Sofia', "Cookie", sans-serif;
         text-align: center; }

.px50gaptop { margin-top: 50px;}

.bookappt {
		border-top-width: 5px;
		border-top-color: #a0c633;
    border-top-style: solid;
		border-bottom-width: 5px;
	  border-bottom-color: #a0c633;
		border-bottom-style: solid;
  }

ul.black-list a {
  color: #000;
  text-decoration: none;
  transition: color 150ms ease-in-out;
}

ul.black-list a:hover,
ul.black-list a:focus-visible {
  color: #777;
}

/*  poss background for slides to make text easier to read */


.bdp-post-image-bg img {
  height: 300px;
}

.bdpp-post-grid.bdpp-col-3.bdpp-columns.bdpp-post-1431.bdpp-post-standard.bdpp-has-thumb {
  height: 300px;
}

#ttfmake-1500031973.ttfmake-button {
  margin-left: 10px;
}

.bdp-readmorebtn {
  background-color: #892d36;
  color: #ffffff;
}

.dmgap5 {
  height: 5px;
}

.dmgap10 {
  height: 10px;
}

.dmgap20 {
  height: 20px;
}

.dmgap30 {
  height: 30px;
}

.dmgap40 {
  height: 40px;
}

.dmgap50 {
  height: 50px;
}

.dmgap60 {
  height: 60px;
}

.dmgap70 {
  height: 70px;
}

.dmgap80 {
  height: 80px;
}

.dmgap90 {
  height: 90px;
}

.dmgap100 {
  height: 100px;
}

.dmgap110 {
  height: 110px;
}

.dmgap120 {
  height: 120px;
}

.dmgap130 {
  height: 130px;
}

.dmgap140 {
  height: 140px;
}

.dmgap150 {
  height: 150px;
}

.dmgap160 {
  height: 160px;
}

.dmgap170 {
  height: 170px;
}

.dmgap180 {
  height: 180px;
}

.dmgap190 {
  height: 190px;
}

.dmgap200 {
  height: 200px;
}

.dmboxes {
  height: 600px;
}

.dmboxessmall {
  height: 258px;
}

.su_posts-list-loop {
  color: #000000;
}

.bdp-post-title a {
  font-size: 24px;
}

.su-image-carousel a {
  text-align: center;
  font-family: 'Source Sans Pro';
  font-size: 34px;
  color: #892d36;
  font-weight: 100;
}

.testimonial_rotator.template-headlined .testimonial_rotator_slide_title {
  font-size: 30px;
  color: #ffffff;
}

.testimonial_rotator_wrap * {
  color: #ffffff;
  font-size: 20px;
}

.footer-social-links {
  color: #000000;
	margin-right: 20px;
    /* Add margin for spacing between elements */	
}

  .social-customizer.social-links {
    float: none !important;
    /* Remove float */
    display: inline-block !important;
    /* Change display to inline-block */
    margin-right: 20px;
    /* Add margin for spacing between elements */
  }

.make-social-icon {
		margin-right: 20px !important;
}


/* ADD MARGIN ABOVE EACH INDIVIDUAL POST */

.entry-title {
  margin-top: 10px;
}

.more-link {
  color: #ffffff;
}

.su-custom-gallery-slide img {
  display: block;
  margin: 6px;
  padding: 8px;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: none;
  transition: all .2s;
  height: 100%;
}

.dmwestex img {
  display: block;
  margin: 6px;
  padding: 8px;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: none;
  transition: all .9s;
  height: 320px;
}

.dmparagaps {
  margin-top: 80px;
}


/* OTHERS 769px or higher width covers sml laptops large phones larger HD PCS etc and high res tablets */

@media screen and (min-width: 769px) {
		
		 /* ADJUST MAIN SLIDES HEIGHT TO LESS FOR SMALLER TABLETS LAPTOPs ETC. */	
		
 .builder-banner-slide {
    padding-bottom: 17% !important;
  }
		
  .header-bar.right-content .header-text {
    margin-top: 10px;
    text-align: center !important;
    float: none !important;
  }
		
.builder-text-section-title {
		display: none !important;
}		

  /* POST BLOG IMAGE HEIGHT */

  .bdp-post-image-bg img {
    height: 400px;
  }

  a.custom-logo-link {
    display: inline-block;
    /* Change from float: left to display: inline-block */
    margin-top: 0px;
    margin-left: 5px;
  }

  .site-header {
    text-align: center !important;
  }

  .header-bar .header-text .header-bar makeplus-is-sticky {
    font-size: 14px;
    display: flex;
    justify-content: center;
    text-align: center;
		vertical-align: middle !important;
    align-items: center;
    /* Add align-items to center vertically */
    margin-bottom: 0px;
  }

  #menu-header-menu.menu {
    text-align: right;
    width: 100% !important;
  }

  .header-text {
    color: #ffffff;
    text-align: center;
  }

  .site-header-main {
    overflow: visible;
    height: auto !important;
    margin-bottom: 0px;
  }

  a.custom-logo-link {
    display: inline-block;
    margin-top: 10px;
    margin-left: 55px;
  }

  .site-header {
    text-align: center !important;
  }

  .header-bar.right-content .header-text {
    text-align: justify;
    float: none;
  }

  .site-branding {
    align-items: center;
    vertical-align: middle;
  }

  #menu-hdr.menu {
    margin-top: 10px;
  }

  #menu-headermenu.menu {
    width: 100%;
  }

  #menu-header-menu.menu {
    text-align: right;
    width: 100% !important;
  }

  #site-navigation.site-navigation {
    width: 100% !important;
    float: right;
    word-spacing: 1px;
    margin-top: 0px;
  }

  #site-footer.site-footer-text {
    border-top-width: 5px;
    border-top-style: solid;
  }

  .container,
  .infinite-footer-container,
  .page-template-template-builder-php .entry-content > .twitter-share {
    max-width: 100%;
  }

  .builder-banner-inner-content *:last-child {
    color: #fefefe;
    font-size: 1.3em;
    text-align: center;
    width: auto;
    margin-top: 0%;
 /*    background-color: #000000;    
    opacity: 0.6;    */
    z-index: 999;
  }

  .ttfmake-button {
    width: 150px !important;
    text-align: center;
    font-size: 14px;
		margin-left: 20px;	
  }

  .su-box-title {
    text-align: center;
  }

  .su-box-content.su-u-clearfix.su-u-trim {
    text-align: center;
  }


  #site-footer.site-footer.footer-layout-1 {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #000000;
  }

  .builder-text-content   h2,
  p {
    color: #333333;
  }

  #site-footer.site-footer.footer-layout-2 {
    border-top-width: 5px;
    border-top-color: #cd002b;
    border-top-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #cd002b;
    border-bottom-style: solid;
  }

  .testimonial_rotator_slide_title {
    color: #111111;
  }

  /* add margin below trustpilot area before the main 6 boxes */

  #builder-section-text_115.builder-section-prev-text.builder-section.builder-section-text.builder-section-next-text.has-background.builder-section-full-width.builder-text-columns-2.layout-6 {
    margin-bottom: 10px;
  }

  /* reduce margin just above footer */

  #site-content.site-content {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .social-customizer.social-links {
    margin-top: 0px;
		margin-bottom: 10px;	
  }

  .ttfmp-post-list-item-title {
    color: #222222;
		text-align: left;
    font-weight: lighter;
		text-transform: capitalize;
	  font-size: 12px;
  }

  .ttfmp-post-list p {
    color: #ffffff;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    margin-top: -12px;
  }

  .more-link {
    color: #ffffff;
  }
}

/* MOBILES UP TO 768PX */

/* MOBILES UP TO 768PX */

/* MOBILES UP TO 768PX */

/* MOBILES UP TO 768PX */

/* MOBILES UP TO 768PX */

/* MOBILES UP TO 768PX */

/* MOBILES UP TO 768PX */

/* MOBILES UP TO 768PX */

@media screen and (min-width: 0px) and (max-width: 768px) {
		
		 /* ADJUST MAIN SLIDES HEIGHT TO LESS FOR SMALLER TABLETS LAPTOPs ETC. */	
		
.header-social-links {
    text-align: center; /* Centers inline elements within their block container */
    /* or use flexbox for more control */
    display: flex;
    justify-content: center;
    align-items: center;
		width: 100%;
		font-size: 20px; 
		margin-bottom: -10px;
}
		
.builder-banner-slide {
    padding-bottom: 58% !important;
    margin-top: -30px;
  }
			
  .su-image-carousel a {
    text-align: center;
    font-family: 'Source Sans Pro';
    font-size: 18px;
    color: #111111;
    font-weight: 300;
  }
		
		.builder-text-section-title {
		display: none !important;
}

  /* POST BLOG IMAGE HEIGHT */

  .bdp-post-image-bg img {
    height: 300px;
  }

  p {
    font-size: 22px;
  }

  #site-navigation.site-navigation {
    width: 100% !important;
    background-color: #CCCCCC;
  }

  .site-header .site-header-main .container {
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: auto !important;
    text-align: center;
  }

  .site-header-main {
    overflow: visible;
    height: auto !important;
  }

  #builder-section-text_13.builder-section-first.builder-section.builder-section-text.builder-section-next-text.has-background.builder-section-full-width.builder-text-columns-1 {
    margin-top: -14px;
  }

  .ttfmake-button {
    width: 199px !important;
    text-align: center;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .site-description {
    text-align: center;
    font-size: 16px;
  }

  .menu-toggle {
    margin-top: 0px;
    color: #fff;
		margin-bottom: -20px;
  }

  .site-branding {
    width: 85% !important;
    margin: 25px;
    padding-bottom: 5px;
  }

  .header-bar .header-text {
    text-align: center !important;
    float: none !important;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
		margin-bottom: 0px;
  }

  .su-custom-gallery.su-custom-gallery-title-always.su-lightbox-gallery {
    height: 200px;
  }
}