.view-article #sp-main-body .article-details,
.view-category #sp-main-body .container,
#sp-bottom .container {
  max-width: 90%;
}

.sppb-addon-articles .sppb-addon-article-layout-editorial-content img {
    object-fit: contain;
}

.view-article #sp-main-body .article-details div[itemprop="articleBody"] .sppb-row-container{
  max-width: 100%;
  padding: 0px;
}

#sp-header {
  background: #f4f3f3;
}

#sp-menu>.sp-column {
  height: 60%;
  margin-top: 17px;
}

#sp-header,
#sp-header.header-sticky {
  position: fixed;
  top: 84px !important;
  animation: none;
  height: 53px;
  z-index: 888888;
}

.sp-megamenu-parent>li>a {
  height: 30px;
}

#sp-top-bar {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0;
  padding: 12px 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  margin-top: 3px;
}

#sp-menu .justify-content-end {
  justify-content: center!important;
}

.sp-megamenu-parent>li:hover:after,
.sp-megamenu-parent>li.active:after {
  display: none;
}

.itemid-298 #sp-main-body {
  padding: 135px 0 50px 0;
}

.article-list .article .article-body,
.view-article #sp-main-body,
.article-list.articles-leading,
.com-content-category-blog__item.blog-item {
  padding-top: 175px;
}

.com-sppagebuilder #sp-main-body {
        padding: 100px 0 0 0;
}

.view-article #sp-main-body .article-details .article-full-image,
.article-intro-image.float-left {
  border-top: 0px;
  padding-top: 0px;
  float: right;
  margin-left: 50px;
  margin-bottom: 50px;
  max-width: 450px;
}

.view-article #sp-main-body .article-details div[itemprop="articleBody"] {
  max-width: 100%;
}

.form-control,
input[type="text"]:focus {
  border-bottom: 1px solid #ffffff!important;
  color: #ffffff;
}

#sp-bottom1 .sp-module-content .form-control::placeholder {
  color: #ffffff;
  font-size: 14px
}

.badge {
  color: #000;
}

.sp-scroll-up {
  bottom: 25px;
}

.sp-page-title {
    top: 135px;
    position: relative;
    padding-bottom: 245px;
    background-repeat: no-repeat;
    background-size: cover;
}

h2.sp-page-title-heading {
  display:none;
}

.view-article #sp-main-body .article-details .article-header h1 {
    font-size: 40px;
    line-height: 55px;
    text-transform: inherit;
    width: 90%;
    margin-bottom: 45px;
    color: #6d6e71;
}

.article-details .featured-article-badge {
 display:none;
}



/* Error page styling */

html.error-page .error-code,
html.error-page .error-message,
body .error-wrapper .sppb-btn.sppb-btn-link:hover, body .error-wrapper .sppb-btn.sppb-btn-link:focus, body .error-wrapper .btn.sppb-btn-link:hover, body .error-wrapper .btn.sppb-btn-link:focus,
html.error-page .error-wrapper a.sppb-btn-link {
    color: #000!important;
}

html.error-page body {
    background-color: #fff!important;
}

html.error-page .error-logo {
    transform: scale(0.5);
}

html.error-page .error-wrapper {
    gap: 70px!important;
    margin-left: 25px!important;
}


/* iPhone bg fix */

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .sp-page-builder .page-content #section-id-1603175361137,
  .sp-page-builder .page-content #section-id-1614061579343,
   #call-to-action {
    background-size: unset !important;
    background-attachment: scroll !important;
    background-position: top !important;
  }
}

/* Extra small devices (phones, 600px and down) */
@media screen and (min-width:320px) and (max-width:932px) {
  #sp-menu>.sp-column {
    margin-top: 0px;
}
 
.offcanvas-active #sp-header {
    display:none;
  }
  
 .itemid-298 .sp-page-builder .page-content #section-id-1754546475130,
  .itemid-298 .sp-page-builder .page-content #section-id-f751349e-ea2c-4c17-bbf7-f8d2505c1c2d{
    padding-right: 5%;
    padding-left: 5%;
}
  
  h2 {
    font-size: 28px !important;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...} 

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width:1024px) {..}

/* Large devices (laptops/desktops, 992px and up) */
 @media screen and (min-width: 900px) and (max-width:1440px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

/* Codes for Bootstrap hidden elements on devices
hidden-xs
hidden-sm
hidden-md
hidden-lg
 */