.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}


/* Blog page design */
@media all and (min-width: 992px) {
  .header-blog .blog-portfolios-listing .card {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 15px;
      row-gap: 15px;
      direction: rtl;
  }
  
  .header-blog .blog-portfolios-listing .card .img-content-grid img {
    height: 505px;
  }

  .header-blog .blog-portfolios-listing .card .card-body {
      justify-content: center;
      display: flex;
      flex-direction: column;
  }
}

@media all and (min-width: 440px) {
  
}

@media all and (min-width: 1200px) {
  	.header-blog .blog-portfolios-listing .card .card-body {
        padding-right: 200px !important;
    }
}

@media all and (min-width: 768px) {
	.blog-portfolio-show .col-md-12 {
        max-width: 66.66666667% !important;
    }
}
/* END Blog page design */

@media all and (min-width: 1440px) {
    .container-fluid {
		padding-left: 80px !important;
      	padding-right: 80px !important;
    }
}

.home-banner-btn {
  	font-weight: 700;
  	font-style: italic;
}

.round-image img {
	border-radius: 10px;
}

.contact-text a, .contact-text p {
    font-size: 30px !important;
}

.contactrow h2 {
  font-size: 50px;
}

.round-image-top img {
	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
}

.home-card-btn {
  	border-top-left-radius: 0px;
  	border-top-right-radius: 0px;
	border-bottom-left-radius: 10px;
  	border-bottom-right-radius: 10px;
}

.align-items-stretch {
	align-items: stretch !important;
}

.text-box-shadow h1 span,
.text-box-shadow h3 span {
	text-shadow: 2px 2px 24px #000;
}

.slogan p {
    font-size: 50px;
	text-shadow: 2px 2px 24px #000;
}

.cms-block-button:not(.skitle-contact .cms-block-button, .home-card-btn, .plan-route-btn) {
	font-weight: 700;
  	width: 246px !important;
}

.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .close-mobile-menu {
	filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(330deg) brightness(98%) contrast(105%);
}

#mobile-menu-ul {
	align-items: center;
  	width: 100%;
}

#mobile-menu-ul li.active > a,
#mobile-menu-ul li:hover > a {
	color: var(--primary-color) !important;
}




.home-usps .icon-box-description,
.header-usps .icon-box-description {
	display: none;
}

.skitle-contact .cms-block-button {
	width: 25%;
  	font-size: 18px !important;
}

.navbar-expand-lg .js-nav {
    padding-top: 5px;
    padding-bottom: 5px;
}

#pb-form button {
	border-style: solid;
    border-radius: .25rem !important;
    padding: 18px !important;
    text-align: center;
    font-weight: 700;
}

#footer .footer-bottom > span {
	display: flex;
    justify-content: space-between;
}

#footer .footer-bottom a {
	font-size: 15px;
}

@media all and (max-width: 1199px) {
    .header-socials ul {
      	flex-wrap: nowrap;
    }
  
  	.home-usps {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-wrap: nowrap !important;
    }
  
    .home-usps .cms-block-column {
        flex: 0 0 100%;
        max-width: 100%;
    }
  .slogan p {
    font-size: 30px;
    text-shadow: 2px 2px 24px #000;
}
}

@media all and (max-width: 991px) {
	#footer .footer-bottom > span {
        flex-direction: column;
    }
  .slogan p {
    font-size: 30px;
    text-shadow: 2px 2px 24px #000;
}
  .contactrow h2 {
    font-size: 40px;
}
  .contact-text p {
    font-size: 22px !important;
    line-height: 140%;
}
  .contact-text a {
    font-size: 22px !important;
    line-height: 140%;
}
  .skitle-contact .cms-block-button {
	width: 100%;
  	font-size: 18px !important;
}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
 {
   	.row-position-home, .tablet-portrait-row {
        flex-wrap: wrap !important;
    }

    .row-position-home .cms-block-column,
   	.tablet-portrait-row .cms-block-column {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1.5rem !important;
    }
   
   	.row-position-home .cms-block-column img {
      width: 100%;
    }
   
   	.reverse {
      	flex-direction: column-reverse;
    }
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)
{

}

/* Ipad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
 {
    .skitle-contact .cms-block-button {
        width: 40%;
        font-size: 18px !important;
    }
}

/* Ipad Air */
@media only screen 
  and (min-device-width: 1025px) 
  and (max-device-width: 1180px) 
  and (orientation: landscape) 
 {
   
.container {
  max-width: 1100px;
   }
   .skitle-contact .cms-block-button {
    width: 40%;
    font-size: 18px !important;
}
}

@media all and (max-width: 812px) {
	.cms-block-button {
        width: 100% !important;
    }
  
    .reverse {
      	flex-direction: column-reverse;
    }
  .slogan p {
    font-size: 30px;
    text-shadow: 2px 2px 24px #000;
}
  .skitle-contact .cms-block-button {
	width: 100%;
  	font-size: 18px !important;
}
}

.featuredblogrow  h3{
  	margin-top: 20px;
    font-size: 45px !important;
    line-height: 130% !important;
}

.herorow p {
    COLOR: #fff;
    font-size: 20px;
    font-weight: 600;
}

.blog-portfolio-show h3 {
    font-size: 20px !important;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 2px;
}

#mobile-menu-ul>li:last-of-type>a {
    background: #fff !important;
    border: 1px solid #000 !important;
    0: JIS04;
    border: 1px solid var(--primary-color);
    border-radius: .25rem;
    color: #000 !important;
    font-weight: 700;
    padding: 15px!important;
}

.herorow h2 {
    font-size: 60px;
    line-height: 130%;
    color: #fff;
}

.ecommercerow h2 {
    font-size: 60px;
    line-height: 130%;
    color: #fff;
    text-shadow: 0 0 32px #010101;
}

.ecommercerow  p {
    COLOR: #fff;
    font-size: 20px;
    font-weight: 600;
    text-shadow: 0 0 32px #010101;
}

.defaultblogsection {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.icon-box-icon-wrapper {
    align-items: inherit;
    display: flex;
    margin-top: 4px;
}

.icon-box-title {
	color: #000 !important;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 1px;
}

.blogtitlerow p {
    text-align: center;
    margin: 0;
    font-weight: 600;
    color: #c1c1c1;
}

.blogtitlerow h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
}

.footer {
    box-shadow: none !important;
    width: -moz-fit-content;
    width: fit-content;
}

input.form-control, select.form-control {
    height: calc(5.25rem + 2px);
    background: #eee;
    border: 0px;
    padding: 20px;
    font-size: 20px;
}

#pb-form button {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff;
}

.newslettersignup h2 {
  font-size: 90px;
}

.newslettersignup p {
  font-weight: 600;
}


label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #000;
    font-weight: 600;
}

.footertext p {
    color: #fff;
    margin-top: 18px;
    line-height: 40px;
}

.footertext a {
    color: #fff;
    margin-top: 18px;
    line-height: 40px;
}

#social-media-icons-94107158-9f7c-482b-92d4-6cb9c0ebba2c {
    gap: 0px;
    margin-top: 15px;
}



@media all and (min-width: 812px) {
.herorow {
    padding-left: calc((((100% - 200px)/6)*1) + 40px + 0px) !important;
}
}

.card-title {
    margin-bottom: 0.75rem;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 15px;
}

.defaultblogsection .img-content-grid img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.categorysubtitle p {
    font-size: 24px;
    font-weight: 500;
}

.blog-portfolio-show h1 {
    font-size: 35px;
    line-height: 140%;
    font-weight: 600;
    letter-spacing: 2px;
}

.blog-portfolio-show h2 {
    font-size: 25px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 2px;
}

.font-weight-bold {
  font-weight: 300 !Importnat;
}

#st-1 .st-btn {
  background: #000 !important;
  border-radius: 50px !important;
}

#st-2 .st-btn {
  background: #000 !important;
  border-radius: 50px !important;
}

.defaultblogsection .img-content-grid img {
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.card-title {
    margin-bottom: 0.75rem;
    font-size: 18px;
    line-height: 150%;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 15px;
}

.bapostcta {
    padding-top: 30px;
    padding-bottom: 30px;
    align-items: start;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid;
}

.object-fit-cover img {
    height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}


.bacta {
    border-radius: 0.25rem;
    width: 25%;
    margin: 25px auto 0px 0px;
    border-radius: 50px !important;
    padding: 15px;
    background: #000;
    border: 0px;
    color: #fff;
}

.defaultblogsection .img-content-grid img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.blog-portfolio-show h2 {
    font-size: 35px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 2px;
}

.blog-portfolio-show h3 {
    font-size: 25px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 2px;
}

@media all and (max-width: 1800px) {
.defaultblogsection .img-content-grid img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
}

@media all and (max-width: 1500px) {
  .featuredblogrow h3 {
    margin-top: 20px;
    font-size: 35px !important;
    line-height: 130% !important;
}
}

@media all and (max-width: 1300px) {
.defaultblogsection .img-content-grid img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
}

@media all and (max-width: 1180px) {
  .newslettersignup h2 {
    font-size: 70px;
}
  .ecommercerow h2 {
    font-size: 48px;
    line-height: 130%;
    color: #fff;
    text-shadow: 0 0 32px #010101;
}
  .defaultblogsection .img-content-grid img {
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
}

@media all and (max-width: 991px) {
  #render_area .card img, .img-content-grid img {
    height: 400px;
}
  .defaultblogsection .img-content-grid img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
  .herorow h2 {
    font-size: 50px;
    line-height: 130%;
    color: #fff;
}
  .ecommercerow h2 {
    font-size: 40px;
    line-height: 130%;
    color: #fff;
    text-shadow: 0 0 32px #010101;
}
  .newslettersignup h2 {
    font-size: 70px;
    line-height: 120%;
}
  .footerbottom h3 {
    font-size: 25px;
  }
}

@media all and (max-width: 812px) {
.object-fit-cover img {
    height: 250px;
}
  
    .defaultblogsection .img-content-grid img {
    height: 310px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
  
  .featuredblogrow h3 {
    margin-top: 20px;
    font-size: 25px !important;
    line-height: 130% !important;
}
  
  .img-content-grid img {
    height: 250px;
}
  
  .defaultblogsection .img-content-grid img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
  
  .featuredblogrow h3 {
    margin-top: 0px;
}
  
.card-title {
    margin-bottom: 0.75rem;
	line-height: 110%;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 15px;
}
  
  .blog-portfolio-show h1 {
    font-size: 25px;
    line-height: 140%;
    font-weight: 600;
    letter-spacing: 2px;
}
.blog-portfolio-show h2 {
    font-size: 22px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 2px;
}
  p {
    font-size: 16px;
    line-height: 30px;
}
  .bapostcta img {
    max-width: 50%;
	margin-bottom: 30px;
    display: block;
    margin: auto;
  }
  .bapostcta h2 {
    text-align: center;
    margin-top: 30px;
  }
  .bapostcta  p {
    text-align: center;
  }
  .herorow h2 {
    font-size: 30px;
    line-height: 130%;
    color: #fff;
}
  
.ecommercerow h2   {
    font-size: 30px;
    line-height: 130%;
    color: #fff;
}
  .blogtitlerow h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
  }
  .blogtitlerow p {
    margin-bottom: 20px;
}
  .bekijkalles {
    display: block;
    margin: auto;
}
  .bacta {
    display: block !important;
    margin: auto !important;
  }
  .newslettersignup h2 {
    font-size: 40px;
    line-height: 120%;
}
  .newsletterrow {
    padding-top: 30px !important;
  }
  .newslettersignup p {
    font-weight: 600;
    margin-top: 25px;
}
}

.featuredblogrow .card span.mr-3 {
  display: none;
}

.card span.mr-3 {
    color: #222;
    font-size: 12px;
    text-transform: uppercase;
    background: #dddcdc;
    padding: 2px 15px;
    border-radius: 50px;
}

@media all and (min-width: 992px) {
   #mobile-menu-ul .dropdown-menu {
       width: max-content;
   }
}