/* 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) {
		
  .header-bar .header-text {
    text-align: center !important;
    display: inline-block !important;
    /* Change display to inline-block */
    font-size: 12px !important;
    /* Adjust font size */
    vertical-align: top;
  }
		
	 /* LINE HEIGHT */	
		
	p {
  line-height: 1.1;
}
		
	.dmspacer {
      height: 0px !important; /* Or use other units like em, rem, etc. */
    }	

		
  /* POST BLOG IMAGE HEIGHT */

  .bdp-post-image-bg img {
    height: 300px;
  }

  .ttfmake-button {
    width: 150px !important;
    text-align: center;
    font-size: 11px;
  }

  .social-customizer.social-links {
    float: none !important;
    /* Remove float */
    display: inline-block !important;
    /* Change display to inline-block */
    margin: 5px;
    /* Add margin for spacing between elements */
  }

  .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: center;
    float: right;
  }

  .header-social-links {
    float: left;
  }

  .builder-text-content   h1,
  h2,
  h3,
  p {
    padding-bottom: 30px;
  }


  /* ASJUST MAIN SLIDES HEIGHT TO LESS FOR SMALLER TABLETS LAPTOPs ETC. */

  .builder-banner-slide {
    padding-bottom: 25% !important;
  }
}

/*
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
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 */

p {
  line-height: 1.1;
}

.dmspacer {
      height: 160px !important; /* Or use other units like em, rem, etc. */
    }	

.minus20top {
		margin-top: -20px;
}

.bottom50gap {
		margin-bottom: 60px;
}

.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;
}

.bdp-post-title a {
  font-size: 24px;
}

.testimonial_rotator.template-headlined .testimonial_rotator_slide_title {
  font-size: 30px;
  color: #ffffff;
}

.testimonial_rotator_wrap * {
  color: #ffffff;
  font-size: 20px;
}

.make-social-icon {
  color: #cccccc;
	margin: 0px 10px 10px 0px;
	display: inline-block !important;
}

.header-social-links {
		margin-top: -8px;
}

/* ADD MARGIN ABOVE EACH INDIVIDUAL POST */

.entry-title {
  margin-top: 10px;
}

.more-link {
  color: #ffffff;
}




/* OTHERS 769px or higher width covers sml laptops large phones larger HD PCS etc and high res tablets */
/* OTHERS 769px or higher width covers sml laptops large phones larger HD PCS etc and high res tablets */
/* OTHERS 769px or higher width covers sml laptops large phones larger HD PCS etc and high res tablets */
/* OTHERS 769px or higher width covers sml laptops large phones larger HD PCS etc and high res tablets */
/* OTHERS 769px or higher width covers sml laptops large phones larger HD PCS etc and high res tablets */

@media screen and (min-width: 769px) {
  .header-bar.right-content .header-text {
    margin-top: 0px;
    text-align: center !important;
    float: none !important;
  }
		
	 /* LINE HEIGHT */	
		
	p {
  line-height: 1.2;
}
		
.dmspacer {
      height: 20px !important; /* Or use other units like em, rem, etc. */
    }	


  /* POST BLOG IMAGE HEIGHT */


  .site-header {
    text-align: center !important;
  }

  .header-bar .header-text {
    font-size: 12px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    /* Add align-items to center vertically */
    margin-top: 10px;
  }

  #menu-header-menu.menu {
    text-align: right;
    width: 130% !important;
  }

  .header-text {
    text-align: center;
  }

  .site-header-main {
    overflow: visible;
    height: auto !important;
    margin-bottom: 0px;
  }

  a.custom-logo-link {
    display: inline-block;
    margin-top: 0px;
    margin-left: 35px;
  }

  .site-header {
    text-align: center !important;
  }

  .header-bar.right-content .header-text {
    text-align: center;
    float: none;
  }

  .header-bar .header-text {
    font-size: 16px;
    display: flex;
    justify-content: center;
    text-align: right;
    align-items: center;
    margin-top: 0px;
  }

  .site-branding {
    align-items: center;
    vertical-align: middle;
  }

  #menu-hdr.menu {
    margin-top: 20px;
  }

  #menu-headermenu.menu {
    width: 100%;
  }

  #menu-header-menu.menu {
    text-align: center;
    width: 100% !important;
  }

  #site-navigation.site-navigation {
    width: 130% !important;
    float: right;
    word-spacing: 1px;
    margin-top: 20px;
  }

  #site-footer.site-footer-text {
    border-top-width: 3px;
    border-top-color: #000000;
    border-top-style: solid;
    background-color: #000000;
  }

  .container,
  .infinite-footer-container,
  .page-template-template-builder-php .entry-content > .twitter-share {
    max-width: 100%;
  }


  .ttfmake-button {
    width: 196px !important;
    text-align: center;
    font-size: 14px;
		margin-left: 10px;
		margin-right: 10px;
		
  }

  .su-box-title {
    text-align: center;
  }

  .su-box-content.su-u-clearfix.su-u-trim {
    text-align: center;
  }

  .builder-banner-slide {
    padding-bottom: 16% !important;
  }

  #site-footer.site-footer.footer-layout-1 {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #000000;
  }


  #site-footer.site-footer.footer-layout-2 {
    border-top-width: 2px;
    border-top-color: #000000;
    border-top-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
  }

  .testimonial_rotator_slide_title {
    color: #892d36;
  }

  /* 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: 10px;
  }

  .ttfmp-post-list-item-title {
    color: #222222;
    text-align: left;
    font-weight: lighter;
    text-transform: capitalize;
    font-size: 1.8em;
  }

  .ttfmp-post-list p {
    color: #000000;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
  }

}

/* 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) {
  
	p {
  line-height: 1.1;
}
	
.dmspacer {
      height: 10px !important; /* Or use other units like em, rem, etc. */
    }	
	
		.su-image-carousel a {
    text-align: center;
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-weight: 300;
  }

  /* POST BLOG IMAGE HEIGHT */

  .bdp-post-image-bg img {
    height: 300px;
  }

  p {     font-size: 24px;   }

  #site-navigation.site-navigation {
    width: 100% !important;
    background-color: #222222;
  }

  .site-header .site-header-main .container {
    max-width: 100% !important;
    width: 100% !important;
    margin-top: -28px;
    margin-bottom: -22px;
    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: -4px;
  }
		
	.header-social-links {
			margin-bottom: -20px;
		}
		
	.make-social-icon {
		width: 42px;
    height: 42px;
		
		}

  .ttfmake-button {
    width: 189px !important;
    text-align: center;
    margin: 10px;
    font-size: 16px;
  }

  .site-description {
		margin-top: -30px;	
    text-align: center;
    font-size: 12px;
  }

  .menu-toggle {
    margin-top: 0px;
    color: #fff;
  }

  a {     color: #892d36;   }

  .builder-banner-slide {
    padding-bottom: 38% !important;
    margin-top: -2px;
  }

  .site-branding {
    width: 95% !important;
    margin: 15px;
    padding-bottom: 5px;
  }

  .header-bar .header-text {
    text-align: center !important;
    float: none !important;
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .su-custom-gallery.su-custom-gallery-title-always.su-lightbox-gallery {
    height: 200px;
  }
}