/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */

@media (min-width: 1200px) {
  /* Dropdown animation */
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: visibility 500ms, opacity 500ms,
      -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition: visibility 500ms, opacity 500ms,
      -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition: visibility 500ms, opacity 500ms,
      -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition: visibility 500ms, opacity 500ms,
      -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition: visibility 500ms, opacity 500ms,
      transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }

  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
    opacity: 1;
    visibility: visible;
    color: #777;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .navbar-nav .dropdown-backdrop {
    visibility: hidden;
  }
  .team {
    padding-bottom: 50px;
  }
}

/* Medium Devices, Desktops */
@media (min-width: 992px) {
  .flexslider .slides img,
  .ts-flex-slider .flexSlideshow {
    height: 750px;
  }

  .dropdown i {
    display: none;
  }
}

/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  /* Dropdown animation */
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: visibility 500ms, opacity 500ms,
      -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition: visibility 500ms, opacity 500ms,
      -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition: visibility 500ms, opacity 500ms,
      -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition: visibility 500ms, opacity 500ms,
      -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition: visibility 500ms, opacity 500ms,
      transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }

  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
    opacity: 1;
    visibility: visible;
    color: #777;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .navbar-nav .dropdown-backdrop {
    visibility: hidden;
  }

  /* Common */
  .parallax {
    padding: 60px 0;
  }

  /* Logo */
  .navbar-brand {
    width: auto;
  }

  .navbar-brand.navbar-bg {
    width: 25%;
  }

  .header2 .navbar-brand,
  .header3 .navbar-brand,
  .header4 .navbar-brand {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navigation */
  ul.navbar-nav > li > a {
    padding: 21px 8px;
    font-size: 12px;
  }

  ul.navbar-nav > li:last-child a {
    padding-right: 8px;
  }

  /* Slideshow */

  #main-slide .slider-content h2 {
    font-size: 36px;
  }
  #main-slide .slider-content h3 {
    font-size: 22px;
    margin: 20px 0;
  }

  .slider.btn {
    padding: 5px 25px;
    margin-top: 5px;
    font-size: 16px;
  }

  #main-slide .carousel-indicators {
    bottom: 20px;
  }

  /* Cd Hero Slider */

  .cd-hero-slider .cd-btn {
    margin-top: 15px !important;
    font-size: 12px !important;
  }
  .cd-slider-nav ul li.video {
    display: none;
  }

  .cd-slider-nav {
    bottom: 40px !important;
  }

  /* Portfolio */

  .isotope-nav {
    margin: 0 auto 40px;
  }

  figure.effect-oscar figcaption {
    padding: 1.5em;
  }
  figure.effect-oscar figcaption::before {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
  }
  figure.effect-oscar h3 {
    margin-top: 0;
    font-size: 16px;
  }

  /* Feature */

  .feature-content h3,
  .feature-center-content h3 {
    font-size: 14px;
    line-height: normal;
  }

  /* Featured tab */
  .featured-tab .tab-pane img {
    width: 45%;
  }

  .featured-tab .tab-pane i.big {
    font-size: 150px;
  }

  .featured-tab .tab-pane,
  .landing-tab .tab-pane {
    text-align: left;
  }

  /* Team */

  .team {
    padding-bottom: 50px;
  }

  /* Pricing */

  .plan {
    margin-bottom: 60px;
  }

  /* Testimonial */

  .testimonial-content {
    padding: 0 30px;
  }

  /* Recent post */
  .recent-post {
    padding-bottom: 40px;
  }

  /* Back to top */

  #back-to-top.affix {
    bottom: 35px;
  }

  /* Video block */

  .video-block-head {
    margin-top: 30px;
  }

  /* Call to action */

  .call-to-action .btn.btn-primary {
    font-size: 12px;
  }

  /*-- Landing ---*/

  .hero-text {
    width: 95%;
  }
  .hero-title {
    font-size: 36px;
  }
  .hero-buttons a.btn {
    padding: 10px 20px;
  }

  .app-gallery figure.effect-oscar a {
    margin-top: 105px;
  }

  /* Blog single */
  .blog-post {
    padding-bottom: 40px;
  }
}

/* Small Devices Potrait */
@media (max-width: 767px) {
  /* Common */
  .parallax {
    padding: 60px 0;
  }
  .style-switch-button {
    display: none;
  }

  .heading {
    text-align: center;
  }

  .heading .title-icon {
    float: none !important;
    margin: 0 0 20px;
    display: inline-block;
  }

  h2.title {
    font-size: 28px;
    border-left: 0;
  }

  .title-desc {
    line-height: normal;
    padding: 6px 55px 0;
  }

  .btn.btn-primary {
    padding: 8px 22px;
  }

  h2 {
    font-size: 28px;
  }

  /* Logo */
  .navbar-brand.navbar-bg {
    height: 50px;
    line-height: 50px;
    width: auto;
  }
  .navbar-brand.navbar-bg img {
    background-size: contain;
    width: 160px;
  }

  /* Navigation */
  ul.navbar-nav > li > a {
    padding: 21px 10px;
  }

  .navbar-collapse {
    background: #333333;
  }

  .navbar-collapse ul.navbar-nav > li > a {
    color: #fff;
  }

  .navbar-collapse ul.navbar-nav > li.active > a,
  .navbar-collapse ul.navbar-nav > li:hover > a {
    color: #ee3b24;
  }

  /* Slideshow */

  #main-slide .slider-content {
    margin-top: -35px;
  }

  #main-slide .slider-content h2 {
    font-size: 18px;
    line-height: normal;
  }
  #main-slide .slider-content h3 {
    font-size: 12px;
    line-height: normal;
    margin: 0;
  }

  .slider.btn {
    display: none;
  }

  #main-slide .carousel-control {
    display: none;
  }

  #main-slide .carousel-indicators {
    bottom: 0;
  }

  /* About */

  .about {
    padding-top: 40px;
  }

  .about.angle:before {
    position: relative;
  }

  /* Service */

  .service-content {
    display: inline-block;
    margin-bottom: 30px;
  }

  /* Blog */

  .blog-content {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  /* Portfolio */

  .isotope-nav {
    margin: 0 auto 40px;
  }

  .isotope-nav ul li a {
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block;
  }

  figure.effect-oscar h3 {
    margin-top: 25%;
  }

  #isotope .isotope-item .grid {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Image block */

  .img-block-right {
    padding-right: 50px;
  }

  .img-block-head h2 {
    font-size: 16px;
  }

  .img-block-head h3 {
    font-size: 28px;
  }

  .image-block-content {
    padding: 0;
  }

  /* Featured tab */
  .featured-tab {
    padding: 0 30px;
  }

  .featured-tab .tab-pane i.big {
    font-size: 150px;
  }

  .featured-tab .tab-pane,
  .landing-tab .tab-pane {
    text-align: left;
    padding-left: 0;
    padding-top: 30px;
  }

  /* Facts */

  .facts {
    padding-bottom: 20px;
  }

  .facts-num span {
    font-size: 48px;
    margin-top: 20px;
  }

  .facts i {
    font-size: 32px;
  }

  /* Team */

  .team {
    padding-bottom: 50px;
  }

  /* Pricing */

  .plan {
    margin-bottom: 60px;
  }

  /* Testimonial */

  .testimonial-content {
    padding: 0 30px;
  }

  /* Recent post */
  .recent-post {
    padding-bottom: 40px;
  }

  /* Footer */

  .footer-widget {
    display: inline-block;
  }

  /* Copyright */
  .copyright-info {
    font-size: 13px;
  }

  #back-to-top {
    right: 20px;
  }
  #back-to-top.affix {
    bottom: 20px;
  }

  /* Call action */

  .call-to-action .btn.btn-primary {
    float: none !important;
    margin-top: 20px;
  }

  /*-- Landing ---*/

  .hero-section {
    padding-top: 90px;
  }

  .hero-text {
    width: 100%;
    padding-right: 0;
  }
  .hero-title {
    font-size: 36px;
  }
  .hero-buttons a.btn {
    padding: 10px 20px;
  }

  .app-gallery figure.effect-oscar a {
    margin-top: 105px;
  }

  .hero-images img {
    display: none;
  }

  .landing_facts .facts-num span {
    font-size: 48px;
    margin-top: 20px;
  }

  .landing_facts .facts i {
    font-size: 30px;
  }

  /* Blog single */
  .blog-post {
    padding-bottom: 40px;
  }
}

/* Extra Small Devices, Phones */
@media (max-width: 479px) {
  /* Slideshow */

  #main-slide .slides img {
    height: 230px;
  }

  #main-slide .item img {
    height: 250px;
  }
}

/* Custom, iPhone Retina */
@media (max-width: 320px) and (max-width: 478px) {
}

.hexagonContainer {
  padding: 25px 0px;
}