/* Desktops and laptops ----------- */
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    display: none !important;
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape)
{
    body{
        font-size: 18px !important
    }


}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait)
{ 
    body{
        font-size: 18px !important
    }
    .main-container.beer5 .beer-slider,
    .main-container.beer6 .beer-slider,
    .main-container.beer7 .beer-slider{
        max-height: 25vh;
        margin-top: 11vh;
        height: auto
    }

}
@media only screen and (min-width:1024px) {
    .reel {
        width: auto;
        height: 100%;
        display: block;
        margin: 0px auto;
    }
}
.ipad .point:not(.point-1),
.mobile .point:not(.point-1){
    display: none !important;
}
.items li[data-target]{
    cursor: pointer
}
/* ipad */
.ipad .map-tabs h1{
    font-size: 183%;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 3%;
}
.ipad .cancel{
    right: 5%;
    top: -7%;   
}
.ar.ipad .cancel {
    left: 5%;
    right: auto;
}
/*ipad landscape*/
.ipad.ipad_landscape .specs_tables table{
    font-size: 80%;
}
.ipad.ipad_landscape .intro-2 h4{
    font-size: 100%;
}
.ipad.ipad_landscape .intro-2 h6{
    font-size: 105%;
}
.ipad.ipad_landscape #menu{
    display: none !important;
}
.ipad.ipad_landscape .mobile-nav .back {
    padding-left: 9%;
}
.ipad.ipad_landscape .intro-2 .video-container,
.mobile .intro-2 .video-container{
    max-width: 77%;
    width: 77%;
}
.ipad.ipad_landscape ul.tooltip-menu.colors-menu-list{
    width: 73vw;
}
.ipad.ipad_landscape ul.tooltip-menu.colors-menu-list li a{
    font-size: 67%;
    font-weight: normal !important;
}
.ipad.ipad_landscape .compare-content h4 {
    font-size: 100%;
    margin-bottom: 3%;
}
.ipad.ipad_landscape .map-tabs h1 {
    font-size: 110%;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 3%;
    display: block;
    margin: auto;
    float: none;
    margin-bottom: 3%;
}
.ipad.ipad_landscape .center-locator .main-container {
    height: 69vh;
    width: 100% !important;
}
.ipad.ipad_landscape .item-actions span:after{
    right: -13%;
}
.ar.ipad.ipad_landscape .item-actions span:after{
    left: -13%;
    right: auto;
}
.ipad.ipad_landscape .compare-content p{
    font-size: 105%;
    line-height: normal;
    margin-bottom: 0%;
}
.ipad.ipad_landscape a.nav-lang{
    font-size: 119%;
    margin-right: 3.8%;
    margin-top: 0.65%;
}
.ar.ipad.ipad_landscape a.nav-lang{
    margin-right: 0;
    margin-top: 0.65%;
    margin-left: 1%; 
}
.ar.ipad.ipad_landscape .Q50-logo-white{
    width: 10vw;  
}
.ipad.ipad_landscape .mobile-nav .items,
.mobile .mobile-nav .items{
    top: 11%;
    font-size: 115%;
    height: 78%;
    position: fixed;
    bottom: 0;
    max-height: unset;
    z-index: 999999999999 !important;
    background: rgba(34, 31, 32,1);
}
.ipad.ipad_landscape .mobile-nav .items>ul {
    height: 100%;
    overflow: scroll;
}
.ipad.ipad_landscape .infiniti-logo-mobile{
    width: 10vw;
    display: block;
    bottom: 1%;
}
.ipad.ipad_landscape .mobile-nav{
    padding: 2.2% 0;  
}
.ipad.ipad_landscape #my_image-reel {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
}
.ipad.ipad_landscape #my_image-reel img {
    width: 100%;
    height: auto;
    margin-top: 6%;
}
.ipad.ipad_landscape .turbo,
.ipad.ipad_landscape .car.section-name{
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: 0%;
    height: 100%;
    box-sizing: border-box;
    background: url(../images/mobile_bg.jpg)
}
.ipad.ipad_landscape .popup_form .popup_form_container{
    width: 90%;
}
.ipad.ipad_landscape .popup_form form .form_field label,
.ipad.ipad_landscape .popup_form .term_text,
.ipad.ipad_landscape .nearest-infiniti, .test-drive-title,
.ipad.ipad_landscape .popup_form form select,
.ipad.ipad_landscape .ui-selectmenu-text,
.ipad.ipad_landscape .ui-menu .ui-menu-item-wrapper{
    font-size: 86%;
}
.ipad.ipad_landscape #menu{
    opacity: 1; 
}
.ipad.ipad_landscape ul.tooltip-menu.grades-list{
    width: 60vw; 
}
.ipad.ipad_landscape #menu ul ul.tooltip-menu.colors-menu-list{
    width: 77vw;
}
.ipad.ipad_landscape #my_image-reel img {
    width: 100%;
    height: auto;
    margin-top: 6%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
}
.ipad.ipad_landscape .col.header {
    position: relative;
    margin-top: 0%;
}
.ipad.ipad_landscape .full_popup_container{
    width:90%;
}
.ipad.ipad_landscape .swiper-slide .my-video-container,
.mobile .swiper-slide .my-video-container{
    width: 100%;
}
.ipad.ipad_landscape .full_popup_container h4{
    margin-top: 1.3%;
    margin-bottom: 1.3%;
}
.ipad.ipad_landscape .popup .main-container-details p{
    font-size: 95%;
}
.ipad.ipad_landscape .popup .main-container-details p.bolder{
    font-size: 100%;
}
.ipad.ipad_landscape .cancel{
    width: 35px;
    height: 35px;
    background-size: 35px;  
}
.ipad.ipad_landscape .swiper-slide,
.mobile .swiper-slide{
    background: rgb(11,12,18);  
}
.ipad.ipad_landscape .swiper-button-prev,
.ipad.ipad_landscape .swiper-container-rtl .swiper-button-next,
.mobile .swiper-button-prev,
.mobile .swiper-container-rtl .swiper-button-next{
    left: 1%;
}
.ipad.ipad_landscape .swiper-button-next,
.ipad.ipad_landscape .swiper-container-rtl .swiper-button-prev,
.mobile .swiper-button-next,
.mobile .swiper-container-rtl .swiper-button-prev{
    right: 1%;
}
.ipad.ipad_landscape .swiper-button-prev,
.ipad.ipad_landscape .swiper-button-next {
    top: 42%;
    width: 37px;
    height: 54px;
    margin-top: 0;
    background-size: 37px 54px;
    background-position: center;
    background-repeat: no-repeat;
}
.ipad.ipad_landscape .main-container,
.mobile .main-container{
    width: 86%;
    margin: auto;  
    position: relative;
}
.ipad.ipad_landscape  .beer1 .beer-slider{
    height: auto !important;
    margin-top: 0;
}
.ipad.ipad_landscape .single_box{
    margin-right: 1.2%;
}
.ipad.ipad_landscape .compare-content .car {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    width: 50%;
    min-height: 1px;
    padding: 0px;
    margin-bottom: 10px;
}
.ipad.ipad_landscape ul#colors-menu {
    margin-top: 2%;
    position: relative;
    height: auto;
    width: 100%;
}
.ipad.ipad_landscape .mobile-nav .items .sub li,
.mobile .mobile-nav .items .sub li {
    position: relative;
}
.ipad.ipad_landscape .colors-menu a::before,
.ipad.ipad_landscape .colors-menu-list a::before,
.mobile .colors-menu a::before,
.mobile .colors-menu-list a::before{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 17px;
}
.ipad.ipad_landscape .mobile-nav #colors-menu a{
    text-indent: 50px;
}
.ipad.ipad_landscape .mobile-nav .items ul li{
    min-height: inherit;
    line-height: normal;
    position: relative;
    z-index: 99999999;
    float:left;
}
.ipad.ipad_landscape .mobile-nav .items ul li a,
.ipad.ipad_landscape .mobile-nav .items ul li>div{
    padding: 2% 0;
    z-index:999999999 !important;
    position:relative;
    display: inline-block;
    cursor: pointer;
}
.ipad.ipad_landscape .intro-2 a{
    padding: 2.5% 4%; 
    font-size: 100%;
}

.ipad.ipad_landscape .mobile-nav .items ul{
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
}
.ipad.ipad_landscape .item_list{
    width: 47%;
}
.ipad.ipad_landscape .mobile-nav .toggle {
    display: inline-block;
    float: right;
    margin-right: 3%;
    margin-top: 0%;
}
.ar.ipad.ipad_landscape .mobile-nav .toggle{
    float: left;
    margin-right: 0;
    margin-left: 3%;
}
.ipad.ipad_landscape #menu{
    display: none !important;
}
.ipad.ipad_landscape .mobile-nav .back {
    padding-left: 9%;
}
.ipad.ipad_landscape .single_box .img-container {
    height: 15vh;
    margin-top: 20%;
}
.ipad.ipad_landscape .popup .feature-details {
    font-size: 83%;
    margin-top: 5%;
}
.ipad.ipad_landscape .intro-1 .point-1 {
    top: 57vh !important;
    left: 32vw;
}
.ipad.ipad_landscape .cancel{
    top: -3%;
}
.ipad.ipad_landscape .description_wrapper table tr td,
.ipad.ipad_landscape .description_wrapper table tr th{
    font-size: 0.35em; 
}
/* ipad portrait */
.ipad.ipad_portrait .description_wrapper .col-8,
.ipad.ipad_portrait .description_wrapper .col-4{
    width: 100%;
    float: left;
}
.ipad.ipad_portrait .description_wrapper table tr td,
.ipad.ipad_portrait .description_wrapper table tr th {
    padding-bottom: .75em;
    padding: 2% 1%;
    font-size: 0.4em;
}
.ipad.ipad_portrait .specs_tables table{
    font-size: 74%;
}
.ipad.ipad_portrait .specs_tables{
    margin-top: 4%;
}
.ipad.ipad_portrait .intro-2 h4{
    font-size: 100%;
}
.ipad.ipad_portrait .intro-2 h6{
    font-size: 105%;
}
.ipad.ipad_portrait #menu{
    display: none !important;
}

.ipad.ipad_portrait .mobile-nav .back {
    padding-left: 9%;
}
.ipad.ipad_portrait .intro-2 .video-container,
.mobile .intro-2 .video-container{
    max-width: 77%;
    width: 77%;
}
.ipad.ipad_portrait ul.tooltip-menu.colors-menu-list{
    width: 73vw;
}
.ipad.ipad_portrait ul.tooltip-menu.colors-menu-list li a{
    font-size: 67%;
    font-weight: normal !important;
}
.ipad.ipad_portrait .compare-content h4 {
    font-size: 100%;
    margin-bottom: 3%;
}
.ipad.ipad_portrait .map-tabs h1 {
    font-size: 110%;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 3%;
    display: block;
    margin: auto;
    float: none;
    margin-bottom: 3%;
}
.ipad.ipad_portrait .center-locator .main-container {
    height: 69vh;
    width: 100% !important;
}
.ipad.ipad_portrait .item-actions span:after{
    right: -13%;
}
.ar.ipad.ipad_portrait .item-actions span:after{
    left: -13%;
    right: auto;
}
.ipad.ipad_portrait .compare-content p{
    font-size: 105%;
    line-height: normal;
    margin-bottom: 0%;
}
.ipad.ipad_portrait a.nav-lang{
    font-size: 119%;
    margin-right: 3.8%;
    margin-top: 1.65%;
}
.ar.ipad.ipad_portrait a.nav-lang{
    margin-right: 0;
    margin-top: 0.65%;
    margin-left: 1%; 
}
.ar.ipad.ipad_portrait .Q50-logo-white{
    width: 10vw;  
}
.ipad.ipad_portrait .mobile-nav .items,
.mobile .mobile-nav .items{
    top: 11%;
    font-size: 115%;
    height: 80%;
    position: fixed;
    bottom: 0;
    max-height: unset;
    z-index: 999999999999 !important;
    background: rgba(34, 31, 32,1);
}
.ipad.ipad_portrait .mobile-nav .items>ul {
    height: 80%;
    overflow: scroll;
}
.ipad.ipad_portrait .mobile-nav{
    padding: 2.2% 0;  
}
.ipad.ipad_portrait #my_image-reel {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
}
.ipad.ipad_portrait #my_image-reel img {
    width: 100%;
    height: auto;
    margin-top: 6%;
}
.ipad.ipad_portrait .turbo,
.ipad.ipad_portrait .car.section-name{
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: 0%;
    height: 100%;
    box-sizing: border-box;
    background: url(../images/mobile_bg.jpg)
}
.ipad.ipad_portrait .popup_form .popup_form_container{
    width: 90%;
}
.ipad.ipad_portrait .popup_form form .form_field label,
.ipad.ipad_portrait .popup_form .term_text,
.ipad.ipad_portrait .nearest-infiniti, .test-drive-title,
.ipad.ipad_portrait .popup_form form select,
.ipad.ipad_portrait .ui-selectmenu-text,
.ipad.ipad_portrait .ui-menu .ui-menu-item-wrapper{
    font-size: 86%;
}
.ipad.ipad_portrait #menu{
    opacity: 1; 
}
.ipad.ipad_portrait ul.tooltip-menu.grades-list{
    width: 60vw; 
}
.ipad.ipad_portrait #menu ul ul.tooltip-menu.colors-menu-list{
    width: 77vw;
}
.ipad.ipad_portrait #my_image-reel img {
    width: 100%;
    height: auto;
    margin-top: 6%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
}
.ipad.ipad_portrait .col.header {
    position: relative;
    margin-top: 0%;
}
.ipad.ipad_portrait .full_popup_container{
    width:90%;
}
.ipad.ipad_portrait .swiper-slide .my-video-container,
.mobile .swiper-slide .my-video-container{
    width: 100%;
}
.ipad.ipad_portrait .full_popup_container h4{
    margin-top: 1.3%;
    margin-bottom: 1.3%;
}
.ipad.ipad_portrait .popup .main-container-details p{
    font-size: 95%;
}
.ipad.ipad_portrait .popup .main-container-details p.bolder{
    font-size: 100%;
}
.ipad.ipad_portrait .popup .main-container-details p.WHEEL-CHOICES-19:after{
    right: -1%;
}
.ipad.ipad_portrait .cancel{
    width: 35px;
    height: 35px;
    background-size: 35px;  
}
.ipad.ipad_portrait .swiper-slide,
.mobile .swiper-slide{
    background: rgb(11,12,18);  
}
.ipad.ipad_portrait .swiper-button-prev,
.ipad.ipad_portrait .swiper-container-rtl .swiper-button-next,
.mobile .swiper-button-prev,
.mobile .swiper-container-rtl .swiper-button-next{
    left: 1%;
}
.ipad.ipad_portrait .swiper-button-next,
.ipad.ipad_portrait .swiper-container-rtl .swiper-button-prev,
.mobile .swiper-button-next,
.mobile .swiper-container-rtl .swiper-button-prev{
    right: 1%;
}
.ipad.ipad_portrait .swiper-button-prev,
.ipad.ipad_portrait .swiper-button-next {
    top: 42%;
    width: 37px;
    height: 54px;
    margin-top: 0;
    background-size: 37px 54px;
    background-position: center;
    background-repeat: no-repeat;
}
.ipad.ipad_portrait .main-container,
.mobile .main-container{
    width: 86%;
    margin: auto;  
    position: relative;
}
.ipad.ipad_portrait  .beer1 .beer-slider{
    height: auto !important;
    margin-top: 33%;
}
.ipad.ipad_portrait .popup .main-container img.main-container-img{
    height: auto;
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.ipad.ipad_portrait .single_box{
    margin-right: 1.2%;
}
.ipad.ipad_portrait .compare-content .car {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    width: 50%;
    min-height: 1px;
    padding: 0px;
    margin-bottom: 10px;
}
.ipad.ipad_portrait ul#colors-menu {
    margin-top: 2%;
    position: relative;
    height: auto;
    width: 100%;
}
.ipad.ipad_portrait .mobile-nav .items .sub li,
.mobile .mobile-nav .items .sub li {
    position: relative;
}
.ipad.ipad_portrait .colors-menu a::before,
.ipad.ipad_portrait .colors-menu-list a::before,
.mobile .colors-menu a::before,
.mobile .colors-menu-list a::before{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 17px;
}

.ar.ipad.ipad_portrait .colors-menu a::before,
.ar.ipad.ipad_portrait .colors-menu-list a::before,
.ar.mobile .colors-menu a::before,
.ar.mobile .colors-menu-list a::before{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto !important;
    right: 17px;
}

.ipad.ipad_portrait .mobile-nav #colors-menu a{
    text-indent: 50px;
}
.ipad.ipad_portrait .full_popup_container .specs img{
    width: 80%;
}
.ar.ipad.ipad_portrait .mobile-nav #colors-menu a{
    text-indent: 50px;
    direction: rtl;
    text-align: right;
}
.ipad.ipad_portrait .mobile-nav .items ul li{
    min-height: inherit;
    line-height: normal;
    position: relative;
    z-index: 99999999;
    float:left;
}
.ipad.ipad_portrait .mobile-nav .items ul li a,
.ipad.ipad_portrait .mobile-nav .items ul li>div{
    padding: 2% 0;
    z-index:999999999 !important;
    position:relative;
    display: inline-block;
    cursor: pointer;
}
.ipad.ipad_portrait .intro-2 a{
    padding: 2.5% 4%; 
    font-size: 100%;
}

.ipad.ipad_portrait .mobile-nav .items ul{
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
}
.ipad.ipad_portrait .item_list{
    width: 47%;
}
.ipad.ipad_portrait .mobile-nav .toggle {
    display: inline-block;
    float: right;
    margin-right: 3%;
    margin-top: 0%;
}
.ar.ipad.ipad_portrait .mobile-nav .toggle{
    float: left;
    margin-right: 0;
    margin-left: 3%;
}
.ipad.ipad_portrait #menu{
    display: none !important;
}
.ipad h2.section-title.section-top-title {
    padding-bottom: 2%;
}
.ipad.ipad_portrait .mobile-nav .back {
    padding-left: 9%;
}
.ipad.ipad_portrait .single_box .img-container {
    height: 15vh;
    margin-top: 20%;
}
.ipad.ipad_portrait .popup .feature-details {
    font-size: 77%;
}
.ipad.ipad_portrait .intro-1 .point-1 {
    top: 55vh;
    left: 32vw;
}
.ipad.ipad_portrait .cancel{
    top: 0%;
}
.ipad.ipad_portrait .main-container.beer3 .beer-slider {
    height: auto;
    max-height: 23vh;
    margin-top: 13vh;
}
/* mobile */
.mobile .description_wrapper .col-8,
.mobile .description_wrapper .col-4{
    width: 100%;
    float: left;
}
.mobile .description_wrapper table tr td,
.mobile .description_wrapper table tr th,
.mobile .inner_content1_descriptions ul.detail-list,
.mobile .inner_content1_descriptions p{
    font-size: 1em;
}
.mobile .content1_descriptions{
    height: 100%;
}
.mobile .description_wrapper .accordion>li{
    width:100%;
}
.mobile .accordion .opening-content a{
    font-size: 1.2em;
    display: block;
    margin-bottom: 1em;
}
.mobile .inner_content1_descriptions{
    width: 90%;
}
.mobile a.close_description {

    right: 0.3em;
    top: 0.3em;
    font-size: 1.5em;
}
.mobile .item_list{
    height:auto !important;
}
.mobile .intro-2 .video-container .wrapper{
    height: 50% !important
}
.mobile .beer1 .beer-slider{
    height: auto !important;
    margin-top: 17vh;
}
.mobile .position-flag .tech_1-points,
.mobile .position-flag .design_1-points{
    display:none
}
.mobile .mobile-nav #colors-menu a {
    text-indent: 50px;
}
.ar.mobile .mobile-nav #colors-menu a {
    direction: rtl;
    text-align: right;
}
.mobile #menu{
    display: none !important
}
.mobile .turbo,
.mobile .car.section-name{
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: 0%;
    height: 100%;
    box-sizing: border-box;
    background: url(../images/mobile_bg.jpg)

}
.full_popup_container .swiper-container{
    width:100%;
}
.mobile ul#colors-menu {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 2%;
}
.mobile #myVideo,
.ipad #myVideo{
    display: none;
}
.mobile .intro-1,
.ipad .intro-1{
    background: url(../images/intro1_mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.mobile  .intro-1 .point-1 {
    top: 49.5vh;
    left: 23vw;
}
.mobile .map-tabs h1{
    font-size: 110%;
    text-align: center;
    margin-bottom: 3%;
    display: block;
    line-height: 1.2;
    margin-top: 1%;
    display: block;
    position: relative;
    width: 100%;
}
.mobile .full_popup{
    height: 70%;
}
.mobile .popup_form .cancel {
    display: block !important;
    right: 5%;
    top: 0%;
}
.mobile label.label{
    padding: 11% 0;
    font-size: 146%;
    width: 100%;
}
.mobile .tab_item{
    width: 50%;
    /*    float: left;*/
}
.mobile .center-locator {
    width: 100%;
    float: left;
    height: 100%;
}
.mobile .center-locator .main-container {
    height: 100% !important;
    width: 100%;
}
.mobile .cancel{
    top: 1%;
    right: 4%;
}
.ar.mobile .cancel{
    right: auto;
    left: 4%;
}
.mobile .center-locator .tab {
    height: 80%;
    position: relative;
    float: left;
    width: 100%;
}
.mobile .item_list{
    width:100%;
    padding: 1% 6%;
}
.mobile .img-beer3 {
    margin-top: 0;
}
.mobile .map-tabs{
    padding:0;  
}
.mobile .grid-row .heading-group h2 span + span{
    font-size: 120%;
}
.mobile.mobile_landscape .grid-row .heading-group h2 span + span{
    font-size: 75%;
}
.mobile .dealer-services ul li{
    margin-left: 0;
}
.mobile .item-actions span:after{
    right: -12%;
}
.mobile .item_list h3{
    font-size: 130%;
}
.mobile.mobile_landscape .item_list h3{
    font-size: 86%;
}
.mobile .dealer-address p,
.mobile ul.detail-list a,
.mobile .dealer-services ul li{
    font-size: 120%;
}
.mobile.mobile_landscape .dealer-address p,
.mobile.mobile_landscape ul.detail-list a,
.mobile.mobile_landscape .dealer-services ul li{
    font-size: 75%;
}
.mobile .item_list .item-actions button{
    padding: 3% 0;
    font-size: 140%;
    display: none;
}
.mobile .item_list .content{
    height: auto !important;
}
.mobile .mejs__overlay-button {
    background: url(../images/play_icon_mobile.png);
    background-size: contain;
    width: 6vw;
    height: 6vw;
    background-repeat: no-repeat;
}
.mobile .intro-2 .intro-2-content {
    height: 83%
}
.mobile .mobile-nav .toggle {
    float: right;
    margin-right: 3%;
    margin-top: 0%;
}
.ar.mobile .mobile-nav .toggle{
    float: left;
    margin-left: 3%;
    margin-right: 0;
    margin-top: 0%;
}
.ar.mobile a.nav-lang{
    margin-left: 3.8%; 
}
.mobile #my_image-reel {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
}
.mobile #my_image-reel img {
    width: 100%;
    height: auto;
    margin-top: 6%;
}
.mobile #my_image-reel img {
    width: 100%;
    height: auto;
    margin-top: 6%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
}
.mobile .main-container{
    position: relative
}
.mobile .popup .inline_boxes,
.ipad.ipad_portrait .popup .inline_boxes{
    float: left;
    height: fit-content;
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mobile.mobile_portrait .infiniti-logo-mobile,
.ipad.ipad_portrait .infiniti-logo-mobile{
    display: block
}
.mobile.mobile_landscape .infiniti-logo-mobile{
    width: 12vw;
    bottom: 1%;
    display:none !important;
}
.ipad.ipad_portrait .infiniti-logo-mobile{
    width: 22vw;
}
.mobile #share_email .share_special{
    width:100% !important
}
/* mobile portrait */
.mobile.mobile_portrait .col.header {
    position: relative;
    margin-top: 11%;
}
.mobile.mobile_portrait .section-title{
    padding:0 !important;
}
.mobile.mobile_portrait a.nav-lang {
    font-size: 152%;
    margin-top: 2.65%;
    margin-right: 1.8%;
}
.mobile.mobile_portrait .mobile-nav .back {
    padding-left: 16%;
}
.mobile.mobile_portrait .section-title{
    font-size: 190%;
}
.mobile.mobile_portrait .Q50-logo-white{
    width: 20vw;
    margin-bottom: 1%;
}
.mobile .full_popup_container {
      background: #0c0d11;
}
.mobile.mobile_portrait .full_popup_container {
    width: 90%;
  
}
.mobile.mobile_portrait .thanks-popup{
    padding-top: 7%;
    box-sizing: border-box;   
}
.mobile.mobile_portrait .swiper-button-prev,
.mobile.mobile_portrait .swiper-button-next{
    width: 5vw;
    height: 11vw;
    background-size: 100% 100%;
    top:36%;
}
.mobile.mobile_portrait .cancel{
    width: 6vw;
    height: 6vw;
    background-size: cover;
}
.mobile.mobile_portrait .inline_boxes{
    padding: 0;
}
.mobile.mobile_portrait .single_box {
    display: inline-block;
    float: left;
    width: 29%;
    margin: 0;
    margin-right: 4.33%;
}
.mobile.mobile_portrait .single_box .img-container {
    height: 26vw;
}
.mobile.mobile_portrait .popup .img-container img{
    position: relative; 
}
.mobile.mobile_portrait .single_box .img-container {
    height: auto;
}

.mobile.mobile_portrait .full_popup_container h4{
    font-size: 123%;
}
.mobile.mobile_portrait .popup .feature-details{
    font-size: 75%;
}
.mobile.mobile_portrait .popup .main-container-details p,
.mobile.mobile_portrait .thanks-popup p{
    font-size: 115% !important;
    line-height:normal;
    width: 100% !important;
}
.mobile.mobile_portrait .popup .main-container-details p.bolder{
    font-size: 120% !important;;
}
.mobile.mobile_portrait .popup .main-container-details p.WHEEL-CHOICES-19:after{
    display:none;
}
.mobile.mobile_portrait .popup_form,
.mobile.mobile_portrait.compare-content{
    top: 18%;
}
.mobile.mobile_portrait .mobile-nav .items{
    top: 9%;
    font-size: 164%;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
}
.mobile.mobile_portrait .intro-2 a{
    padding: 1.5% 2%;
}
.mobile.mobile_portrait .main-container{
    height: 70%; 
    position: relative
}
.mobile.mobile_portrait .popup .main-container-details{
    max-height: 30%;
    height: auto;
}
.mobile.mobile_portrait .full_popup_container .specs img{
    width:100%;
}

.mobile.mobile_portrait .intro-2 p{
    font-size: 126%;
}
.mobile.mobile_portrait.popup_form form .form_field label,
.mobile.mobile_portrait .popup_form .term_text,
.mobile.mobile_portrait .nearest-infiniti,
.mobile.mobile_portrait .test-drive-title,
.mobile.mobile_portrait .popup_form form select,
.mobile.mobile_portrait .popup_form form .form_field label,
.mobile.mobile_portrait .ui-selectmenu-text,
.mobile.mobile_portrait .ui-menu .ui-menu-item-wrapper{
    font-size: 115%;
}
.mobile.mobile_portrait .compare-content h4{
    font-size: 120%;
    margin-top: 0;  
}
.mobile.mobile_portrait .compare-content p{
    font-size: 115%;
}
.mobile.mobile_portrait .popup .main-container img.main-container-img{
    height: auto;
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mobile.mobile_portrait .main-container.beer3 .beer-slider {
    max-height: 25vh;
    margin-top: 11vh;
}
.mobile.mobile_portrait .main-container.beer5 .beer-slider,
.mobile.mobile_portrait .main-container.beer6 .beer-slider,
.mobile.mobile_portrait .main-container.beer7 .beer-slider{
    max-height: 25vh;
    margin-top: 11vh;
}
.mobile.mobile_portrait .twentytwenty-container, .mobile.mobile_portrait .twentytwenty-wrapper{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
}
.mobile .beer-slider.mobile-hide,
.ipad .beer3 .twentytwenty-wrapper{
    display:none !important;
}
.ipad .beer-slider.mobile-hide{
    display:block !important;
}
.mobile .beer3 .twentytwenty-wrapper{
    display:block !important;
}
/*
.mobile.mobile_portrait video::-webkit-media-controls-fullscreen-button {
    display: none;
}
*/
/* mobile landscape */
.mobile.mobile_landscape .full_popup_container .specs .specs_container{
    overflow: scroll;
}
.mobile.mobile_landscape .specs_tables table{
    font-size: 80%;
}
.mobile.mobile_landscape .intro-1 .point-1 {
    top: 42.5vh;
    left: 31vw;
}
.mobile.mobile_landscape .col.header {
    position: relative;
    margin-top: 1% !important;
}
.mobile.mobile_landscape a.nav-lang {
    font-size: 115%;
    margin-top: 1.65%;
}
.mobile.mobile_landscape .mobile-nav .back {
    padding-left: 16%;
}
.mobile.mobile_landscape .section-title{
    font-size: 126%;
}
.ar.mobile.mobile_landscape .section-title{
    font-size: 112%;
}
.mobile.mobile_landscape .Q50-logo-white{
    width: 12vw;
}
.mobile.mobile_landscape .full_popup_container {
    width: 90%;
}
.mobile.mobile_landscape .swiper-button-prev,
.mobile.mobile_landscape .swiper-button-next {
    width: 5vw;
    height: 6vw;
    background-size: 100% 100%;
    top: 30%;
}
.mobile.mobile_landscape .cancel {
    width: 4vw;
    height: 4vw;
    background-size: cover;
    top: 3%;
    right: 3.5%;
}
.mobile.mobile_landscape .inline_boxes{
    padding: 0;
}
.mobile.mobile_landscape .single_box {
    display: inline-block;
    float: left;
    width: 29%;
    margin: 0;
    margin-right: 4.33%;
}
.mobile.mobile_landscape .single_box .img-container {
    height: 26vw;
}
.mobile.mobile_landscape .popup .img-container img{
    position: relative; 
}
.mobile.mobile_landscape .single_box .img-container {
    height: auto;
}

.mobile.mobile_landscape .full_popup_container h4{
    font-size: 80%;
}
.mobile.mobile_landscape .full_popup_container .thanks-popup h4{
    font-size: 110%;
}
.mobile.mobile_landscape .popup .feature-details{
    font-size: 50%;
}
.ar.mobile.mobile_landscape .popup .feature-details{
    font-size: 45%;
}
.mobile.mobile_landscape .popup .main-container-details p {
    font-size: 57% !important;
    line-height:normal;
}
.mobile.mobile_landscape .popup .main-container-details p.bolder{
    font-size: 60% !important;
}
.ar.mobile.mobile_landscape .popup .main-container-details p{
    font-size: 69%;
}
.ar.mobile.mobile_landscape .popup .main-container-details p.bolder{
    font-size: 72%;
}
.mobile.mobile_landscape .mobile-nav .items {
    top: 20%;
    font-size: 115%;
}
.mobile.mobile_landscape .popup .main-container-details{
    height: auto;
}
.mobile.mobile_landscape .full_popup_container .specs img {
    width: auto;
    height: 100%;
}
.mobile.mobile_landscape .single_box img {
    width: 75% !important;
}
/*.mobile.mobile_landscape .img-beer3 {
           margin-top: -36%;
}
.mobile.mobile_landscape .main-container.beer3 .beer-reveal{
        top: -53%;
    right: 50%;
    height: 157%;
}*/
/*.mobile.mobile_landscape .main-container.beer3 {
    height: 124%;
    width: 80%;
    margin: auto;
    margin-top: -26%;
}*/
.mobile.mobile_landscape .beer-handle{
    top: auto;
    z-index: 999999;
    bottom: 11%;
}
.mobile.mobile_landscape .beer-range{
    z-index: 999999;  
}
.mobile .popup .img-container{
    margin-top:0;
}
.mobile .beer-handle{
    z-index: 999999
}
.mobile.mobile_landscape .beer-slider img {
    z-index: 0;
}
.mobile.mobile_landscape .center-title{
    margin: 0;
}
.mobile.mobile_landscape .full_popup{
    height: 72%;
    top: 16%;
}
.mobile.mobile_landscape .intro-2 .video-container {
    max-width: 90%;
    width: 90%;
}
.mobile.mobile_landscape .intro-2 p,
.mobile.mobile_landscape .intro-2 h4,
.mobile.mobile_landscape .intro-2 h6{
    margin-bottom: 0
}
.mobile.mobile_landscape .intro-2 a {
    padding: 0.5% 4%;
}
.mobile.mobile_landscape .main-container{
    height: 60%;
    width:80%;
    margin:auto
}
.mobile.mobile_landscape .main-container.thanks-form{
        height: auto;
}
.mobile.mobile_landscape .popup .main-container-details{
    height: auto;
}
.mobile.mobile_landscape .beer-slider {
    height: 100% !important;
    margin-top: 0;
}

.mobile .popup_form .popup_form_container {
    width: 100%;
}
.mobile.mobile_landscape .popup_form{
    width: 90%;
    height: 75%;
    top: 18%;
}
.mobile.mobile_landscape .infiniti-logo,
.ipad.ipad_landscape .infiniti-logo{
    width: 143px;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 5%;
    display: none;
}

.mobile.mobile_landscape .map-tabs h1 {
    font-size: 110%;
    text-align: center;
    margin-bottom: 3%;
    display: block;
    width: 100%;
}
.mobile.mobile_landscape label.label {
    padding: 5% 0;
    font-size: 115%;
    width: 100%;
}
.mobile.mobile_landscape .center-locator .tab {
    height: 18em;
    position: relative;
    float: left;
    width: 100%;
}
.mobile.mobile_landscape .center-locator .main-container {
    height: 100%;
    width: 100%;
    overflow: scroll;
}
.mobile.mobile_landscape .compare-content{
    top: 18%;
}
.mobile.mobile_landscape .intro-2 h6{
    font-size: 96%;
}
.mobile.mobile_landscape .intro-2 h4{
    font-size: 91%;
}
.mobile.mobile_landscape .intro-2 .details{
    padding: 2% 0;
}
.mobile.mobile_landscape .intro-1{
    background-position: 50% 58%;
}
.mobile.mobile_landscape .intro-2 a{
    font-size: 100%;
}
.ar.mobile.mobile_landscape .intro-2 a{
    font-size: 80%;
}
.mobile.mobile_landscape #menu{
    display:none !important
}
.mobile .compare-content .car {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    width: 100%;
    min-height: 1px;
    padding: 0px;
    margin-bottom: 10px;
}
/*.mobile .compare-content .car img{
    width: 28%;
    float: left;
}
.mobile .compare-content .car p,
.mobile .compare-content .car h4 {
    float: right;
    width: 71%;
    text-align: left;
}*/
.mobile.mobile_landscape .compare-content .car{
    text-align: center;
}
.mobile.mobile_landscape .compare-content-cotainer .car img{
    width: 77%;
}
.mobile.mobile_landscape .section-title{
    padding-top: 0;  
}
.mobile.mobile_landscape .Q50-logo-white{
    margin-top: 0.5%;  
}
.mobile.mobile_landscape #my_image-reel img{
    width: 90%;
    margin-top: 0;
}
.mobile.mobile_landscape .intro-2 .video-container{
    padding-top: 0;
}
.mobile.mobile_landscape .intro-2 a{
    margin-top: 0;
}
.mobile.mobile_landscape.popup_form form .form_field label,
.mobile.mobile_landscape .popup_form .term_text,
.mobile.mobile_landscape .nearest-infiniti,
.mobile.mobile_landscape .test-drive-title,
.mobile.mobile_landscape .popup_form form select,
.mobile.mobile_landscape .popup_form form .form_field label,
.mobile.mobile_landscape .ui-selectmenu-text,
.mobile.mobile_landscape .ui-menu .ui-menu-item-wrapper{
    font-size: 102%;
}
.ar.mobile.mobile_landscape .intro-2 p{
    font-size: 71%;
    direction: rtl;
}
.mobile.mobile_landscape .compare-content p{
    font-size: 84%;
}
.mobile #content2{
    padding-bottom: 8%;
    margin: 0;
    height: 89%;
    box-sizing: border-box;
}
@media only screen and (min-width:768px) and (orientation : landscape)  {
    .mobile.mobile_landscape #my_image-reel img  {
        width: 74%;
    }
}
/*@media only screen and (max-device-width : 640px) and (orientation : landscape){
    .mobile.mobile_landscape .main-container.beer3 {
        height: 160%;
        width: 80%;
        margin: auto;
        margin-top: -31%;
    }
    .mobile.mobile_landscape .intro-1 .point-1 {
        top: 48.5vh;
        left: 31vw;
    }
}*/

@media only screen and (max-device-width : 768px) and (orientation : portrait){
    .preloader img{
        width: 38%;
    }
}
@media only screen and (max-device-width : 768px) and (orientation : landscape){
    .preloader img{
        width: 25%;
    }
}