/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

iframe {
  max-width: inherit !important;
  max-height: inherit !important;
}

/* Font Size*/
.gb > h6 {font-weight: 100}

.title h3 {
  line-height:72px;
}

.dm1 p {
    line-height: 28px;
}

.dm p, .imgwtxt .text p, .pmp {
    line-height: 28px;
}

.yt-main p {
    line-height: 28px;
}

.c-68737D {
    line-height: 28px;
    text-align:center;
    
}

.single-post .title p {
    color: #536160;
    margin-top: 16px;
}

body {
    color: #536160;
}

p {
    line-height: 28px;
}

.smalsec p {
    color: #68737d;
}

.nav-link {
  font-size:14px !important;
}

.testi-ow-sec p {
    font-size: 16px;
    line-height: 28px;
}

.ytpost p {
  line-height:28px;
}

.ytpost h6 {
  line-height:28px;
}

.shbox .text p {
    margin-bottom: 5px;
    color: #03363d;
}

/* Footer */

footer .bottom p, footer .bottom a {
    line-height: 24px;
    font-size: 14px;
}


.mb-2, .my-2 {
    margin-bottom: 0px!important;
}

.lgul { 
  font-size: 14px;
}

.product-vi .main {
height:360px;
padding: 0px;
}

/* Video Modal */
.modal-content {
  background-color: #fff0;
  border:none;
}

.close {
  text-shadow: none;
  text-align: right;
  opacity: 100;
  color: #ffffff;
}

.shbox .text small {
    font-size: 14px;
    line-height:22px;
}

button.close {
    padding-bottom: 10px;
}

/* Homepage */
.home-hero .text {background: rgb(0, 0, 0, 0)}

/* Add to Cart */
th {padding: 10px; width: 30%;}
.col-md-5 > div {width: auto !important;}
td > select {margin: 0 10px; width: -webkit-fill-available; height: 27px; border: 1px solid #DADFEA;}
input.cartjs_product_input_txt {border: 1px solid #DADFEA; padding-left: 5px;}
.cartjs_product_table > table {margin-bottom: 20px !important; margin-top: 30px !important}

/* Page Not Found*/


/*  Blog Page Adjustments */
.asr-filter-div { max-width: 1140px; max-width: fit-content; white-space: nowrap; display: block; }

/*  Mobile Header*/
@media only screen and (max-width: 767px) {
  .hero .text h1 {font-size: 2.4em;}
  .hero .text p {font-size: 1.5em;}
  .home-hero .text h1 {font-size: 2.4em;}
  .home-hero .text h4 {font-size: 1.5em;}
  .home-hero .text .badge {font-size: 1.5em;}
  footer .container {padding-left: 15px; padding-right: 15px}
 .title h3 {font-size: 32px; line-height: 48px !important;}
}

/*  Youtube Product Page */
.ytplay .pl {background: rgb(0 0 0 / 0%);}
.yt-main .ytplay {height: fit-content;}

/*  Product Styling */
p.c-68737D {display: inline-block;}
ul.c-536160.pl-3 {display: inline-block; margin-bottom: 20px;}

@media only screen and (max-width: 767px) {
  .owl-nav {bottom: 70px;}
}

/* In Dash Banner */
.inrow .c2 h4 {
    font-size: 36px;
    color: #000;
    font-family: 'Poppins-Regular';
}

/*Single product store center bullet */
ul.c-536160.pl-3 {
    text-align: left;
}

/*Product List header font size and spacing */
.dm h6, .imgwtxt .text h6, .pmh6 {
    font-size: 24px;
    line-height:36px;
}


/* Instagram padding */
#sb_instagram #sbi_images {
    padding-right: 5px;
}

/*Background Hero */
.hero .text {
    background: rgba(0, 0, 0, 0);
}

a.custom-logo-link {z-index: 2}

.navbar-light .navbar-toggler {z-index: 3}

/*Product Page Mobile Image Overlap */
@media only screen and (max-width: 767px) {
.lgr-round {
    height: 160px;
    width: 160px;
    margin-top: 120px;
    margin-left: 0px;
}
}

@media only screen and (max-width: 767px) {
.portable-sec img {
    width: 140px;
    margin-top: 140px;
}
}

@media only screen and (max-width: 767px) {
.lgr-round h6 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
}
}

@media only screen and (max-width: 767px) {
br {
    display: none;
}
}