@media (min-width: 2560px) {
  .vidContentOverview {
    position:relative;
    width:26%;
    margin-left:auto;
    margin-right:auto;
    color:white;
  }
  .portfolio-caption-flag {
    width:27% !important;
  }
  .static-banner-textbox {
    padding:25px;
    margin-top:130px;
    margin-left:60px;
    width:700px;
  }
  
}

@media (max-width: 1024px) {
  .vidContentOverview {
    position:relative;
    width:65%;
    margin-left:auto;
    margin-right:auto;
    color:white;
    padding-top:6vh;
  }
  #maintenanceproducts .card {
    min-height:580px;
  }
  #maintenanceproducts .card p {
    margin-top: -10px;
  }
  .page_top_feature {
    height: 70vh;
  }
  .portfolio-caption-flag {
    width:40% !important;
  }
  .video_manual_search_box {
    width:100% !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}

@media (min-width: 2000px) {
  .timeline-video {
    width: 1024px;
    height: 768px;
    margin-top: 20px;
  }
  .darkbox-timeline {
    margin-top: 135px;
  }
  .static-banner-textbox {
    padding:25px;
    margin-top:80px;
    margin-left:10px;
    width:760px;
  }
  .container-static-banner {
    width: 1800px !important;
  }
}

@media (max-width: 1920px) {
  #homepage-support-features {
    width:100%;
  }
  #keyfeatures {
    width:100%;
  }
  #tiled-box-features {
    width:100%;
  }
  .darkbox-top {
    margin-top: -20px;
  }
  .large-logo {
    margin-left: 0px;
    max-height: 110px;
}
  #fusedproducts .card {
    min-height: 395px;;
  }
  #maintenanceproducts .card img {
    height: 240px;
    /* border-radius: 9px 9px 0 0; */
    margin-bottom: 20px;
}
#fusedproducts .card img {
  height: 230px;
  /* border-radius: 9px 9px 0 0; */
}
.portfolio-caption-flag {
  width:40% !important;
}
.static-banner-textbox {
  padding:25px;
  margin-top:60px;
  width:500px;
}
.pricing-header-image {
  min-height:255px;
}
}



@media (max-width: 1700px) {
  #fusedproducts .card {
    min-height:435px !important;
  }
}

@media (min-width: 2048px) {
.container {
    width: 2040px;
}
.container-narrow {
    width: 1170px;
    margin-left:auto;
    margin-right: auto;
}
.portfolio-caption-flag {
        top: 15px;
        left: 10px;
        padding: 5px 15px;

    }
}

@media (max-width: 2048px) {

.portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 590px;
    width: 19.1%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}

.portfolio-grid .portfolio-item-product-mini-feature-2018 {
    /*min-height: 540px;*/
    width: 30%;
}
.portfolio-caption-flag {
        top: 10px;
        left: 5px;
    }
}

@media (max-width: 1920px) {

.portfolio-caption-flag {
        top: 10px;
        left: 5px;
    }
.portfolio-grid .portfolio-item-product-mini-feature-2018 {
    /*min-height: 540px;*/
    width: 29%;
}
.portfolio-grid .portfolio-item-product-overview-feature-2018 {
    width: 18.5%;
    min-height: 760px;
}

.portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 370px;
    width: 31%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}
.overview-caption-flag-merchandise {
        height: 40px;
        top: 286px;
        padding: 5px 10px;
        font-size: 16px;
} 

.merchandise-reduced-height-section {
  /*height: 470px !important;*/
  min-height:470px !important;
}
.cf1 {
  position:relative;
  height:330px;
  width:100%;
  margin:0 auto;
}
.cf1-overview {
  height:260px;
}

.overview-caption-flag {
        height: 40px;
        top: 300px;
        padding: 5px 10px;
        font-size: 18px;
    }
    
 
    
.cf {
  position:relative;
  height:230px;
  width:100%;
  margin:0 auto;
}
.cf-overview {
  height:140px;
}

#fader {
  height:570px;
}
.fader-merchandise {
  min-height:360px;
}
.page_feature {
    padding: 50px 0px !important;
    min-height: 710px !important;
}

.fader {
    max-height: 500px;
}

.fader-buttons {
  position:relative;
  width: 100%;
  z-index:999;
  margin: 0 auto;
  text-align: center;
  bottom: 0px;
}

.merchandise-feature-reduced-height-section {
  min-height:700px !important;
}

}

@media (max-width: 1680px) {

.merchandise-reduced-height-section {
  /*height: 470px !important;*/
  min-height:470px !important;
}



.portfolio-grid .portfolio-item-product-mini-feature-2018 {
    /*min-height: 540px;*/
    width: 29%;
}

.portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 360px;
    width: 31%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}
.portfolio-caption-flag {
        top: 10px;
        left: 5px;
        /* visibility: hidden; */
        width: 44%;
    }
     .overview-caption-flag-merchandise {
        height: 40px;
        top: 323px;
        padding: 5px 10px;
        font-size: 16px;
    }   
    .cf1 {
  position:relative;
  height:330px;
  width:100%;
  margin:0 auto;
}
.cf1-overview {
  height:260px;
}


}

@media (max-width: 1382px) {

.merchandise-reduced-height-section {
  /*height: 470px !important;*/
  min-height:300px !important;
}
.fader-merchandise {
    min-height: 290px;
}

.portfolio-grid .portfolio-item-product-mini-feature-2018 {
    /*min-height: 540px;*/
    width: 29%;
}

.portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 360px;
    width: 31%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}
.portfolio-caption-flag {
        top: 10px;
        left: 5px;
        /* visibility: hidden; */
        width: 44%;
    }
     .overview-caption-flag-merchandise {
        height: 40px;
        top: 257px;
        padding: 5px 10px;
        font-size: 15px;
    } 
}

@media only screen and (max-width: 1199px) {
  .TextformatterVideoEmbed {
    margin-top:0px;
  }
}

@media (max-width: 1382px) {
.touch-overlay {
    position:absolute;
    display:inline-block;
    z-index:1001;
    right:10px;
    top:10px;
    color:#fff;
    font-size:35px;
    text-align:right;
}
}
@media (max-width: 1024px) {
  .overview-caption-flag {
        height: 40px;
        top: 506px;
        padding: 5px 10px;
        font-size: 18px;
    }

    .portfolio-caption-flag {
        top: 10px;
        left: 5px;
        /* visibility: hidden; */
        width: 50%;
    }
.merchandise-reduced-height-section {
  /*height: 350px !important;*/
  min-height:300px !important;
}

.portfolio-grid .portfolio-item-product-mini-feature-2018 {
    /*min-height: 540px;*/
    width: 30%;
}

.portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 360px;
    width: 31%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}
.portfolio-caption-flag {
        top: 10px;
        left: 5px;
        /* visibility: hidden; */
        width: 44%;
    }
     .overview-caption-flag-merchandise {
        height: 40px;
        top: 257px;
        padding: 5px 10px;
        font-size: 15px;
    } 

}
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header {
    position: relative;
  }
  .menu .navbar-default .navbar-nav > li > a {
    padding: 5px 7px;
  }
  #banner .block .download-btn li {
    width: 100%;
    margin-bottom: 5px;
  }
  #banner .block .download-btn li a {
    display: block;
  }
  #banner {
    padding: 40px 0;
  }
  #banner h1 {
    font-size: 40px;
  }
  #banner .block img {
    padding-top: 80px;
  }
  #banner .block > p {
    margin-bottom: 20px;
  }
  #service .block {
    margin-bottom: 40px;
  }
  #service .service-wrapper {
    padding: 80px 0;
  }
  #feature {
    padding: 30px 0;
  }
  #feature .title {
    margin-top: 0;
    margin-bottom: 30px;
  }
  #feature .block img {
    padding-top: 40px;
  }
  #feature .feature-item {
    margin-top: 10px;
  }
  #utility .block h2 {
    padding-top: 15px;
  }
  #utility-2 .block {
    padding-top: 0;
  }
  #subscribe .form-inline .form-group input {
    width: 100%;
  }
  footer .footer-logo {
    display: inline-block;
  }
  #cf {
  position:relative;
  min-height:250px;
  width:100%;
  margin:0 auto;
}
.portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 360px;
    width: 31%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}
.portfolio-caption-flag {
        top: 10px;
        left: 5px;
        /* visibility: hidden; */
        width: 44%;
    }
     .overview-caption-flag-merchandise {
        height: 40px;
        top: 323px;
        padding: 5px 10px;
        font-size: 16px;
    }   
    #keyfeatures .card {
      min-height: 520px;
    }
    #tiled-box-features {
      min-height: 520px;   
    }
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
  header {
    position: relative;
  }
  .footer-logo img {
    width: 100px;
  }
  #subscribe .form-inline .form-group input {
    width: 290px;
  }
  #feature {
    padding: 30px 0;
  }
  #banner .block .download-btn li {
    width: 100%;
    margin-bottom: 5px;
  }
  #banner .block .download-btn li a {
    display: block;
  }
  #banner {
    padding: 40px 0;
  }
  #banner h1 {
    font-size: 40px;
  }
  #service .service-wrapper {
    padding: 60px 0;
  }
  #service .block {
    margin-bottom: 20px;
  }
  #utility .block h2,
  #utility-2 .block h2,
  #feature .title {
    text-align: center;
  }
  #subscribe .form-inline .form-group input {
    width: 100%;
  }
  footer .footer-logo {
    display: inline-block;
  }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */
@media (max-width: 1170px) {
    .portfolio-grid .portfolio-item, .content-repository-item, .portfolio-grid .portfolio-item-support {
        width: 33.33333333333333%;
    }

    .portfolio-grid .portfolio-item-product-mini-feature-2018 {
        min-height: 540px;
        width: 21%;
}

}
@media (max-width: 1440px) {
    .portfolio-grid .portfolio-item-product-mini-feature-2018 {
        min-height: 540px;
        width: 29%;
}
    .cf {
      height:250px;
    }
        .cf-overview {
      height:170px;
    }
    #fader {
      height:640px;
    }
    .portfolio-caption-flag {
        top: 10px;
        left: 10px;
        /* visibility: hidden; */
        width: 55%;
    }
}
@media (max-width: 1280px) {

.portfolio-caption-flag {
        top: 10px;
        left: 10px;
        /* visibility: hidden; */
        width: 55%;
    }
}

@media (max-width: 1366px) {

  #maintenanceproducts {
    width: 100%;
  }
  #fusedproducts {
    width: 100%;
  }
  .timeline-feature-image-2 {
    width:88%;
  }
  .page_feature {
    padding: 50px 0px !important;
    min-height: 330px !important;
    margin-left:0px !important;
}
.plan-inner {
  min-width: 200px !important;
}
}


@media (max-width: 1024px) {


  .navbar-center {
    display:contents;
    float:left;
    margin: 0;
  }

  #maintenanceproducts {
    width: 100%;
  }
  #fusedproducts {
    width: 100%;
  }

  .plan-inner {
    min-width: 160px !important;
  }

  .nav-arrow {
    margin-top:-290px;
    width: 50px;
    height: 50px;
    padding-top: 0px;
    font-size: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.fa-angle-right:before {
    margin-left: -5px;
}
.fa-angle-left:before {
    margin-left: -5px;
}
#next {
  right:20px !important;
}
#prev {
  left:20px !important;
}
.timeline-feature-image-2 {
  width:88%;
}
.darkbox-timeline {
    margin-left: -25px;
    margin-top:75px;
    width:120%;
}
.article {
  column-count:1;
  width:90%;
}
.page_feature {
    padding: 50px 0px !important;
    min-height: 330px !important;
    margin-left:0px !important;
}
.timeline-video {
    width: 580px;
    margin-left: 20px;
}

#subscribe {
  display:none;
}


  li.core-feature {
  display:inline-block;
  float: left;
  width:98%;
  padding:20px;
  margin-right: 0px;
}
    .affix {
      top:107px;
    }
    .darkbox-top {
        margin-top: -60px;
    }
    .cf {
      height:160px;
    }
    .cf-overview {
      height:260px;
    }
    #fader {
      height:410px;
    }
    .touch-overlay {
        position:absolute;
        display:inline-block;
        z-index:999;
        right:10px;
        top:10px;
        color:#fff;
        font-size:25px;
        text-align:right;
    }
    .portfolio-grid .portfolio-item, .content-repository-item, .portfolio-grid .portfolio-item-support {
        width: 28.333333%;
        /* margin: 0; */
        /* padding: 0; */
        /* margin-right: 0px; */
    }
    .portfolio-grid .portfolio-item-product-mini-feature {
    min-height: 560px;
    width: 47.333333%;
    }
    .portfolio-item-product-mini-feature-extra {
    width: 47.333333%;
    min-height: 570px;
    }
    #tf-menu {
    margin-bottom: 0;
    height: 130px;
    }
    .navbar-form {
      margin-top: 20px;
    }
    #service .service-wrapper {
      margin-top:0px;
    }
    .portfolio-grid .project-item {
      width: 30.33333333%;
    } 
    .portfolio-box .portfolio-image-wrap img {
      width: 100%;
      min-height: 150px;
    }
    .footer-block h2 {
      font-size: 26px;
    }
    .nav>li>a {
      padding: 10px;
      margin-top: 17px;
    }
    .home-product-icons-buttons {
      margin-left: 0px;
    }
      .portfolio-caption-flag {
        top: 10px;
        left: 10px;
        /* visibility: hidden; */
        width: 50%;
    }
    .portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 360px;
    width: 30%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}
.portfolio-caption-flag {
        top: 10px;
        left: 5px;
        /* visibility: hidden; */
        width: 65%;
    }
     .overview-caption-flag-merchandise {
        height: 40px;
        top: 257px;
        padding: 5px 10px;
        font-size: 11px;
    } 
    .early-access-item {
    float: left;
    width: 47%;
    margin: 40px 25px 0px 0px;
    }
    .reduced-height-section {
    height: 920px !important;
    min-height: 620px !important;
}
.cf1 {
  position:relative;
  height:200px;
  width:100%;
  margin:0 auto;
}
.cf1-overview {
  height:260px;
}
.fader-merchandise {
    min-height: 310px;
}

.ui-ribbon-container .ui-ribbon-wrapper {
  top: 64px;
}
#keyfeatures {
  width:100%;
}

}




@media (max-width: 980px) {
    .portfolio-grid .portfolio-item, .content-repository-item, .portfolio-grid .portfolio-item-support {
        width: 50%;
    }
}

@media (max-width: 768px) {

  .static-banner-textbox {
    padding:25px;
    margin-top:10px;
    width:100%;
    margin-bottom:50px;
  }

  .entry-content li {
    width: 100px !important;
}
.entry-title>h3 {
  font-size:14px !important;
}
.entry-content li {
  font-size:10px !important;
}
.plan-inner {
  min-width: 125px !important;
}

  .nav-arrow {
    margin-top:-290px;
    width: 50px;
    height: 50px;
    padding-top: 0px;
    font-size: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.fa-angle-right:before {
    margin-left: -5px;
}
.fa-angle-left:before {
    margin-left: -5px;
}
#next {
  right:20px !important;
}
#prev {
  left:20px !important;
}
.timeline-feature-image-2 {
  width:88%;
}
.darkbox-timeline {
    margin-left: -25px;
    margin-top:75px;
    width:100%;
}
.article {
  column-count:1;
  width:90%;
}
.page_feature {
    padding: 50px 0px !important;
    min-height: 330px !important;
    margin-left:0px !important;
}


    li.core-feature {
  display:inline-block;
  float:left;
  width:98%;
  padding:20px;
  margin-right: 0px;
}
    .portfolio-grid .portfolio-item, .content-repository-item, .portfolio-grid .portfolio-item-support {
        width: 30.3333333%;
    }
    .cf {
  height:350px;
    }
    #fader {
    height:500px;
  }
  .img-responsive {
    /*max-width: 95%;*/
  }
    #tf-menu {
    margin-bottom: 0;
    height: 130px;
  }
  .navbar-form {
    margin-top: -90px;
  }
  #service .service-wrapper {
    margin-top:-80px;
  }
  #service {
    height:1000px;
  }
  .homepage-note {
    margin-top: -30px;
  }
  .portfolio-grid .project-item {
    width: 30.33333333%;
  } 
  .portfolio-box .portfolio-image-wrap img {
    width: 100%;
    min-height: 150px;
  }
  .footer-block h2 {
    font-size: 26px;
  }
  .home-product-icons-buttons {
  margin-left: 120px;
  }
  .hero {
    width:90%;
    margin-top: -70px;
  }
  .hero h1 {
    font-size: 3em;
  }
  .portfolio-item-lg {
    width: 46.333333%;
    min-height: 350px;
  }
  .case-study-item-box {
    min-height: 540px;
  }
  .portfolio-grid .portfolio-item-product-mini-feature {
    min-height: 550px;
    width:46.333333%;
  }
  .portfolio-caption-flag {
        top: 10px;
        left: 5px;
        /* visibility: hidden; */
        width: 66% !important;
    }
    .portfolio-grid .portfolio-item-product-mini-feature-2018 {
        min-height: 490px;
        width: 93%;

}

  .team-member-box {
  width:45%;
}
.early-access-item {
    float: left;
    width: 100%;
    margin: 40px 25px 0px 0px;
}
}
@media (max-width: 768px) {
    .navbar-nav {
    float: left;
    margin: 0;
  }

  .logo-large {
    width:110px;
  }

  .large-testimonials-panel {
  height:430px;
  padding: 20px 0;
}
.portfolio-grid .portfolio-item-product-overview-feature-2018 {
    width:47.7%;
    min-height: 640px;
}
.portfolio-grid .portfolio-item, .content-repository-item, .portfolio-grid .portfolio-item-support {
        /*width: 29.333333%;*/
        /* margin: 0; */
        /* padding: 0; */
        /* margin-right: 0px; */
    }
.overview-caption-flag {
        height: 40px;
        top: 370px;
        padding: 5px 10px;
        font-size: 18px;
    }
.portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 360px;
    width: 31%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}

     .overview-caption-flag-merchandise {
        height: 40px;
        top: 251px;
        padding: 5px 10px;
        font-size: 12px;
    }   

.merchandise-reduced-height-section {
  /*height: 240px !important;*/
  min-height:240px !important;
}
.cf1 {
  position:relative;
  height:200px;
  width:100%;
  margin:0 auto;
}
.cf1-overview {
  height:260px;
}
    
    
.cf-overview {
  height:210px;
}
.reduced-height-section {
    height: 920px !important;
    min-height: 620px !important;
}
.feature-image-3 {
  width: 100%;
  margin: 20px;
}
.fader {
  min-height: 520px;
}
}
@media (max-width: 736px) {
  #service {
    height:1030px;
  }
  .homepage-note {
    margin-top: -30px;
  }
  .footer-block h2 {
    font-size: 26px;
    margin-top:0px;
  }
  #tf-menu {
    margin-bottom: 0;
    height: 100px;
  }
  .portfolio-caption-flag {
    top: 116px;
    /* visibility: hidden; */
    /*width: 25%;*/
}
.large-testimonials-panel {
  height:1250px;
  padding: 20px 0;
}
.ui-ribbon-container .ui-ribbon-wrapper {
  top: 33px;
}
.fade-carousel .carousel-inner .item {
  height: 1225px;
}
}

@media (max-width: 667px) {
.portfolio-grid .portfolio-item, .content-repository-item, .portfolio-grid .portfolio-item-support {
    width: 29.333333%;
  }
  .portfolio-grid .project-item {
    width: 29.33333333%;
  }
  #subscribe {
    height:620px;
  }
  .home-product-icons-buttons {
    margin-left: 0px;
}
#service {
    height:1050px;
  }
  .homepage-note {
    margin-top: -30px;
  }
  .portfolio-caption-flag {
    top: 350px;
    /* visibility: hidden; */
    width: 30%;
}
.team-member-box {
  width:45%;
}
.large-testimonials-panel {
  height:1250px;
  padding: 20px 0;
}
.reduced-height-section {
    height: 1250px !important;
    min-height: 620px !important;
}
}
@media (max-width: 568px) {
.portfolio-grid .portfolio-item, .content-repository-item, .portfolio-grid .portfolio-item-support {
    width: 97.333333%;
  }
  .portfolio-caption-flag {
    top: 266px;
    /* visibility: hidden; */
    width: 100%;
}
.large-testimonials-panel {
  height:1250px;
  padding: 20px 0;
}
}

@media (max-width: 414px) {
  
  .vidContentOverview {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    color: white;
    padding-top: 1vh;
  }

  .nav-arrow {
    margin-top:-290px;
    width: 50px;
    height: 50px;
    padding-top: 0px;
    font-size: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.fa-angle-right:before {
    margin-left: -5px;
}
.fa-angle-left:before {
    margin-left: -5px;
}
#next {
  right:20px !important;
}
#prev {
  left:20px !important;
}
.timeline-video {
    width: 100%;
    height: 480px;
    margin-top: 20px;
    margin-left: -20px;
}
.timeline-footer {
  display:none;
}
.darkbox-timeline {
    margin-left: -25px;
    margin-top:75px;
}
.article {
  column-count:1;
  width:90%;
}
.timeline-feature-image-2 {
  width:77%;
}

  h1 {
    font-size:42px;
  }
  #page-header-panel h1 {
    font-size: 38px;
  }
  
  li.core-feature {
  display:inline-block;
  float:left;
  width:98%;
  padding:20px;
  margin-right: 0px;
}

  .portfolio-grid .portfolio-item, .content-repository-item, .portfolio-grid .portfolio-item-support {
    width: 97.3333333%;
}
  .portfolio-grid .portfolio-item-product-mini-feature {
    min-height: 550px;
    width: 97.333333%;
  }
  .portfolio-grid .project-item {
    width: 97.33333333%;
  }
  #subscribe {
    height:620px;
  }
  .carousel-indicators {
    bottom: -10px;
  }
  .feature-panel {
    height: 440px;
  }
  #service {
    height:1080px;
  }
  .homepage-note {
    margin-top: -115px;
  }
.home-product-icons-buttons {
    margin-left: 120px;
  }
  .portfolio-item-lg {
    width: 97.333333%;
  }
  .portfolio-caption-flag {
    top: 190px;
    /* visibility: hidden; */
    width: 40%;
}
.vacancy-icon-lg {
    margin-bottom: 350px;
}
.team-member-box {
  width:100%;
}
.large-testimonials-panel {
  height:1250px;
  padding: 20px 0;
}
.darkbox-top {
    margin-top: 120px;
}
.c4dlogo {
    width:250px;
}
.cf {
  position:relative;
  height:200px;
  width:100%;
  margin:0 auto;
}
.page_feature {
    padding: 50px 0px !important;
    min-height: 330px !important;
    margin-left:0px !important;
}
.fader {
    height: 220px;
}
.fader-buttons {
  bottom: -20px;
}
#subscribe {
    height: 320px;
}
#clock {
  width: 100%;
  font-size: 10px;
}
#clock span {
  font-size: 20px;
}
}
@media (max-width: 375px) {
  .container {
    margin-right: 6px;
  }
  #service {
    height:1110px;
  }
  .homepage-note {
    margin-top: -115px;
  }
  .portfolio-caption-flag {
    top: 155px;
    /* visibility: hidden; */
    width: 50%;
}
.team-member-box {
  width:100%;
}
.large-testimonials-panel {
  height:1250px;
  padding: 20px 0;
}
.darkbox-top {
    margin-top: 90px;
}
.cf-overview {
  height:210px;
}
.portfolio-grid .portfolio-item-product-overview-feature-2018 {
    min-height: 640px;
}
.overview-caption-flag {
        height: 40px;
        top: 358px;
        padding: 5px 10px;
        font-size: 18px;
    }
    
.portfolio-grid .portfolio-item-merchandise-product-overview-feature {
    min-height: 440px;
    width: 100%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 8px;
}
.overview-caption-flag-merchandise {
        height: 40px;
        top: 401px;
        padding: 5px 10px;
        font-size: 18px;
} 

.merchandise-reduced-height-section {
  /*height: 240px !important;*/
  min-height:2375px !important;
}
.fader-merchandise {
    min-height: 440px;
}
.cf1 {
  position:relative;
  height:440px;
  width:100%;
  margin:0 auto;
}
.cf1-overview {
  height:260px;
}


.affix {
    top: 95px;
}
.fader-buttons {
  bottom: -40px;
}

#btn-composition, #btn-size, #btn-care {
	width:100%;
}
.modal-content {
	width:98% !important;
}
.modal-dialog {
	width:98%;
}
.page_top_feature {
  height: 70vh;
}
}
@media (max-width: 320px) {

  body {
    margin-right: -36px;
  }
  .footer-block {
    width: 95%;
  }
  .container {
    margin-right: -15px;
  }
  #service {
    height:1140px;
  }
  .homepage-note {
    margin-top: -115px;
  }
  #tf-menu {
    margin-bottom: 0;
    height: 85px;
  }
  .home-product-icons-buttons {
    margin-left: 110px;
  }
  .sign-up {
    height: 45px;
    width: 260px;
  }
  .footer-block h2 {
    font-size: 22px;
    margin-top: 0px;
}
.portfolio-caption-flag {
    top: 132px;
    /* visibility: hidden; */
    width: 70%;
}
.vacancy-icon-lg {
    margin-bottom: 350px;
}
.team-member-box {
  width:100%;
}
.large-testimonials-panel {
  height:1250px;
  padding: 20px 0;
}
.page_feature {
    padding: 50px 0px !important;
    height: 900px !important;
}
.fader {
    height: 900px;
}

}
@media (min-width: 1920px) {
  #keyfeatures .homepage-card{
    min-height:640px;
  }
  #tiled-box-features {
    min-height:640px;
  }
  #homepage-support-features .homepage-card {
    width: 23%;
  }
  
}
@media (min-width: 1024px) {
  #keyfeatures .homepage-card, #keyfeatures .card {
    width: 24%;
    min-height:540px;
  }

  #keyfeatures .live-stream-card {
    width: 31%;
    min-height:540px;
  }
  #homepage-support-features .homepage-card {
    width: 23%;
  }
}
@media (max-width: 820px) {
  .navbar-nav.navbar-center {
    display:contents;
    position: absolute;
    left: 23%;
    transform: none;
  }
  #keyfeatures .homepage-card {
    width:100%;
    flex-grow: 1;
    flex-basis: auto;
  }
  #keyfeatures .card {
    width:100%;
    flex-grow: 1;
    flex-basis: auto;
  }
  #tiled-box-features .card {
    width:100%;
    flex-grow: 1;
    flex-basis: auto;
  }
  #homepage-support-features {
    width:100%;
  }
  #homepage-support-features .homepage-card {
    width:100%;
    flex-grow: 1;
    flex-basis: auto;
  }
  #homepage-support-features .card {
    width:100%;
    flex-grow: 1;
    flex-basis: auto;
  }
}
@media (min-width: 768px) {
  .navbar-nav.navbar-center {
    display:flex;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 540px;
    background-color: #2a2a2a !important;
}
}
@media (max-width: 768px) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    background-color: #2a2a2a !important;
  }
}

@media (min-width: 1200px){
  .search-form .input-group {
    width: 300px;
    margin-left: 30px;
  }
  }
  @media (max-width: 768px){
  .navbar .navbar-right .dropdown-menu {
    width: 100%;
    padding: 10px 20px;
  }
  .navbar .input-group {
    width: 100%;
    margin-bottom: 15px;
  }
  .navbar .input-group .form-control {
    max-width: none;			
  }
  .navbar .login-form .btn {
    width: 100%;
  }
  #tiled-box-features {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    /*grid-column-gap: 15px;*/
    /*grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));*/
    width: 85%;
    margin: auto;
    justify-content: center;
  }
  }