@media screen and (max-width: 1212px) {
.our-offices {
width: 244px;
}
.our-offices__map {
opacity: 0.6;
position: absolute;
z-index: 0;
}
.our-offices__cont {
position: relative;
z-index: 5;
}
.under-slide__news {
padding: 0 60px;
width: calc(65% - 103px);
}
.under-slide__cta {
width: 242px;
}
.top-menu__menu > ul > li > a {
padding: 24px 14px 22px;
}
}
@media screen and (min-width: 1021px) and (max-width: 1044px) {
.atc-banner__item {
flex-basis: 45%;
}
}
@media screen and (min-width: 1020px) and (max-width: 1080px) {
.top-menu__menu > ul > li > a {
padding: 24px 12px 22px;
}
}
@media screen and (max-width: 1100px) {
.header__logo--t-atlantic {
width: 242px;
}
}
@media screen and (max-width: 1020px) {
.desktop {
display: none !important;
}
.mobile {
display: block;
}
html{
overflow: hidden;
width:100%;
}
body{
height:100%;
overflow-y:scroll;
position:fixed; -webkit-overflow-scrolling: touch; width:100%;
}
.home .layout {
overflow: hidden;
}
.mobile.cargo-calculator-link {
display: inline-block !important;
margin: 0 0 11px 10px !important;
position: relative;
}
.mobile.cargo-calculator-link::before {
background: transparent url(//qtavia.com/wp-content/themes/foghorn/img/calculator.svg) no-repeat center center / contain;
bottom: -2px;
content: '';
display: inline-block;
height: 14px;
left: -20px;
position: absolute;
top: 3px;
width: 14px;
}
.header .header__hamburger, .header__logo {
display: inline-block;
vertical-align: top;
}
.header__hamburger {
margin: 9px 40px 0 0;
}
.top-menu {
display: flex;
height: 100vh;
left: -100%;
top: 0;
position: fixed;
transition: all 0.8s ease 0s;
z-index: 110;
}
.top-menu--open {
left: 0;
}
.top-menu__box {
height: calc(100% - 80px);
margin: auto;
padding: 40px;
overflow: auto;
}
.top-menu__search, .top-menu__btn {
display: none;
}
.top-menu__menu {
margin: auto;
max-width: 70%;
}
.top-menu__menu > ul {
margin: 19px 0 30px 0;
}
.top-menu__menu > ul > li {
display: block;
}
.top-menu__menu > ul > li > a {
padding: 9px 14px 7px;
}
.top-menu__menu .sub-menu {
background-color: transparent;
box-shadow: none;
left: 0;
opacity: 1;
padding: 0;
position: relative;
visibility: initial;
width: auto;
}
.top-menu__menu .sub-menu a {
color: #183ca1;
padding: 5px 14px;
}
.top-menu__hamburger {
left: 40px;
top: 19px;
position: absolute;
z-index: 5;
}
.top-menu__menu .menu-item-40 .sub-menu, .top-menu__menu .menu-item-166 .sub-menu {
width: auto;
}
.home .footer {
display: none;
}
.home .page-mobile-pagination {
display: flex;
}
.page-mobile-pagination {
align-items: center;
border-top: 3px dashed #fff;
bottom: 0;
display: none;
position: absolute;
justify-content: space-between;
width: 100%;
z-index: 10;
}
.slide-slick__desc {
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
}
.page-mobile-pagination .btn {
margin-right: 30px;
}
.page-content-p {
position: relative;
z-index: 2;
}
.page-mobile-pagination__items {
padding: 0 0 0 17px;
position: relative;
}
.page-mobile-pagination__item {
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: bold;
padding: 0 23px;
position: relative;
}
.page-mobile-pagination__item span {
display: block;
padding: 23px 0;
position: relative;
}
.page-mobile-pagination__item--active span::before {
background-color: #fff;
display: block;
content: '';
left: -8%;
padding: 3px 0 2px;
position: absolute;
top: -4px;
width: 116%;
}
.reach-news {
margin-top: 0;
}
.reach-news__abs {
display: none;
}
.reach-news__item {
height: auto;
padding: 119px 0 80px;
}
.layout.slider .slick-slide {
height: 646px;
}
.page-content.slick-slider > .slick-list {
transition: all 0.4s ease 0s;
}
.reach-box {
margin: auto;
}
.theme--dark .page-mobile-pagination {
border-top: 3px dashed #334ba3;
bottom: initial;
margin-top: 48px;
position: relative;
}
.theme--dark .page-mobile-pagination__item {
color: #334ba3;
}
.theme--dark .page-mobile-pagination__item--active span::before {
background-color: #334ba3;
}
.theme--dark .page-mobile-pagination__btn .btn {
background-color: #fff;
border: 2px solid #334ba3;
color: #334ba3;
}
.theme--light .header {
position: absolute;
z-index: 10;
}
.theme--light .header__menu > ul > li > a, .theme--light .header__track-link {
color: #fff;
}
.theme--light .header__menu li:first-child a::before {
background-image: url(//qtavia.com/wp-content/themes/foghorn/img/newspaper-white.svg);
}
.theme--light .header__menu li:nth-child(2) a::before {
background-image: url(//qtavia.com/wp-content/themes/foghorn/img/letter-white.svg);
}
.theme--light .hamburger--menu {
background-image: url(//qtavia.com/wp-content/themes/foghorn/img/menu-circular-button-white.svg);
}
.theme--light .language__title {
color: #fff;
}
.services__left {
width: 320px;
}
.services__right {
width: calc(100% - 320px);
}
.sub-content {
display: block;
}
.sub-content__cont {
width: 100%;
}
.sub-content__sidebar {
margin: 40px auto 0;
padding-left: 0;
}
img.alignright, img.alignleft {
max-width: 48%;
height: auto;
}
.solution-box {
flex: 1 1 calc(50% - 30px);
}
.footer-bottom {
flex-wrap: wrap;
}
.footer-bottom__left {
width: 40%;
}
.footer-bottom__center {
width: 60%;
}
.footer-bottom__right {
order: 1;
width: 100%;
}
.footer-bottom__right .btn {
margin: 2.4em auto 0;
}
.slide-slick__title {
font-size: 34px;
}
.slide-slick__title-line {
height: 43px;
}
.slider-slick__item--1 .slide-slick__title-line--2 {
font-size: 89%;
height: 39px;
}
.top-menu__menu .sub-menu .sub-menu {
left: 20px;
transform: initial;
}
}
@media screen and (max-width: 890px) {
.header__menu {
margin-top: 0;
}
.header__menu li {
display: block;
}
.header__track {
margin-left: 32px;
}
.header__language {
margin-left: 36px;
}
.layout__box, .slide-slick__layout {
padding: 0 20px;
width: calc(100% - 40px);
}
.header__hamburger {
margin-right: 20px;
}
.services__box {
display: block;
}
.services__left {
margin-bottom: 40px;
padding-top: 0;
width: 100%;
}
.services__tabs {
display: none;
}
.services__right {
display: flex;
flex-wrap: wrap;
height: auto;
width: 100%;
}
.service-box__item {
display: flex !important;
height: auto;
overflow: hidden;
width: 50%;
}
.service-box__item:nth-child(2)::before, .service-box__item:nth-child(4)::before {
box-shadow: 6px 0 14px rgba(0, 0, 0, 0.2);
content: '';
height: 100%;
left: -100%;
top: 0;
position: absolute;
width: 100%;
z-index: 10;
}
.service-box__item:nth-child(3)::after, .service-box__item:nth-child(4)::after {
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.24);
content: '';
height: 100%;
left: 0;
top: -100%;
position: absolute;
width: 100%;
z-index: 10;
}
.service-box__cont {
background-color: transparent;
display: flex;
flex-direction: column;
height: auto;
padding: 62px 18px 53px;
position: relative;
width: calc(100% - 36px);
}
.service-box__desc {
flex-grow: 1;
}
.home .service-box__btn {
padding: 16px 0 19px 0;
text-align: center;
}
.home .service-box__btn::before {
padding-right: 4px;
position: static;
}
.home .service-box__btn::after {
display: none;
}
.service-box__title {
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.service-box__bg--video .service-box__bg--img {
display: block;
}
.service-box__bg--video video {
display: none;
}
}
@media screen and (max-width: 720px) {    .header__menu, .header__track {
display: none !important;
}
.header__right {
margin-bottom: 0;
padding: 0;
position: initial;
}
.header__language {
position: absolute;
right: 0;
top: -4px;
}
.header__track {
margin-left: 34px;
position: relative;
bottom: -21px;
}
.header__track-link {
margin-top: 24px;
}
.header__menu li:nth-child(2) {
margin-top: 3px;
}
.slide-slick__center {
margin: 51px 34px 0;
}
.layout.slider .slick-slide {
height: 708px;
}
.solution-box {
flex: 1 1 100%;
margin-left: 0;
margin-right: 0;
}
.header__language {
right: 20px;
top: 14px;
}
}
@media screen and (max-width: 704px) {
.atc-banner__item {
flex-basis: 45%;
}
}
@media screen and (max-width: 610px) {       .header__menu li {
display: inline-block;
}
.header__menu li:first-child {
margin: 0;
}
.header__language {
right: 20px;
top: 14px;
}
.header__track {
bottom: 0;
margin-left: 22px;
}
.header__track-link {
margin-top: 5px;
}
.home .page-mobile-pagination {
display: block;
}
.page-mobile-pagination__btn {
margin: 1px auto 20px;
text-align: center;
}
.page-mobile-pagination__btn .btn {
margin-right: 0;
}
.slide-slick__cont {
display: flex;
flex-direction: column;
margin: 122px 0 180px;
justify-content: center;
}
.slide-slick__btn .btn {
padding: 19px 30px 19px;
}
.slide-slick__btn {
margin-top: 15px;
}
.slide-slick__desc { }
.slide-slick__center {
display: none;
height: 0;
margin: 18px 34px 22px;
padding: 2px 0;
width: 21%;
}
.slide-slick__layout {
padding: 0 40px;
width: calc(100% - 80px);
}
.layout.slider .slick-slide {
height: auto;
}
.reach-news__item {
height: auto;
padding: 126px 0 180px;
}
h1 {
font-size: 36px;
line-height: 1.4;
}
h1, h2, h3 {
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.breadcrumbs {
margin-top: 35px;
}
}
@media screen and (max-width: 540px) {
.top-menu__hamburger {
left: initial;
right: 20px;
}
.top-menu__menu {
max-width: 100%;
}
.service-box__item {
margin-top: 20px;
width: 100%;
}
.service-box__item:first-child {
margin-top: 0;
}
.service-box__item::before, .service-box__item::after {
display: none;
}
.sub-content__cont img {
height: auto;
float: inherit;
max-width: 100%;
margin: 0 0 14px;
width: 100%;
}
.footer-bottom__left, .footer-bottom__center {
text-align: center;
width: 100%;
}
.footer-bottom__center {
margin-top: 42px;
}
.footer-top {
display: block;
text-align: center;
}
.footer-top__left {
margin-bottom: 18px;
}
}
@media screen and (max-width: 504px) {
.atc-banner__title {
font-size: 22px;
}
.atc-banner__item {
flex-basis: 70%;
}
.header__left--t-atlantic .header__logo {
width: 223px;
}
}
@media screen and (max-width: 500px) and (max-height: 512px) {
.slide-slick__title-line {
font-size: 94%;
height: 37px;
}
.slider-slick__item--1 .slide-slick__title-line--2 {
font-size: 89%;
height: 34px;
}
.slide-slick__btn {
height: 58px;
margin-top: 10px;
}
.slide-slick__btn .btn {
padding: 16px 30px 16px;
}
.page-mobile-pagination__item span {
padding: 15px 2px 14px 0;
}
}
@media screen and (max-width: 406px) {
.header__logo {  width: 160px;
}
.slide-slick__cont { }
.language__item {
margin-left: 10px;
}
.header__left--t-atlantic .header__logo {
width: 100%;
}
}
@media screen and (max-width: 388px) {
.page-mobile-pagination__item {
padding: 0 10px;
}
.slide-slick__layout {
padding: 0 20px;
width: calc(100% - 40px);
}
.header__track {
margin-left: 0;
width: 100%;
}
.header__hamburger {
margin-right: 5px;
}
.sub-content__sidebar {
box-sizing: border-box;
width: 100%;
}
.sub-content__btn, .contact-form {
width: 100%;
box-sizing: border-box;
}
.btn {
max-width: 100%;
box-sizing: border-box;
}
.contact-form {
margin-right: auto !important;
}
.btn--landing {
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 328px) {
.slide-slick__title {
font-size: 32px;
}
.slide-slick__title-line { }
.reach-box__arrows {
right: 10px;
width: 68px;
}
.reach-box__arrow {
padding: 21px 10px;
}
.header__logo {
width: 144px;
}
}
@media screen and (max-width: 310px) {
.page-mobile-pagination__item {
padding: 0 6px;
}
.header__logo {
width: 114px;
}
}