@media only screen and (min-width: 1101px) and (max-width: 1230px) {

	
	
}


@media only screen and (max-width: 1100px) {

	.login-section, .welcome-screen{min-height: auto; }
	.modtop-right{padding-top: 0;}
.cars_sliders .items{margin-right: 12px !important;}
.module-main{min-height: auto;}

.items-carsadd{min-height: 230px;}

.headerInr-main .header-menu{display: block;}

.subnav ul li a span {
    display: none;
}

.subnav ul li a span.trackInfo {
    display: inline-block;
}

.firstnameMr select{width: 45%;}

.selectedCars .item{width: 40%;}
.allmodules ul li{min-height: 450px;}

header.headerMain {
    height: 70px;
    background: #fff;
    position: fixed;
}

.backdrop {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 79;
    background: rgba(0,0,0,0.4);
}

.nissanNav {
    position: fixed;
    right: -100%;
    top: 0;
    width: 320px;
    background: #fff;
    z-index: 80;
    height: 100%;
    margin-left: 0;
    flex-direction: column;
    padding: 86px 16px 10px 16px;
    transform: none;
    left: auto;
    transition: all 0.4s ease-in-out;
}

.nissanNav .items {
    display: flex;
    flex-direction: column;
    text-align: right;
    width: 100%;
    padding-top: 12px;
}
.nissanNav ul {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    margin-bottom: 32px;
}
.nissanNav ul li {
    width: 100%;
    margin-bottom: 18px;
    margin-right: 0;
}

.nissanNav ul li a {
    font-size: 16px;
    color: #c3002f;
    position: relative;
}
.nissanNav .items {
    display: flex;
    flex-direction: column;
    text-align: right;
    width: 100%;
    padding-top: 12px;
}
.nissanNav .items a {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #000;
    text-decoration: none;
    justify-content: flex-start;
    font-size: 18px;
}
.nissanNav .items a, .nissanNav .items a em {
    font-size: 16px;
}
.main-inr.noMargin {
    padding-top: 70px;
}
/*.headerInrmain-left .logo-main a img {
    -webkit-filter: invert(1);
    filter: invert(1);
}*/
.nissanNav.active {
    transition: all 0.4s ease-in-out;
    right: 0;
}
.backdrop.active {
    left: 0;
}


.address_overlay-list{width: 100%; margin-bottom: 12px;}

.headerMain .header-menu span{background: #c3002f;}




}


@media only screen and (min-width: 767px) {
	.nissanNav .nissanNavin {height: 100%;}
    .nissanNav > ul {height: 100%; padding-left: 30px;}
    .nissanNav ul {padding-left: 30px; height: 100%;}
    .nissanNav > ul > li {height: 100%; display: flex; align-items: center;}
    .nissanNav ul li {position: relative; height: 100%; display: flex; align-items: center;}
    .nissanNav ul li .dropdown{
        background: #fff;
        right: 0;
        left: auto;
        clip-path: polygon(-15px 0,calc(100% + 15px) 0,calc(100% + 15px) 0,-15px 0);
        padding: 15px 0;
        position: absolute;
        top: calc(1em + 57px);
        box-shadow: none;
        opacity: 1;
        transition: all .2s cubic-bezier(.64,.04,.35,1);
        visibility: visible;
        display: block;
        width: auto;
		height: auto;
    }
    .nissanNav ul li .dropdown li {line-height: 1; color: #000; margin-right: 0; height: auto; display: block;}
    .nissanNav ul li:hover .dropdown {
        box-shadow: 0 5px 15px 0 rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.05) inset;
        clip-path: polygon(-15px 0,calc(100% + 15px) 0,calc(100% + 15px) calc(100% + 15px),-15px calc(100% + 15px));
        opacity: 1;
        visibility: visible;
        z-index: 1;
        background: #fff;
        transition: all .2s cubic-bezier(.64,.04,.35,1);
    }
    .nissanNav ul li:hover .dropdown li a {color: #999;}
    .nissanNav ul li:hover a:after {width: 100%;}
    .nissanNav ul li .dropdown li a:hover {color: #000;}
    .nissanNav ul li .dropdown li a{
        display: block;
        white-space: nowrap;
        padding: 15px 40px 15px 30px;
    }
    .nissanNav ul li .dropdown li a:hover::after,
    .nissanNav ul li:hover .dropdown li a:after{display: none;}
	.nissanNav ul li .dropdown li a:before {display: none;}




	
	
	
}

/*  9-8-2023 */
@media only screen and (max-width: 991px) {
    .rdmCard {width: calc(50% - 10px);}
}
@media only screen and (max-width:767px) {

    .header-menu{width: 36px; top: 8px;}
    .header-menu span{height: 4px;}
    .profileInformation ul li a, .profileInformation .items a, .profileInformation .items a em{font-size: 16px;}

    .loginpage-logo img{max-width: 150px;}
    .loginpage-row{padding-top: 70px;}
    .loginpage-row h1{font-size: 22px; padding-bottom: 8px;}
    .loginpage-rmn input{max-width: 100%; font-size: 13px;}
    .loginpage-btn{margin-top: 32px;}
    .loginpage-otps input{width: 48px; font-size: 13px;}
    .resend-login{max-width: 246px;}
    .fg.subnav {
    position: fixed;
    left: 0;
    margin: 0;
    top: 70px;
    background: #fff;
    height: 50px; width: 100%; border: 1px solid #E8E8E8; display: none;
}
.subnav ul li a{padding: 0 8px; font-size: 12px;}
.subnav ul li a span{text-align: center;}
.mrtop48{padding-top: 0;}


/*.nissanNav-container{display: none;}*/
.nissanNav-container.active{padding-bottom: 94px;}


header.headerMain{height: 70px; background: #fff; position: fixed; }
.headerInrmain-left .logo-main{width: 54px;}
/*.headerInrmain-left .logo-main a img {
  -webkit-filter: invert(1);
  filter: invert(1);
}*/
.backdrop{position: fixed; left: -100%; top: 0; width: 100%; height: 100%; z-index: 79; background: rgba(0,0,0,0.4);}
.backdrop.active{left: 0;}
.nissanNav{position: fixed; right: -100%; top: 0; width: 320px; background: #fff; z-index: 80; height: 100%; margin-left: 0; flex-direction: column; padding: 86px 16px 10px 16px; transform: none; left: auto; transition: all 0.4s ease-in-out; justify-content: flex-start;}
.nissanNav.active{ transition: all 0.4s ease-in-out; right: 0; display: none;}
.nissanNav .items a span{padding-right: 4px;}
.nissanNav ul{display: flex; flex-direction: column; margin-top: 16px; margin-bottom: 32px;}
.nissanNav ul li{width: 100%; margin-bottom: 18px; margin-right: 0;}
.nissanNav ul li a{font-size: 16px; color: #c3002f; position: relative;}

.login-page{height: 100%; position: fixed; left: 0; top: 0;}
.headerInrmain-right{display: none;}
.nissanNav .items {
    display: flex;
    flex-direction: column;
    text-align: right;
    width: 100%;
    padding-top: 12px;
}
.nissanNav .items a {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #000;
    text-decoration: none;
    justify-content: flex-start;
    font-size: 18px;
}
.nissanNav .items a, .nissanNav .items a em {
    font-size: 16px;
}
.nissanNav .items a em {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding: 0 0 0 12px;
}
.nissanNav .items a:hover{color: #c3002f;}
.nissanNav ul li a::after {
    position: absolute;
    top: 100%;
    width: 0%;
    height: 2px;
    background: #c3002f;
    transition: all 0.2s ease-in-out;
    content: '';
    left: 0;
}
.nissanNav ul li a:hover::after{width: 100%;}
.main-inr.noMargin{padding-top: 70px;}
.addCar-All{padding: 24px 16px;}
.addCar-All h1{font-size: 22px;}
.itmserv-btm{padding-left: 0;}


.logo a img{width: 50px;}
.logo a em{font-size: 14px; padding-left: 12px;}
.login-section{padding: 32px 16px;}
.welcome-screen ul li{width: 50%;}
.login-section.auto{padding: 32px 16px;}
.book-drive h2{padding-bottom: 8px;}
.cmninput-flexhalf .cmn-inputs{width: 100%; margin-bottom: 24px;}
.dealer-list ul li{width: 100%;}
.dealer-list ul li:last-child{margin-bottom: 0;}
.bookingImg img{max-width: 120px;}
.booking-detailsinr h2{font-size: 22px;}
.booking-detailsinr table{max-width: 100%;}
.booking-detailsinr table td{font-size: 13px;}
.logininr button, .book-drive button{font-size: 16px; padding: 16px 20px; margin-top: 16px;}
.cmn-inputs input[type="text"], .cmn-inputs input[type="password"]{padding: 10px;}
.otpsec_otps input{max-width: 50px; margin-right: 12px;}
.welcome-screen ul li a{height: 100%; width: 90%;}
.welcome-screen ul li{width: 50%; margin: 0 0 24px 0; padding:0;}
.welcome-screen{padding: 32px 0 16px 0;}
.modify-section{padding: 32px 0;}
.gdday h1{font-size: 24px; padding-left: 0;}
.gdday p{font-size: 14px;}
.modtop{flex-direction: column; border: 1px solid #999; border-radius: 10px; overflow: hidden; border-bottom: 0px;}
.modtop-left{width: 100%; margin: 0 0 24px 0; padding: 16px; display: flex; justify-content: space-between; align-items: flex-end;}
.modimg{width: 70%; margin-bottom: 0;}
.modinfo h2{font-size: 14px;}
.modinfo h3{font-size: 12px;}
.modtop-right{width: 100%; padding: 0;}
.modtop-right ul{margin-top: 16px;}
.modtop-right h4, .modtop-right ul{padding: 0 16px;}
.modtop-right ul li{font-size: 12px; margin-bottom: 12px;}
.modf-bokking a{min-width: 100%;}
.checkBlock .checkbx-lab{flex-wrap: wrap; width: 100%;}
.checkBlock .checkbx-lab b{width: 85%;}
.verify.btn{font-size: 16px; padding: 15px 20px;}
.login-section.loginbg{min-height: 100vh;}

.modulebtm ul li{width: 50%;}
.modulebtm ul li a{max-width: 84%;}

.modify-section .container{padding: 0;}
.gdday{padding: 0; width: 90%; margin: 0 auto 24px auto;}
.modtop{width: 90%; margin: 0 auto;}
.book-drive{padding: 0 0 54px 0;}

.bookservice-slider .slick-dots{bottom: -40px;}
.bookservice-slider.slick-dots li button{padding: 0;}
.bookservice-slider .slick-dots li button::before {font-size: 36px;}
.bookservice-slider .slick-dots li.slick-active button::before{opacity: 1; color: #dd002b;}
.bookservice-slider .items{border: 1px solid #999; padding: 0; border-radius: 10px; overflow: hidden; background: #fff; margin: 0 12px;}
.bookservice-slider .slick-prev, .bookservice-slider .slick-next{opacity: 0;}
.itemtop{padding: 16px;}
.itemtop h2{font-size: 15px;}
.itemtop h3{font-size: 12px;}
.itembtm{border-top: 1px solid #999;}
.itembtm a{background: #fff; color: #dd002b; border-radius: 0px;}
.itembtm a:hover{background: #dd002b; color: #fff;}
.itemtop img{max-width: 220px;}

.cmninput-flexhalf .cmn-inputs{width: 100%; margin-right: 0; }
.cmnlocation{flex-direction: column;}
.cmninput{width: 100%; margin: 0 0 12px 0;}
.serctown button{padding: 0; margin: 0;}
.current-location{padding: 0;}
.current-location button{padding: 0; margin:0 0 12px 0;}
.stickyBtn{padding: 12px;}
.stickyBtn a, .stickyBtn button{font-size: 13px; min-width: 90px;}
.bookingId, .irform{padding: 0;}
.bookingId .container, .irform .container{padding: 0;}
.bookingBlock{padding: 24px 16px 40px 16px;}
.ir_block{padding: 0;}
.bookingid_table table tr{display: flex; flex-direction: column;}
.bookingid_table table tr td{width: 100%; font-size: 14px;}
.bookingid_table table td:first-child{width: 100%;}
.fincScn .cmn-inputs, .allDocimr .form_colm{width: 100%; margin: 0 0 24px 0;}
.paymentflex{flex-wrap: wrap;}
.paymentflex .cmn-inputs{width: 100%;}
.cmnRange{max-width: 100%;}

.delectfrom{width: 100%; margin: 4px 0 0 0;}

.service-booking-first, .service-pi, .book-aspot{padding: 16px 16px 72px 16px;}


.bookinFlex{flex-wrap: wrap;}
.bookingFlexleft{width: 100%; margin: 0 0 24px 0;}
.bookingFlexleft img{display: inline-block; width: 100%;}
.bookingid_table{width: 100%;}
.bookingBlock h3{flex-wrap: wrap; width: 100%;}
.bookingBlock h3 a{margin: 8px 0 0 0; font-size: 13px; padding: 12px 20px;}
.backBtn a{font-size: 13px; padding: 12px 20px;}
.bookingBlock h3 span{text-align: center;}

.carinformation p{font-size: 13px;}
.carInfoImg{display: none;}
.steps-list ul li{padding: 0 6px;}
.steps-list ul li::before{width: 30px; height: 30px; line-height: 30px;}
.steps-list ul li p{font-size: 12px;}
.steps-list ul li::after {top: 17px;}
.steps-list ul li.complt .steps_blocks::before {top: 14px;}
.steps-list ul li.complt .steps_blocks::after {top: 18px;}
.ir_blockcmn h2{font-size: 18px; line-height: 24px;}
.selectedCars .item{margin: 0 0 24px 0; width: 100%;}
.carSelection-var .cmnlocation{width: 100%; margin-bottom: 12px;}
.carSelection-var .cmnlocation .cmn-inputs{margin-bottom: 0;}

.find-dealer-left{width: 100%;}
.find-dealer-right{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 45;}
.viewonmap{display: block; z-index: 98;}
.closemap{display: block;}


.booking-details{padding: 24px 16px;}
.dashboard{overflow-x: scroll;}
.dashboard table{table-layout: auto;}
.dashboard table th{padding: 8px; font-size: 13px;}
.dashboard table td{font-size: 12px; padding: 8px;}
.fncBtns{display: flex;}

.modulebtm ul li a p{text-align: center;}
.modulebtm ul li a{min-height: 154px;}
.module-slider .slick-prev, .module-slider .slick-next{width: 25px; height: 25px;}
.module-slider .slick-prev{left: 10px; top: 50%;}
.module-slider .slick-next{right: 10px;}

.myprofile{padding: 0 0 24px 0;}
.myprofile-inr{flex-direction: column;}
.myprofile-fleft{width: 100%; margin: 0 0 24px 0;}
.myprofile-fleft ul{display: flex; padding: 0; width: 100%; justify-content: space-between;}
.myprofile-fleft ul li{width: 50%; margin: 0;}
.myprofile-fleft ul li span{width: 100%; text-align: center; background: #f2f2f2; padding: 12px; border: 1px solid #ccc;}
.myprofile-fleft ul li span.active{background: #c3002f; color: #fff; border: 1px solid #c3002f;}
.login-section.all{padding-top: 32px;}
.myprofile-fright{width: 100%; padding: 0; border-left: 0;}
.cmnprofiles{width: 100%; margin: 0 0 24px 0;}
.applyotp input{width: 25px;}
.applyotp{width: 55%;}
.applyall{width: 45%;}
.applyall button{width: 100%;}
.cmnprofiles textarea{font-size: 14px;}
.addressinr{max-width: 96%; overflow-y: scroll;}
.address-main .cmn-inputs{margin-bottom: 12px; width: 100%;}
.addressinr{padding: 16px; padding-top: 32px;}
.address-main label{font-size: 14px;}
.cmnprofiles-head h2{font-size: 18px;}
.address-main .cmn-inputs input[type="text"], .address-main .cmn-inputs input[type="password"]{padding: 8px; font-size: 14px;}
.address-main .cmn-inputs select{padding: 8px; font-size: 14px;}
.address-close{width: 24px; height: 24px; top: 8px; right: 8px;}
.itemconcent ul li{flex-wrap: wrap;}
.icon{width: 15%;}
.copyconcent{font-size: 14px; padding-top: 8px; padding-bottom: 4px;}
.active-seasons ul li{width: auto; margin-right: 24px;}
.active-seasons ul li:nth-child(2n){margin-right: 0;}
.cars_sliders .items{width: 100%;}
.cars_sliders .items{margin-right: 0 !important; margin-bottom: 16px;}
.cars_sliders .slick-next{right: -32px; top: 55%;}
.cars_sliders .slick-prev{left: -32px;}

.bookingBlock h3 a{margin: 0 0 24px 0;}
.cmn-inputs.fulldiv.allDocimr .form_colm .form_contr{max-width: 100%;}
.bookservice-slider .slick-prev, .bookservice-slider .slick-next{opacity: 0; display: none !important;}

.carsMenu{width: 100% !important; display: none !important;}
.carsMenu.active {
    display: flex  !important;
    width: 200% !important;
    position: relative;
    left: -100%;
}
.items-carsadd{min-height: 212px; padding-top: 24px;}
.carsMenu li a {
    color: #000 !important;
    font-family: 'nissan_brandregular' !important;
    padding: 8px !important;
    font-size: 15px !important; text-align: center;
    min-height: 60px; display: flex !important; align-items: center; justify-content: center; border:1px solid #ccc; background: #f2f2f2;
}
.myCrassection::after {content: none;}

.active-seasons h3{padding-right: 35px;}
.active-seasons h3:after{right: 0;}
.fincScn-heading h2, .cmnfinal-heading{font-size: 16px;}
.fincScn-heading h2 em{width: 16px;}

.mrtop48 .ir_block{padding: 0; padding-bottom: 24px;}
.service-slider .slick-prev, .service-slider .slick-next{width: 30px; height: 30px; }
.service-slider .slick-prev{right: 36px;}
.service-slider .slick-prev::before, .service-slider .slick-next::before{font-size: 14px;}
.book-aspot-top p{font-size: 15px;}
.additional-blocks ul{width: 100%; justify-content: flex-start; align-items: initial;}
.additional-blocks ul li{margin: 0 4px; }
.additional-blocks ul li a{padding: 4px; font-size: 14px; text-align: center; height: 100%;}
.additional-blocks{margin-bottom: 16px;}

.book-aspot-top h3{font-size: 18px;}


.service-slider .items{margin: 0 0 24px 0; width: 100%;}
.service-slider .items:last-child{margin-bottom: 0;}
.service-offer{margin-bottom: 0;}
.item-sevice{flex-wrap: wrap;}
.service-slider .items.active .item-service-left, .service-slider .items.active .item-service-right{width: 100%;}
.service-slider .items.active .item-service-right{align-items: flex-start; justify-content: flex-start; margin-top: 16px;}
.item-service-right p{text-align: left; width: 100%;}
.servicebtn{text-align: left;}
.item-service-right ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.item-service-right ul li{width: 50%; margin: 0 0 8px 0; }
.additional-blocks ul li a::before, .additional-blocks ul li a::after{display: none;}
.psa-clmns .checkBlock.servc{width: 100%;}
.additional-services .dlistlast{flex-wrap: wrap;}
.service_recomm{padding: 24px 16px;}
.additional-services .dlistlast .cmn-inputs{width: 100%; margin: 12px 0 0 0;}
.additional-services .dealer-list {margin-bottom: 0;}
.service_recommleft{width: 100%; margin-bottom: 0;}
.service_recommright{width: 100%; margin-bottom: 24px;}
.service_recommleft h1{font-size: 24px;}
.book-service-wrapper{margin-top: 0;}
.book-service-wrapper{padding: 0;}
.expended-flexleft{padding: 0;}
.cta_container a{display: inline-block; width: 100%; }
.modify-booking-block{padding: 32px 0;}
.modify_section{padding: 24px 16px 64px 16px;}
.modify_car img{display: inline-block; width: 100%;}
.service_information table{table-layout: fixed;}
.service_information table th{font-size: 15px;}
.service_information table td{padding: 4px; font-size: 12px; word-wrap: anywhere;}
.modyfi_selection{margin-top: 8px;}
.modyfi_selection .cmn-inputs{width: 100%; margin: 0 0 24px 0;}
.modyfi_selection .cmn-inputs:last-child{margin-bottom: 0;}
.modyfi_selection .cmn-inputs:last-child{width: 100%;}
.modyfi_selection .cmn-inputs textarea{max-height: 80px;}
.editbooking-inr{min-width: 90%; padding: 24px 16px;}
.editbooking-btns{justify-content: center;}
.editbooking-inr h2{text-align: center;}
.editbooking-btns a{padding: 10px 18px; min-width: 110px; margin-right: 12px; font-size: 13px;}
.expanded-flex{padding: 0px;}
.listmodel ul{flex-wrap: wrap;}
.listmodel ul li{margin-bottom: 12px; width: 50%;}
.listmodel ul li:nth-child(2) {
    margin-bottom: 12px;
}
.listmodel ul li h4{font-size: 14px;}
.listmodel ul li span{font-size: 14px; margin-top: 4px;}



.buttonBtms{bottom: 16px; right: 16px;}
.buttonBtms a{font-size: 14px; min-width: 140px;}
.fullgrid-layout{flex-wrap: wrap;}
.fullgrid-half{width: 100%;}


.top_servicebooking h3.fullgrid{flex-wrap: wrap; width: 100%;}
.top_servicebooking h3.fullgrid span{width: 100%;}
.top_servicebooking h3.fullgrid .servicebooking-filter{width: 100%; margin-top: 12px;}


.left-booking-detailsinr{width: 100%; margin: 0 0 32px 0;}
.right-booking-detailsinr{width: 100%;}
.fullbooking-detailsinr .right-booking-detailsinr table{max-width: 100%;}
.right-booking-detailsinr .disc-reason{max-width: 100%;}


.address_overlay_row h2{font-size: 18px;}
.address_overlay_row ul li{width: 100%; margin: 0 0 16px 0;}
.address_overlay-list{font-size: 14px; width: 100%; margin-bottom: 12px;}

.cmn-inputs.reminarea {
    width: 100%;
    margin-right: 0;
}


.servrecomnd h1{font-size: 24px;}
.expanded-flex{flex-wrap: wrap;}
.expended-flexleft{width: 100%; margin: 0 0 8px 0;}
.expended-flexright{width: 100%; margin-top: 0; padding-bottom: 24px;}
.service_recomm_cmn h2{margin-bottom: 16px; padding-top: 4px;}
.totalPrice-elm{padding-right: 0; text-align: left;}
.totalPrice-elm h2{font-size: 20px; line-height: 24px;}
.totalPrice-val{font-size: 32px; line-height: 32px;}
.service_recomm_cmn ul{display: flex; flex-wrap: wrap;}
.service_recomm_cmn ul li{width: auto; margin: 0 0 12px 0; min-width: 50%;}
.addacar-sections{min-width: 100%;}
.seroverlay-inr-clmn-inr p{font-size: 16px;}

.addYour-car-left{width: 100%; margin: 0 0 24px 0;}
.addYour-car-right{width: 100%;}
.maskedInr{max-width: 90%;}

.addCar-Allleft{width: 100%; margin: 0 0 24px 0;}
.allcmnaddCar input{max-width: 100%;}
.addCar-Allright{width: 100%;}
.uploadRc-section .form_colm{max-width: 100%; margin: 0 0 24px 0;}
.afterRcupload-inr{max-width: 90%;}



.reghover-full{left: auto; right: 0; max-width: 250px; min-width: 250px;}
.addCar-Allleft ul li .checkbx-lab2{flex-wrap: nowrap;}

.bookingid_table:nth-child(2n){margin-left: 0;}

.top_servicebooking_flexleft{width: 100%; margin: 0 0 16px 0;}
.top_servicebooking_flexright{width: 100%;}
.top_servicebooking_flexright ul li{padding: 0 4px;}
.top_servicebooking_flexright ul li span{font-size: 12px;}
.btmflex .servicebtnflex{flex-direction: column;}
.btmflex .servicebtnflex a:first-child{margin-bottom: 4px;}
.service-booking-slides{margin-top: 12px;}

.sectionsteps{padding: 16px 16px 16px 16px; background: #f2f2f2; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.dsd {
    font-size: 14px;
}

.perso-allpadding{padding: 16px 16px 72px 16px;}
.nottrackbale{max-width: 100%;}
.checkBlock{text-align: left;}


.top_servicebooking_flexright h4{font-size: 18px; text-align: left; padding-bottom: 8px;}
.numbersserbooking{margin: 0 0 8px 0; width: 40px; height: 40px;}
.numbersserbooking span{font-size: 15px !important;  width: 40px; height: 40px;}
.top_servicebooking_flexright ul li{flex-direction: column; text-align: center; margin: 0;}

.moduleSlider .slick-dots{bottom: 16px;}
.moduleSlider .slick-dots li{height: 6px;}
.moduleSlider .slick-next, .moduleSlider .slick-prev{display: none;}
.moduleSlider:hover .slick-prev{opacity: 0;}
.moduleSlider:hover .slick-next{opacity: 0;}

.otpall-inroverlay{max-width: 90%;}
.otpMasked input{width: 48px;}
.moduleFinance-left{width: 100%; padding: 0 0 24px 0;}
.moduleFinance-right{width: 100%;}
.moduleDealer-flex{padding: 16px 16px 16px 16px;}
.moduleDealer-left{width: 100%; padding: 24px 0 0 0; order: 2}
.moduleDealer-right{width: 100%; padding: 0; order: 1; text-align: center; justify-content: center;}
.leftinr-dealer{text-align: center;}
.leftinr-dealer .modulecmn-btn{text-align: center; justify-content: center;}

.cmnprofiles .textarea span{top: 18%;}


.testdrive-content{padding-top: 32px;}
.testdrive-content h2{font-size: 24px;}
.testdrive-content h3{font-size: 18px;}
.modulecmn-btn a{font-size: 14px;}
.allmodules{padding: 0;}
.allmodules ul li{width: 100%; margin: 0 0 16px 0; min-height: auto;}

.cars_sliders_main{margin: 48px 0 0 0; padding: 0;}

.cars_sliders .items{margin: 0 12px; min-height: 230px; display: flex;
flex-direction: column;
justify-content: space-between;}
.items-carsadd{min-height: 230px;}
.items-carsadd a p{font-size: 18px;}
.items-carsadd a p span{font-size: 42px;}

.mrright44{margin-right: 0 !important;}

.testDrive-main{padding: 24px 16px 16px 16px;}
.allmodules{padding: 0 16px;}
.allmodules-content{padding:0 16px 16px 16px;}
.allmodules-content h2{font-size: 24px;}
.modulecmn-btn{padding-bottom: 48px;}
.breakoverlay-inr{max-height: 90vh;}



.address_overlayinr{max-width: 90%;}
.address-items{width: 100%; margin: 0 0 0 0; min-height: auto;}
.address-items:last-child{margin-bottom: 0;}



.cars_sliders .slick-dots{bottom: -32px;}
.cars_sliders .slick-dots li {
    width: 10px;
    height: 10px;
    background: #e72035; opacity: 0.5; border-radius: 50%;
}

.cars_sliders .slick-dots li.slick-active {
    background: #e72035; opacity: 1;
}

.cars_sliders .slick-dots li button {
    width: 100%;
    height: auto;
    padding: 0 2px;
}
.btmflex .servicebtnflex{align-items: flex-end;}
.btmflex .servicebtnflex a:first-child {
    margin-bottom: 4px;
    width: 100%;
    max-width: 90%;
}


.btmflex .servicebtnflex .service-booking-btn {
    padding-left: 0;
    width: 100%;
    display: flex; justify-content: flex-end;
}

.btmflex .servicebtnflex .service-booking-btn a {
    width: 100%;max-width: 90%;
}

.itmserv-btm p {
    font-size: 12px;
    word-break: break-all;
}

.firstnameMr select{width: 30%; background-position: right 10px center;}


.btmflex .servicebtnflex a {
    max-width: 90%;
    width: 100%;
}


.myprofile-heading.addFlex_row label{justify-content: flex-start;}
.addnew_address{margin: 6px 0 0 0;}
.top_servicebooking_flexright ul{margin-bottom: 16px;}
.signon_statusbar_inr ul li{margin: 0 6px;}

.loginor-flex a{min-width: 48%; font-size: 12px;}
.status_content{font-size: 12px;}

.optNissan_secinr{max-width: 80%;}


.welcome-dashboard-slider .item{flex-direction: column;}
.welcome-dashboard-sliderleft, .welcome-dashboard-sliderright{width: 100%;}
.itemimg-contentflex{flex-direction: column;}
.itemimg-contentleft, .itemimg-contentright{width: 100%;}
.itemimg-contentright{margin-top: 24px; display: inline-block;}
.itemimg-contentright a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    background: #C3002F;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}
.welcome-dashboard-sliderrightinr h2{font-size: 22px;}
.welcome-dashboard-slider .slick-next{width: 35px; background-size: 100%;}
.welcome-dashboard-slider .slick-prev{width: 35px; background-size: 100%; right: 24%;}
.pagingInfo{right: 40%;}
.welcome-dashboardflexleft span{display: block;}


.carprofile_car_left{flex-wrap: wrap;}
.carprofile_car_left_car{width: 100%; margin: 0 0 12px 0;}
.carprofile_car_right_car h4{font-size: 14px;}


	
	
	/* Side desktop menu list */
.nissanNav .nissanNavin {overflow-y: auto;}
	.nissanNavin {
    width: 100%;
}
.nissanNav  ul .Sidedropdown {
    padding: 0 0 0 15px;
	display: none;
}

.nissanNav ul .Sidedropdown li {
    margin-bottom: 10px;
    text-transform: none;
}

.nissanNav ul .Sidedropdown li a {}

.nissanNav ul .Sidedropdown li a {
    font-size: 14px;
}

.nissanNav ul li.ddClk a:before {
    content: '';
    position: absolute;
    right: -21px;
    top: 5px;
    border: solid #c3002f;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.nissanNav ul li.ddClk.active a:before {
    top: 10px;
    transform: rotate(224deg);
    -webkit-transform: rotate(224deg);
}
.nissanNav ul li.active > a:after {width: 100%;}
.nissanNav-container ul li.ddClk {
    position: relative;
}
.nissanNav .items a span {position: relative;}
.nissanNav .items a span:after {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 2px;
    background: #c3002f;
    transition: all 0.2s ease-in-out;
    content: '';
    left: 0;
}

.nissanNav ul li.ddClk a {
    position: relative;
}
.nissanNav ul li.ddClk li a:before {display: none;}
	.lgot {margin-top: auto;}

	/* 15-3-2023 */
	.cardTemplate {
		margin: 20px auto 0 auto;
	}
	.cardTemplate .updprofile-verify {
		flex-direction: column;
	}
	.cardTemplate .updprofile-verify .maskedBtn {
		margin: 0 0px 10px 0px;
	}

    .tncMain{padding: 32px 16px;}
    .tncMain-inr h2{font-size: 26px;}
    .tncMain-inr ul li{font-size: 14px; line-height: 22px;}
    .tncMain-inr p{font-size: 16px;}


    .footerNissan_main{width: 100%; padding-bottom: 0;}
    .footerNissan_main .container{padding: 0;}
    .footerNissan_main_clm ul li h2{padding-left: 16px;}
    .footerNissan_main_clm ul{flex-direction: column;}
    .footerNissan_main_clm ul li{width: 100%; margin: 0 0 24px 0; border-bottom: 1px solid #ccc; padding: 0 0 12px 0;}
    .footerNissan_main_clm ul li a{padding-left: 16px; padding-right: 16px;}
    .footerNissan_main_clm ul li:last-child{border-bottom: 0px;}
    .clmn_footersection_social a{padding: 0 !important;}
    .clmn_footersection_social{padding-left: 16px;}
    .footerNissan_btm_inr .container .footerNissan_btm_inr_left, .footerNissan_btm_inr .container .footerNissan_btm_inr_right{width: 100%;}
    .footerNissan_btm_inr .container{flex-direction: column;}
    .footerNissan_btm_inr .container .footerNissan_btm_inr_left ul{flex-direction: column;}
    .footerNissan_btm_inr .container .footerNissan_btm_inr_left ul li{margin: 0 0 12px 0;}
    .footerNissan_btm_inr .container .footerNissan_btm_inr_right ul{flex-direction: column;}
    .footerNissan_btm_inr .container .footerNissan_btm_inr_right  ul li{margin: 0 0 12px 0;}
    .footerNissan_main_clm ul li h2{position: relative; cursor: pointer; background: url(../images/view-details-redimg.png) no-repeat right 16px center;}
    .footerNissan_main_clm ul li h2.active{position: relative; cursor: pointer; background: url(../images/view-details-whiteimg.png) no-repeat right 16px center;}
.noBgimages{background: none !important;}
.clmn_footersection{display: none;}
 .footerNissan_btm_inr .container .footerNissan_btm_inr_left{border-bottom: 1px solid #ccc; margin-bottom: 16px;}
 .welcome-dashboard-slider .slick-list{padding-right: 0;}

 .itemimg-content{position: static; padding: 12px 0;}
 .itemimg-contentflex{flex-direction: row;}
 .itemimg-contentleft h2{font-size: 16px;}
 .itemimg-contentleft h3{font-size: 16px;}
 .itemimg-contentright{margin-top: 0;}
 .itemimg-contentright a{font-size: 12px; padding: 10px 20px;}
 .itemimg-contentright{display: inline-flex; justify-content: flex-end;}
 .itemtop{padding: 0;}
 .itemtop img{max-width: 100%;}
 .delectfrom {
  width: auto;
  margin: 4px 0 0 10px;
}
.cookie_section_inr{max-width: 98%;}
.cookie_section_inr_tag{font-size: 11px; line-height: 16px; text-align: center;}
.cookie_section_inr{flex-direction: column;}
.cookie_section_inr_tag, .cookie_section_inr_tag_btns{width: 100%;}
.cookie_section_inr_tag_btns{margin-top: 6px;}
.cookie_section_inr_tag_btns button{padding: 4px 24px; font-size: 10px;}


    .selctcolor_input ul {
        display: flex;
        flex-wrap: wrap;
    }

        .selctcolor_input ul li {
            margin-right: 5%;
            width: 30%;
            text-align: center;
            margin-bottom: 16px;
        }

            .selctcolor_input ul li:nth-child(3n) {
                margin-right: 0;
            }

    .capTcha-row{max-width:100%;}

    .servicesBtns a{width: 80%; text-align: left;}
    .cmnprofiles-head .myprof .myprofiletop .cmnprofiles{width: 100%;}
     .cmnprofiles-head .myprof .myprofiletop .cmnprofiles .checkBlock .checkbx-lab{flex-wrap: nowrap;}
     .consentFlexes li .checkbx-lab b{width: auto;}
     .consentFlexes li{width: auto; margin-right: 24px;}
     .consentboxmain b{font-weight: normal; font-size: 15px;}{font-size: 14px;}

     .compati-sys{display: block;}
    .compati-ph{width: 100%}
    .compati-ph-sel{display: block;}
    .compati-inpsel{width: 100%; margin: 5px 0;}
    .briffing-txt p{width: 100% ; font-size: 14px;}
    .comarti-helpwrap{display: block;}
    .ph-helpneed{width: 100%;}
    .ph-hlppd{ border-bottom: solid 3px #ccc;}
    .comp-device{width: 80%;}
    .compatibilty-title{font-size: 20px;}
    .compatibilty-title br{display: none;}
    .briffing-txt h2{font-size: 20px}
    .ph-helpneed b{font-size: 18px;}
    .ph-helpneed p{font-size: 15px;}

    /*  9-8-2023 */
    .redmMnin {padding-left: 15px; padding-right: 15px;}
    .tableNsn .modulecmn-btn {padding-bottom: 0;}
    .rdmCard {width: calc(100% - 10px);}
    .tpFltr {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        padding: 20px 15px;
        margin-bottom: 0;
        transition: linear 0.2s all 0s;
    }
    .tpFltrSticky {position: static; padding: 0; height: auto;}
    .tpFltr.open {height: 65%; padding-top: 60px;}
    .tpFltrin {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        display: block;
    }
    .fltrBtn {
        background: #c3002f;
        color: #fff;
        padding: 0 15px;
        font-size: 18px;
       display: block;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
    }
    .fltrBtn:after {
        border: solid #fff;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 4px;
        content: "";
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        position: absolute;
        right: 20px;
        top: 18px;
      }
      .fltrBtn.active:after {
        top: 12px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
      }
    .tpFltr .cmn-inputs {
        width: calc(100% - 10px);
        margin-bottom: 10px;
    }
    .redmMn .cmn-inputs .modulecmn-btn {
        padding-bottom: 0;
    }
    .rdmTop {justify-content: center; margin-bottom: 10px;}
    .textCenter {padding: 0;}
    .textCenter br {display: none;}
    .bottomBtns .modulecmn-btn {margin-bottom: 0;;}
    .bottomBtns .modulecmn-btn .cmnctmBtn {
        line-height: normal;
        min-width: 100px;
    }

    /* Refer and win page */
    .nCaption {width: 100%; transform: translate(15px, -50%);}
    .nCaption h1 {font-size: 24px;}
    .nCaption p {font-size: 15px; line-height: 22px;}
    .nCaption .modulecmn-btn .cmnctmBtn {min-width: 150px;}
    .nOverViewMn {
        padding: 40px 0;
    }
    .hdSubHd h3 {
        font-size: 15px;}
    .hdSubHd strong {
        font-size: 24px;
    }
    .nOverView .ntxtb {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
    }   
    .nOverView .nimgb {
        width: 100%;
        text-align: right;
    }
    .ProductNav_Link {font-size: 15px;padding: 14px 10px 10px 10px;}
    .similerArrow .slick-next,.similerArrow .slick-prev {display: none !important;}
    .similerArrow .slick-dots {padding-top: 30px;}

	
	
	
	
	
	
	
/**********************10-12***********************/
.vistpd{margin: 15px auto !important;}
	.visiton-rmn ul{display: inherit;}
	.visiton-rmn ul li{width: 100%; margin: 10px auto 0 auto}
	.visiton-rmn ul li a{display: inline-block;}
	
	.booked-room-detail table{width: 100%;}
	.visiton-rmn ul{padding: 10px 0;}
	
	
	
	
	
	
	
	
	
	

}


@media only screen and (max-width: 420px) {

.addnew_address{margin: 6px 0 0 0;}
.stickyBtn.carInfo.newSections .footerr3title, .stickyBtn.carInfo.newSections .footerr2title{font-size: 12px;}
.stickyBtn.carInfo.newSections .footerr2title span, .stickyBtn.carInfo.newSections .footerr3title span{font-size: 10px;}
.stickyBtn.carInfo.newSections  a{font-size: 9px; padding: 8px 12px;}
.stickyBtn.carInfo.newSections .fncBtns{flex-direction: column;}
.stickyBtn.carInfo.newSections .fncBtns a{width: 100%; margin: 2px 0;}
.consentFlexes{justify-content: space-between;}
.consentFlexes li{width: 48%; margin-right: 0;}
.consentboxmain .checkBlock{margin-bottom: 8px;}
.consentboxmain b{font-size: 14px; line-height: 20px;}

.welcome-dashboard-sliderright-clm a, .allBtnsNissans a{min-width: 100%}


}

@media only screen and (max-width: 375px) {

.addnew_address{margin: 6px 0 0 0;}
.stickyBtn.carInfo.newSections .footerr3title, .stickyBtn.carInfo.newSections .footerr2title{font-size: 11px;}
.stickyBtn.carInfo.newSections .footerr2title span, .stickyBtn.carInfo.newSections .footerr3title span{font-size: 9px;}
.stickyBtn.carInfo.newSections  a{font-size: 9px; padding: 8px 10px;}
.stickyBtn.carInfo.newSections .fncBtns{flex-direction: column;}
.stickyBtn.carInfo.newSections .fncBtns a{width: 100%; margin: 2px 0;}


}


@media only screen and (max-width: 320px) {
  
  .loginpage-row {
    padding-top: 32px;
}

.loginpage-logo img {
    max-width: 110px;
}

.loginpage-row h1{font-size: 20px;}
.loginpage-btn{margin-top: 24px;}
.loginpage-otpsec p{font-size: 14px;}
.loginpage-otps input {
    width: 40px;
    font-size: 13px;
    padding: 6px;
}
.loginpage-btn button{font-size: 14px; min-width: 140px; padding: 10px 12px;}
.checkBlock .checkbx-lab{font-size: 12px;}
}