/*************************************************************
    Author     : Adrian Rusnac International @ http://armedia.io/
*************************************************************/
@media all and (min-width: 768px) {
  .navbar {
    padding: 10px 0; }
  .navbar-scrolled {
    padding: 0; }
  .navbar > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .navbar .btn {
    margin-left: 15px; }
  .navbar-menu {
    margin-left: auto; }
  .text-right-sm {
    text-align: right; } }

@media all and (max-width: 1199px) {
  .contact-block h6 {
    font-size: 1.25em; } }

@media all and (max-width: 1024px) {
  .valign > * {
    margin-left: auto;
    margin-right: auto; }
  .valign > [class*=col-sm],
  .valign > [class*=col-xs] {
    margin-left: 0;
    margin-right: 0; }
  .valign [class*=col-md] {
    width: 100%; }
  .valign > .container {
    width: 100%; } }

@media all and (max-width: 768px) {
  #portfolio {
    padding: 0; }
  .squares {
    padding: 0;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 50px; }
    .squares:before, .squares:after {
      content: "";
      clear: both;
      display: table; }
  .square-empty,
  .square-hidden {
    display: none; }
  .square {
    float: left;
    width: 25%;
    padding-bottom: 25%;
    margin: 0;
    background: #fff;
    border-right: 1px solid #f9f9fb;
    border-bottom: 1px solid #f9f9fb; }
    .square:before {
      display: none; }
  .squares-row:not(:first-child) {
    margin-top: 0; }
  .partners > a {
    padding: 20px 15px;
    width: 100%; }
  .partners > a img {
    max-height: 50px;
    max-width: 200px; } }

@media all and (max-width: 767px) {
  .heading1,
  .heading-xxl,
  h1 {
    font-size: 2.4em;
    line-height: 1.2; }
  h2 {
    font-size: 2em; }
  h3 {
    font-size: 1.8em; }
  h4 {
    font-size: 1.6em; }
  h5 {
    font-size: 1.4em; }
  h6 {
    font-size: 1.2em; }
  .heading2 {
    font-size: 2.2em;
    line-height: 1; }
  .heading3 {
    font-size: 2em;
    line-height: 1.1; }
  .heading4 {
    font-size: 1.6em; }
  .sub1 {
    font-size: 1.2em; }
  .sub2 {
    font-size: 1.1em; }
  .sub3 {
    font-size: 1em; }
  .sub4 {
    font-size: 1em;
    line-height: 2; }
  .small {
    font-size: 0.875em; }
  .text-big,
  .text-big-xl {
    font-size: 1em; }
  .text-center-xs {
    text-align: center; }
  .footer-social {
    margin-top: 15px; }
  .bg-blend hr {
    margin: 50px auto; }
  .navbar-toggle > span {
    background-color: #fff; }
  .navbar-header {
    position: relative;
    z-index: 2; }
  .navbar-toggle {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 23px 15px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0; }
  .navbar-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    opacity: 0;
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, transform .5s ease;
    transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease;
    background: #93edc7;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #93edc7), color-stop(75%, #1ccad6), color-stop(100%, #1ccad6));
    background: -webkit-linear-gradient(-45deg, #93edc7 0%, #1ccad6 75%, #1ccad6 100%);
    background: -webkit-linear-gradient(315deg, #93edc7 0%, #1ccad6 75%, #1ccad6 100%);
    background: linear-gradient(135deg, #93edc7 0%, #1ccad6 75%, #1ccad6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93edc7', endColorstr='#1ccad6', GradientType=1 ); }
  .navbar .btn {
    display: inline-block;
    padding: 12px 32px;
    font-size: 1.25em; }
  .navbar-menu-open {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  .navbar-menu > .navbar-nav {
    padding-top: 50vh;
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    margin-bottom: 0;
    text-align: center; }
  .navbar-nav > li > a {
    font-size: 1.25em; }
  .navbar-nav li + li {
    margin-top: 14px; }
  .contact-block h6 {
    font-size: 1em; }
  .contact-block li {
    font-size: 1em; }
  #home {
    height: auto;
    padding: 100px 0; }
  .form-control {
    font-size: 0.875em;
    height: 46px;
    padding-top: 20px; }
  label {
    top: 12px; }
  .is-focus label {
    top: 5px; }
  .btn-lg {
    padding: 10px 32px; }
  .navbar-brand img {
    height: 50px; }
  .animated.lettering > span {
    padding-bottom: 0;
    margin-top: -10px; } }

@media all and (max-width: 576px) {
  .square {
    float: left;
    width: 50%;
    padding-bottom: 50%;
    margin: 0;
    background: #fff;
    border-right: 1px solid #f9f9fb;
    border-bottom: 1px solid #f9f9fb; }
    .square:before {
      display: none; } }