body.ar-view { font-family: 'Questrial', sans-serif !important; }

/*=========================================== AR Homepage Start CSS ===========================================*/
/*------------------------------ AR Header CSS --------------------------------*/
.ar-view .nav-item:nth-of-type(7) .header-nav-link { padding-left: 0px !important; }
.ar-view .right-nav-list .theme-form-select img { margin-left: 6px; margin-right: 0px; }
/*------------------------------ AR Homepage About Just Burger CSS --------------------------------*/
.ar-view .homepage-about-just-burger-left { padding: 0 0 0 62px; }
.ar-view .homepage-about-just-burger-items-box-2:nth-child(1) .homepage-about-just-burger-item-2 { margin-right: 0; margin-left: -26px; }
.ar-view .homepage-about-just-burger-item-2 { float: left; }
/*------------------------------ AR Homepage Our Story CSS --------------------------------*/
.ar-view .homepage-our-story-item-align-left { padding:  0px 0px 0px 173px; }
.ar-view .homepage-our-story-item-align-right { padding: 0px 173px 0px 0px; }
/*------------------------------ AR Homepage Franchise CSS --------------------------------*/
.ar-view .homepage-franchise-images { margin: 0 0 0 222px; }
.ar-view .homepage-franchise-text { left: 12px; right: auto; }
.ar-view .homepage-franchise::after { left: 0; right: auto; }
.ar-view .homepage-franchise-for-list-box.one { padding: 0 0 0 112px; }
.ar-view .homepage-franchise-for-list-box.one::after { left: 26px; right: auto; }
.ar-view .homepage-franchise-for-list-box.two { padding: 0 34px 0 80px; }
.ar-view .homepage-franchise-for-list-box.two::after { left: -10px; right: auto; }
.ar-view .homepage-franchise-for-list-box.three { padding: 0 78px 0 34px; }
.ar-view .homepage-franchise-for-list-box.three::after { left: -42px; right: auto; }
.ar-view .homepage-franchise-for-list-box.for { padding: 0 113px 0 0; }
/*------------------------------ AR Homepage Reservation & Booking CSS --------------------------------*/
.alert-success .close { margin-left: 0px; margin-RIGHT: 5px; }
.ar-view .homepage-reservation-booking .form-control { text-align: right; }
.ar-view .homepage-reservation-booking-star-rating { margin-left: 8px; margin-right: 0; }
.ar-view .homepage-reservation-booking-reservations .text { margin-right: 23px; margin-left: 0; }
/*------------------------------ AR Homepage Instagram Slider CSS --------------------------------*/
.homepage-instagram-wrapper-rtl .slick-list { margin: 0 -15px; }
.homepage-instagram-wrapper-rtl .slick-slide { padding: 0px 15px; }
/*------------------------------ AR Footer CSS --------------------------------*/
.ar-view .footer-widgets li { padding-left: 0; padding-right: 28px; }
.ar-view .footer-widgets a i { left: auto; right: 0; }
.ar-view .footer-menu:last-child { margin-left: 0; margin-right: 60px; }
.ar-view .footer-to-top { left: 3%; right: auto; }
.ar-view .footer-widgets a { font-size: 15px; }
/*------------------------------ AR Homepage Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .ar-view .homepage-about-just-burger-items-box-2:nth-child(1) .homepage-about-just-burger-item-2 { margin-right: 0; margin-left: 0; }
}
@media (max-width: 1499.98px) {
    .ar-view .homepage-our-story-item-align-left { padding: 0px 0px 0px 100px; }
    .ar-view .homepage-our-story-item-align-right { padding: 0px 50px 0px 0px; }
    .ar-view .homepage-franchise-for-list-box.one { padding: 0 0 0 82px; }
    .ar-view .homepage-franchise-for-list-box.two { padding: 0 19px 0 62px; }
    .ar-view .homepage-franchise-for-list-box.three { padding: 0 63px 0 19px; }
    .ar-view .homepage-franchise-for-list-box.for { padding: 0 83px 0 0; }
    .ar-view .footer-menu:last-child { margin-right: 30px; }
    .ar-view .footer-to-top { left: 5%; }
}
@media (max-width: 1399.98px) {
    .ar-view .homepage-about-just-burger-left { padding: 0; }
    .ar-view .homepage-our-story-item-align-left { padding: 0; }
    .ar-view .homepage-our-story-item-align-center { padding: 0; }
    .ar-view .homepage-our-story-item-align-right { padding: 0; }
    .ar-view .homepage-franchise-images { margin: 0 0 0 170px; }
    .ar-view .homepage-franchise-for-list-box.one { padding: 0 0 0 15px; }
    .ar-view .homepage-franchise-for-list-box.one::after { left: 0; }
    .ar-view .homepage-franchise-for-list-box.two { padding: 0 0 0 15px; }
    .ar-view .homepage-franchise-for-list-box.two::after { left: 0; }
    .ar-view .homepage-franchise-for-list-box.three { padding: 0 0 0 15px; }
    .ar-view .homepage-franchise-for-list-box.three::after { left: 0; }
    .ar-view .homepage-franchise-for-list-box.for { padding: 0; }
    .ar-view .homepage-reservation-booking-reservations .text { margin-right: 20px; }
    .ar-view .footer-one { width: 9%; }
    .ar-view .footer-two { width: 20%; }
    .ar-view .footer-three { width: 25%; }
    .ar-view .footer-for { width: 30%; }
    .ar-view .footer-five { width: 16%; }
}
@media (max-width: 1199.98px) {
    .ar-view .homepage-franchise-images { margin: 0 0 0 100px; }
    .ar-view .homepage-franchise-for-list-box.one { padding: 0 0 0 10px; }
    .ar-view .homepage-franchise-for-list-box.two { padding: 0 0 0 10px; }
    .ar-view .homepage-franchise-for-list-box.three { padding: 0 0 0 10px; }
    .ar-view .footer-one { width: 15%; }
    .ar-view .footer-two { width: 35%; }
    .ar-view .footer-three { width: 50%; }
    .ar-view .footer-for { width: 50%; }
    .ar-view .footer-five { width: 50%; }
    .ar-view .footer-menu:last-child { margin-right: 50px; }
    .ar-view .footer-widgets li { padding-right: 22px; }    
}
@media (max-width: 991.98px) {
    .ar-view .homepage-our-story-leftbox { margin: 40px 0px; }
    .ar-view .homepage-our-story-rightbox { margin: 40px 0px 0px 0px; }
    .ar-view .homepage-franchise-images { margin: 0 0 20px 0; }
    .ar-view .homepage-franchise-text { left: 0; }
    .ar-view .homepage-franchise-for-list-box.one { padding: 0 0 30px 0; }
    .ar-view .homepage-franchise-for-list-box.one::after { width: 140px; height: 2px; top: auto; left: 0; right: 0; bottom: 15px; margin: 0 auto; }
    .ar-view .homepage-franchise-for-list-box.two { padding: 0 0 30px 0; }
    .ar-view .homepage-franchise-for-list-box.two::after { width: 140px; height: 2px; top: auto; left: 0; right: 0; bottom: 15px; margin: 0 auto; }
    .ar-view .homepage-franchise-for-list-box.three { padding: 0 0 30px 0; }
    .ar-view .homepage-franchise-for-list-box.three::after { width: 140px; height: 2px; top: auto; left: 0; right: 0; bottom: 15px; margin: 0 auto; }
    .ar-view .homepage-franchise-for-list-box.for { padding: 0; }
}
@media (max-width: 767.98px) {
    .ar-view .homepage-reservation-booking-reservations .text { margin-right: 0px; }
    .ar-view .footer-menu:last-child { margin-right: 30px; }
    .ar-view .footer-one { width: 100%; }
    .ar-view .footer-two { width: 43%; }
    .ar-view .footer-three { width: 57%; }
    .ar-view .footer-for { width: 60%; }
    .ar-view .footer-five { width: 40%; }  
    .ar-view .footer-to-top { left: 7%; }
}
@media (max-width: 575.98px) {
    .ar-view .footer-one { width: 100%; }
    .ar-view .footer-two { width: 100%; }
    .ar-view .footer-three { width: 100%; }
    .ar-view .footer-for { width: 100%; }
    .ar-view .footer-five { width: 100%; }
    .ar-view .footer-to-top { left: 8%; }
}
@media (max-width: 480.98px) {
    .ar-view .footer-to-top { left: 9%; }
}
@media (max-width: 414.98px) {
    .ar-view .footer-to-top { left: 10%; }
}
@media (max-width: 360.98px) {
    .ar-view .footer-to-top { left: 11%; }
}
/*=========================================== AR Homepage End CSS ===========================================*/

/*=========================================== AR About Us Page Start CSS ===========================================*/
/*------------------------------ AR About-Us Video & Point CSS --------------------------------*/
.ar-view .aboutus-point { padding: 0 88px 0 0; }
.ar-view .aboutus-point-list { padding-left: 0; padding-right: 44px; }
.ar-view .aboutus-point-list i { left: auto; right: 0; }
.ar-view .aboutus-text { padding: 0 0 300px 60px; }
/*------------------------------ AR About-Us Our Story CSS --------------------------------*/
.ar-view .aboutus-our-story { background-position: 0 680%; }
/*------------------------------ AR About-Us Numbers CSS --------------------------------*/
.ar-view .aboutus-numbers-item.one { padding: 0 }
.ar-view .aboutus-numbers-item.one::after { left: 44px; right: auto; }
.ar-view .aboutus-numbers-item.two { padding: 0 45px 0 0 }
.ar-view .aboutus-numbers-item.two::after { left: 0; right: auto; }
.ar-view .aboutus-numbers-item.three { padding: 0 90px 0 0 }
.ar-view .aboutus-numbers-item.three::after { left: -47px; right: auto; }
.ar-view .aboutus-numbers-item.for { padding: 0 137px 0 0 }
/*------------------------------ AR About-Us Our Mission CSS --------------------------------*/
.ar-view .aboutus-our-mission-detail { padding: 0 29px 0 0; }
.ar-view .aboutus-our-mission-images-main { padding-right: 0; padding-left: 44px; }
.ar-view .aboutus-our-mission-images { margin: 0 0 0 40px; }
.ar-view .aboutus-our-mission-images.two { margin: 0px; }
/*------------------------------ AR About-Us Could We Do More For The Community We Serve? CSS --------------------------------*/
.ar-view .could-we-do-more-images-main { padding-right: 0; padding-left: 44px; }
.ar-view .could-we-do-more-images { margin: 0 0 0 40px; }
.ar-view .could-we-do-more-images.two { margin: 0px; }
.ar-view .could-we-do-more-detail { padding: 0 29px 0 0; }
.ar-view .could-we-do-more-right-overlay { left: 0; right: 50%; }
.ar-view .could-we-do-more-inner-overlay { left: 0; right: 50%; }
/*------------------------------ AR About-Us Our Values CSS --------------------------------*/
.ar-view .aboutus-our-values-detail { height: 50%; }
.ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 52%; }
/*------------------------------ AR About-Us Our Culture CSS --------------------------------*/
.ar-view .our-culture-images-main { padding: 0 96px 0 0; }
.ar-view .our-culture-img-p-0:first-child { padding-right: 12px; padding-left: 24px; }
.ar-view .our-culture-details { padding: 0 0 0 20px; }
/*------------------------------ AR About Us Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .ar-view .aboutus-point { padding: 0; }
    .ar-view .aboutus-our-values-images-main { padding: 0 44px 0 0; }
    .ar-view .could-we-do-more-detail { padding: 0; }
    .ar-view .our-culture-details { padding: 0; }
    .ar-view .our-culture-images-main { padding: 0 44px 0 0; }
}
@media (max-width: 1399.98px) {
    .ar-view .aboutus-gallery { margin: -261px 0 83px 0; }
    .ar-view .aboutus-numbers-item.three { padding: 0 44px 0 0; }
    .ar-view .aboutus-numbers-item.for { padding: 0 91px 0 0; }
    .ar-view .aboutus-our-mission-images-main { padding-left: 0; }
    .ar-view .aboutus-our-mission-images { margin: 0 0 0 20px; }
    .ar-view .aboutus-our-values-img-p-0:first-child { padding-left: 12px; }
    .ar-view .aboutus-our-values-img-p-0 { padding-right: 12px; }
    .ar-view .our-culture-images-main { padding: 0; }
    .ar-view .could-we-do-more-images-main { padding-left: 0; }
    .ar-view .could-we-do-more-images { margin: 0 0 0 20px; }
}
@media (max-width: 1199.98px) {
    .ar-view .aboutus-text { padding: 0 0 300px 20px; }
    .ar-view .aboutus-our-story { background-position: 0 400%; }
    .ar-view .aboutus-our-values-detail { height: 30%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 32%; }
    .ar-view .our-culture-img-p-0:first-child { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 991.98px) {
    .ar-view .aboutus-text { padding: 0 0 30px 0; }
    .ar-view .aboutus-point { padding: 0 0 299px 0; }
    .ar-view .aboutus-point-list { padding-left: 0; padding-right: 0; }
    .ar-view .aboutus-point-list i { padding-left: 12px; padding-right: 0; }
    .ar-view .aboutus-gallery-main-box-1 { padding-right: 12px; }
    .ar-view .aboutus-gallery-main-box-2 { padding-right: 12px; padding-left: 12px; }
    .ar-view .aboutus-gallery-main-box-3 { padding-left: 12px; }
    .ar-view .aboutus-numbers-item.one::after { left: 0; right: 0; bottom: -19px; margin: 0 auto; }
    .ar-view .aboutus-numbers-item.two { padding: 0; }
    .ar-view .aboutus-numbers-item.two::after { left: 0; right: 0; bottom: -19px; margin: 0 auto; }
    .ar-view .aboutus-numbers-item.three { padding: 0; }
    .ar-view .aboutus-numbers-item.three::after { left: 0; right: 0; bottom: -19px; margin: 0 auto; }
    .ar-view .aboutus-numbers-item.for { padding: 0; }
    .ar-view .aboutus-our-story-images-p-r-0 { padding-right: 12px; }
    .ar-view .aboutus-our-story-details-p-l-0 { padding-left: 12px; }
    .ar-view .aboutus-our-mission-detail { padding: 30px 0 0 0; }
    .ar-view .aboutus-our-mission-right-overlay { left: 0; }
    .ar-view .aboutus-our-mission-inner-overlay { left: 0; }
    .ar-view .aboutus-our-values-detail { height: 38%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 40%; }
    .ar-view .could-we-do-more-detail { padding: 30px 0 0 0; }
    .ar-view .could-we-do-more-right-overlay { left: 0; right: 0; }
    .ar-view .could-we-do-more-inner-overlay { left: 0; right: 0; }
    .ar-view .our-culture-details { padding: 0 0 30px 0; }
}
@media (max-width: 768.98px) {
    .ar-view .aboutus-our-values-detail { height: 56%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 58%; }
}
@media (max-width: 767.98px) {
    .ar-view .aboutus-our-values-detail { height: 20%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 22%; }
}
@media (max-width: 575.98px) {
    .ar-view .aboutus-our-values-detail { height: 28%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 30%; }
    .ar-view .aboutus-our-mission-images { margin: 0 0 24px 0; }
    .ar-view .could-we-do-more-images { margin: 0 0 24px 0; }
}
@media (max-width: 480.98px) {
    .ar-view .aboutus-our-values-detail { height: 32%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 34%; }
}
@media (max-width: 414.98px) {
    .ar-view .aboutus-our-values-detail { height: 36%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 38%; }
}
@media (max-width: 375.98px) {
    .ar-view .aboutus-point-list i { padding-left: 8px; padding-right: 0px; }
    .ar-view .aboutus-our-values-detail { height: 44%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 46%; }
}
@media (max-width: 360.98px) {
    .ar-view .aboutus-our-values-detail { height: 46%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 48%; }
}
@media (max-width: 320.98px) {
    .ar-view .aboutus-our-values-detail { height: 60%; }
    .ar-view .aboutus-our-values-item:hover .aboutus-our-values-detail { height: 62%; }
}
/*=========================================== AR About Us Page End CSS ===========================================*/

/*=========================================== AR Locations Page Start CSS ===========================================*/
.ar-view .locations-accordion-button { text-align: right; }
.ar-view .locations-accordion-button span { margin-left: 20px; margin-right: 0px; }
/*=========================================== AR Locations Page End CSS ===========================================*/

/*=========================================== AR Contact Us Page Start CSS ===========================================*/
/*------------------------------ AR Contact Us CSS --------------------------------*/
.ar-view .contact-us-inner { margin: 0 0 0 140px; }
.ar-view .contact-us-address-details { float: left; }
.ar-view .contact-us-images:last-child { margin-left: 0; margin-right: 146px; }
.ar-view .contact-us-address-box .text { margin-left: 0; margin-right: 30px; }
.ar-view .contact-us .form-control { text-align: right; }
/*------------------------------ AR Contact Us Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .ar-view .contact-us-inner { margin: 0 0 0 90px; }
    .ar-view .contact-us-images:last-child { margin-left: 0px; margin-right: 76px; }
}
@media (max-width: 1499.98px) {
    .ar-view .contact-us-inner { margin: 0 0 0 40px; }
}
@media (max-width: 1399.98px) {
    .ar-view .contact-us-inner { margin: 0; }
    .ar-view .contact-us .chiller_cb label { padding-left: 0px; padding-right: 40px; }
    .ar-view .contact-us-address-box .text { margin-left: 0px; margin-right: 20px; }
    .ar-view .contact-us-images:last-child { margin-left: 0px; margin-right: 16px; }
}
@media (max-width: 1199.98px) { 
    .ar-view .contact-us .chiller_cb label { padding-left: 0px; padding-right: 34px; }
} 
@media (max-width: 480.98px) {    
    .ar-view .contact-us-images:last-child { margin-left: 0; margin-right: 0; }
}
/*=========================================== AR Contact Us Page End CSS ===========================================*/

/*=========================================== AR Franchise Page Start CSS ===========================================*/
.ar-view .franchisetwo-inner { margin: 0 70px 0 0; }
.ar-view .file-chooser .file-chooser-clear { right: auto; left: 0; }
.ar-view .file-chooser::after { content: "استعراض"; right: auto; left: 0; }
.ar-view .franchisetwo .form-control { text-align: right; }
.ar-view .franchisetwo .form-check { padding-left: 0; padding-right: 0px; }
.ar-view .franchisetwo .chiller_cb span { right: 0; left: auto; }
.ar-view .franchisetwo .chiller_cb label { padding-left: 0; padding-right: 30px; }
.ar-view .franchisetwo-point-list { padding-left: 0; text-align: right; padding-right: 44px; }
.ar-view .franchisetwo-point-list i { left: auto; right: 0; }
/*------------------------------ AR Franchise Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .ar-view .franchisetwo-inner { margin: 0 44px 0 0; }
}
@media (max-width: 1399.98px) {
    .ar-view .franchisetwo-inner { margin: 0; }
    .ar-view .franchisetwo-point-list { padding-right: 36px; }
}
@media (max-width: 1199.98px) {
    .ar-view .franchisetwo-point-list { padding-right: 36px; }
}
@media (max-width: 991.98px) {
    .ar-view .franchisetwo-inner { margin: 30px 0 0 0; }
    .ar-view .franchisetwo-point-list { padding-right: 0; }
    .ar-view .franchisetwo-point-list i { padding-left: 12px; padding-right: 0; }
    .ar-view .franchisetwo .chiller_cb span { margin-left: 12px; margin-right: 0px; right: auto; }
    .ar-view .franchisetwo .chiller_cb label { text-align: right; padding-right: 0; }
}
/*=========================================== AR Franchise Page End CSS ===========================================*/

/*=========================================== AR Careers Page Start CSS ===========================================*/
.ar-view .careers-images:first-child { margin-left: 0; margin-right: 100px; float: right; }
.ar-view .careers-images:last-child { float: left; }
.ar-view .careers .form-control { text-align: right; }
/*------------------------------ AR Careers Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .ar-view .careers-images:first-child { margin-right: 0; }
}
@media (max-width: 991.98px) {
    .ar-view .careers-images:last-child { margin-right: 300px; margin-left: 300px; }
}
@media (max-width: 800.98px) {
    .ar-view .careers-images:last-child { margin-left: 0px; }
}
/*=========================================== AR Careers Page End CSS ===========================================*/