/*
CTC Separate Stylesheet
Updated: 2016-12-17 00:39:40
*/

/*********************************************************************************************

12. Media Queries

*********************************************************************************************/



/*  Over 460px */
@media screen and (min-width: 460px) {
/*  Homepage Slider */

  .slides > li h3 {
      font-size: 35px !important;
  }

  .cdesigns-slider-content p {
    width: 100%;
  }

  .cdesigns-slider-content img {
    max-width: 200px;
  }

  .cdesigns-slider-content h1 {
    font-size: 73.76px;
  }

  /*	CDesigns Portfolio Widget	*/
  .portfolio-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }

  .page .entry-content {
  	padding: 0 50px;
  }

}

/* Over 640px */
@media screen and (min-width: 640px) {
  .cdesigns-slider-content h2 {
    font-size: 32px;
  }
}

@media screen and (max-width: 640px) {
  .navbar-brand-wpz a {
      /* font-size: 21px !important; */

  }

  .page .has-post-cover .entry-header .entry-title, .single .has-post-cover .entry-header .entry-title {
    font-size: 32px !important;
  }

  .page .has-post-cover .entry-header .entry-meta a, .single .has-post-cover .entry-header .entry-meta a {
    font-size: 20px !important;
  }

  .site-info .copyright, .site-info .designed-by {
    width: auto;
  }
}

/* Tablet Portrait */
@media screen and (max-width: 768px) {

  .navbar-brand-wpz {
      max-width: inherit;
  }

  .navbar-brand-wpz .icon-cdesigns-logo-header:before {
  	font-size: 8.33333vw;
  	padding-right: 2.60417vw;
  }

  .navbar-brand-wpz a {
    font-size: 5.46875vw !important;
  }

  .section-title {
    font-size: 30px !important;
  }

}

@media screen and (max-width: 1024px) {
  .footer-widgets.widget-columns-3 .column {
    width: 100%;
  }

  .section-title {
    font-size: 30px !important;
  }

  .navbar-nav li a {
    color: #DDD;
  }

  .navbar-nav li a:hover {
    color: #FFF;
  }

}

@media screen and (min-width: 1025px) {
  .navbar .wrap {
    padding-right: 4%;
  }

  .inspiro--with-page-nav .navbar-toggle {
    display: none;
  }

  #slider .li-wrap {
    padding-top: 150px;
  }

}

/* Under 460px */

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

  .navbar-brand-wpz .icon-cdesigns-logo-header:before {
    font-size: 38px;
    padding-right: 11.9792px;
  }

  .navbar-brand-wpz a {
    font-size: 25.1562px !important;
    font-weight: 400;
  }

  .admin-bar .side-nav__wrap {
    padding-top: 56px;
  }

  .side-nav .nav li.menu-item {
    font-size: 22px;
  }

  .section-title {
    font-size: 30px !important;
  }

  .gallery-item {
  	width: 48%;
  	margin-right: 4%;
  	margin-bottom: 4%
  }

  .gallery-item:nth-child(3n) {
  	margin-right: 4%;
  }

  .gallery-item:nth-child(2n) {
  	margin-right: 0;
  }

  .site-info {
    flex-direction: column;
  }

  .site-info .cdesigns-address {
    font-size: 16px;
    flex-direction: column;
    align-items: center;
  }

  .site-info .cdesigns-address .comma {
    display: none;
  }
}

@media screen and (max-width: 375px) {
  .navbar-brand-wpz a {
    font-size: 7.1874857143vw !important;
  }

  .navbar-brand-wpz .icon-cdesigns-logo-header:before {
    font-size: 10.8571428571vw;
    padding-right: 3.4226285714vw;
  }

  .footer-widgets .textwidget .contact-info {
    font-size: 1em;
  }

}

@media screen and (max-width: 350px) {
  .side-nav .textwidget .contact-info i {
    display: none;
  }
}


/*   Mobile Landscape   */

@media screen and
  (max-width: 767px) and
  (orientation: landscape) {
    #slider .li-wrap {
      padding-top: 40px;
      flex-direction: row;
      flex-wrap: wrap;
    }

    .slides > li h3 {
      font-size: 24px !important;
      width: 100%;
      line-height: 1;
    }

    .cdesigns-slider-content {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding-top: 20px;
    }

    .cdesigns-slider-content p {
      float: left;
      width: 15vw;
      margin-right: 10px;
    }

    .cdesigns-slider-content p img {
      width: 100%;
    }

    .cdesigns-slider-content h1 {
      font-size: 8vw;
      text-align: left;
      margin-left: 2%;
      margin-bottom: 1%;
      margin-top: 3px;
    }

    .cdesigns-slider-content h2 {
      font-size: 3.5vw;
      text-align: left;
      padding-left: 0%;
    }
}