ura.design/_site/css/responsive.css

@media only screen and (min-width: 1025px) {
  .top-bar-section .dropdown {
    top: 70px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s; }

  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    top: 64px; } }
@media only screen and (min-width: 1024px) {
  .top-bar-section .dropdown {
    top: 50px; }

  #menu-toggler {
    display: none; }

  .top-bar-section {
    display: block !important; }

  .top-bar-section ul li {
    background: transparent; }

  .top-bar-section li:not(.has-form) a:not(.button) {
    background: transparent;
    color: #666; }

  .top-bar-section li.active:not(.has-form) a:not(.button) {
    background: transparent;
    color: #666; }

  .top-bar-section ul li:hover:not(.has-form) > a {
    background: transparent; }

  .top-bar-section li.active:not(.has-form) a:not(.button):hover, .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: transparent;
    color: #3399d4; } }
@media only screen and (max-width: 1240px) {
  .slides-navigation {
    display: block; } }
@media only screen and (max-width: 1023px) {
  .top-bar-section.closed {
    display: none; } }
@media only screen and (max-width: 1024px) {
  .top-bar {
    height: auto; }

  .top-bar-section ul li.active > a {
    background: #222; }

  .top-bar-section ul li.active > a:hover {
    background: #222; }

  .milestone::before {
    display: none; }

  .milestone {
    margin-bottom: 20px; }

  .top-bar-section li:not(.has-form).has-dropdown .dropdown a:not(.button) {
    line-height: 30px; }

  .slides-navigation {
    display: block; }

  .slide-left {
    display: none; }

  .slide-right {
    width: 100%;
    left: 0; }
  
  .slide-right.overlay:before {
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  display: block;
  z-index:0;
  background-color: rgba(51, 153, 212, 0.8); }
  
  .slide-right.overlay.grey:before {
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  display: block;
  z-index:0;
  background-color: rgba(88, 89, 91, 0.8); }

  .slide-info {
    width: 100%;
    height: 100%;
    padding: 20% 10%;
    top: 0;
    left: 0;
    text-align: center; }

  .slides-pagination {
    display: none; }

  .fullscreen .slide-info {
    background: none;
    top: 0; }

  .quote.slideInLeft.animated, .quote.slideInRight.animated {
    -webkit-animation-duration: 0;
    -moz-animation-duration: 0;
    animation-duration: 0; }

  .section-title img.flipInY {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none; }

  .post, .recent-post {
    margin-bottom: 30px;
    display: inline-block; }

  .post.alt {
    padding: 0px 0px; }
  
  .service-info {
    padding-top: 0; }
    .service-info h2 {
      font-size: 36px; } }
@media only screen and (max-width: 640px) {
  .slide-info h1 {
    font-size: 40px; }

  .fullscreen .slide-info h1 {
    font-size: 40px; }

  .work {
    display: block; }
    .work .info {
      width: auto; }

  .full.flower {
    background-image: none; }

  .gallery-right-section {
    margin-top: 0; }

  .icon-text {
    padding-left: 15px; }

  nav.wrapper a {
    width: 140px;
    padding: 10px; }

  .large-12.columns.table {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .large-12.columns.table .bottom-blog {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .large-12.columns.table .middle-blog {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}