@media only screen and (max-width: 1600px) {
  .page-content h1 {  }
  .page-content h2 {  }
  .page-content h3 {  }
  .page-content h4 {  }
  .page-content p,
  .page-content ul, 
  .page-content ol { font-size: 15px; }
    
  .page-banner { height: 650px; }

  .home-grid .home-grid-row .grid-item .grid-item-inner .grid-item-inner-copy p { font-size: 18px; line-height: 1.4; }

  .designer-brand-main .blocks div { height: 360px; }
  .designer-brand-main .blocks div header h2 { font-size: 26px; }

  .product .product-main header h1 { font-size: 30px; }
  .product .product-main header p,
  .product .product-main .product-description { font-size: 15px; height: 80%; }
  .product .product-main .product-description p { font-size: 15px; }
  .product .product-main form .price { font-size: 18px; }
  .product .product-main footer .wishlist button,
  .product .product-main footer .button { font-size: 18px; }
  .product .product-downloads a.button { font-size: 18px; }
  .product .product-downloads a { font-size: 15px; }

  .product .designer-brand article h2 { font-size: 30px; }
  .product .designer-brand article,
  .product .designer-brand article p { font-size: 15px; }

  .project-page .project-content h1 { font-size: 30px; }

  .about-page .about-content .block { min-height: 400px; }
  .about-page .about-content .text-block .center-inner { padding: 10%; }
  .about-page .about-content .third p { font-size: 18px; line-height: 1.3; }

  .team-profile-page .team-profile figure { height: 850px; width: 40%; }
  .team-profile-page .team-profile article { padding: 3%; width: 60%; }
}

@media only screen and (max-width: 1440px) {

  .top-bar { padding: 0 100px; }
  .top-bar ul li { font-size: 20px; padding: 0 33px; }

  .page-content h1 { font-size: 45px; }
  .page-content h2 { font-size: 30px; }
  .page-content h3 { font-size: 20px; }
  .page-content h4 {  }
  .page-content p,
  .page-content ul, 
  .page-content ol { font-size: 14px; }

  .subscribe p { font-size: 20px; }
  .subscribe form input { font-size: 16px; }
  .subscribe form button{ font-size: 16px; }
  .page-footer>.inner { padding: 30px; }

  .page-banner { height: 600px; }

  .home-grid .home-grid-row .grid-item .grid-item-inner .grid-item-inner-copy p { font-size: 16px; line-height: 1.4; }

  .designer-brand-main .blocks div { height: 300px; }
  .designer-brand-main .blocks div header h2 { font-size: 26px; }
  .designer-brand-main .blocks div header h2.sub:before { margin-left: -100px; width: 200px; }

  .page-content .products article h3 { font-size: 16px; }

  .product .product-main header h1 { font-size: 26px; }
  .product .product-main header p,
  .product .product-main .product-description { font-size: 14px; height: 80%; }
  .product .product-main .product-description p { font-size: 14px; }
  .product .product-main form .price { font-size: 16px; }
  .product .product-main footer .wishlist button,
  .product .product-main footer .button { font-size: 15px; }
  .product .product-downloads a.button { font-size: 15px; }
  .product .product-downloads a { font-size: 14px; }
  .product .designer-brand article figure { width: 28%; }
  .product .designer-brand article h2 { font-size: 22px; margin-bottom: 10px; }
  .product .designer-brand article,
  .product .designer-brand article p { font-size: 14px; }
  .product .designer-brand article p { margin-left: 32%; }

  .project-page .project-content h1 { font-size: 26px; }
  .project-page .project-content .project-details { float: none; margin-bottom: 1.5%; width: 100%; }
  .project-page .project-content .project-description { float: none; width: 100%; }

  .page-content .projects article a h2 { font-size: 25px; }
  .page-content .projects article a h2.sub:before { margin-left: -30%; width: 60%; }

  .about-page .about-content .block { min-height: 380px; }
  .about-page .about-content .text-block .center-inner { padding: 8%; }
  .about-page .about-content h2 { width: 200px; }

  .page-content .team article a { height: 340px; }
  .page-content .team article a h2 { font-size: 25px; line-height: 30px; }
  .page-content .team article a h3 { font-size: 15px; }

  .team-profile-page .team-profile figure { height: 850px; width: 40%; }
  .team-profile-page .team-profile article { padding: 3%; width: 60%; }
}

@media only screen and (max-width: 1280px) {
  .page-content h1 { font-size: 40px; }
  .page-content h2 { font-size: 25px; }
  .page-content h3 { font-size: 18px; }
  .page-content h4 {  }
  .page-content p,
  .page-content ul, 
  .page-content ol { font-size: 14px; }

  .page-footer section { width: 35%; }
  .page-footer .footer-contact { width: 30%; padding: 0 30px; }
  .page-footer section div { width: 50%; padding: 0 30px; }

  .page-banner { height: 550px; }

  .designer-brand-main { display: block; }
  .designer-brand-main article { margin-bottom: 2.5%; width: auto; }
  .designer-brand-main .blocks { float: none; width: 103%; }
  .designer-brand-main .blocks div header h2 { font-size: 22px; }

  .page-content .products article h3 { font-size: 15px; }

  .product .product-main { background-color: #f5f5f5; height: auto; margin-bottom: 30px; }
  .product .product-main .lovelist { top: 0; right: 3%; }
  .product .product-main figure { margin-bottom: 30px; position: relative; top: auto; left: auto; height: 600px; width: 100%; }
  .product .product-main article { height: auto; overflow: visible; padding: 0 3%; position: relative; top: auto; right: auto; width: 100%; }
  .product .product-main article header { margin-right: 10%; }
  .product .product-main .product-description { height: auto; }
  .product .product-main footer form { width: 100%; position: relative; bottom: auto; right: auto; }
  .product .product-main footer { position: relative; bottom: auto; right: auto; width: auto; padding-top: 3% }
  .product .product-details { padding: 1%; }
  .product .product-details>div { margin-bottom: 0; width: 50%; }
  .product .product-details .product-downloads { padding: 2%; width: 49%; }
  .product .designer-brand article { float: none; margin: 0 0 2% 0; width: 100%; overflow: hidden; }
  .product .designer-brand article figure { width: 24%; }
  .product .designer-brand article h2 { font-size: 26px; }
  .product .designer-brand article { font-size: 14px; margin-bottom: 3%; }
  .product .designer-brand article p { font-size: 14px; margin-left: 28%; }

  .about-page .about-content .block { min-height: 340px; }
  .about-page .about-content .third p { font-size: 16px; line-height: 1.25; }

  .page-content .team article.third { margin: 1.5%; width: 47%; }

  .team-profile-page .team-profile figure { height: 600px; width: 45%; margin: 3% 0 3% 3%; }
  .team-profile-page .team-profile article { padding: 3%; width: 55%; }
  .team-profile-page .team-profile article header { padding: 0 0 10px; text-align: left; }
  .team-profile-page .team-profile article header h1 { font-size: 35px; margin-bottom: 10px; }
  .team-profile-page .team-profile article .text div { float: none; padding: 3% 0 0; width: 100%; }
  .team-profile-page .team-profile article footer { text-align: left; }

  .contact-page figure { width: 40%; }
  .contact-page article { padding: 3%; width: 60%; }
  .contact-page article .text { float: none; margin: 0 0 20px; padding: 0; width: auto; }
  .contact-page article .form { border-top: 1px solid #111; float: none; margin: 20px 0; padding-top: 20px; width: auto; }
}

@media (max-width:1024px) {

  html { overflow-y: visible; }

  .inner { padding: 0 15px; }
  .qtr { float: none; margin: 0 0 15px; width: auto; }
  .third { float: none; margin: 0 0 15px; width: auto; }
  .two-thirds { float: none; margin: 0 0 15px; width: auto; }
  .half { float: none; margin: 0; width: auto; }
  .left { float: none; }
  .right { float: none; }

  .top-bar { height: 50px; padding: 0 80px; }
  .top-bar ul li { font-size: 14px; padding: 0 10px; }

  /* Footer */
  .page-footer { background-color: #FFF; border-top: 1px solid #111; }

  .subscribe { height: auto; margin: 15px 15px 0; padding: 15px; }
  .subscribe .half { margin: 0; width: auto; }
  .subscribe .half:after { clear: both; content: ""; display: table; }
  .page-footer .subscribe p { font-size: 15px; line-height: 1; margin: 0 0 15px; text-align: center; }
  .subscribe form input { font-size: 15px; height: 40px; padding: 0 10px; width: 70%; }
  .subscribe form button { font-size: 15px; height: 40px; line-height: 40px; width: 30%; }

  .page-footer>.inner { display: block; margin: 0 15px 15px; padding: 0; width: auto; }

  .page-footer section { background-color: #BCBEC0; float: none; padding: 0 20px; text-align: center; width: 100%; }
  .page-footer section:first-child { display: none; }
  .page-footer section div { float: none; height: auto; padding: 0; width: auto; }
  .page-footer .footer-links { padding-bottom: 20px; }

  .page-footer .footer-contact { padding: 20px; width: auto; }
  .page-footer .footer-contact div { border: none; padding: 0; width: auto; }
  .page-footer .footer-contact p,
  .page-footer p, 
  .page-footer ul { font-size: 13px; line-height: 1.4; margin-bottom: 10px; }
  .page-footer strong { font-size: 15px; }
  .page-footer p.social { margin: 20px 0; }
  .page-footer .footer-end { height: 50px; padding: 17px 0; }
  .page-footer .footer-end img { height: 16px; width: auto; }

  /* Content */
  .page-content h1 { font-size: 28px; margin-bottom: 15px; }
  .page-content h2 { font-size: 18px; line-height: 1.2; margin-bottom: 15px; }
  .page-content h3 { font-size: 18px; margin-bottom: 10px; }
  .page-content h4 {  }
  .page-content p { font-size: 14px; line-height: 20px; margin: 0 0 15px; }
  .page-content ul, 
  .page-content ol { font-size: 14px; line-height: 20px; margin: 0 0 15px 15px; }

  .page-banner { height: 340px; margin: 0; width: auto; }
  .page-banner header h1 { font-size: 32px; line-height: 1.2; }
  .page-banner header p { font-size: 18px; line-height: 1.2; }
  .page-banner header p:before { margin-left: -40%; width: 80%; }
  
  .page-content .page>header h2 { border-bottom: 1px solid #111; font-size: 28px; margin: 0 auto; width: 90%; max-width: 400px; padding: 20px 0; }
  .page-content h3.bar { height: 35px; line-height: 35px; margin: 0 0 15px; }

  .slick-dots { bottom: 15px; right: 15px; }
  .slick-dots li { height: 15px; width: 15px; }
  .slick-dots li button:before { font-size: 30px; }

  .sticky-wrapper { display: none; }
  .utility-bar { display: none; height: 50px; padding: 17px 0; }
  .utility-bar img { height: 16px; }

  .livechat_button { bottom: 5px; right: 5px; height: 50px; width: 50px; }
  .livechat_button a { height: 50px; width: 50px; }
  .livechat_button a:hover { -webkit-animation: none; -moz-animation: none; animation: none; }

  /* Categories */
  .page-content .categories .categories-inner { margin: 15px 0 0;  }
  .page-content .categories article { float: none; height: 220px; margin: 0 0 15px; width: auto; }
  .page-content .categories article h2 { margin: 0; }
  
  .page-content .categories article.join h2 { margin: 0; }
  .page-content .categories article.join h2 span { display: block; font-size: 16px; font-family: Circular-Book, sans-serif; }
  .page-content article.join h2 span:before { content: ''; height: 1px; width: 200px; margin: 10px auto; display: block; background-color: #FFF; }

  .page-content .designers-list h2 { font-size: 30px; }
  .page-content .designers-list ul { font-size: 18px; list-style: none; margin: 0 0 20px; }

  .page-content .products article.qtr { float: left; }

  /* Home */

  a.announcement-bar { top: 50px; }
  .home-page .utility-bar { display: block; }

  .home-hero .home-hero-slideshow .home-hero-slide { height: calc(100vh - 160px); }
  .home-hero .home-hero-slideshow .home-hero-slide.align-left { background-position: left center; }
  .home-hero .home-hero-slideshow .home-hero-slide.align-right { background-position: right center; }
  .home-hero .home-hero-slideshow .home-hero-slide h3 { font-size: 32px; padding: 30px 30px 50px; }

  .home-grid { padding: 16px; }
  .home-grid .home-grid-row { display: block; }

  .page-content .categories article.join a { background-color: #F5F5F5; color: #111; }
  .page-content .categories article.join a h2,
  .page-content .categories article.join a p { color: #111; }
  .page-content article.join h2 span:before { background-color: #111; }
  
  /* Product */
  .product .product-details { display: block; margin: 0; padding: 20px; }
  .product .product-details>div { float: none; padding: 0 0 20px; width: auto; }
  .product .product-details p { color: #111; }
  .product .product-details .product-downloads { border: none; padding: 0; width: auto; }
  .product .product-downloads a.button { font-size: 15px; margin: 0 auto 20px; max-width: 400px; }
  .product .product-downloads .drawings a { font-size: 15px; margin: 0 5px; }
  .product .divider { height: 10px; }

  /* Projects */
  .projects-page>.inner { padding: 0; }
  .project-hero { height: 400px; margin: 15px 40px; }
  .project-hero header { display: none; }
  .project-hero h3 { display: none; }

  a.project-cat { font-size: 16px; line-height: 40px; }
  a.project-cat span { padding-bottom: 1px; }
  a.project-cat-left { left: 0; margin-left: 0; margin-right: 0; }
  a.project-cat-right { right: 0; margin-left: 0; margin-right: 0; }

  .projects-page h3.bar { height: 45px; line-height: 40px; }

  .projects-page .projects { margin: 15px 0 0; }
  .projects-page .projects .grid { margin: 0; }
  .projects-page .projects article { float: none; margin: 0 0 15px; width: 100%; }
  .projects-page .projects article a { background-color: #BCBEC0; }
  .projects-page .projects article a div { display: block; }
  .projects-page .projects article a h2 { color: #FFF; font-size: 28px; line-height: 1.2; }
  .projects-page .projects article a h2.sub,
  .projects-page .projects article a h2.sub:before { display: none; }

  .project-page>.inner { padding: 0; }
  .project-page .project-images a { height: 400px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
  .project-page .project-content { padding: 20px; }
  .project-page .project-content header { margin-right: 10%; }
  .project-page .project-content h1 { font-size: 28px; }
  .project-page .project-content .project-details { float: none; width: auto; }
  .project-page .project-content .project-description { float: none; width: auto; }
  .project-page .products { margin: 15px 0 0; }
  .project-page .products h3.bar { margin: 0 -10px 15px; }

  .project-page .projects h3.bar { margin: 0 -40px 15px; }
  .project-page .projects .inner { padding: 0 40px; }
  .project-page .projects { margin: 15px 0; }
  .project-page .projects article a { background-color: #BCBEC0; height: 220px; }
  .page-content .projects article a div { display: block; }
  .project-page .projects article a h2 { display: none; color: #FFF; font-size: 30px; line-height: 1.2; }
  .project-page .projects article a h2.sub { display: none; }
  .project-page .projects article span { font-size: 16px; line-height: 40px; }
  .project-page .projects article span.next { right: -40px; }
  .project-page .projects article span.prev { left: -40px; }

  /* About */
  .about-page>.inner { padding: 0; }
  .about-page .about-content { margin: 15px 0 0; }
  .about-page .about-content>div { margin: 0; }
  .about-page .about-content .block { margin: 15px 0; min-height: 300px; }
  .about-page .about-content .third { margin: 0; width: 100%; }
  .about-page .about-content .two-thirds { margin: 0; width: 100%; }
  .about-page .about-content .half { margin: 0; width: 100%; }
  .about-page .about-content .center { display: block; margin-bottom: 15px; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .about-page .about-content .text-block { padding: 0; min-height: 100px; }
  .about-page .about-content .text-block .center-inner { padding: 30px; }
  .about-page .about-content .third p { font-size: 14px; }
  .about-page .about-content h2 { font-size: 28px; width: 80%; }
  .about-page .about-content h3 { font-size: 28px; width: 80%; }
  .about-page .about-content .block-twoBlocks { display: block; }
  .about-page .about-content .block-threeBlocks { display: block; }
  .about-page .about-content .block-intro .hover h2 { border-top: none; padding-top: 0; }
  .about-page .about-content .block-intro .text { background-color: #F5F5F5; margin: 0; padding: 30px; }
  .about-page .about-content .block-intro .two-thirds { margin: 15px 0 0; min-height: 180px; width: 100%; }
  .about-page .about-content .block-intro .intro-right .third { margin: 15px 0; width: 100%; }
  .about-page .about-content .block-intro .hover .text { display: block; }
  .about-page .about-content .block-intro .hover:hover h2 { display: block; }
  .about-page .about-content .block-intro .hover:hover .text { display: block; }
  .about-page .about-content .text-block h3 { padding: 10px; }
  .about-page .about-content .spinning-logo img { margin: 40px 0; }
  .about-page .about-content .block-sustainability { margin-bottom: 15px; padding: 30px; display: block; }
  .about-page .about-content .block-sustainability .third { margin: 0; min-height: 50px; padding: 30px 30px 0; width: 100%; }
  .about-page .about-content .block-sustainability .two-thirds { border: none; min-height: 50px; padding: 0; width: 100%; }
  .about-page .about-content .block-sustainability a.button { background-color: #FFF; color: #246E5C; display: block; text-decoration: none; }
  .about-page .about-content .block-sustainability a.button h2 { border: none; color: #111; font-size: 16px; height: 50px; line-height: 50px; margin: 0; padding: 0; width: auto; }
  .about-page .about-content .block-sustainability a.button:hover { text-decoration: none; }

  /* Team */
  .page-content .team article.third { margin: 20px 0; width: auto; }
  .page-content .team article a div { display: block; top: auto; bottom: 0; height: auto; }
  .page-content .team article a header { top: auto; transform: none; padding: 15px 0;  }
  .page-content .team article a h2 { font-size: 18px; }
  .page-content .team article a h3 { margin-top: 5px; }

  .team-profile-page>.inner { padding: 0; }
  .team-profile-page .team-profile { display: block; }
  .team-profile-page .team-profile figure { float: none; height: 400px; width: 100%; margin: 0; }
  .team-profile-page .team-profile article { float: none; padding: 20px; width: 100%; }
  .team-profile-page .team-profile article header { margin: 0; padding: 0 0 15px; text-align: left; }
  .team-profile-page .team-profile article header h1 { font-size: 28px; margin-bottom: 15px; }
  .team-profile-page .team-profile article header p { font-size: 14px; }
  .team-profile-page .team-profile article .text div { float: none; padding: 15px 0 0; width: 100%; }
  .team-profile-page .team-profile article footer { margin: 15px 0 0; padding: 15px 0; text-align: center; }
  
  .team-profile-page .products { margin: 15px 0; }
  .team-profile-page .products h3.bar { margin: 0 -15px 15px; }
  .team-profile-page .projects { margin: 0; }
  .team-profile-page .projects h3.bar { margin: 0 -15px 15px; }
  .team-profile-page .projects .grid { margin: 0; }
  .team-profile-page .projects article { float: none; margin: 0 0 15px; width: 100%; }
  .team-profile-page .projects article a div { display: block; }
  .team-profile-page .projects article a { background-color: #BCBEC0; }
  .team-profile-page .projects article a h2 { color: #FFF; font-size: 28px; line-height: 1.2; }
  .team-profile-page .projects article a h2.sub,
  .team-profile-page .projects article a h2.sub:before { display: none; }

  /* Contact */
  .contact-page { margin-bottom: 0; }
  .contact-page .contact-inner { padding: 0 }
  .contact-page .contact-content { background: transparent; display: block; min-height: 400px; }
  .contact-page figure { height: 340px; width: 100%; }
  .contact-page article { background: #F1F2F2; margin: 15px; padding: 20px; width: auto; }
  .contact-page article header { position: absolute; top: 190px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 60%; border: none; padding: 0; }
  .contact-page article header h1 { color: #FFF; margin: 0; }
  .contact-page article .text { float: none; width: auto; }
  .contact-page article footer { border: none; margin: 20px 0; padding: 0 }
  .contact-page article button { font-size: 15px; width: 100%; margin: 0 auto 20px; max-width: 400px; }

  /* Search */
  .fs-search .fs-search-wrapper { height: calc(100vh - 50px); }
  .fs-search .fs-search-inner { padding: 50px 0; }
  .fs-search .fs-search-inner .easy-autocomplete input { font-size: 28px; }
  .fs-search .fs-search-inner .easy-autocomplete-container ul { font-size: 18px; line-height: 1.2; margin-bottom: 50px; }

  .mobilia-footer { height: 50px; padding: 17px 0; }
  .mobilia-footer img { height: 16px; }
}