.backdrop_menu { position: fixed; top: 0; left: 0; height: 100vh;   width: 100%; background-color: rgba(0, 0, 0, 0.5); display: none;     z-index: 2;}

@media (max-width: 1920px){  
}
@media (max-width: 1710px){
}
@media (max-width: 1680px){
}
@media (max-width: 1550px){
    /* .container {max-width: 1248px;} */
    html{font-size: 14px;}
}
@media (max-width: 1450px){
    /* .point_item .font25 { font-size: 1.3rem; } */
    /* .container {max-width: calc(1100px + calc(calc(var(--bs-gutter-x) * .5) * 2));} */
    /* .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover{top: -4px;}
    html{font-size: 13px;} */
    /*.customer_reviews_wrapper { margin: 0 1.5rem; }*/
    .ssb_wrap,.banner { overflow: hidden; }
}
@media (max-width: 1370px){
    .customer_reviews_wrapper { margin: 0 3rem; }
    .inner_title{width: 45%;}
}
@media (max-width: 1330px){
    /* .container {max-width: calc(1000px + calc(calc(var(--bs-gutter-x) * .5) * 2));} */
    /* html{font-size: 12px;} */
    .points_wrap { margin-right: 0; }
    .points_wrap .font25 { font-size: 1.3rem; }
    .customer_reviews_wrapper {margin: 0;}
    
}
@media (max-width: 1280px){
    /* .container {max-width: calc(980px + calc(calc(var(--bs-gutter-x) * .5) * 2));} */
    .container {max-width: 1170px;}
    .inner_title{width: 47%;}
    .inner_title.banner_title.w_23{width: 33%;}
}

@media (max-width: 1024px){

    .top_nav>li>a{padding: 0.5rem 1rem 0;}
}
@media (max-width: 998px){
    .inner_banner {height: 45vh;}
    @supports (-webkit-touch-callout: none) {
        .gallery_item {background-attachment: initial!important;}
        .workshop_img {max-height: auto;}
        .workshop_img img{height: auto;}
    }

    @supports not (-webkit-touch-callout: none) {
      .gallery_item {background-attachment: initial!important;}
      .workshop_img {max-height: auto;}
      .workshop_img img{height: auto;}
    }

	.workshop_img{max-height: 100%;}
    .mb_cart_btn{display: flex;width: 65%;}
    .tp_right_content {display: flex;justify-content: space-between;    width: 21%;}
    .sub_menu a {padding: 0.5rem 1.1rem!important;}
    .mobile_menu .sub_menu li {font-size: .99rem;margin-bottom: .5rem;}
    .sub_menu{position: static!important;transition: none!important;}
    /*.font29 {font-size: 1.513rem;}*/
    .user_cart.mb_cart_btn {background-color: #dd235e;color: #fff;text-align: center;justify-content: center;align-items: center;}
    .space_gall ul li {width: 100%;}
    .customer-reviw{padding: 5.75rem 0;}
    .bars_btn{display: block;background: none;border: none;color: #fff;font-size: 2rem;width:25%;text-align: right;}
    .align_center{align-items: center!important;}
    .service_flex{padding: 3.5rem 1rem;}
    .mb_menu {background: #000;position: absolute;top: 0;right: -100%;width: 75%;height: 100vh;padding: 3rem;color: #fff;transition: all 0.7s ease;}
    .close_btn{background: none;border: none;color: #fff;font-size: 2rem;text-align: right;width: 100%;}
    .mobile_menu{padding: 0;margin-top: 2rem;}
    .mobile_menu li{list-style: none;font-size: 1.2rem;margin-bottom: 1rem;}
    .mb_menu.active{right: 0;}
    body.active{overflow: hidden;}
    .sub_menu_mb li{margin-bottom: .5rem}
    .sub_menu_mb{margin-top: 1rem;}
    .mobile_menu>li{position: relative;}
    .mb_menu {display: block}
    .workshop_box>li .image {width: 100%;}
    .workshop_box>li .workshop_content {width: 100%;margin-top: 2rem;}
    .plus {display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
     .plus:after {content: "+";display: inline-block;width: 34px;height: 15px;text-align: center;line-height: 2rem;font-size: 20px;color: #fff;font-weight: 400;}
     .mobile_menu > ul > li.active .plus:after {content: "-";}
     .banner_content{padding-left:3rem;}
     .p_exh li a{font-size: 1rem;padding: 40px 25px;}
     .mobile_menu .sub_menu{visibility: visible;}
    .user{width: auto;margin-bottom: 1rem;font-size: 1.2rem;}
    .cart{width: auto;font-size: 1.2rem;}
    .mb_cart_btn{display: flex!important;padding: 0.5rem;}
    .tp_right_content .user_cart{display: none;}

}
@media (min-width: 998px){
    .customer_reviw_slider .swiper-slide-active{z-index: 9;width: 420px!important;}
    .customer_reviews_wrapper .swiper-slide-next .review_card{width: 420px!important;}
    .customer_reviews_wrapper .swiper-slide-prev .review_card{width: 420px!important;}
    
}
@media (max-width: 998px){
    .tp_right_content .d-flex.justify-content-between .header-nav{display: none!important;}
    .museo_slider p, .home_about_left p, .colloection_flex .home_about_left p {line-height: 24px;}
    .w_60{padding-right: 2rem;}
    .museo_slider_btn{width: 22%;}
    .home_about_right {width: 43%}
    .ftr_sec:last-child{min-width: 50%;margin-top: 2rem;}
    .ftr_sec{width: 33%}
    .bg_img{width: 128px;height: 75px;}
    .bannerSlider img{ height: calc(70vh - var(--header-height));}
    .banner_content .font65 { font-size: 3rem; }
    .event_listing .mySwiper.swiper_disabled .swiper-slide{width: calc(100% / 2)!important;}
    .event_listing .swiper_disabled>div{margin: 0;}
    .inner_title.banner_title.banner_detail_content_event, .inner_title.banner_title.banner_detail_content {width: 40%}
    .exhi_top .font29 {font-size: 1.713rem;}
    .exhi_top p, .exhi_top ul li{font-size: 13px;}
    .exhi_img{height: 350px;}
    .inner_title .sec_head{line-height: 1.1}
    .inner_title{width: 50%;}
    .space_box li{width: calc(100% / 3);}
    .content_ht { height: 190px;}
    .space_box{justify-content: flex-start;}
    .service_content{padding: 0 1rem;}
    .workshop_box>li{flex-wrap: unset;height: auto!important;}
    .product_list_search li { width: calc(100% / 2);}
    .pro_detail_right{width: 50%}
    .pro_detail_left { width: 45%;}
    .addselectbox .title3{font-size: 22px}
    .selectadd > ul > li{padding: 0;}
    .avisory_img { width: 25%; }
    .collab_img_div img{width: 100%;}
    .left_brief { width: 65%;}
    .right_content { width: 30%;}
    .csr_sub_img { height: 300px; }
    .news_img { width: 100px; height: 100px; margin-right: 1rem;}
    .blog_list_grid li, .supporter_ul li { width: calc(100% / 2);}
    .workshop_box>li{flex-wrap: wrap;}
}


@media (max-width: 767px){
    .job_list_grid{margin: 0;}
    .swiper_disabled .swiper-slide{margin-top: 2rem;}
    .gall_cat_sec>.container:first-child .partner_flex {padding-top: 0;}
    .partner_images a {width: 125px;}
    .suscribe_box_form input::placeholder {font-size: .8rem;opacity: 0.6; }
    .partner_images{text-align: center;}
    .partner_flex li{width: 100%;margin-top: 2rem!important;}
    .review_arrow{width: 20%;bottom: 5%;left: 50%;transform: translate(-50%, 5%);top: auto;}
    .prev_btn{margin-top:2rem;}
    .newsletter_box .custom_form {padding: 0;}
    .event_right img{height: auto;}
    .customer-reviw{padding: 0!important;}
    .ftr_sec4 h3.font18 {display: none;}
    .top_footer .header_search input{font-size: .8rem;}
    .top_footer .suscribe_box_form .btn{top: 40%;transform: translateY(-40%);}
    .workshop_img img {width: 100%;height: auto;object-fit: cover;}
    .workshop_box>li{flex-wrap: wrap;}
    ul.workshop_box{width: 100%;}
    .change-pwd p span{margin: 10px 0;}
    .orderdetail {position: static;}
    .profile_flex .sidebarsec{width: 100%;}
    .profile_flex .rightcontent{padding: 0;width: 100%;}
    .contact_wrap .right_side{margin-top: 1rem;}
    .exhi_gall_img {height: 75px;}
    .font29 {font-size: 1.713rem;}
    .event-search .es-item:after{right: 0.1rem;}
    .event_listing .mySwiper.swiper_disabled .swiper-slide{margin-top: 0;}
    .events_home_left1 .swiper-wrapper .swiper-slide, .events_home_left .swiper-wrapper .swiper-slide{margin-bottom: 2rem;}
    .events_home_left1 .swiper-wrapper, .events_home_left .swiper-wrapper{flex-wrap: wrap;}
    .exhi_box{height: 100%;}
    .permanent_exh{padding: 0!important;}
    .museo_bg{padding-bottom: 0!important;}
    .exhi_data{width: 100%;}
    .permanent_exh .container{padding: 0;}
    .museo_bg .container{padding: 0;}
    .w_60{padding: 1rem;}
    .permanent_exh_img{height: 300px;}
    .permanent_exh_img img{height: 100%;object-fit: cover;}
    .ftr_sec.ftr_sec4 h4{display: none;}
    .footer_contacts.mt-4{margin-top: 0!important}
    .tp_right_content .user_cart{display: flex;}
    .mobile_menu .sub_menu{height: 0;transition: all 0.5s ease-in-out!important;visibility: hidden;}
    .user{width: auto;margin-bottom: 1rem;font-size: 1.2rem;}
    .cart{width: auto;font-size: 1.2rem;}
    /*.font29 {font-size: 1.213rem;}*/
    .user_cart.mb_cart_btn {background-color: #dd235e;color: #fff;text-align: center;justify-content: center;align-items: center;}
    .space_gall ul li {width: 100%;}
    .customer-reviw{padding-top: 0;}

    .popboxbg .modal-body {padding: 25px;text-align: center;}
    .event_listing .exhi_slider.swiper_disabled .swiper-slide {width: 100%!important;}
    .customer_reviews_wrapper .swiper-slide-next .review_card {transform: translateX(0);}
    .customer_reviews_wrapper .swiper-slide .review_card{width: 100%;transform: translateY(0)!important;}
    /*.review_text {width: 80%;}*/
    .p_exh {flex-wrap: wrap; margin-top: -10px;top: 62%;padding-left: 0;width: 40%;right: 0;left: auto!important;transform: translateY(-55%);}
    .job_list_grid li {width: 100%;margin-bottom: 2rem;padding: 0;}
    .payment-wrapper {width: 100%;}
    .shopingul{padding: 0;}
    .cartlist{padding: 0;}
    .selectadd > ul > li {width: 100%;margin-bottom: 1rem;}
    #loginModal .modal-sm {min-width: 100%;margin: 0;padding: 1rem;}
    .sectionleft {width: 100%;}
    .sectionright {width: 100%;}
    .tabcart ul li:after {font-size: 1rem;top: 35%;transform: translate(0, -35%);left: -0.6rem;}
    .tabcart ul li {padding: 0 7px;}
    .mb_cart_btn{display: flex;width: 65%;}
    .tp_right_content {display: flex;justify-content: space-between;    width: 40%;}
    .sub_menu a {padding: 0.5rem 1.1rem!important;}
    .mobile_menu .sub_menu li {font-size: .99rem;}
    .sub_menu{position: static!important;transition: none!important;}
    .contact_wrap .left_side {width: 100%;}
    .left_brief p {font-size: 1rem;}
    .member_sec {padding: 40px 0;}
    .member_sec table {width: 100%;}
    .contact_wrap .right_side {width: 100%;}
    .frst_box_footer {width: 100%;}
    .news_list_grid li {width: 100%;}
    .news_img {width: 100px;height: 100px;}
    .footer_logos {position: static;width: 100%;margin-top: 1rem;}
    .ftr_sec {width: 100%!important;}
    .plus {display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
     .plus:after {content: "+";display: inline-block;width: 34px;height: 15px;text-align: center;line-height: 2rem;font-size: 20px;color: #fff;font-weight: 400;}
     .mobile_menu > ul > li.active .plus:after {content: "-";}




    .member_sec table td {font-size: 14px;}
    .member_sec table tr {margin-bottom: 10px;}
    .supporter_ul li {width: calc(100% / 1);}
    /*.advisory_team .team_list_grid div.team_grid {padding: 0;}*/
    .advisory_box {gap: 15px;}
    .avisory_img {width: 40%;}
    .team_list_grid li div.team_grid .images {width: 100px; height: 100px;}
    .team_name .mt-5 {margin-top: 1rem !important;}
    .frst_team ul {flex-direction: column; gap: 20px;} 
    .frst_team ul li:first-child {
        width: 100%;
    }
    .frst_team ul li:nth-child(2) {
        width: 100%;
    }
    /*.frst_team .team_list_grid div.team_grid {padding: 0;}*/
    .inner_title.banner_title.banner_detail_content_event {width: 80%;}
    .workshop_content ul .mt-5 {margin-top: 1rem !important;}
    .inner_title {width: 90%!important;}
    .exhi-item-details {flex-direction: column-reverse; gap: 20px;}
    .exhi-item-details .exhi_left {width: 100%;}
    .exhi-item-details .exh_detail {width: 80%;}
    .exhi-item-details .exhi_right {width: 100%;}
    .exhi-item-details .event_left {width: 100%;}
    .exhi-item-details .event_detail {width: 80%;}
    .exhi-item-details .event_right {width: 100%;}
    .inner_title.banner_title.banner_detail_content {width: 80%;}
    .description {font-size: 0.8rem;}
    /*.exhi_box {flex-direction: column;height: 100%;}*/
    /*.exhi_data,.exhi_img {width: 100%;}*/
    .exhi_listing .swiper_disabled .swiper-slide {width: calc(100% / 1)!important;}
    .events_data .mb-5 {margin-bottom: 1rem !important;}
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {   padding-right: calc(var(--bs-gutter-x) * .8);
        padding-left: calc(var(--bs-gutter-x) * .8);
    }
    .event-search {display: flex; gap: 10px;justify-content: center;}
    .event-search .es-item {width: 24%; padding: 0;}
    .event-search .es-item:first-child {width: 42%}
    .event_listing .swiper_disabled>div {margin: 0;}
    .event_listing .mySwiper.swiper_disabled .swiper-slide {width: calc(100% / 1) !important; padding: 0;}
    .single_images {margin-top: -12rem;}
    .blog_list_grid li {width: calc(100% / 1);}
section {padding: 3.75rem 0;}
.tp_right_content .d-flex.justify-content-between{display: none!important;}
.left_brief_csr{width: 100%;}
.right_content_csr{width: 100%;}
.csr_certificate img {width: 100%;height: auto;}
.csr_certificate {height: auto;margin-top: 2rem;}
.csr_box_grid .images {width: 100%;}
.csr_box_grid .content {margin-top: 2rem; width: 100%;}
    .pro_detail_right, .pro_detail_left {width: 100%;}
    ul.product_list_search li {width: 100%;} 
    .hide_filter .buy_filters,.buy_right {width: 100%;}
    .home_about_left{width: 100%;}
    .home_about_right{width: 100%;}
    .connect_us h5 {font-size: 28px;}
    .newsletter_box h5{font-size: 28px;}
    .connect_us {width: 100%;}
    .collection_gall_content {width: 100%;}
    .banner_content {padding-left: 2rem;}
    .font63 {font-size: 2rem;}
    .bannerSlider img {height: 500px;}
    .home_about_left p {line-height: 22px;}
    .banner_content .text_lg{font-size: 1.8rem;letter-spacing: 0.1rem;}
    .home_about_left{margin-bottom: 2rem;}
    .img_title{font-size: 1.7rem}
    .img_title {top: 50%;left: 15%;transform: translate(-15% , -50%);width: 30%;}
    .p_exh li {padding: 0;width: 100%;margin-bottom: .5rem;}
    .p_exh li a {padding: 16px;font-size: .9rem;min-height: auto;}
    .permanent_exh {padding-bottom: 3.75rem;}
    .w_60 {width: 100%;}
    .museo_bg{padding: 3.375rem 0;}
    .museo_slider p {line-height: 25px;}
    .museo_img {width: 100%;margin-right: 0;margin-top: 2rem;}
    .museo_slider_btn{width: 25%;bottom: 0;right: 0;}
    .museo_img img {height: auto;}
    .sec_head {font-size: 2rem;margin-bottom: 1.5rem;}
    .exhi_img {height: 270px;width: 100%;padding: 1rem;}
    .view_all_btn {font-size: 1.2rem;margin-bottom: 1.5rem;}
    .customer_reviw_slider .swiper-slide-active{transform: translateY(-5rem);}
    .customer_reviews_wrapper .swiper-slide-prev .review_card {transform: translateX(0)!important;}
    .review_media {width: 100px;height: 100px;    top: -10%;}
    .support_heading {width: 100%;}
    .support_text {width: 100%;}
    .p_exh li:nth-child(1) a:after {height: 5px;}
    .p_exh li:nth-child(2) a:after {height: 5px;}
    .p_exh li:nth-child(3) a:after {height: 5px;}
    .header_search form.common_main_form .row{margin: 0;}
    .museo_heading {font-size: 2rem;margin-bottom: 25px;}
    .inner_banner {height: 50vh;}
    .inner_title .sec_head {font-size: 2.2rem;}
    .left_brief {width: 100%;}
    .right_content{width: 100%;margin-top: 2rem;}
    .space_box li{width: 100%;}
    .w_23{width: 100%;}
    .service_content {padding:0;width: 100%!important;}
    .service_img {width: 100%;height: 225px;}
    .services_section section:nth-child(even) .service_flex .service_img {margin-left: 0;width: 100%;}
    .service_img img {height: 100%;object-fit: cover;}
    .bars_btn{display: block;background: none;border: none;color: #fff;font-size: 2rem;width:25%;text-align: right;}
    .align_center{align-items: center!important;}
    .service_flex{padding: 3.5rem 1rem;}
    .service_content{margin-bottom: 2rem;}
    .newsletter_box {width: 100%;}
    .mb_menu {background: #000;position: absolute;top: 0;right: -100%;width: 75%;height: 100vh;padding: 3rem;color: #fff;transition: all 0.7s ease;}
    .close_btn{background: none;border: none;color: #fff;font-size: 2rem;text-align: right;width: 100%;}
    .mobile_menu{padding: 0;margin-top: 2rem;}
    .mobile_menu li{list-style: none;font-size: 1.2rem;margin-bottom: 1rem;}
    .mb_menu.active{right: 0;}
    body.active{overflow: hidden;}
    .sub_menu_mb li{margin-bottom: .5rem}
    .sub_menu_mb{margin-top: 1rem;}
    .mobile_menu>li{position: relative;}
    .mb_menu {display: block}
    .workshop_box>li .image {width: 100%;}
    .workshop_box>li .workshop_content {width: 100%;margin-top: 2rem;}
    










    body.menu_opend { overflow: hidden;}
    .menu_opend .backdrop_menu {display: block;}
    html {font-size: 14px;}
    .menu_content { min-width: 15rem; position: fixed; right: 0; top: 0; width: 15rem;  height: 100vh;     margin-top: 2.65rem; opacity: 1; transform: translateY(0rem); pointer-events: all;     transform: translate(100%, 0);} 
    .menu_content.active {   transform: translate(0, 0); z-index: 5;     background: #fff;
        box-shadow: 0 0 15px #0000004a; } 
    .close_menu {background-color: var(--theme-color-dark); display: inline-block; padding: 0.5rem; float: right; width: fit-content; margin: 1rem;}
    .close_menu img { height: 24px;}



    .menu_content ul {height: 100%;border-radius: 0; background-color: transparent; box-shadow: none;    margin-top: 3rem; overflow: auto;
        width: 100%;}
    .menu_content ul li { }
    .menu_content i{display: none;}
    .menu_content ul li a {   border-bottom: solid 1px #ccc;padding: 1rem 1rem;}
    .banner_wrapper {flex-wrap: wrap;}
    .banner_wrapper {flex-direction: column-reverse;}
    header:not(.sml-header) .menu_content{margin-top:0rem; }
    header { z-index: 99;}

    .banner_content {max-width: 100%;top: 90%;transform: translateY(-90%);padding-left: 1rem;}
    .banner_right_content { width: 100%;    margin-bottom: 2rem;}
    .banner_content .font80 {font-size: 1.875rem;}
    .header_logo{ width: 7rem;}
    .manufacture_grid>ul {flex-wrap: nowrap;     white-space: nowrap;
    overflow: auto;}
    .manufacture_grid>ul>li {width: calc(100%/4);  min-width: calc(100%/4);}
    .collection_card{width: calc(calc(100% / 2) - 0.5rem);}
    .bottom_card_option {flex-wrap: wrap;}
    .banner{height: auto;}
    .bottom_card_option .font12 { margin-left: 0;}
    .about-car_side_video { position: static;clip-path: inherit;     margin-top: 2rem; width: 100%;}

    .arrow_top, .arrow_connect  { display: none;}
    .ftr_sec_intro {width: 100%; order: 5;  margin-right: 0;
        margin-top: 2rem;}
    .footer_sections{flex-wrap:wrap;}
    .ftr_sec {flex: auto; width: 50%;    padding-top: 1rem;}
    .ftr_sec.ftr_sec3 {width: 100%;}
    /*.ftr_social_icons {display: none;}*/
    .connect_us{margin-top: 1rem;}
    .car_dealer_design { overflow: hidden;}
    .carimage_move { margin-top: 2rem;}
    .tp_left_content a {font-size: 0;}
    .sml_card { margin-bottom: 0;margin-top: 1.6rem;}
    .customer_reviews_wrapper { margin: 0 0rem;}
    .customer-reviw .sl_btns {display: none;}
    .news_item {flex-wrap: wrap;}
    .news_big>img, .news_small img { max-width: 100%;     margin-right: 0;}
    .news_item.news_big { margin-bottom: 2rem;}
    .news_item.news_big .news_txt, .news_item.news_small .news_txt { margin-top: 2rem;}
    


    .how_work_wrap>ul {    overflow: auto;  }
    .how_work_box:nth-child(2), .how_work_box:nth-child(4) {margin-top: 0;}
    .how_work_box {min-width: 70%;}
    .app_add_warp {flex-wrap: wrap;    padding: 1rem; width: 100%;}
    .app_add_warp>img {width: 100%;     margin: 0;}
    .app_content { margin-top: 2rem;}
    .ftr_sec:last-child {min-width: 50%;}
 }