
@media only screen and (min-width :1920px) {
	
}
@media only screen and (max-width :1800px) {
    
}
@media only screen and (max-width :1690px) {
	
}
@media only screen and (max-width :1450px) {
	
}
@media only screen and (max-width :1380px) {
   
}
@media only screen and (max-width :1290px) {
    div#abt-column-5 .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        max-width: calc(100% - 60px) !important;
    }
}
@media only screen and (max-width :1120px) {
    div.header {
        max-width: calc(100% - 60px);
    }
    body div.abu-al-container {
        max-width: calc(100% - 60px) !important;
    }
}
@media only screen and (max-width :1023px) {
    .lm-title {
        font-size: 36px;
    }
    .lm-eyebrow {
        letter-spacing: 6px;
    }
    .lm-subtitle {
        font-size: clamp(16px, 2vw, 14px);
    }
    .lm-cta {
        font-size: 12px;
        padding: 14px 40px;
    }
    .lm-dots {
        left: 20px;
    }
    .footer-col ul li {
        margin-bottom: 12px !important;
    }
    .footer-divider {
        margin-bottom: 24px !important;
    }
    .footer-logo {
        padding-bottom: 14px !important;
    }
    .footer-bottom-divider {
        margin-top: 30px;
    }
    .site-footer {
        padding: 40px 0px 20px;
    }
    div#careers-column-8 {
        padding: 80px 0px 70px;
    }
    .abu-al-careers-cta-block {
        margin-top: 90px;
    }
    div#careers-column-4 {
        padding: 80px 0px 100px;
    }
}
@media only screen and (max-width :979px) {
    div.cta-card {
        margin: 0px 30px;
    }
}
@media only screen and (max-width :840px) {
	
}
@media only screen and (max-width :767px) {
    div.header {
        max-width: calc(100% - 30px);
    }
    div.header .menu-btn {
        width: 33%;
        min-width: 33%;
    }
    div.header .logo.header-logo {
        width: 33%;
        min-width: 33%;
    }
    div.header .btn-group {
        width: 33%;
        min-width: 33%;
    }
    .lm-slide__overlay {
        background: var(--overlay-grad), var(--overlay-dark);
    }
    .cta-heading {
        font-size: 24px !important;
    }
    .cta-sub {
        font-size: 16px !important;
    }
    .cta-btn {
        padding: 14px 20px !important;
    }
    
}
@media only screen and (max-width :599px) {
    div.header .dealer-btn {
        font-size: 10px;
    }
    div.header .menu-label {
        font-size: 10px;
    }
    div.header .burger {
        width: 16px; 
    }
    div.header .menu-btn {
        gap: 8px;
    }
    body div.abu-al-container {
        max-width: calc(100% - 30px) !important;
    }
    .footer-col ul li {
        margin-bottom: 5px;
    }
    .footer-col h3 {
        margin-bottom: 10px;
    }
    .footer-col ul li a {
        font-size: 10px;
    }
    .site-footer {
        padding: 20px 0px 15px;
    }
    .footer-bottom-divider {
        margin-top: 20px;
    }
    .footer-columns {
        gap: 10px;
    }
    .footer-logo {
        width: 130px;
        padding-bottom: 10px;
    }
    .footer-divider {
        margin-bottom: 20px;
    }
    header.headerBg.headerFixed .logo.header-logo img.Fixed-Logo {
        height: 40px;
        margin-left: 0;
    }
    section.lm-next-section {
        padding: 60px 0px 40px;
    }
    .explore-slide__body {
        border-left: 0px solid rgba(245,240,232,.25) !important;
        padding: 26px 0px 20px !important;
    }
    header.headerFixed {
        height: 53px;
    }
    .explore-slider .slick-prev, .explore-slider .slick-next {
        width: 35px;
        height: 35px;
    }
    .explore-slider .slick-prev::before, 
    .explore-slider .slick-next::before {
        font-size: 15px;
    }
    div.header {
        padding: 10px 0px;
    }
    .sh_menu-close {
        top: 25px;
        left: 25px;
    }
    .sh_menu-screen a {
        font-size: 16px;
    }
    .sh_menu-screen li {
        margin: 30px 0;
    }
    .footer-lang {
        font-size: 10px;
    }
    h1,h2,h3 {
        letter-spacing: 1px !important;
    }
    div.cta-card {
        margin: 0px 15px !important;
    }
    .cta-btn {
        gap: 0;
        font-size: 12px;
        padding: 14px 20px !important;
    }
    div.AlpageBanner h1 {
        font-size: 65px !important;
    }
    div.AlpageContact h1 {
        font-size: 44px !important;
    }
    div.lm-slide[data-index="1"] .lm-slide__content,
    div.lm-slide[data-index="2"] .lm-slide__content{
        margin-left: calc(50% - 137px) !important;
        top: -150px;
    }
    .lm-slider .lm-slide .img img.forDesktopHm {
        display: none !important;
    }
    .lm-slider .lm-slide .img img.forMobileHm {
        display: block !important;
        object-position: 50% center !important;
    }
    .lm-slide__overlay {
        background: unset !important;
    }
    .lm-subtitle {
        font-size: clamp(14px, 2vw, 14px) !important;
    }
    .lm-subtitle {
        margin-bottom: 20px !important;
    }
  
}
@media only screen and (max-width :479px) {
    .explore-further__head {
        margin-bottom: 30px;
    }
    .explore-further__eyebrow {
        font-size: 22px !important;
    }
    .explore-further__title {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }
    .site-footer {
        padding: 0px 0px 15px;
    }
    section.lm-next-section {
        padding: 60px 0px 20px;
    }
    div.AlpageBanner h1 {
        font-size: 44px !important;
        line-height: 1.3em;
    }
    div#abt-column-1 p {
        font-size: 16px !important;
    }
    div.AlpageBanner p {
        font-size: 16px !important; 
    }
    div.AlpageBanner .wp-block-cover__inner-container.is-layout-constrained {
        max-width: calc(100% - 40px) !important;
    }
    div.bs-wrap .bs-tab {
        font-size: 14px !important;
    }
    .bs-wrap {
        max-width: calc(100% - 40px) !important;
    }
    .explore-slide__img {
        height: 350px !important;
    }
}
@media only screen and (max-width :420px) {
    div.header .dealer-btn {
        font-size: 8px !important;
    }
    .explore-slide__img {
        height: 340px !important;
    }
}
@media only screen and (max-width :390px) {
    .footer-col ul li {
        margin-bottom: 5px !important;
    }
    .explore-slide__img {
        height: 325px !important;
    }
}