rexjiang92
6/12/2017 - 10:34 PM

Reaction QA

/* AW_TWO Reaction */


/*header*/
.block-getintouch {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

@media (min-width: 889px) {
  .block-getintouch {
    margin-top: 1.25rem;
  }
}
.block-getintouch .getintouch-labels li {
  border: none !important;
}
.block-getintouch .getintouch-buttons > li:last-child a.button {
  padding-right: 0.4rem;
}
.block-getintouch .getintouch-buttons > li .button {
  color: white;
  background: #0d2a88;
  margin-right: 8px;
  padding: 0.4rem;
  margin-bottom: 5px;
}


@media (max-width: 1099px) {
  .block-sliderhdr3 .slider .caption {
    width: 70%;
    bottom: auto;
    top: 42%;
    padding: 0;
    -webkit-transform: translate(-50%, -42%);
    transform: translate(-50%, -42%);
  }
	.block-sliderhdr3 .slider .caption h3{
		font-size: 38px;
	}
  .orbit-bullets-container {
    bottom: 0;
  }
}

/*image height needs to be the same as the slider container*/
@media only screen and (max-width: 64em) and (min-width: 40.0625em){
	.block-sliderhdr3 .slider img {
    height: 500px;
	}
}



@media (max-width: 40.063em) {
  .block-logo {
    width: 200px;
  }
  .block-logo .field-item .media-image a {
    height: auto;
    padding-bottom: 0;
  }
  .block-logo .field-item .media-image a img {
    position: relative;
    transform: none;
  }
  .block-sliderhdr3 .slider {
    height: 300px !important;
  }
  .block-sliderhdr3 .slider .media-image {
    height: 300px !important;
  }
  .block-sliderhdr3 .slider img {
    height: 300px;
  }
  .block-sliderhdr3 .slider .caption {
    width: 100%;
    bottom: auto;
    top: 42%;
    padding: 0;
    -webkit-transform: translate(-50%, -42%);
    transform: translate(-50%, -42%);
  }
  .block-sliderhdr3 .slider .caption h3 {
    font-size: 1.66rem;
    margin-bottom: 0;
  }
  .block-sliderhdr3 .slider .caption h3:before {
    content: none;
  }
  .block-sliderhdr3 .slider .caption p {
    font-size: .9em;
    margin-top: 0;
    margin-bottom: .5em;
  }
  .block-sliderhdr3 .slider .caption .button {
    padding: 0.875rem 1.75rem 0.9375rem 1.75rem !important;
    font-size: 0.75rem;
  }
}

@media (max-width: 66.3125em) {
  .top-bar-section ul li > a {
    font-size: 0.75rem;
  }
}

/*===================================================
  Navigation
=====================================================*/

/* display dropdown on the left instead of on the right to avoid been cut */
.top-bar-section .dropdown {
  left: auto;
  right: 0;
}


.top-bar-section ul .overflow-menu ul ul.dropdown {
  left: auto;
  right: 100%;
}