@media screen and (max-width:480px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .great_place {
        position: absolute;
        width: 77px;
        left: 70px;
        top: 0;
    }
    .privacy_contact .contact_main {
        width: 100%;
        margin-top: 20px;
    }
    section.privacy-policy .container {
        padding: 20px 10px !important;
    }
    .privacy_contact {
        margin-bottom: 0px !important;
    }
    .p-xs-0 {
        padding: 0 !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .dropdown-divider {
        border: none !important;
        margin: 0 !important;
    }
    .director_modal .close {
        position: absolute;
        right: 30px;
        z-index: 1;
        top: 18px;
        background: white;
        opacity: 1;
        color: #000;
        border-radius: 50px;
        padding: 0;
        width: 40px;
        height: 40px;
        margin-top: 0px;
    }
    .investor_relation .tab-content>.tab-pane {
        margin-top: 20px;
    }
    section.privacy-policy {
        margin-bottom: 0px !important;
        text-align: left;
    }
    section.privacy-policy ul li {
        font-size: 14px;
    }
    .privacy_pera ul li span {
        margin-right: 10px;
        padding-left: 10px;
    }
    .director_modal .about_director {
        padding: 30px 10px 16px 10px;
        /* text-align: justify; */
    }
    .privacy_two h5 {
        font-size: 16px;
    }
    section.privacy-policy ul {
        padding-left: 5px;
    }
    .col-xs-6 {
        width: 50%;
    }
    .press_bg {
        margin-bottom: 30px;
    }
    .press_bg {
        height: auto;
    }
    .press_box {
        height: auto;
    }
    .press_box .press_head h4 {
        font-size: 14px;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    .exp_img img {
        display: block;
    }
    .investor_relation .investor_img img {
        margin-top: 0;
    }
    .exp_img {
        padding: 0px;
        margin-top: 0px;
    }
    .investor_relation .wpb_content_element {
        margin-bottom: 0px !important;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .reco_img {
        width: 100%;
    }
    .award_text {
        width: 100%;
        padding: 20px;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 10px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    .brands .our_brands .wpb_text_column :last-child,
    .wpb_text_column p:last-child {
        margin-bottom: 10px !important;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    .our_brands.mt-5 .brands_child img {
        width: 100%;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    .links {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
    }
    .links ul {
        width: 50%;
    }
    .links ul:nth-child(2) {
        padding-left: 25px;
    }
    /* footer end  */
    /* 02-05-2023 */
    .h--timeline-event-title {
        font-size: 1.3rem;
    }
    .h--timeline-event-content {
        padding: 0rem 0em 0;
        height: auto;
    }
    .h--timeline-events {
        padding-bottom: 0;
    }
    .h--timeline-event-content {
        margin-top: 0;
    }
    nav.h--timeline-navigation-container {
        display: block;
    }
    .testimonials .testimonial_slider .testi_box h5 {
        font-size: 16px;
    }
    .about_main {
        height: 984px;
    }
    .h--timeline-dates {
        height: 80px;
        margin: 0px 30px;
    }
    .h--timeline-navigation {
        top: -31px;
        height: 30px;
        width: 30px;
    }
    .h--timeline-container {
        height: 100%;
    }
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    /* 24-4-2023 */
    .award_why .award_reco_slider .reco_head {
        width: 100%;
        margin: 0px auto;
        height: auto;
        transition: .5s;
        border-radius: 0;
    }
    .reco_img {
        width: 100%;
    }
    .award_text {
        width: 100%;
        padding: 30px;
        height: auto;
    }
    .perk {
        margin-top: 30px;
        display: none;
    }
    .perk_mobile {
        display: block;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 10px;
        padding-bottom: 0px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
    /* investor page css start  */
    /* 24-03-2023 */
    .investor {
        background: none;
        height: auto;
        padding: 30px 0px;
        margin-bottom: 0px;
        background-color: #fff9e9;
    }
    .investor .heading {
        margin-top: 0;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }
    .investor .heading h2 {
        margin-bottom: 0px !important;
    }
    .investor .investor_btn a {
        padding: 8px 25px;
        font-size: 12px;
    }
    .investor .investor_btn {
        margin-top: 15px;
    }
    .investor .investor_right_img {
        margin-left: 0px;
    }
    .investor_tab .nav-pills .nav-link {
        font-size: 14px;
    }
    section.investor_tab {
        margin-top: 30px;
    }
    section.investor_tab .tab_content {
        padding: 0;
        border-left: 0;
        margin-left: 0;
    }
    section.investor_tab .my_row {
        width: 100%;
    }
    section.investor_tab .tab_output_box {
        padding: 30px;
    }
    section.investor_tab .tab_content h3 {
        font-size: 22px;
        margin-top: 30px;
    }
    section.investor_tab .select_input {
        width: 100%;
    }
    section.investor_tab .select_input select {
        font-size: 14px;
    }
    section.investor_tab .tab_head h2 {
        font-size: 35px;
    }
    section.investor_tab .tab_head h6 {
        font-size: 18px;
    }
    section.investor_tab .flex_tab a:nth-child(1) {
        font-size: 12px;
    }
    section.investor_tab .flex_tab a:nth-child(2) {
        font-size: 12px;
    }
    /* investor page css end  */
    /*--------------- contact us page css start------------  */
    .contact_us .contact_main {
        padding: 20px;
        height: auto;
    }
    .contact_us .become_investor .model_form .form-control {
        font-size: 14px;
    }
    .contact_us .contact_child {
        margin-bottom: 20px;
    }
    .contact_us .become_investor .sent_btn input {
        font-size: 14px;
    }
    .contact_us .inner_add {
        margin-top: 0px;
    }
    .contact_us .address_details {
        height: auto;
    }
    .contact_us .address_details p {
        font-size: 14px;
        line-height: 23px;
    }
    .contact_us .address_details i {
        font-size: 13px;
        width: 30px;
        height: 27px;
        line-height: 27px;
    }
    .contact_us .address_details h6 {
        font-size: 16px;
    }
    .contact_us .customer_points {
        padding: 20px;
    }
    .contact_us .customer_points ul {
        padding-left: 0px;
    }
    .contact_us .customer_points ul li {
        font-size: 15px;
    }
    .contact_us .customer_points ul li i {
        font-size: 18px;
    }
    .become_investor ul {
        flex-direction: column;
    }
    .become_investor ul li a {
        font-size: 16px;
    }
    .become_investor ul li a i {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    /*--------------- contact us page css end------------  */
    /* investor main page css start  */
    section.main_investor {
        margin-top: 30px;
    }
    .investor_box .investor_text {
        padding: 20px 10px;
        height: 84px;
        margin-top: 20px;
    }
    .investor_box .investor_text a {
        font-size: 13px;
    }
    .investor_box .investor_box_img {
        margin-top: 20px;
    }
    .investor_box .investor_box_img img {
        width: 50px;
    }
    /* investor main page css end  */
    /* empowering section css start  */
    section.empowering-journey {
        margin-top: 0;
    }
    section.empowering-journey .empowering_img img {
        height: auto;
    }
    section.empowering-journey .empowering_img p:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0px;
    }
    section.empowering-journey .empowering_points {
        padding: 25px 15px;
    }
    section.empowering-journey .empowering_child p {
        font-size: 15px;
    }
    section.empowering-journey .wpb_content_element {
        margin-bottom: 0px;
    }
    section.empowering-journey .head_text img {
        width: 70px;
        padding-right: 10px;
    }
    section.empowering-journey .empowering_parent::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }
    section.empowering-journey .empowering_parent {
        height: 455px;
        overflow: auto;
        padding-right: 20px;
        margin-top: 30px;
    }
    /* empowering section css end  */
    /* why v-mart tab section css start  */
    section.tab-why {
        margin-top: 20px;
    }
    section.tab-why .tab_pera p {
        width: 100%;
        margin: 0px auto 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item {
        width: 100%;
        text-align: center;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(1) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(2) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(3) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.tab-why .tab_vmart .tab-content {
        background: none;
        text-align: center;
        margin-top: 20px;
    }
    section.tab-why .tab_vmart .tab-content .heading h3 {
        font-size: 22px;
        width: 100%;
    }
    section.tab-why .tab_vmart .tab_imges {
        margin-top: 20px;
    }
    /* why v-mart tab section css end  */
    /* press and release form section css start  */
    .press_form {
        width: 100%;
        padding: 20px;
        border-radius: 3px;
        margin-top: 20px;
    }
    .press_form .row .col-lg-6:nth-child(1) .form-group {
        margin-bottom: 12px;
    }
    .press_form .form-control {
        height: calc(1.5em em + 1.2rem + 2px);
        padding: 10px 12px;
        font-size: 13px;
    }
    /* press and release form section css end  */
    /* our journey 2 page css start */
    .wrap .first_slide {
        width: 100%;
        margin-left: 20px;
        padding: 20px;
    }
    .wrap .main_story {
        margin-left: 20px;
        width: 100%;
        margin-bottom: 30px;
    }
    .wrap .journey_img {
        margin-left: 20px;
        text-align: left;
    }
    .wrap .scroll2 .main_story {
        width: 100%;
    }
    .wrap .story_small {
        width: 100%;
    }
    .wrap .story_content h6 {
        font-size: 15px;
    }
    #indicator {
        left: 10px;
    }
    #indicator>div {
        width: 6px;
        height: 6px;
    }
    .wrap .story_head h2 {
        font-size: 40px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .wrap .scroll-6 .main_story {
        width: 100%;
    }
    .wrap .story_content h4 {
        font-size: 20px;
    }
    .wrap .turn_over_img {
        margin-left: 20px;
        margin-top: 20px;
        text-align: left;
    }
    .wrap .creating_img {
        text-align: left;
        margin-left: 20px;
        margin-top: 30px;
    }
    .wrap .turn_over_img img {
        width: 70%;
    }
    .wrap .scroll15 .main_story {
        width: 100%;
    }
    .wrap .scroll16 .main_story {
        width: 92%;
    }
    .wrap .scroll14 .story_head {
        width: 90%;
    }
    .wrap .creating_img img {
        width: 45%;
        margin-bottom: 0px;
        border-radius: 30px;
    }
    .wrap .scroll6 .story_head h2 {
        width: 100%;
    }
    .wrap .scroll6 .main_story {
        width: 100%;
    }
    .wrap .story_content h4 span {
        font-size: 14px;
    }
    .wrap .bloom_berg_img {
        margin-left: 20px;
        margin-top: 15px;
    }
    .wrap .story_small span {
        font-size: 16px;
    }
    .wrap .scroll7 .story_head {
        width: 100%;
    }
    .wrap .scroll3 .journey_img img {
        width: 90%;
    }
    .wrap .journey_img img {
        width: 40%;
    }
    .wrap .scroll8 .story_head h2 {
        width: 100%;
    }
    .wrap .scroll10 .story_head {
        width: 100%;
    }
    .wrap .scroll9 .story_head {
        width: 100%;
    }
    .wrap .scroll12 .main_story .story_head {
        width: 100%;
    }
    .wrap .scroll12 .main_story {
        width: 100%;
    }
    .wrap .map_img img {
        position: static;
        width: 100%;
        margin-left: 20px;
    }
    .wrap .scroll13 .main_story {
        width: 100%;
    }
    .wrap .scroll_13_img img {
        width: 90%;
    }
    .verticle_slider .vc_column-inner {
        padding: 0 !important;
    }
    .wrap .first_slide {
        border: 3px solid #e3000f;
        width: 90%;
    }
    .wrap .journey_img {
        margin-top: 20px;
    }
    /* our journey 2 page css end  */
    /* -------------- ESG Page css start ----------------  */
    .flex_direction {
        flex-direction: column-reverse;
        display: flex;
    }
    .path_head h3 {
        font-size: 20px;
    }
    section.corporate_governance .corporate_img {
        margin-top: 30px;
    }
    section.sustainble .sustainble_img {
        margin-top: 30px;
    }
    section.vmart_path .path_bottom img {
        width: 100%;
        margin-top: 3px;
    }
    section.vmart_path {
        padding: 30px 0px 0px;
    }
    section.corporate_governance {
        padding: 30px 0px;
        background-size: 20%;
    }
    section.sustainble {
        padding: 30px 0px;
        background-size: 20%;
    }
    .sustainble_img {
        margin-bottom: 30px;
    }
    section.contribution {
        height: auto;
    }
    section.contribution .contri_wrp {
        padding: 15px;
        height: 290px;
        background-size: 30%;
        width: 80%;
        margin: 0px auto;
        margin-bottom: 20px;
    }
    .contri_icon {
        height: 70px;
    }
    section.contribution .contri_wrp:hover .contri_icon .gif {
        left: 13px
    }
    /* section.contribution .contri_wrp .contri_icon .gif{
        width: 64px;
    } */
    section.contribution .contri_icon img {
        width: 60px;
        height: 60px;
    }
    section.contribution .contri_head h4 {
        font-size: 17px;
    }
    section.contribution .process_img img {
        width: 100%;
    }
    section.contribution .contri_head {
        margin-top: 15px;
    }
    .flex_center {
        flex-direction: column;
    }


    /* -------------- ESG Page css end ----------------  */


    /* my responsive css start */
    .toggle_container{
        background-color: red;
       
    }
    
    .card_Section{
        max-width: 95%;
        margin:0.2rem auto;
       
    }
   
    .gift_card{
        width: 80%;
        margin: 0.3rem 0;
        border: none;
        
    }
    .giftardImg_div img{
        width: 100%;
       border-radius: 10% 10% 0 0;
    }
    /* .grow img{
        transition: 1s ease;
        } */
        
        .gift_card:hover{
            box-shadow: none;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.2);
        transition: 2s ease;
        }
    .giftcard_NameAndNumber{
        text-align: center;
        font-weight: 700;
      
        }
       


        /* footer responsive */
        .footer_container{
            max-width: 100%;
            display: block;
     
        }
     .footer_container h4{
        color:#bae2ef;
    }
      
     
    .applyCardBox{
      width: 100%;  
    }
   
    .termsConditionBox{
        padding-left: 0px;
    width: 100%;
    }
    .applyCardBox ul,.termsConditionBox ul{
        color: white;
    }
    .applyCardBox ul li,.termsConditionBox ul li{
        list-style: disc;
    }
    .whiteColor{
        border: 1px solid #F5F5F5 !important;
    }
    .footer-box2{
        max-width: 90%;
        margin:1.2rem auto 0 auto;
        color: white;
        font-style: italic;
        word-spacing: 5.8px;
    }
        
}


@media only screen and (min-width:481px) and (max-width:640px) {
    p {
        font-size: 16px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* 12-05-2023 */
    .main_counter .counter_box {
        position: static;
        height: 160px !important;
    }
    .counter-sm {
        width: 50%;
        float: left;
    }
    .main_counter .counter_child img {
        width: 36px;
        margin-top: 15px;
    }
    .main_counter .counter_child h3 {
        font-size: 20px;
    }
    .main_counter .counter_child p {
        font-size: 12px;
    }
    .main_counter .vc_column-inner {
        padding: 0 !important;
    }
    .main_counter {
        display: flex;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 525px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 16px;
    }
    .investor_relation .tab-content>.tab-pane p {
        font-size: 16px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 25%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .our_brands.mt-4 .brands_child {
        width: 26%;
    }
    .brands img.hanger {
        top: 17px;
        left: 289px;
        width: 82px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 414px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    .footer_links_head.links ul:nth-child(2) {
        padding-left: 25px;
    }
    .footer_links_head.links ul {
        width: 50%;
    }
    .footer_links_head.links {
        display: flex;
        width: 100% !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
        border-radius: 0;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }
    .reco_img {
        width: 100%;
    }
    .award_text {
        width: 100%;
        height: auto;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 18px;
        margin-top: -40px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main {
        height: 918px;
    }
    .about_main .about_pera p {
        font-size: 17px;
    }
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 10px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion {
        text-align: center;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom::after {
        content: " ";
        position: absolute;
        right: 63px;
        bottom: -9px;
        border-top: 15px solid rgb(227, 0, 15);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: none;
        display: block;
    }
    /* gallery page css end  */
    /* investor page css start  */
    /* 24-03-2023 */
    .investor {
        background: none;
        height: auto;
        padding: 30px 0px;
        margin-bottom: 10px;
        background-color: #fff9e9;
    }
    .investor .heading {
        margin-top: 0;
        width: 100%;
        margin-left: 0;
    }
    .investor .investor_btn a {
        padding: 8px 25px;
        font-size: 12px;
    }
    .investor .investor_btn {
        margin-top: 15px;
    }
    .investor .investor_right_img {
        margin-left: 0px;
    }
    .investor_tab .nav-pills .nav-link {
        font-size: 18px;
    }
    section.investor_tab {
        margin-top: 30px;
    }
    section.investor_tab .tab_content {
        padding: 0;
        border-left: 0;
        margin-left: 0;
    }
    section.investor_tab .my_row {
        width: 76%;
    }
    section.investor_tab .tab_output_box {
        padding: 30px;
    }
    section.investor_tab .tab_content h3 {
        font-size: 22px;
        margin-top: 30px;
    }
    section.investor_tab .select_input {
        width: 80%;
    }
    section.investor_tab .select_input select {
        font-size: 16px;
    }
    section.investor_tab .tab_head h2 {
        font-size: 35px;
    }
    section.investor_tab .tab_head h6 {
        font-size: 18px;
    }
    section.investor_tab .flex_tab a:nth-child(1) {
        font-size: 12px;
    }
    section.investor_tab .flex_tab a:nth-child(2) {
        font-size: 12px;
    }
    /* investor page css end  */
    /* why v-mart tab section css start  */
    section.tab-why {
        margin-top: 20px;
    }
    section.tab-why .tab_pera p {
        width: 100%;
        margin: 0px auto 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item {
        width: 100%;
        text-align: center;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(1) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(2) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(3) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.tab-why .tab_vmart .tab-content {
        background: none;
        text-align: center;
        margin-top: 20px;
    }
    section.tab-why .tab_vmart .tab-content .heading h3 {
        font-size: 22px;
        width: 100%;
    }
    section.tab-why .tab_vmart .tab_imges {
        margin-top: 20px;
    }
    /* why v-mart tab section css end  */
    /* press and release form section css start  */
    .press_form {
        width: 100%;
        padding: 20px;
        border-radius: 3px;
        margin-top: 20px;
    }
    .press_form .row .col-lg-6:nth-child(1) .form-group {
        margin-bottom: 12px;
    }
    .press_form .form-control {
        height: calc(1.5em em + 1.2rem + 2px);
        padding: 10px 12px;
        font-size: 13px;
    }
    /* press and release form section css end  */
    /* -------------- ESG Page css start ----------------  */
    .flex_direction {
        flex-direction: column-reverse;
        display: flex;
    }
    .flex_center {
        flex-direction: column;
    }
    .path_head h3 {
        font-size: 20px;
    }
    section.vmart_path .path_bottom img {
        width: 100%;
        margin-top: 3px;
    }
    section.vmart_path {
        padding: 30px 0px 0px;
    }
    section.corporate_governance {
        padding: 30px 0px;
        background-size: 20%;
    }
    section.corporate_governance .corporate_img {
        margin-top: 30px;
    }
    section.sustainble .sustainble_img {
        margin-top: 30px;
    }
    section.sustainble {
        padding: 30px 0px;
        background-size: 20%;
    }
    .sustainble_img {
        margin-bottom: 30px;
    }
    section.contribution {
        height: auto;
    }
    section.contribution .contri_wrp {
        padding: 15px;
        height: 270px;
        background-size: 30%;
    }
    section.contribution .contri_icon img {
        width: 70px;
        height: 70px
    }
    section.contribution .contri_head h4 {
        font-size: 20px;
    }
    section.contribution .process_img img {
        width: 100%;
    }
    /* -------------- ESG Page css end ----------------  */
    /* our journey 2 page css start */
    .wrap .first_slide {
        width: 100%;
        margin-left: 20px;
        padding: 20px;
    }
    .wrap .main_story {
        margin-left: 20px;
        width: 100%;
        margin-bottom: 30px;
        padding-right: 20px;
    }
    .wrap .journey_img {
        margin-left: 20px;
        text-align: left;
    }
    .wrap .scroll2 .main_story {
        width: 100%;
    }
    .wrap .story_small {
        width: 100%;
    }
    .wrap .story_content h6 {
        font-size: 15px;
    }
    #indicator {
        left: 10px;
    }
    #indicator>div {
        width: 6px;
        height: 6px;
    }
    .wrap .story_head h2 {
        font-size: 40px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .wrap .scroll-6 .main_story {
        width: 100%;
    }
    .wrap .story_content h4 {
        font-size: 20px;
    }
    .wrap .turn_over_img {
        margin-left: 20px;
        margin-top: 20px;
        text-align: left;
    }
    .wrap .creating_img {
        text-align: left;
        margin-left: 20px;
        margin-top: 30px;
    }
    .wrap .turn_over_img img {
        width: 70%;
    }
    .wrap .scroll15 .main_story {
        width: 100%;
    }
    .wrap .scroll16 .main_story {
        width: 92%;
    }
    .wrap .scroll14 .story_head {
        width: 90%;
    }
    .wrap .fortune_logo img {
        width: 50%;
    }
    .wrap .creating_img img {
        width: 28%;
        margin-bottom: 0px;
        border-radius: 5px;
    }
    .wrap .scroll6 .story_head h2 {
        width: 100%;
    }
    .wrap .scroll6 .main_story {
        width: 100%;
    }
    .wrap .story_content h4 span {
        font-size: 14px;
    }
    .wrap .bloom_berg_img {
        margin-left: 20px;
        margin-top: 15px;
    }
    .wrap .story_small span {
        font-size: 16px;
    }
    .wrap .scroll7 .story_head {
        width: 100%;
    }
    .wrap .scroll3 .journey_img img {
        width: 90%;
    }
    .wrap .journey_img img {
        width: 25%;
    }
    .wrap .scroll8 .story_head h2 {
        width: 100%;
    }
    .wrap .scroll10 .story_head {
        width: 100%;
    }
    .wrap .scroll9 .story_head {
        width: 100%;
    }
    .wrap .bloom_berg_img img {
        width: 60%;
    }
    .wrap .scroll12 .main_story .story_head {
        width: 100%;
    }
    .wrap .scroll12 .main_story {
        width: 100%;
    }
    .wrap .map_img img {
        position: static;
        width: 60%;
        margin-left: 20px;
    }
    .wrap .scroll13 .main_story {
        width: 100%;
    }
    .wrap .scroll_13_img img {
        width: 90%;
    }
    .verticle_slider .vc_column-inner {
        padding: 0 !important;
    }
    .wrap .first_slide {
        border: 3px solid #e3000f;
        width: 90%;
    }
    .wrap .journey_img {
        margin-top: 20px;
    }

    .card_Section{
        max-width: 95%;
        margin:0.2rem auto;
       
    }
   
    .gift_card{
        width: 45%;
        margin: 0.3rem 0;
        border: none;
        
    }
    .giftardImg_div img{
        width: 100%;
       border-radius: 10% 10% 0 0;
    }
    /* our journey 2 page css end  */
    .footer_container{
        max-width: 100%;
        display: block;
 
    }
 .footer_container h4{
    color:#bae2ef;
}
  
 
.applyCardBox{
  width: 100%;  
}

.termsConditionBox{
    padding-left: 0px;
width: 100%;
}
.applyCardBox ul,.termsConditionBox ul{
    color: white;
}
.applyCardBox ul li,.termsConditionBox ul li{
    list-style: disc;
}
.whiteColor{
    border: 1px solid #F5F5F5 !important;
}
.footer-box2{
    max-width: 90%;
    margin:1.2rem auto 0 auto;
    color: white;
    font-style: italic;
    word-spacing: 5.8px;
}
}

















@media screen and (max-width:414px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 10px;
        padding-bottom: 0px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
    /* team section css start  */
    section.team-section {
        margin-top: 30px;
    }
    .title_sections h3 {
        font-size: 20px;
    }
    .theme-btn.one {
        padding: 0px 15px;
        min-height: 35px;
        line-height: 35px;
        font-size: 13px;
    }
    .team_box.style_one .team_box_outer .about_member .authour_details h6 {
        font-size: 16px;
    }
    .team_box.style_one .team_box_outer .about_member .authour_details span {
        font-size: 12px;
    }
    /* team section css end  */
    /* our journey 2 page css start  21-09-2023*/
    .first_slide {
        width: 100%;
        margin-left: 20px;
        padding: 20px;
    }
    .main_story {
        margin-left: 20px;
        width: 100%;
        margin-bottom: 30px;
    }
    .journey_img {
        margin-left: 20px;
        text-align: left;
    }
    .scroll2 .main_story {
        width: 100%;
    }
    .story_small {
        width: 100%;
    }
    .story_content h6 {
        font-size: 15px;
    }
    #indicator {
        left: 10px;
    }
    #indicator>div {
        width: 6px;
        height: 6px;
    }
    .story_head h2 {
        font-size: 40px;
    }
    .scroll-6 .main_story {
        width: 100%;
    }
    .story_content h4 {
        font-size: 20px;
    }
    .turn_over_img {
        margin-left: 20px;
    }
    .scroll6 .story_head h2 {
        width: 100%;
    }
    .scroll6 .main_story {
        width: 100%;
    }
    .story_content h4 span {
        font-size: 14px;
    }
    .bloom_berg_img {
        margin-left: 20px;
    }
    .scroll7 .story_head {
        width: 100%;
    }
    .scroll8 .story_head h2 {
        width: 100%;
    }
    .scroll10 .story_head {
        width: 100%;
    }
    .scroll9 .story_head {
        width: 100%;
    }
    .scroll12 .main_story .story_head {
        width: 100%;
    }
    .scroll12 .main_story {
        width: 100%;
    }
    .map_img img {
        position: static;
        width: 100%;
        margin-left: 20px;
    }
    .scroll13 .main_story {
        width: 100%;
    }
    .scroll_13_img img {
        width: 60%;
    }
    /* our journey 2 page css end 21-09-2023 */
}

@media screen and (max-width:375px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }
    .reco_img {
        width: 100%;
    }
    .award_text {
        width: 100%;
        padding-right: 69px;
        padding-left: 30px;
        padding-top: 28px;
        height: auto;
        padding: 20px;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 10px;
        padding-bottom: 0px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media screen and (max-width:640px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 0px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media screen and (max-width:320px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 0px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media screen and (max-width:981px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media screen and (min-width:800px) and (max-width:1280px) {
    p {
        font-size: 13px;
    }
    .fashion_video video#myVideo {
        height: 80vh;
    }
    section.privacy-policy ul li {
        font-size: 13px;
    }
    .container {
        max-width: 92% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    .testimonials .testimonial_slider .inner_text {
        height: 180px;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 64%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 12px;
        padding: 10px 0px;
        line-height: inherit;
    }
    header .nav-container nav ul li {
        padding: 0px 10px;
    }
    header .nav-container .nav-dropdown li {
        padding: 0;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container nav ul li {
        padding: 0px 5px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .nav-list {
        margin-top: 0;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .nav-container .nav-list {
        padding-left: 20px;
    }
    header .nav-container .retail_btn {
        padding-left: 10px;
        padding-right: 10px;
    }
    header .social_icon {
        padding-bottom: 20px;
    }
    header .social_icon {
        padding-bottom: 22px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    .great_place {
        position: absolute;
        width: 79px;
        left: 80px;
        top: 0;
    }
    /* finest fashion css start  */
    .finest {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 690px;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img {
        text-align: center;
    }
    .finest .circle_img img {
        width: 75%;
        margin-top: 31px;
        margin-right: 110px;
    }
    /* 12-05-2023 */
    .main_counter .counter_child img {
        width: 50px;
        margin-top: 15px;
    }
    .main_counter .counter_child h3 {
        font-size: 25px;
    }
    /* fashion life css start  */
    .fashion_life {
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
        padding-bottom: 50px;
    }
    .fashion_life .fashion_box {
        width: 92%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 20%;
    }
    .arrow_right img {
        display: none;
    }
    .about_counter .counter_box {
        height: 150px !important;
        width: 28%;
    }
    .about_counter .counter_child h3 {
        font-size: 20px;
    }
    .about_counter .counter_child p {
        font-size: 11px;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        height: 590px;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 45%;
    }
    .sustainbilities_head {
        height: 540px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li {
        font-size: 11px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li:after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background: red;
        top: 7px;
        left: -21px;
        border-radius: 77%;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: none !important;
        height: auto;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 70px 0px;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: 360px;
        position: relative;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 12%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 23px;
        left: 643px;
        width: 100px;
    }
    .our_brands.mt-5 .brands_child img {
        width: 100%;
    }
    /* award css start  */
    .award {
        height: 504px;
    }
    .award img.award_girl {
        position: absolute;
        left: -60px;
        top: -66px;
        width: 130px;
        display: block;
    }
    .award .award_slider .owl-nav {
        display: block !important;
    }
    .main_counter .counter_box {
        height: 168px !important;
        top: 110px;
    }
    /* .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;

    }

    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }

    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    } */
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    img.join_line {
        position: absolute;
        top: 11px;
        left: -120px;
        width: 724px;
        display: block;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_team {
        height: 500px;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 80% !important;
        margin-left: 0;
        margin: 0px auto;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 45px;
    }
    footer .footer_links_head {
        width: 28%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 13px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .footer_men img {
        position: absolute;
        top: -19px;
        width: 10%;
        left: -1px;
        display: block;
    }
    .footer_girl img {
        position: absolute;
        top: -10px;
        width: 10%;
        right: 19px;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* leadership css start  */
    .director_modal .about_pera {
        height: 340px;
    }
    .director_modal .modal-xl {
        max-width: 1130px;
    }
    /* leadership css end  */
    .press_bg {
        height: auto;
    }
    .press_box .press_head h4 {
        font-size: 11px;
    }
    .press_box iframe {
        height: 182px;
    }
    .press_box {
        height: 280px;
    }
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: none;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 95%;
        height: 350px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
        display: none !important;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    /* .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    } */
    .award_why .award_reco_slider .reco_head {
        border-radius: 200px;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 13px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 110px;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 130px;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 53%;
        margin-top: 0px;
        margin-left: 120px;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: none;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
        font-size: 18px;
    }
    .main_head ul li {
        font-size: 13px;
    }
    .about_main {
        height: 487px;
    }
    .mission_vision .vission_main {
        padding-top: 0;
    }
    .main_head:after {
        height: 445px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        height: 1090px;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 10px;
        padding-bottom: 30px;
        display: none;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: none;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: block;
    }
    .vision_fashion {
        text-align: center;
        margin-bottom: 20px !important;
    }
    .vision_fashion img {
        width: 70%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 60%;
        padding-top: 20px;
    }
    .mission_vision .vision_fashion img {
        display: block;
        top: 67%;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .mission_flex {
        margin-top: 80px;
    }
    .mission_vision .mission_content {
        width: 26%;
    }
    .mission_vision .circle_line {
        display: block;
        top: 25%;
        width: 20px;
    }
    .mission_vision .circle_line2 {
        display: block;
        top: 25%;
        width: 20px;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        z-index: 0;
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    .h--timeline-events {
        padding-bottom: 0;
    }
    .h--timeline-container {
        height: 530px;
    }
    .h--timeline-navigation {
        top: -481px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 80%;
        margin-bottom: 20px !important;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom::after {
        content: " ";
        position: absolute;
        right: 63px;
        bottom: -9px;
        border-top: 15px solid rgb(227, 0, 15);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: none;
        display: block;
    }
    /* gallery page css end  */
    /* investor relation page css start  */
    /* 24-03-2023 */
    section.investor_tab .my_row {
        width: 100%;
    }
    /* investor relation page css end  */
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 14px;
    }
    section.tab-why .tab_vmart .tab-content .heading h3 {
        width: 70%;
    }
    /* why v-mart tab section css end  */
    /* --------------- our journey page css start --------------- */
    .wrap .story_head h2 {
        font-size: 60px;
    }
    .wrap .story_content h4 {
        font-size: 30px;
    }
    .wrap .story_content h4 span {
        font-size: 14px;
    }
    .wrap .map_img img {
        top: -220px;
        width: 440px;
    }
    #indicator>div {
        width: 7px;
        height: 7px;
        margin: 7px;
    }
    #indicator>div.active {
        transform: scale(1.3);
    }
    /* --------------- our journey page css end --------------- */
    /* ----------------- ESG page css start ----------------- */
    section.vmart_path .path_bottom img {
        width: 59%;
    }
    .path_head h3 {
        font-size: 24px;
    }
    section.contribution .contri_icon img {
        width: 60px;
        height: 60px;
    }
    section.contribution .contri_head h4 {
        font-size: 17px;
    }
    section.contribution .contri_counter span {
        font-size: 30px;
    }
    section.contribution .contri_wrp {
        height: 330px;
    }
    .contri_icon {
        height: 60px;
    }
    /* section.contribution .contri_wrp .contri_icon .gif{
        width: 68px;
    } */
    section.contribution .contri_wrp:hover .contri_icon .gif {
        left: 26px;
    }
    /* ----------------- ESG page css end ----------------- */
}

@media screen and (min-width:769px) and (max-width:991px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: block;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: none;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: block;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: block;
    }
    .mission_vision .circle_line2 {
        display: block;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 12px;
    }
    section.tab-why .tab_vmart .tab-content .heading h3 {
        width: 70%;
        font-size: 25px;
    }
    /* why v-mart tab section css end  */
}

@media screen and (min-width:768px) and (max-width:1024px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 100%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 12px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 11px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .brand {
        float: left;
        width: 7%;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 20px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    /* .finest {
        background: none;
        height: auto;
    } */
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* 12-05-2023 */
    .main_counter .counter_child img {
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
        border-radius: 200px;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 35px;
    }
    .culture .culture_text h5 {
        font-size: 11px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 10px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 26%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom::after {
        content: " ";
        position: absolute;
        right: 63px;
        bottom: -9px;
        border-top: 15px solid rgb(227, 0, 15);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: none;
        display: block;
    }
    /* gallery page css end  */
}

@media only screen and (min-width:320px) and (max-width:380px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* 12-05-2023 */
    .main_counter .counter_box {
        position: static;
        height: 113px !important;
    }
    .counter-sm {
        width: 50%;
        float: left;
    }
    .main_counter .counter_child img {
        width: 36px;
        margin-top: 15px;
    }
    .main_counter .counter_child h3 {
        font-size: 20px;
    }
    .main_counter .counter_child p {
        font-size: 12px;
    }
    .main_counter .vc_column-inner {
        padding: 0 !important;
    }
    .main_counter {
        display: flex;
    }
    .about_counter .counter_box {
        width: 100%;
        height: 108px !important;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        margin-top: 0px;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 360px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 0px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .our_brands.mt-4 .brands_child {
        width: 30%;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 215px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 370px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
        text-align: center;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .testimonials .testimonial_slider .inner_text {
        height: 190px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 35px;
    }
    .culture .culture_text h5 {
        font-size: 11px;
        margin-top: -46px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
        margin-left: 0;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
        font-size: 20px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    .gallery_banner .heading h2 {
        margin-bottom: 0 !important;
    }
    .gallery_main {
        height: auto;
        margin-top: 30px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 10px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media only screen and (min-width:381px) and (max-width:480px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* 12-05-2023 */
    .main_counter .counter_box {
        position: static;
        height: 130px !important;
    }
    .counter-sm {
        width: 50%;
        float: left;
    }
    .main_counter .counter_child img {
        width: 36px;
        margin-top: 15px;
    }
    .main_counter .counter_child h3 {
        font-size: 20px;
    }
    .main_counter .counter_child p {
        font-size: 12px;
    }
    .main_counter .vc_column-inner {
        padding: 0 !important;
    }
    .main_counter {
        display: flex;
    }
    .about_counter .counter_box {
        width: 100%;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 401px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation .investor_img img {
        margin-top: 0;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 28%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .our_brands.mt-4 .brands_child {
        width: 28%;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 244px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 390px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
        text-align: center;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .inner_text {
        height: 175px;
    }
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 35px;
    }
    .culture .culture_text h5 {
        font-size: 12px;
        margin-top: -51px
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
        margin-left: 0;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
        font-size: 22px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 10px;
        padding-bottom: 0px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media only screen and (min-width:641px) and (max-width:786px) {
    p {
        font-size: 10px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 20px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    section.privacy-policy ul li {
        font-size: 10px;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: 440px;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    .main_counter .counter_box {
        position: absolute;
        height: 117px !important;
        top: -20px;
    }
    .main_counter .counter_child img {
        width: 35px;
    }
    .main_counter .counter_child h3 {
        font-size: 18px;
    }
    .main_counter .counter_child p {
        font-size: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
        font-size: 10px;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 14px;
        line-height: 20px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    .our_brands.mt-5 .brands_child img {
        width: 100%;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    .press_box iframe {
        height: 150px;
    }
    .press_box {
        height: 250px;
    }
    .press_box .press_head h4 {
        font-size: 11px;
    }
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: none;
    }
    .why_vmart {
        height: 257px;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
        margin-left: 0px;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
        font-size: 14px;
    }
    .main_head p {
        font-size: 11px;
    }
    .main_head ul li {
        font-size: 10px;
    }
    .main_head:after {
        height: 401px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 9px;
        padding: 7px 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(1) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(2) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(3) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .tab-content .heading h3 {
        width: 60%;
        font-size: 18px;
    }
    /* why v-mart tab section css end  */
    /* --------------- our journey page css start --------------- */
    #indicator {
        left: 10px;
    }
    #indicator>div {
        width: 5px;
        height: 5px;
        margin: 5px;
    }
    .wrap .story_head h2 {
        font-size: 40px;
    }
    .wrap .story_content h4 span {
        font-size: 10px;
    }
    .wrap .story_content h4 {
        font-size: 20px;
    }
    .wrap .winner {
        line-height: 10px;
        margin-bottom: 6px;
        width: 100%;
        margin-top: 10px;
    }
    .wrap .creating_img img {
        width: 30%;
        margin-bottom: 20px;
        border-radius: 20px;
    }
    .wrap .fortune_logo img {
        width: 80%;
    }
    .wrap .map_img img {
        top: -140px;
        width: 280px;
        left: 70px;
    }
    .wrap .first_slide {
        border: 3px solid #e3000f;
        padding: 20px;
        width: 30%;
    }
    .wrap .story_content h6 {
        font-size: 13px;
    }
    .wrap .story_small span {
        font-size: 13px;
    }
    /* --------------- our journey page css end --------------- */
    /* ----------------- ESG page css start ----------------- */
    .path_head h3 {
        font-size: 18px;
    }
    section.vmart_path .path_bottom img {
        width: 40%;
    }
    section.contribution .contri_wrp {
        padding: 10px;
        height: 250px;
        background-size: 30%;
    }
    section.contribution .contri_icon img {
        width: 40px;
        height: 40px;
    }
    section.contribution .contri_counter span {
        font-size: 20px;
    }
    section.contribution .contri_head h4 {
        font-size: 12px;
    }
    .contri_icon {
        height: 30px;
    }
    section.contribution .contri_wrp:hover .contri_icon .gif {
        left: 9px
    }
    /* section.contribution .contri_wrp .contri_icon .gif{
        width: 41px;
    } */
    /* ----------------- ESG page css end ----------------- */
}

@media only screen and (min-width:787px) and (max-width:799px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
        top: 8px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media only screen and (min-width:800px) and (max-width:991px) {
    p {
        font-size: 10px;
    }
    section.privacy-policy ul li {
        font-size: 10px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 100%;
    }
    header .nav-container .retail_btn {
        padding-right: 0;
    }
    header .nav-container .social_icon .icons li {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    header .nav-container .social_icon .icons li a i {
        font-size: 12px;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 10px;
        padding: 10px 0px;
    }
    header .nav-container .brand {
        width: 6%;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 11px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container nav ul li {
        padding: 0px 5px;
    }
    header .nav-container .retail_btn a {
        font-size: 10px;
        padding: 8px 15px;
        margin-right: 10px;
        margin-left: 10px;
    }
    header .nav-container .retail_btn a header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .nav-container .nav-list {
        margin-top: 0;
    }
    header .social_icon {
        padding-bottom: 20px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: url(https://vmart.co.in/wp-content/uploads/2023/05/finest_living-bg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 500px;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img {
        text-align: center;
    }
    .finest .circle_img img {
        width: 75%;
        margin-top: 10px;
    }
    .main_counter .counter_box {
        height: 133px !important;
        width: 140px;
        top: 30px
    }
    .main_counter .counter_child h3 {
        font-size: 16px;
    }
    .main_counter .counter_child img {
        width: 40px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 25%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
        padding: 0px 20px;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 800px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation .investor_img img {
        width: 90%;
        margin-top: 0;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 100%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 15%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 30px;
        left: 469px;
        width: 50px;
    }
    .our_brands.mt-5 .brands_child img {
        width: 100%;
    }
    .our_brands.mt-4 .brands_child {
        width: 14%;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 320px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 18px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    .footer_links_head.links ul:nth-child(2) {
        padding-left: 25px;
    }
    .footer_links_head.links ul {
        width: 50%;
    }
    .footer_links_head.links {
        display: flex;
        width: 100% !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 50%;
        display: none;
        margin: 0px auto;
    }
    .why_vmart {
        height: 317px;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 90%;
        height: 370px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 20px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
        flex-direction: column;
        border-radius: 0;
    }
    .reco_img {
        width: 100%;
    }
    .award_text {
        width: 100%;
        padding-right: 69px;
        padding-left: 30px;
        padding-top: 28px;
        height: auto;
        padding: 30px;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
        margin-top: -59px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
        margin-top: 0;
        margin-left: 0px;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 16px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 10px;
    }
    .main_head:after {
        height: 395px;
    }
    /* about main css start  */
    .about_main {
        height: 394px;
    }
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion {
        text-align: center;
    }
    .vision_fashion img {
        width: 70%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom::after {
        content: " ";
        position: absolute;
        right: 63px;
        bottom: -9px;
        border-top: 15px solid rgb(227, 0, 15);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: none;
        display: block;
    }
    /* gallery page css end  */
    /* investor page css start  */
    /* 24-03-2023 */
    /* .investor {
        background: none;
        height: auto;
        padding: 30px 0px;
        margin-bottom: 10px;
        background-color: #fff9e9;
    } */
    .investor .heading {
        margin-top: 0;
        width: 100%;
        margin-left: 0;
    }
    .investor .investor_btn a {
        padding: 8px 25px;
        font-size: 12px;
    }
    .investor .investor_btn {
        margin-top: 15px;
    }
    .investor .investor_right_img {
        margin-left: 0px;
    }
    .investor_tab .nav-pills .nav-link {
        font-size: 14px;
        padding: 15px 15px;
    }
    section.investor_tab .tab_content {
        padding: 0;
        border-left: 0;
        margin-left: 0;
    }
    section.investor_tab .my_row {
        width: 100%;
    }
    section.investor_tab .tab_output_box {
        padding: 20px 10px;
    }
    section.investor_tab .tab_content h3 {
        font-size: 22px;
        margin-top: 30px;
    }
    section.investor_tab .select_input {
        width: 100%;
    }
    section.investor_tab .select_input select {
        font-size: 14px;
    }
    section.investor_tab .tab_head h2 {
        font-size: 35px;
    }
    section.investor_tab .tab_head h6 {
        font-size: 18px;
    }
    section.investor_tab .flex_tab a:nth-child(1) {
        font-size: 10px;
    }
    section.investor_tab .flex_tab a:nth-child(2) {
        font-size: 10px;
        padding: 8px 20px;
    }
    /* investor page css end  */
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(1) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(2) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(3) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .tab-content .heading h3 {
        width: 70%;
        font-size: 20px;
    }
    /* why v-mart tab section css end  */
    /* --------------- our journey page css start --------------- */
    #indicator {
        left: 10px;
    }
    #indicator>div {
        width: 5px;
        height: 5px;
        margin: 5px;
    }
    .wrap .story_head h2 {
        font-size: 40px;
    }
    .wrap .story_content h4 span {
        font-size: 10px;
    }
    .wrap .story_content h4 {
        font-size: 20px;
    }
    .wrap .winner {
        line-height: 10px;
        margin-bottom: 6px;
        width: 100%;
        margin-top: 10px;
    }
    .wrap .creating_img img {
        width: 30%;
        margin-bottom: 20px;
        border-radius: 20px;
    }
    .wrap .fortune_logo img {
        width: 80%;
    }
    .wrap .map_img img {
        top: -140px;
        width: 280px;
        left: 70px;
    }
    .wrap .first_slide {
        border: 3px solid #e3000f;
        padding: 20px;
        width: 30%;
    }
    .wrap .story_content h6 {
        font-size: 13px;
    }
    .wrap .story_small span {
        font-size: 13px;
    }
    /* --------------- our journey page css end --------------- */
    /* ----------------- ESG page css start ----------------- */
    .path_head h3 {
        font-size: 18px;
    }
    section.vmart_path .path_bottom img {
        width: 55%;
    }
    section.contribution .contri_wrp {
        padding: 15px;
        height: 235px;
        background-size: 30%;
    }
    section.contribution .contri_icon img {
        width: 40px;
        height: 40px;
    }
    section.contribution .contri_counter span {
        font-size: 25px;
    }
    section.contribution .contri_head h4 {
        font-size: 13px;
    }
    section.contribution .contri_head {
        margin-top: 10px;
    }
    section.contribution .contri_wrp:hover .contri_icon .gif {
        left: 14px;
    }
    /* section.contribution .contri_wrp .contri_icon .gif {
        width: 43px;
    } */
    /* ----------------- ESG page css end ----------------- */
}

@media only screen and (min-width:992px) and (max-width:1023px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    header .nav-container .nav-list {
        width: 100%;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 100%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 12px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .brand {
        width: 6%;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 20px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container .retail_btn a {
        font-size: 10px;
    }
    header .nav-container .social_icon .icons li {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    header .nav-container .social_icon .icons li a i {
        font-size: 12px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
        border-radius: 0;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    p {
        font-size: 11px;
    }
    .fashion_video video#myVideo {
        height: 80vh;
    }
    section.privacy-policy ul li {
        font-size: 11px;
    }
    .container {
        max-width: 95% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .col-xs-6 {
        width: 50%;
    }
    .great_place {
        position: absolute;
        width: 44px;
        left: 65px;
        top: 0;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 100%;
    }
    header .nav-container .social_icon .icons li {
        width: 25px;
        height: 25px;
        border: 1px solid;
        padding: 0;
        line-height: 25px;
        margin: 0px 2px;
        border-radius: 50%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container .brand {
        float: left;
        width: 6%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 11px;
        padding: 10px 0px;
        line-height: inherit;
    }
    header .nav-container .nav-list {
        padding-left: 0;
    }
    header .nav-container nav ul li {
        padding: 0px 9px;
    }
    header .nav-container nav ul li ul li {
        min-width: 160px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 9px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 10px;
        padding: 8px 15px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 22px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 610px;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img {
        text-align: center;
    }
    .finest .circle_img img {
        width: 75%;
        margin-top: 31px;
        margin-right: 110px;
    }
    /* fashion life css start  */
    .fashion_life {
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
        padding-bottom: 50px;
    }
    .fashion_life .fashion_box {
        width: 92%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 20%;
    }
    .arrow_right img {
        display: none;
    }
    .award .award_slider .owl-nav button.owl-prev {
        font-size: 46px !important;
    }
    .award .award_slider .owl-nav button.owl-next {
        font-size: 46px !important;
    }
    .our_brands.mt-5 .brands_child img {
        width: 100%;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        height: 530px;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 45%;
    }
    .sustainbilities_head {
        height: 540px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li {
        font-size: 14px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: none !important;
        height: auto;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 70px 0px;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: 360px;
        position: relative;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 12%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 23px;
        left: 643px;
        width: 100px;
    }
    /* award css start  */
    .main_counter .counter_box {
        top: 90px;
        height: 155px !important;
    }
    .about_counter .counter_child h3 {
        font-size: 15px;
    }
    .about_counter .counter_child p {
        font-size: 9px;
    }
    .award {
        height: 504px;
    }
    .award img.award_girl {
        position: absolute;
        left: -60px;
        top: -66px;
        width: 130px;
        display: block;
    }
    .award .award_slider .owl-nav {
        display: block !important;
    }
    .award .award_box {
        height: 284px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    img.join_line {
        position: absolute;
        top: 11px;
        left: -120px;
        width: 724px;
        display: block;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_team {
        height: 500px;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 80% !important;
        margin-left: 0;
        margin: 0px auto;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0px;
    }
    footer .footer_links_head {
        width: 28%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 13px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .footer_men img {
        position: absolute;
        top: -19px;
        width: 10%;
        left: -1px;
        display: block;
    }
    .footer_girl img {
        position: absolute;
        top: -10px;
        width: 10%;
        right: 19px;
    }
    footer .footer_head img {
        width: 30%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* leadership css start  */
    .director_modal .about_pera {
        height: 250px;
    }
    .director_modal .modal-xl {
        max-width: 940px;
    }
    /* leadership css end  */
    .press_bg {
        height: auto;
    }
    .press_box .press_head h4 {
        font-size: 13px;
    }
    .press_box .press_head {
        margin-top: 15px;
    }
    .press_box {
        height: 280px;
        margin: 0;
        margin-bottom: 30px;
        padding: 10px;
    }
    .press_box iframe {
        height: 162px;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: none;
    }
    .why_vmart {
        background-position: center;
        background-size: cover;
        background-position: center;
        height: 347px;
        padding: 30px 0px;
        text-align: left;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 95%;
        height: 310px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
        display: none !important;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    /* .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    } */
    .award_why .award_reco_slider .reco_child {
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 11px;
    }
    .perk {
        margin-top: 30px;
    }
    .h--timeline-event-content {
        height: 380px;
    }
    .h--timeline-navigation {
        top: -421px;
    }
    .h--timeline-container {
        height: 470px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 110px;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 130px;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        height: 670px;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 53%;
        margin-top: 0px;
        margin-left: 113px;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: none;
        width: 100%;
        margin-top: 30px;
    }
    .main_head:after {
        position: absolute;
        content: "";
        border-right: 1px solid #525252;
        left: 29px;
        right: -11px;
        height: 355px;
        top: 0;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
        font-size: 18px;
    }
    .main_head p {
        font-size: 11px;
    }
    .main_head ul li {
        font-size: 11px;
    }
    .about_main {
        height: 390px;
    }
    .mission_vision .vission_main {
        padding-top: 0;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        height: 990px;
    }
    .leadership .decript h5 {
        font-size: 14px;
    }
    .leadership .decript h6 {
        font-size: 13px;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: none;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: none;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: block;
    }
    .vision_fashion {
        text-align: center;
    }
    .vision_fashion img {
        width: 70%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 60%;
        padding-top: 0px;
    }
    .about_counter .counter_box {
        width: 22%;
        height: 120px !important;
    }
    .about_counter .counter_child img {
        width: 33px
    }
    .mission_vision .vision_fashion img {
        display: block;
        top: 50%;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .mission_flex {
        margin-top: 0px;
    }
    .mission_vision .mission_content {
        width: 26%;
    }
    .mission_vision .circle_line {
        display: block;
        top: 25%;
        width: 20px;
    }
    .mission_vision .circle_line2 {
        display: block;
        top: 25%;
        width: 20px;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_banner .nav-tabs .nav-link {
        width: 155px;
        font-size: 14px;
        padding: 10px 0px;
    }
    .gallery_banner .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_banner .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_banner .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_banner .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_banner .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    /* gallery page css end  */
    /* investor page css start  */
    /* 24-03-2023 */
    .investor .heading {
        margin-top: 0;
        width: 100%;
        margin-left: 0;
    }
    .investor .investor_btn a {
        padding: 8px 25px;
        font-size: 12px;
    }
    .investor .investor_btn {
        margin-top: 15px;
    }
    .investor .investor_right_img {
        margin-left: 0px;
    }
    .investor_tab .nav-pills .nav-link {
        font-size: 14px;
        padding: 15px 15px;
    }
    section.investor_tab .tab_content {
        padding: 0;
        border-left: 0;
        margin-left: 0;
    }
    section.investor_tab .my_row {
        width: 100%;
    }
    section.investor_tab .tab_output_box {
        padding: 20px;
    }
    section.investor_tab .tab_content h3 {
        font-size: 22px;
        margin-top: 30px;
    }
    section.investor_tab .select_input {
        width: 100%;
    }
    section.investor_tab .select_input select {
        font-size: 14px;
    }
    section.investor_tab .tab_head h2 {
        font-size: 35px;
    }
    section.investor_tab .tab_head h6 {
        font-size: 18px;
    }
    section.investor_tab .flex_tab a:nth-child(1) {
        font-size: 10px;
    }
    section.investor_tab .flex_tab a:nth-child(2) {
        font-size: 10px;
        padding: 8px 20px;
    }
    /* investor page css end  */
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 12px;
    }
    section.tab-why .tab_vmart .tab-content .heading h3 {
        width: 70%;
        font-size: 25px;
    }
    /* why v-mart tab section css end  */
    /* ----------------- ESG page css start ----------------- */
    section.vmart_path .path_bottom img {
        width: 70%;
    }
    .path_head h3 {
        font-size: 20px;
    }
    section.contribution .contri_icon img {
        width: 50px;
        height: 50px;
    }
    section.contribution .contri_wrp {
        padding: 20px;
        height: 270px;
    }
    section.contribution .contri_head h4 {
        font-size: 16px;
    }
    section.contribution .contri_wrp:hover .contri_icon .gif {
        left: 17px;
    }
    /* section.contribution .contri_wrp .contri_icon .gif {
        width: 55px;
    } */
    .contri_icon {
        height: 50px;
    }
    /* ----------------- ESG page css end ----------------- */
}

@media only screen and (min-width:760px) and (max-width:768px) {
    p {
        font-size: 18px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img {
        text-align: center;
    }
    .finest .circle_img img {
        width: 75%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 25%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 743px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation .investor_img img {
        width: 50%;
        margin-top: 0;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 15%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .our_brands.mt-4 .brands_child {
        width: 15%;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 26px;
        left: 431px;
        width: 74px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 370px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 18px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    .footer_links_head.links ul:nth-child(2) {
        padding-left: 25px;
    }
    .footer_links_head.links ul {
        width: 50%;
    }
    .footer_links_head.links {
        display: flex;
        width: 100% !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 50%;
        display: block;
        margin: 0px auto;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 90%;
        height: 436px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 20px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
        border-radius: 0;
    }
    .reco_img {
        width: 80%;
    }
    .award_text {
        width: 80%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
        margin-top: -33px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main {
        height: 1105px;
    }
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion {
        text-align: center;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom::after {
        content: " ";
        position: absolute;
        right: 63px;
        bottom: -9px;
        border-top: 15px solid rgb(227, 0, 15);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: none;
        display: block;
    }
    /* gallery page css end  */
    /* investor page css start  */
    /* 24-03-2023 */
    .investor {
        background: none;
        height: auto;
        padding: 30px 0px;
        margin-bottom: 10px;
        background-color: #fff9e9;
    }
    .investor .heading {
        margin-top: 0;
        width: 100%;
        margin-left: 0;
    }
    .investor .investor_btn a {
        padding: 8px 25px;
        font-size: 12px;
    }
    .investor .investor_btn {
        margin-top: 15px;
    }
    .investor .investor_right_img {
        margin-left: 0px;
    }
    .investor_tab .nav-pills .nav-link {
        font-size: 14px;
        padding: 15px 15px;
    }
    section.investor_tab .tab_content {
        padding: 0;
        border-left: 0;
        margin-left: 0;
    }
    section.investor_tab .my_row {
        width: 100%;
    }
    section.investor_tab .tab_output_box {
        padding: 20px 10px;
    }
    section.investor_tab .tab_content h3 {
        font-size: 22px;
        margin-top: 30px;
    }
    section.investor_tab .select_input {
        width: 100%;
    }
    section.investor_tab .select_input select {
        font-size: 14px;
    }
    section.investor_tab .tab_head h2 {
        font-size: 35px;
    }
    section.investor_tab .tab_head h6 {
        font-size: 18px;
    }
    section.investor_tab .flex_tab a:nth-child(1) {
        font-size: 10px;
    }
    section.investor_tab .flex_tab a:nth-child(2) {
        font-size: 10px;
        padding: 8px 14px;
    }
    /* investor page css end  */
}

@media only screen and (min-width:616px) and (max-width:719px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        z-index: -1;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media only screen and (min-width:571px) and (max-width:600px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media only screen and (min-width:711px) and (max-width:760px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
}

@media only screen and (min-width:571px) and (max-width:766px) {
    p {
        font-size: 14px;
    }
    .fashion_video video#myVideo {
        height: 22vh;
    }
    .container {
        max-width: 100% !important;
    }
    .heading h2 {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    section.privacy-policy ul li {
        font-size: 14px;
    }
    /* header css start  */
    header .nav-container .logo img {
        width: 54%;
    }
    header .nav-container {
        max-width: 100%;
    }
    header .nav-container #nav-toggle {
        left: 32px;
    }
    header .nav-container #nav-toggle span:before {
        top: -7px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -7px;
    }
    header .nav-container #nav-toggle span:after {
        height: 3px;
        width: 26px
    }
    header .nav-container #nav-toggle span {
        width: 26px;
        height: 3px;
    }
    header .nav-container #nav-toggle span:before {
        width: 26px;
        height: 3px;
    }
    header .nav-container nav ul li a {
        font-size: 14px;
        padding: 10px 0px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    header .nav-container .retail_btn {
        border-right: 0px;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    header .nav-container .retail_btn a {
        font-size: 12px;
    }
    header .nav-container .social_icon .icons {
        display: flex !important;
    }
    header .social_icon {
        padding-bottom: 30px;
        margin-left: -2px;
        margin-top: 10px;
    }
    header .nav-container #nav-toggle p {
        position: absolute;
        left: -53px;
        top: 0;
        font-size: 15px;
        color: #000;
        display: block;
    }
    /* finest fashion css start  */
    .finest {
        background: none;
        height: auto;
    }
    .finest .finest_head {
        margin-top: 30px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 100%;
        margin-top: 10px;
    }
    /* fashion life css start  */
    .fashion_life {
        background: none;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .fashion_life .fashion_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        font-size: 16px;
    }
    .fashion_life .visit_btn {
        margin-top: 0px;
    }
    .fashion_life .visit_btn img {
        width: 50%;
    }
    .arrow_right img {
        display: none;
    }
    /* sustainbilities css start  */
    .sustainbilities {
        justify-content: center;
        height: auto;
        background: none;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 100%;
    }
    .sustainable_main {
        width: 100%;
    }
    .sustainbilities_head {
        height: auto;
        background: none;
        padding: 0px 15px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        margin-bottom: 0px;
    }
    .mobile_sustainbilities {
        background: url(https://vmart.co.in/mobile_investor.png) !important;
        background-position: left;
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 376px;
        margin-top: 30px;
    }
    /* investor relation css start  */
    .investor_relation {
        padding: 30px 0px;
        background: none;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        text-align: left;
    }
    .investor_relation li.nav-item {
        width: 83%;
    }
    .investor_relation .tab-pane h3 {
        font-size: 20px;
    }
    .investor_relation .tab-pane h5 {
        font-size: 17px;
    }
    .investor_relation .investor_btns {
        width: 78%;
    }
    .investor_img {
        margin-top: 45px;
    }
    .investor_relation .investor_btns .annual_btn a {
        font-size: 12px;
    }
    .investor_relation .investor_btns .view_btn a {
        font-size: 12px;
    }
    /* brand css start  */
    .brands {
        height: auto;
        background: none;
    }
    .brands .our_brands {
        flex-wrap: wrap;
    }
    .brands .brands_child {
        width: 30%;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .brands .brands_child img {
        width: 100%;
    }
    .brands img.hanger {
        top: 19px;
        left: 222px;
        width: 50px;
    }
    /* award css start  */
    .award {
        background: none;
        height: auto;
        margin-top: 30px;
    }
    .award img.award_girl {
        display: none;
    }
    .award .award_slider .owl-nav {
        display: none !important;
    }
    .award .award_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award .award_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .award .award_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .award .award_box {
        height: 334px;
        padding: 20px;
        width: 100%;
    }
    /* join team css start  */
    .join_team {
        height: auto;
        background: none;
    }
    img.join_line {
        display: none;
    }
    .join_team .pera_text {
        width: 100%;
    }
    .join_btn {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .join_btn a {
        font-size: 12px;
        padding: 10px 30px;
    }
    /* footer css start  */
    footer {
        margin-top: 0;
    }
    footer .container {
        max-width: 100% !important;
        margin-left: 0;
    }
    footer .footer_head {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-left: 0;
    }
    .footer_head p {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    footer .footer_links {
        flex-wrap: wrap;
        margin-left: 0;
    }
    footer .footer_links_head {
        width: 50%;
    }
    footer .links_2 {
        width: 100%;
    }
    footer .footer_links_head h4 {
        font-size: 18px;
        font-weight: 500;
    }
    footer .follow_us_on ul li {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    footer .follow_us_on span {
        font-size: 17px;
    }
    footer .follow_us_on ul li a {
        font-size: 16px;
    }
    footer .footer_links .footer_links_head ul li a {
        font-size: 14px;
    }
    footer .footer_links .footer_links_head ul li {
        font-size: 14px;
    }
    .footer_copy_write p {
        font-size: 12px;
    }
    .footer_copy_write {
        padding: 10px 0px;
    }
    .footer_link2 ul {
        margin-left: 25px;
    }
    .w-40 {
        width: 50% !important;
    }
    .footer_girl img {
        display: none;
    }
    .footer_men img {
        display: none;
    }
    footer .footer_head img {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /* footer end  */
    /* why V-Mart page css start  */
    .why_mob {
        width: 100%;
        display: block;
    }
    .why_vmart {
        height: auto;
        background: none;
        padding: 30px 0px 20px;
        background-color: #fff5e4;
        text-align: center;
    }
    /* our values css start  */
    section.values {
        margin-top: 30px;
    }
    .values .value_head {
        flex-wrap: wrap;
        justify-content: center;
    }
    .values .value_head .value_child {
        width: 70%;
        height: 516px;
        margin: 0px auto;
    }
    .values .value_head .value_child h5 {
        font-size: 16px;
    }
    .value_head .owl-nav {
        display: none !important;
    }
    .value_head .name p {
        font-size: 15px;
    }
    .value_head .user_name img {
        width: 50px !important;
    }
    .value_head.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .value_head.owl-carousel button.owl-dot.active {
        background: #febd11 !important;
        border: #febd11 !important;
        outline: none !important;
    }
    .value_head .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .award_why {
        height: auto;
        margin-top: 30px;
        padding: 30px 0px;
    }
    .award_why .award_reco_slider .reco_head {
        background: none;
        height: auto;
        width: 100%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        padding: 0;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 14px;
    }
    .perk {
        margin-top: 30px;
    }
    /* testimonials css start  */
    .testimonials .testimonial_slider .owl-nav {
        display: none !important;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 50px !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .testimonials .testimonial_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    /* testimonials css end  */
    .culture {
        margin-top: 30px;
    }
    .mt-110 {
        margin-top: 0;
    }
    .mt-40 {
        margin-top: 0;
    }
    .mt-130 {
        margin-top: 0;
    }
    .culture .culture_img {
        margin-bottom: 55px;
    }
    .culture .culture_text h5 {
        font-size: 14px;
    }
    .v-mart_number .counter_box {
        width: 100%;
    }
    .v-mart_number .counter_box p {
        font-size: 16px;
    }
    .v-mart_number {
        margin-top: 15px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* how we live css start  */
    .how_we_live {
        background: none;
        height: auto;
    }
    .how_we_live .heading_main {
        position: static;
    }
    .how_we_live .heading_main .heading_head {
        width: 100%;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        font-size: 12px;
    }
    .how_we_img img {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    /* how we live css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 30px;
    }
    .store_heroes .store_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .store_heroes .store_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .store_heroes .store_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .store_heroes .store_child img {
        border-radius: 30px;
    }
    /* store heroes css end  */
    .main_ponits {
        padding: 10px 0px 25px;
        margin-top: 30px;
    }
    .main_head h4 {
        margin-top: 25px;
    }
    .main_head ul li {
        font-size: 14px;
    }
    /* about main css start  */
    .about_main .heading {
        margin-top: 30px;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .read_more_btn a {
        padding: 7px 25px;
        font-size: 12px;
    }
    .about_main .read_more_btn {
        margin-top: 20px;
    }
    /* about main css start  */
    /* mission vission css start  */
    .mission_vision {
        background: none;
        background-color: #18315a;
        display: none;
    }
    section.who_are_we {
        background: #fff;
        margin-top: -89px;
        position: relative;
        padding-top: 85px;
        padding-bottom: 30px;
        display: block;
    }
    section.who_are_we .who_we_are_parent p {
        color: #000;
    }
    section.mission_vission_mobile {
        padding: 30px 0px;
        background: #ededed;
        display: block;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera h5 {
        text-transform: uppercase;
    }
    section.mission_vission_mobile .mission_flex .mission_content .mission_pera {
        margin: 20px 20px;
    }
    section.mission_vission_mobile .vision_fashion {
        margin-top: 30px;
    }
    .vission_main {
        text-align: center;
    }
    img.circle_line {
        display: none;
    }
    .vision_fashion img {
        width: 100%;
    }
    .mission_vision .who_we_are {
        justify-content: start;
    }
    .mission_vision .who_we_are_parent {
        width: 100%;
    }
    .mission_vision .vision_fashion img {
        display: none;
    }
    .mission_vision .vission_head {
        justify-content: start;
    }
    .mission_vision .vission_main {
        width: 100%;
    }
    .mission_vision .mission_flex {
        display: inherit;
    }
    .mission_vision .mission_content {
        width: 100%;
    }
    .mission_vision .circle_line {
        display: none;
    }
    .mission_vision .circle_line2 {
        display: none;
    }
    /* mission vission css end  */
    /* where do css start  */
    .where_do {
        height: auto;
        padding: 0px;
        padding-bottom: 30px;
        position: relative;
        z-index: 1;
        background: url(https://vmart.co.in/where_do_we_bg_mobile.jpg)
    }
    .where_do .where_head {
        margin-top: 30px;
    }
    /* where do css start  */
    /* leadership css start  */
    .leadership .leadership_slider .owl-nav {
        display: none !important;
    }
    .store_heroes .store_child {
        margin-top: 0;
    }
    .leadership {
        padding: 30px 0px;
        height: auto;
    }
    .leadership .leadership_slider {
        width: 100%;
    }
    .leadership .leader_img {
        margin: 0px 10px;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .leadership .leadership_slider.owl-carousel button.owl-dot.active {
        background: #e3000f !important;
        border: #e3000f !important;
        outline: none !important;
    }
    .leadership .leadership_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .view_icon {
        margin-top: -20px;
    }
    .leadership .leader_pera {
        width: 100%;
    }
    .leadership .view_all_btn a {
        font-size: 12px;
    }
    /* leadership css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner {
        padding: 30px 0px;
    }
    .job_banner .job_pera {
        width: 101%;
        margin: 0px auto;
    }
    .job_banner form {
        width: 90%;
        padding: 20px 30px 10px 30px;
        margin-top: 10px;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 10px;
    }
    .job_banner form .job_form .form-group .form-control {
        height: calc(2.1em + 0.75rem + 2px);
    }
    /* job banner css end  */
    /* jop category css start  */
    .jop_category {
        padding: 30px 0px 5px 0px;
    }
    .jop_category .category_head {
        flex-wrap: wrap;
        text-align: center;
    }
    .jop_category .category_head .category_img {
        width: 100%;
    }
    .jop_category .category_head .category_name {
        width: 100%;
        border-right: 0;
        padding-left: 0;
        height: auto;
        margin-top: 15px;
        padding-right: 0;
        justify-content: center;
    }
    .jop_category .category_head .state {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }
    .jop_category .category_head .more_details {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .jop_category .category_head .more_details a {
        padding: 8px 20px;
        font-size: 12px;
    }
    /* jop category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    .gallery_banner {
        background: none;
        height: auto;
        background-color: #fff9e9;
        padding: 30px 0px
    }
    .gallery_banner .gallery_pera {
        width: 100%;
    }
    .gallery_banner .main_row {
        width: 100%;
        margin-top: 30px;
    }
    .gallery_banner .get_started_btn a {
        font-size: 13px;
        padding: 8px 25px;
    }
    .gallery_banner .gallery_head_img img {
        width: 100%;
    }
    .gallery_banner .gallery_head2 {
        margin-top: 0;
    }
    .gallery_main .nav-tabs .nav-link {
        width: 145px;
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
        margin-bottom: 0;
    }
    .gallery_main .gallery_main {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .gallery_main .gallery_inner {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .gallery_main .portfolio-overlay .magnify-icon p span i {
        font-size: 12px;
        line-height: 25px;
    }
    .gallery_main .portfolio-overlay .magnify-icon {
        width: 25px;
        height: 25px;
    }
    .gallery_main .portfolio-item {
        padding-top: 0;
    }
    .gallery_main .tab-content>.tab-pane {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom:after {
        display: none;
    }
    /* gallery page css end  */
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 8px;
        padding: 7px 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(1) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(2) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .nav .nav-item:nth-child(3) {
        margin-right: 10px;
    }
    section.tab-why .tab_vmart .tab-content .heading h3 {
        width: 90%;
        font-size: 18px;
    }
    section.tab-why .tab_vmart .tab-content p {
        font-size: 10px;
    }
    /* why v-mart tab section css end  */
    /* press and release form section css start  */
    .press_form {
        width: 100%;
        padding: 20px;
        border-radius: 3px;
        margin-top: 20px;
    }
    .press_form .row .col-lg-6:nth-child(1) .form-group {
        margin-bottom: 12px;
    }
    .press_form .form-control {
        height: calc(1.5em em + 1.2rem + 2px);
        padding: 10px 12px;
        font-size: 13px;
    }
    /* press and release form section css end  */
}

@media only screen and (min-width:1517px) and (max-width:1707px) {
    p {
        font-size: 16px;
        font-weight: 500;
    }
    a:hover {
        text-decoration: none;
    }
    li {
        list-style: none;
    }
    .container {
        max-width: 1370px !important;
    }
    .heading h2 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 40px;
    }
    .text-red {
        color: #e3000f;
    }
    section.vmart_path .path_bottom img {
        width: 63%;
    }
    /* header css start  */
    header {
        padding: 15px 0px;
        background: #f5f5f5;
    }
    header .nav-container {
        max-width: 100%;
        margin: 0 auto;
    }
    header .nav-container .brand {
        float: left;
    }
    header .nav-container .logo img {
        width: 75%;
    }
    header .nav-container .brand a,
    header .nav-container .brand a:visited {
        color: #000;
        text-decoration: none;
    }
    header .nav-container #nav-toggle p {
        display: none;
    }
    header .nav-container nav {
        float: none;
        display: flex;
        justify-content: end;
    }
    header .nav-container nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    header .nav-container nav ul li {
        float: left;
        position: relative;
    }
    header .nav-container nav ul li a i {
        font-size: 11px;
    }
    header .nav-container nav ul li a,
    header .nav-container nav ul li a:visited {
        display: block;
        padding: 0 12px;
        line-height: 70px;
        font-size: 15px;
        color: #000;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: 1px;
    }
    header .nav-container nav ul li a:hover,
    header .nav-container nav ul li a:visited:hover {
        color: #000;
        text-decoration: none;
    }
    header .nav-container nav ul li a:not(:only-child):after,
    header .nav-container nav ul li a:visited:not(:only-child):after {
        padding-left: 4px;
        content: " ";
    }
    header .nav-container nav ul li ul li {
        min-width: 220px;
    }
    header .nav-container nav ul li ul li a {
        padding: 15px;
        line-height: 20px;
    }
    header .nav-container .nav-dropdown {
        position: absolute;
        display: none;
        z-index: 2;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
        background-color: #fff;
    }
    /* Mobile navigation */
    header .nav-container .nav-mobile {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        height: 70px;
        width: 70px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 13px;
    }
    @media only screen and (max-width:920px) and (max-width: 1200px) {
        header .nav-container .nav-mobile {
            display: block;
        }
        header .nav-container nav {
            width: 100%;
            justify-content: start;
        }
        header .nav-container nav ul {
            display: none;
            margin-top: 20px;
        }
        header .nav-container nav ul li {
            float: none;
        }
        header .nav-container nav ul li a {
            padding: 15px;
            line-height: 20px;
        }
        header .nav-container nav ul li ul li a {
            padding-left: 30px;
        }
        header .nav-container .nav-dropdown {
            position: static;
        }
    }
    @media screen and (min-width: 799px) {
        header .nav-container .nav-list {
            display: flex;
            align-items: center;
            margin-top: 7px;
        }
    }
    header .nav-container #nav-toggle {
        position: absolute;
        left: 18px;
        top: 22px;
        cursor: pointer;
        padding: 10px 35px 16px 0px;
    }
    header .nav-container #nav-toggle span,
    header .nav-container #nav-toggle span:before,
    header .nav-container #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 5px;
        width: 35px;
        background: #000;
        position: absolute;
        display: block;
        content: "";
        transition: all 300ms ease-in-out;
    }
    header .nav-container #nav-toggle span:before {
        top: -10px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -10px;
    }
    header .nav-container #nav-toggle.active span {
        background-color: transparent;
    }
    header .nav-container #nav-toggle.active span:before,
    #nav-toggle.active span:after {
        top: 0;
    }
    header .nav-container #nav-toggle.active span:before {
        transform: rotate(45deg);
    }
    header .nav-container #nav-toggle.active span:after {
        transform: rotate(-45deg);
    }
    header .nav-container .social_icon .icons {
        display: block !important;
    }
    header .nav-container .retail_btn a {
        background: #e3000f;
        color: #fff;
        padding: 8px 25px;
        border-radius: 7px;
        font-size: 15px;
    }
    header .nav-container .retail_btn {
        margin: 0px 10px;
        border-right: 1px solid;
        padding-right: 20px;
    }
    header .nav-container .social_icon .icons li a {
        padding: 0;
        line-height: inherit;
        text-align: center;
        background: none;
        display: inherit;
    }
    header .nav-container .social_icon .icons li {
        width: 30px;
        height: 30px;
        border: 1px solid;
        padding: 0;
        line-height: 30px;
        margin: 0px 2px;
        border-radius: 50%;
    }
    header .nav-container .social_icon .icons li a i {
        font-size: 14px;
    }
    /* header css end  */
    /* video section start  */
    .fashion_video video#myVideo {
        height: 70vh;
        position: relative;
        object-fit: cover;
    }
    /* video section end  */
    /* finest fashion living css start  */
    .finest .finest_head {
        margin-top: 50px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 72%;
        margin-top: 90px;
        transition: .5s;
    }
    .circle_img img:hover {
        transform: scale(1.05);
    }
    .finest {
        height: 920px;
    }
    /* 12-05-2023 */
    .main_counter .counter_box {
        top: 195px;
        height: 209px !important;
    }
    .about_counter .counter_box {
        height: 198px !important;
    }
    /* finest fashion living css end  */
    /* fashion and life style css start  */
    .fashion_life .shadow_light_blue img {
        box-shadow: #88dfbb -10px 10px 2px !important;
    }
    .fashion_life .shadow_pink img {
        box-shadow: #c50d66 -10px 10px 2px !important;
    }
    .fashion_life .shadow_purple img {
        box-shadow: #a723a8 -10px 10px 2px !important;
    }
    .fashion_life .fashion_box img {
        box-shadow: #ece34a -10px 10px 2px;
        border-radius: 153px;
        width: 100%;
        transition: .5s;
    }
    .fashion_life .fashion_box {
        width: 80%;
        margin: 0px auto;
    }
    .fashion_life .fashion_box img:hover {
        transform: scale(1.05);
        box-shadow: none !important;
    }
    .fashion_life .visit_btn img:hover {
        transform: scale(1.05);
    }
    .fashion_life .visit_btn img {
        width: 25%;
        transition: .5s;
    }
    .fashion_life .visit_btn {
        margin-top: 80px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        text-transform: uppercase;
        color: black;
        letter-spacing: 1px;
        font-weight: 600;
    }
    .fashion_life .fashion_box .fashion_name {
        margin-top: 30px;
        text-align: center;
    }
    .arrow_right img {
        position: absolute;
        top: -210px;
        width: 226px;
        right: 0px;
    }
    /* fashion and life style css end  */
    /* sustanbilities css start  */
    .sustainbilities {
        height: 720px;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 90%;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        padding-left: 19px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li {
        padding: 5px 0px;
        position: relative;
        font-weight: 500;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li:after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background: red;
        top: 12px;
        left: -22px;
        border-radius: 77%;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        padding-left: 25px;
    }
    .sustainable_main {
        width: 45%;
    }
    /* sustanbilities css end  */
    /* investor relation css start  */
    .investor_relation {
        padding: 100px 0px 70px;
    }
    .investor_relation .annual_btn img {
        width: 22px;
        margin-left: 10px;
    }
    :root {
        --theme-yellow: #782b90;
        --theme-black: #101820FF;
        --theme-gray: #d12028;
    }
    .investor_relation .tab-pane h5 {
        font-weight: 400;
        color: #434343;
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .investor_relation .tab-content>.tab-pane p {
        font-size: 14px;
        color: #434343;
    }
    .investor_relation .tab-pane h3 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 20px;
    }
    .investor_relation .tab-content>.active {
        display: block;
    }
    .investor_relation #experienceTab.nav-pills .nav-link.active {
        color: #434343;
        background-color: transparent;
        border-radius: 0px;
        border-right: 3px solid var(--theme-yellow);
        font-weight: bold;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        border-radius: 0px;
        border-right: 3px solid var(--theme-gray);
        color: #434343;
        text-transform: uppercase;
        font-size: 13px;
        text-align: right;
        padding: 0.5rem 1rem 0.5rem 0px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .investor_relation .investor_btns {
        display: flex;
        justify-content: space-between;
        width: 75%;
        margin-top: 30px;
    }
    .investor_relation .investor_btns .view_btn a {
        text-transform: uppercase;
        color: #000;
        font-weight: 600;
        border-bottom: 1px solid #000;
    }
    .investor_relation .investor_btns .annual_btn a {
        background: #782b90;
        color: #fff;
        padding: 10px 20px;
        border-radius: 40px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .investor_relation .investor_img img {
        width: 80%;
        margin-top: 10px;
    }
    .mobile_investor {
        background: none;
    }
    .investor_img img {
        transition: .5s;
    }
    .investor_img img:hover {
        transform: scale(1.05);
    }
    /* investor relation css end  */
    /*  brands css start  */
    .brands .our_brands {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
    }
    .brands .brands_child {
        margin: 0px 5px;
    }
    .our_brands.mt-4 .brands_child {
        width: 9%;
    }
    .brands img.hanger {
        position: absolute;
        top: 27px;
        left: 636px;
        width: 110px;
    }
    /*  brands css end  */
    /* award and recogination css start  */
    .award .award_slider {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .award .award_slider.owl-nav {
        display: block !important;
    }
    .award .award_slider.owl-dots {
        display: none !important;
    }
    .award .award_slider .owl-nav {
        display: block !important;
    }
    .award .award_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 38%;
        position: absolute;
        font-family: inherit !important;
    }
    .award .award_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #2d2d2d !important;
        font-size: 66px !important;
        outline: none !important;
        font-family: fontawesome !important;
    }
    .award .award_slider .owl-nav button.owl-next {
        right: -35px;
        color: #fff !important;
        font-size: 66px !important;
        outline: none !important;
        font-family: fontawesome !important;
    }
    .award .award_box img {
        margin: 0px auto;
        transition: .5s;
    }
    .award .award_box {
        text-align: center;
        border: 1px solid #cfcfcf;
        height: 380px;
        padding: 20px 20px;
        width: 90%;
        margin: 0px auto;
        border-radius: 20px;
        background-color: #fff;
    }
    .award .award_slider {
        width: 90%;
        margin: 0px auto;
    }
    .award .award_box p {
        margin-top: 20px;
    }
    .award img.award_girl {
        position: absolute;
        left: 0;
        top: -66px;
        width: 160px;
    }
    /* award and recogination css end  */
    .press_box iframe {
        width: 100%;
        height: 217px;
        border: none;
    }
    .press_box {
        height: 360px;
    }
    /* join our team section start  */
    .join_btn {
        margin-top: 45px;
    }
    .join_btn a {
        background: #e3000f;
        color: #fff;
        padding: 10px 45px;
        border-radius: 30px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .team_img img {
        width: 100%;
    }
    .join_team .pera_text {
        width: 85%;
    }
    img.join_line {
        position: absolute;
        top: 2px;
        left: -150px;
        width: 100;
    }
    /* join our team section end  */
    /* footer css start  */
    footer {
        background: #e3000f;
        padding: 20px 0px 30px;
        position: relative;
        margin-top: 20px;
    }
    footer .container {
        max-width: 88% !important;
        margin-left: 140px;
    }
    footer .follow_us_on ul {
        display: flex;
        padding-left: 0;
    }
    .w-40 {
        width: 40% !important;
    }
    footer .follow_us_on ul li {
        margin-right: 15px;
        background-color: #fff;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        margin-top: 20px;
    }
    footer .follow_us_on ul li:hover i {
        transform: scale(1.2);
    }
    footer .follow_us_on ul li a i {
        transition: 0.3s;
    }
    footer .follow_us_on span {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
    }
    footer .footer_links_head {
        width: 33%;
    }
    footer .footer_head {
        border-right: 3px solid #000;
        padding-left: 45px;
    }
    footer .footer_head img {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    footer .footer_links {
        display: flex;
        margin-left: 45px;
    }
    footer .footer_links .footer_links_head ul li {
        padding: 5px 0px;
    }
    footer .footer_links .footer_links_head ul li a {
        color: #fff;
        font-weight: 300;
        font-size: 15px;
    }
    footer .footer_links_head h4 {
        font-size: 20px;
        margin-top: 27px;
        font-weight: 600;
        color: #fff;
    }
    .footer_head p {
        color: #fff;
        width: 90%;
        font-weight: 300;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    footer .footer_links_head ul {
        margin-bottom: 30px;
        padding-left: 0;
    }
    footer .links_2 ul li {
        display: flex;
        align-items: flex-start;
        line-height: 30px;
    }
    footer .footer_links .footer_links_head ul li img {
        width: 18px;
        margin-right: 15px;
        margin-top: 7px;
    }
    footer .links_2 ul {
        margin-bottom: 0;
    }
    .footer_copy_write {
        text-align: center;
        background-color: #000;
        padding: 20px 0px;
    }
    .footer_copy_write p {
        color: #fff;
        margin-bottom: 0;
        font-weight: 300;
    }
    .footer_copy_write p i {
        color: #cc000d;
        font-size: 20px;
        margin-left: 2px;
    }
    footer .footer_links .footer_links_head ul li span {
        font-weight: 500;
    }
    .footer_men img {
        position: absolute;
        top: -47px;
        /* width: 11%; */
        left: 11px;
        width: 145px;
    }
    .footer_girl img {
        position: absolute;
        top: -37px;
        /* width: 11%; */
        right: 11px;
        width: 150px;
    }
    /* footer css end  */
    /* why V-Mart page css start  */
    /* why v-mart banner css start  */
    .why_mob {
        display: none;
    }
    /* why v-mart banner css end  */
    /* our values section css start  */
    .values .value_head {
        display: flex;
    }
    .values .value_head .value_child {
        text-align: center;
        background: #febd11;
        border-radius: 148px;
        height: 410px;
        padding: 30px 15px;
        margin: 0px 10px;
    }
    .values .value_head .value_child:hover img {
        transform: scale(1.1);
    }
    .values .value_head .value_child img {
        width: 85%;
        margin: 0px auto;
        transition: .5s;
    }
    .values .value_head .value_child h5 {
        margin-top: 20px;
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 18px;
    }
    /* our values section css end  */
    /* perk benifits css start  */
    .perk {
        margin-top: 50px;
    }
    /* perk benifits css end  */
    /* award why sectin css start  */
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        color: #fff;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 13px;
    }
    .award_why .award_reco_slider .reco_head {
        width: 75%;
        margin: 0px auto;
    }
    .award_why .award_reco_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award_why .award_reco_slider .reco_head:hover {
        transform: scale(1.02);
    }
    .award_why .award_reco_slider.owl-carousel button.owl-dot.active {
        background: #e40917 !important;
        border: #e40917 !important;
        outline: none !important;
    }
    .award_why .award_reco_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    /* award why sectin css end  */
    /* testimonial css start  */
    section.testimonials {
        margin-top: 50px;
    }
    .testimonials .testimonial_slider {
        margin-bottom: 30px;
    }
    .testimonials .testimonial_slider.owl-nav {
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-dots {
        display: none !important;
    }
    .testimonials .testimonial_slider .owl-nav {
        display: block !important;
    }
    .testimonials .testimonial_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 42%;
        position: absolute;
        font-family: inherit !important;
    }
    .testimonials .testimonial_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #ddd6e1 !important;
        font-size: 60px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .testimonials .testimonial_slider .owl-nav button.owl-next {
        right: -35px;
        color: #ddd6e1 !important;
        font-size: 60px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .testimonials .testimonial_slider .testi_box {
        border: 1px solid #ececec;
        padding: 20px;
        border-radius: 30px;
        width: 90%;
        margin: 0px auto;
        transition: 0.3s;
        margin-top: 40px;
    }
    .testimonials .testimonial_slider .testi_box:hover {
        transform: translate(0px, -10px);
    }
    .testimonials .testimonial_slider .testi_box img {
        width: 50px !important;
        margin-top: -47px;
        margin-left: 15px;
    }
    .testimonials .testimonial_slider .testi_box p {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .testimonials .testimonial_slider .user_name {
        display: flex;
        align-items: center;
        border-top: 1px solid #d8d8d8;
        padding-top: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 80px !important;
        margin-left: 0;
        margin-top: 0;
    }
    .testimonials .testimonial_slider .name {
        margin-left: 15px;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 18px;
    }
    .testimonials .testimonial_slider .testi_box h5 {
        margin-top: 25px;
        height: 40px;
    }
    .testimonials .testimonial_slider .inner_text {
        height: 202px;
    }
    .main_head p {
        font-size: 16px;
    }
    /* testimonial section css end  */
    /* why V-Mart page css end  */
    /* V-Mart life page css start  */
    /* our culture section css start  */
    .culture {
        margin-top: 50px;
    }
    .culture .culture_text h5 {
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin-top: -52px;
    }
    .mt-110 {
        margin-top: 110px;
    }
    .mt-40 {
        margin-top: 40px;
    }
    .mt-130 {
        margin-top: 130px;
    }
    .culture .culture_img {
        transition: .5s;
    }
    .culture .culture_img:hover {
        transform: scale(1.06);
    }
    /* our culture section css end  */
    /* v-mart number section css start  */
    .v-mart_number {
        margin-top: 50px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 40px;
        font-weight: bold;
        color: #febd11;
        margin-top: 20px;
    }
    .v-mart_number .counter_box img {
        width: 100%;
        transition: .5s;
    }
    .v-mart_number .counter_box:hover img {
        transform: scale(1.05);
    }
    .v-mart_number .counter_box {
        text-align: center;
        width: 70%;
        margin: 0px auto;
    }
    .v-mart_number .counter_box p {
        font-size: 18px;
        font-weight: bold;
    }
    /* v-mart number section css end  */
    /* how we live section css start  */
    .how_we_live .heading_main .heading_head .view_all_btn {
        margin-top: 26px;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        background: #e3000f;
        padding: 8px 20px;
        border-radius: 30px;
        color: #fff;
    }
    .how_we_live .heading_main .heading_head .view_all_btn img {
        width: 18px;
        margin-left: 6px;
        margin-top: -2px;
    }
    .how_we_live .heading_main .heading_head {
        width: 53%;
    }
    .how_we_live .heading_main .heading_head .heading h2 {
        margin-bottom: 20px;
    }
    .how_we_img img {
        display: none;
    }
    /* how we live section css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 50px;
    }
    .store_heroes .store_slider.owl-dots {
        display: none !important;
    }
    .store_heroes .store_slider .owl-nav {
        display: block !important;
    }
    .store_heroes .store_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 42%;
        position: absolute;
        font-family: inherit !important;
    }
    .store_heroes .store_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #45c7f3 !important;
        font-size: 45px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .store_heroes .store_slider .owl-nav button.owl-next {
        right: -35px;
        color: #45c7f3 !important;
        font-size: 45px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .store_heroes .store_child {
        width: 90%;
        margin: 0px auto;
        border-radius: 50px;
        margin: 20px auto;
    }
    .store_heroes .store_child:hover img {
        box-shadow: none !important;
        transform: scale(1.03);
    }
    .store_heroes .store_child img {
        border-radius: 30px;
        transition: .5s;
    }
    /* store heroes css end  */
    /* main points css start  */
    .main_head ul {
        padding-left: 0;
    }
    .main_head ul li {
        margin: 15px 0px;
        display: flex;
        align-items: start;
        font-size: 15px;
    }
    .main_head span {
        color: #e3000f;
    }
    .main_head h4 {
        color: #e21f26;
        margin-bottom: 12px;
        font-weight: bold;
    }
    .main_head ul li img {
        margin-top: 6px;
        margin-right: 10px;
    }
    .main_head:after {
        position: absolute;
        content: "";
        border-right: 1px solid #525252;
        left: 29px;
        right: -11px;
        height: 411px;
        top: 0;
    }
    .main_head {
        position: relative;
    }
    /* main points css end  */
    /* V-Mart life page css end  */
    /* about us page css start  */
    /* about banner content css start  */
    .about_main .about_pera p {
        color: #fff;
        font-size: 15px;
        font-weight: 300;
    }
    .about_main .about_pera {
        width: 100%;
    }
    .about_main .heading {
        margin-top: 60px;
    }
    .about_main .heading h2 {
        margin-bottom: 20px;
    }
    .about_main .read_more_btn {
        margin-top: 35px;
    }
    .about_main .read_more_btn a {
        background: #fff;
        padding: 7px 30px;
        border-radius: 5px;
        color: #000;
    }
    .about_main .about_men img {
        width: 92%;
        margin: 0px auto;
        text-align: center;
        margin-left: 7px;
    }
    .about_main {
        height: 580px;
    }
    /* about banner content css end  */
    /* mission vission section css start  */
    .mission_vision .who_we_are {
        display: flex;
        justify-content: end;
        padding-top: 35px;
        width: 100%;
    }
    .mission_vision .who_we_are_parent {
        width: 56%;
        color: #000;
        margin-right: 30px;
        padding-top: 70px;
    }
    .mission_vision .who_we_are_parent p {
        font-weight: 300;
    }
    .mission_vision .vission_head {
        display: flex;
        justify-content: end;
        padding-top: 0%;
        text-align: center;
        position: relative;
    }
    .mission_vision .vission_main {
        width: 75%;
        padding-top: 1%;
    }
    .mission_vision .mission_flex {
        display: flex;
        margin-top: 80px;
    }
    .mission_vision .mission_content {
        width: 26%;
        margin: 0px auto;
        display: flex;
    }
    .mission_vision {
        height: 1350px;
        margin-top: -142px;
    }
    .where_do {
        height: 682px;
    }
    .mission_vision .circle_line {
        /* width: 11%; */
        position: absolute;
        left: 74%;
        top: 40%;
        width: 26px;
    }
    .mission_vision .circle_line2 {
        /* width: 11%; */
        position: absolute;
        left: 48%;
        top: 40%;
        width: 26px;
    }
    .mission_vision .mission_pera h5 {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 22px;
    }
    .mission_vision .vision_fashion img {
        position: absolute;
        left: 0;
    }
    /* mission vission section css start  */
    /* about banner content css end  */
    /* where do we from section css start  */
    .where_do .where_head {
        margin-top: 75px;
    }
    .where_do .where_do_img img:hover {
        transform: scale(1.05);
    }
    .where_do .where_do_img img {
        width: 100%;
        transition: .5s;
    }
    .where_do .pt-76 {
        padding-top: 76px;
    }
    section.who_are_we {
        display: none;
    }
    section.mission_vission_mobile {
        display: none;
    }
    /* where do we from section css start  */
    /* leadership section css start  */
    .leadership .leader_img {
        margin: 0px 30px;
    }
    .leadership .leader_pera {
        width: 85%;
        margin: 0px auto;
        color: #000;
        margin-bottom: 50px;
    }
    .leadership .leader_pera p {
        font-weight: 300;
    }
    .leadership .leadership_slider.owl-nav {
        display: block !important;
    }
    .leadership .leadership_slider.owl-dots {
        display: none !important;
    }
    .leadership .leadership_slider .owl-nav {
        display: block !important;
    }
    .leadership .leadership_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 35%;
        position: absolute;
        font-family: inherit !important;
    }
    .leadership {
        height: 788px;
    }
    .leadership .leadership_slider .owl-nav button.owl-prev {
        left: -60px;
        color: #fff !important;
        font-size: 50px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .leadership .leadership_slider .owl-nav button.owl-next {
        right: -60px;
        color: #fff !important;
        font-size: 50px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .leadership .leadership_slider .owl-nav button span {
        position: relative;
    }
    .leadership .leadership_slider .owl-nav button span:after {
        position: absolute;
        content: "";
    }
    .leadership .leadership_slider .owl-nav button.owl-prev span:after {
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        border: none;
        border-radius: 50%;
        left: -17px;
        top: -7px;
        background: #767576;
        z-index: -1;
    }
    .leadership .leadership_slider .owl-nav button.owl-next span:after {
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        border: none;
        border-radius: 50%;
        left: -20px;
        top: -6px;
        background: #767576;
        z-index: -1;
    }
    .leadership .leadership_slider {
        width: 95%;
        margin: 0px auto;
    }
    .leadership .decript {
        text-align: center;
        margin-top: 18px;
    }
    .leadership .decript h5 {
        color: #000;
        text-transform: uppercase;
    }
    .leadership .decript h6 {
        color: #e21f26;
    }
    .leadership .view_all_btn a {
        background: #e21f26;
        padding: 7px 40px;
        color: #fff;
        border-radius: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .leadership .view_icon img {
        width: auto !important;
    }
    /* leadership section css end  */
    /* about us page css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner .job_pera {
        width: 80%;
        margin: 0px auto;
    }
    .job_banner form {
        background-color: #f1e9f4;
        padding: 30px 50px;
        border-radius: 10px;
        width: 75%;
        margin: 0px auto;
        margin-top: 30px;
    }
    .job_banner form .job_form {
        width: 90%;
        margin: 0px auto;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 0;
    }
    .job_banner form .job_form .form-group .form-control {
        font-size: 13px;
        border: none;
        height: calc(2.5em + 0.75rem + 2px);
        border-radius: 10px;
        color: #474747;
    }
    /* job banner css end  */
    /* jop-category css start  */
    .jop_category .category_head {
        display: flex;
        width: 85%;
        margin: 0px auto;
        background: #fff;
        padding: 25px;
        border-radius: 15px;
        align-items: center;
        margin-bottom: 30px;
    }
    .jop_category .category_head .category_img {
        width: 8%;
    }
    .jop_category .category_head .category_name {
        width: 25%;
        border-right: 1px solid #d2d2d2;
        padding-right: 20px;
        padding-left: 22px;
        height: 66px;
        display: flex;
        align-items: center;
    }
    .jop_category .category_head .category_name h4 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        margin-bottom: 0;
    }
    .jop_category .category_head .state {
        width: 45%;
        padding-left: 53px;
        /* border-right: 1px solid #eee; */
        margin-right: 67px;
    }
    .jop_category .category_head .more_details {
        width: 22%;
        padding-left: 40px;
        border-left: 1px solid #d2d2d2;
        height: 66px;
        display: flex;
        align-items: center;
    }
    .jop_category .category_head .more_details a {
        background: red;
        padding: 10px 30px;
        color: #fff;
        text-transform: uppercase;
        border-radius: 30px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .jop_category .category_head .state p {
        margin-bottom: 0;
        font-weight: 500;
    }
    /* jop-category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    /* gallery banner css start  */
    .gallery_head_img img {
        width: 100%;
        transition: .5s;
    }
    .gallery_head_img img:hover {
        transform: translate(0px, -10px);
    }
    .gallery_pera {
        width: 70%;
        margin: 0px auto;
    }
    .get_started_btn {
        margin-top: 30px;
    }
    .get_started_btn a {
        background: red;
        padding: 10px 35px;
        border-radius: 30px;
        color: #fff;
    }
    .main_row {
        width: 90%;
        margin: 0px auto;
    }
    .gallery_head_img {
        width: 90%;
        margin: 0px auto;
    }
    .gallery_head2 {
        margin-top: 70px;
    }
    /* gallery banner css end  */
    .gallery_main_img img {
        width: 100%;
    }
    /* gallery page css end  */
    .gallery_main {
        margin-top: 0px;
    }
    .nav-tabs {
        border-bottom: 0;
    }
    .portfolio-menu {
        text-align: center;
    }
    .nav-tabs .nav-link {
        width: 220px;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        padding: 12px 0px;
        background-color: #000;
        color: #fff;
        margin-right: 12px;
    }
    .nav-tabs .nav-link.active {
        background-color: #e3000f;
        color: #fff;
        border: none;
        border-radius: 0;
    }
    .control {
        background: #000;
        color: #fff;
        padding: 5px 10px;
        border: 1px solid #343a40;
        border-radius: 3px;
        margin: 5px;
        cursor: pointer;
        -webkit-transition: all 05s ease;
        -moz-transition: all 05s ease;
        -ms-transition: all 05s ease;
        -o-transition: all 05s ease;
        transition: all 0.5s ease;
    }
    .control:hover {
        background: #343a40;
    }
    .mixitup-control-active {
        color: #fff;
        background: #343a40;
    }
    .fancybox-container button:focus {
        outline: 0;
        box-shadow: none;
    }
    .portfolio-item {
        padding-top: 30px;
        padding-left: 0;
    }
    .portfolio-item img {
        width: 100%;
    }
    .pd {
        padding: 0;
        padding: 10px;
    }
    .pd img {
        height: 180px;
        transition: all 0.5s;
    }
    .portfolio-overlay {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        text-align: center;
        visibility: hidden;
        transition: all 0.5s;
        transform: scale(0);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .portfolio-overlay p,
    .portfolio-overlay a {
        position: relative;
        z-index: 4;
    }
    .portfolio-overlay::before {
        content: "";
        width: 0;
        height: 0;
        border-width: 0;
        position: absolute;
        left: 10%;
        top: 10%;
        transition: 50ms height ease 150ms;
        z-index: 3;
    }
    .portfolio-overlay::after {
        content: "";
        width: 0;
        height: 0;
        border-width: 0;
        position: absolute;
        right: 10%;
        bottom: 10%;
        transition: 100ms width ease 200ms;
        z-index: 3;
    }
    .portfolio-item:hover .portfolio-overlay::before {
        width: 80%;
        height: 80%;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
    }
    .portfolio-item:hover .portfolio-overlay::after {
        width: 80%;
        height: 80%;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
    }
    .portfolio-item li:hover .portfolio-overlay {
        visibility: visible;
        transform: scale(1);
    }
    .portfolio-overlay .category {
        margin-top: 70px;
        margin-bottom: 20px;
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }
    .portfolio-overlay .magnify-icon {
        height: 40px;
        width: 40px;
        border-radius: 20px;
        background: #fff;
        margin: 0 5px;
        cursor: pointer;
        display: inline-block;
        transition: all 0.25s;
    }
    .portfolio-overlay .magnify-icon:hover {
        background: #fff;
    }
    .portfolio-overlay .magnify-icon p span i {
        font-size: 15px;
        color: #000;
        line-height: 40px;
        cursor: pointer;
    }
    .gallery_inner {
        position: relative;
        margin-bottom: 20px;
    }
    .gallery_inner img {
        width: 100%;
    }
    .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
    }
    /*******Responsive media query******/
    /* Extra small devices (portrait phones, less than 576px)*/
    section.investor_tab .my_row {
        width: 100%;
    }
    section.investor_tab .tab_output_box {
        padding: 40px 30px;
    }
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 16px;
    }
    /* why v-mart tab section css end  */
}

@media only screen and (min-width:1802px) and (max-width:1945px) {
    p {
        font-size: 19px;
        font-weight: 500;
    }
    a:hover {
        text-decoration: none;
    }
    li {
        list-style: none;
    }
    .container {
        max-width: 1640px !important;
    }
    .heading h2 {
        font-size: 50px;
        font-weight: bold;
        margin-bottom: 40px;
    }
    .text-red {
        color: #e3000f;
    }
    /* header css start  */
    header {
        padding: 20px 0px;
        background: #f5f5f5;
    }
    header .nav-container {
        max-width: 100%;
        margin: 0 auto;
    }
    header .nav-container .brand {
        float: left;
    }
    header .nav-container .logo img {
        width: 75%;
    }
    header .nav-container .brand a,
    header .nav-container .brand a:visited {
        color: #000;
        text-decoration: none;
    }
    header .nav-container #nav-toggle p {
        display: none;
    }
    header .nav-container nav {
        float: none;
        display: flex;
        justify-content: end;
    }
    header .nav-container nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    header .nav-container nav ul li {
        float: left;
        position: relative;
    }
    header .nav-container nav ul li a i {
        font-size: 11px;
    }
    header .nav-container nav ul li a,
    header .nav-container nav ul li a:visited {
        display: block;
        padding: 0 20px;
        line-height: 70px;
        font-size: 19px;
        color: #000;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: 1px;
    }
    header .nav-container nav ul li a:hover,
    header .nav-container nav ul li a:visited:hover {
        color: #000;
        text-decoration: none;
    }
    header .nav-container nav ul li a:not(:only-child):after,
    header .nav-container nav ul li a:visited:not(:only-child):after {
        padding-left: 4px;
        content: " ";
    }
    header .nav-container nav ul li ul li {
        min-width: 220px;
    }
    header .nav-container nav ul li ul li a {
        padding: 15px;
        line-height: 20px;
    }
    header .nav-container .nav-dropdown {
        position: absolute;
        display: none;
        z-index: 2;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
        background-color: #fff;
    }
    /* Mobile navigation */
    header .nav-container .nav-mobile {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        height: 70px;
        width: 70px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 13px;
    }
    @media only screen and (max-width:920px) and (max-width: 1200px) {
        header .nav-container .nav-mobile {
            display: block;
        }
        header .nav-container nav {
            width: 100%;
            justify-content: start;
        }
        header .nav-container nav ul {
            display: none;
            margin-top: 20px;
        }
        header .nav-container nav ul li {
            float: none;
        }
        header .nav-container nav ul li a {
            padding: 15px;
            line-height: 20px;
        }
        header .nav-container nav ul li ul li a {
            padding-left: 30px;
        }
        header .nav-container .nav-dropdown {
            position: static;
        }
    }
    @media screen and (min-width: 799px) {
        header .nav-container .nav-list {
            display: flex;
            align-items: center;
            margin-top: 7px;
        }
    }
    header .nav-container #nav-toggle {
        position: absolute;
        left: 18px;
        top: 22px;
        cursor: pointer;
        padding: 10px 35px 16px 0px;
    }
    header .nav-container #nav-toggle span,
    header .nav-container #nav-toggle span:before,
    header .nav-container #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 5px;
        width: 35px;
        background: #000;
        position: absolute;
        display: block;
        content: "";
        transition: all 300ms ease-in-out;
    }
    header .nav-container #nav-toggle span:before {
        top: -10px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -10px;
    }
    header .nav-container #nav-toggle.active span {
        background-color: transparent;
    }
    header .nav-container #nav-toggle.active span:before,
    #nav-toggle.active span:after {
        top: 0;
    }
    header .nav-container #nav-toggle.active span:before {
        transform: rotate(45deg);
    }
    header .nav-container #nav-toggle.active span:after {
        transform: rotate(-45deg);
    }
    header .nav-container .social_icon .icons {
        display: block !important;
    }
    header .nav-container .retail_btn a {
        background: #e3000f;
        color: #fff;
        padding: 8px 25px;
        border-radius: 7px;
        font-size: 15px;
    }
    header .nav-container .retail_btn {
        margin: 0px 10px;
        border-right: 1px solid;
        padding-right: 20px;
    }
    header .nav-container .social_icon .icons li a {
        padding: 0;
        line-height: inherit;
        text-align: center;
        background: none;
        display: inherit;
    }
    header .nav-container .social_icon .icons li {
        width: 30px;
        height: 30px;
        border: 1px solid;
        padding: 0;
        line-height: 30px;
        margin: 0px 2px;
        border-radius: 50%;
    }
    header .nav-container .social_icon .icons li a i {
        font-size: 14px;
    }
    /* header css end  */
    /* video section start  */
    .fashion_video video#myVideo {
        height: 70vh;
        position: relative;
        object-fit: cover;
    }
    /* video section end  */
    /* finest fashion living css start  */
    .finest .finest_head {
        margin-top: 50px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 72%;
        margin-top: 90px;
        transition: .5s;
    }
    .circle_img img:hover {
        transform: scale(1.05);
    }
    .finest {
        height: 1060px;
    }
    /* 12-05-2023 */
    .main_counter .counter_box {
        height: 250px !important;
        top: 190px;
    }
    /* finest fashion living css end  */
    /* fashion and life style css start  */
    .fashion_life .shadow_light_blue img {
        box-shadow: #88dfbb -10px 10px 2px !important;
    }
    .fashion_life .shadow_pink img {
        box-shadow: #c50d66 -10px 10px 2px !important;
    }
    .fashion_life .shadow_purple img {
        box-shadow: #a723a8 -10px 10px 2px !important;
    }
    .fashion_life .fashion_box img {
        box-shadow: #ece34a -10px 10px 2px;
        border-radius: 153px;
        width: 100%;
        transition: .5s;
    }
    .fashion_life .fashion_box {
        width: 80%;
        margin: 0px auto;
    }
    .fashion_life .fashion_box img:hover {
        transform: scale(1.05);
        box-shadow: none !important;
    }
    .fashion_life .visit_btn img:hover {
        transform: scale(1.05);
    }
    .fashion_life .visit_btn img {
        width: 20%;
        transition: .5s;
    }
    .fashion_life .visit_btn {
        margin-top: 80px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        text-transform: uppercase;
        color: black;
        letter-spacing: 1px;
        font-weight: 600;
    }
    .fashion_life .fashion_box .fashion_name {
        margin-top: 30px;
        text-align: center;
    }
    .arrow_right img {
        position: absolute;
        top: -210px;
        width: 226px;
        right: 0px;
    }
    /* fashion and life style css end  */
    /* sustanbilities css start  */
    .sustainbilities {
        height: 880px
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 90%;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        padding-left: 19px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li {
        padding: 5px 0px;
        position: relative;
        font-weight: 500;
        font-size: 20px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li:after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background: red;
        top: 12px;
        left: -22px;
        border-radius: 77%;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        padding-left: 25px;
    }
    .sustainable_main {
        width: 45%;
    }
    /* sustanbilities css end  */
    /* investor relation css start  */
    .investor_relation {
        padding: 180px 0px 100px;
        margin-top: 0px
    }
    .investor_relation .annual_btn img {
        width: 22px;
        margin-left: 10px;
    }
    :root {
        --theme-yellow: #782b90;
        --theme-black: #101820FF;
        --theme-gray: #d12028;
    }
    .investor_relation .tab-pane h5 {
        font-weight: 400;
        color: #434343;
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .investor_relation .tab-content>.tab-pane p {
        color: #434343;
    }
    .investor_relation .tab-pane h3 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 20px;
    }
    .investor_relation .tab-content>.active {
        display: block;
    }
    .investor_relation #experienceTab.nav-pills .nav-link.active {
        color: #434343;
        background-color: transparent;
        border-radius: 0px;
        border-right: 3px solid var(--theme-yellow);
        font-weight: bold;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        border-radius: 0px;
        border-right: 3px solid var(--theme-gray);
        color: #434343;
        text-transform: uppercase;
        font-size: 18px;
        text-align: right;
        padding: 0.5rem 1rem 0.5rem 0px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .investor_relation .investor_btns {
        display: flex;
        justify-content: space-between;
        width: 75%;
        margin-top: 30px;
    }
    .investor_relation .investor_btns .view_btn a {
        text-transform: uppercase;
        color: #000;
        font-weight: 600;
        border-bottom: 1px solid #000;
        font-size: 20px;
    }
    .investor_relation .investor_btns .annual_btn a {
        background: #782b90;
        color: #fff;
        padding: 10px 20px;
        border-radius: 40px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .investor_relation .investor_img img {
        width: 80%;
    }
    .mobile_investor {
        background: none;
    }
    .investor_img img {
        transition: .5s;
    }
    .investor_img img:hover {
        transform: scale(1.05);
    }
    /* investor relation css end  */
    /*  brands css start  */
    .brands .our_brands {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
    }
    .brands .brands_child {
        margin: 0px 5px;
    }
    .our_brands.mt-4 .brands_child {
        width: 9%;
    }
    .brands img.hanger {
        position: absolute;
        top: 27px;
        left: 848px;
        width: 129px;
    }
    .brands {
        height: 526px;
    }
    /*  brands css end  */
    /* award and recogination css start  */
    .award .award_slider {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .award .award_slider.owl-nav {
        display: block !important;
    }
    .award .award_slider.owl-dots {
        display: none !important;
    }
    .award .award_slider .owl-nav {
        display: block !important;
    }
    .award .award_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 38%;
        position: absolute;
        font-family: inherit !important;
    }
    .award .award_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #2d2d2d !important;
        font-size: 66px !important;
        outline: none !important;
        font-family: fontawesome !important;
    }
    .award .award_slider .owl-nav button.owl-next {
        right: -35px;
        color: #fff !important;
        font-size: 66px !important;
        outline: none !important;
        font-family: fontawesome !important;
    }
    .award .award_box img {
        margin: 0px auto;
        transition: .5s;
    }
    .award .award_box {
        text-align: center;
        border: 1px solid #cfcfcf;
        height: 450px;
        padding: 20px 20px;
        width: 90%;
        margin: 0px auto;
        border-radius: 20px;
        background-color: #fff;
    }
    .award .award_slider {
        width: 90%;
        margin: 0px auto;
    }
    .award .award_box p {
        margin-top: 20px;
    }
    .award img.award_girl {
        position: absolute;
        left: 0;
        top: -66px;
        width: 210px;
    }
    /* award and recogination css end  */
    /* join our team section start  */
    .join_btn {
        margin-top: 45px;
    }
    .join_btn a {
        background: #e3000f;
        color: #fff;
        padding: 10px 45px;
        border-radius: 30px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .team_img img {
        width: 100%;
    }
    .join_team {
        height: 740px;
    }
    .join_team .pera_text {
        width: 85%;
    }
    img.join_line {
        position: absolute;
        top: 12px;
        left: -151px;
        width: 969px;
    }
    /* join our team section end  */
    /* footer css start  */
    footer {
        background: #e3000f;
        padding: 20px 0px 30px;
        position: relative;
        margin-top: 0px;
    }
    footer .container {
        max-width: 88% !important;
        margin-left: 140px;
    }
    footer .follow_us_on ul {
        display: flex;
        padding-left: 0;
    }
    .w-40 {
        width: 40% !important;
    }
    footer .follow_us_on ul li {
        margin-right: 15px;
        background-color: #fff;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        margin-top: 20px;
    }
    footer .follow_us_on ul li:hover i {
        transform: scale(1.2);
    }
    footer .follow_us_on ul li a i {
        transition: 0.3s;
    }
    footer .follow_us_on span {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
    }
    footer .footer_links_head {
        width: 33%;
    }
    footer .footer_head {
        border-right: 3px solid #000;
        padding-left: 45px;
    }
    footer .footer_head img {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    footer .footer_links {
        display: flex;
        margin-left: 45px;
    }
    footer .footer_links .footer_links_head ul li {
        padding: 5px 0px;
    }
    footer .footer_links .footer_links_head ul li a {
        color: #fff;
        font-weight: 300;
        font-size: 19px;
    }
    footer .footer_links_head h4 {
        font-size: 25px;
        margin-top: 27px;
        font-weight: 600;
        color: #fff;
    }
    .footer_head p {
        color: #fff;
        width: 90%;
        font-weight: 300;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    footer .footer_links_head ul {
        margin-bottom: 30px;
        padding-left: 0;
    }
    footer .links_2 ul li {
        display: flex;
        align-items: flex-start;
        line-height: 30px;
    }
    footer .footer_links .footer_links_head ul li img {
        width: 18px;
        margin-right: 15px;
        margin-top: 7px;
    }
    footer .links_2 ul {
        margin-bottom: 0;
    }
    .footer_copy_write {
        text-align: center;
        background-color: #000;
        padding: 20px 0px;
    }
    .footer_copy_write p {
        color: #fff;
        margin-bottom: 0;
        font-weight: 300;
    }
    .footer_copy_write p i {
        color: #cc000d;
        font-size: 20px;
        margin-left: 2px;
    }
    footer .footer_links .footer_links_head ul li span {
        font-weight: 500;
    }
    .footer_men img {
        position: absolute;
        top: -34px;
        /* width: 11%; */
        left: 11px;
        width: 145px;
    }
    .footer_girl img {
        position: absolute;
        top: -23px;
        /* width: 11%; */
        right: 11px;
        width: 150px;
    }
    /* footer css end  */
    /* why V-Mart page css start  */
    /* why v-mart banner css start  */
    .why_vmart {
        height: 587px;
    }
    .why_mob {
        display: none;
    }
    /* why v-mart banner css end  */
    /* our values section css start  */
    .values .value_head {
        display: flex;
    }
    .values .value_head .value_child {
        text-align: center;
        background: #febd11;
        border-radius: 148px;
        height: 485px;
        padding: 30px 15px;
        margin: 0px 10px;
    }
    .values .value_head .value_child:hover img {
        transform: scale(1.1);
    }
    .values .value_head .value_child img {
        width: 85%;
        margin: 0px auto;
        transition: .5s;
    }
    .values .value_head .value_child h5 {
        margin-top: 20px;
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 24px;
    }
    /* our values section css end  */
    /* perk benifits css start  */
    .perk {
        margin-top: 50px;
    }
    /* perk benifits css end  */
    /* award why sectin css start  */
    .award {
        height: 714px;
    }
    .press_bg {
        height: auto;
        margin-top: 0;
        margin-bottom: 50px;
    }
    .press_box {
        height: 440px;
    }
    .press_box .press_head h4 {
        font-size: 21px;
    }
    .press_box iframe {
        height: 272px;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        color: #fff;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 15px;
    }
    .award_why .award_reco_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award_why .award_reco_slider .reco_head {
        width: 67%;
        margin: 0px auto;
    }
    .award_why .award_reco_slider .reco_head:hover {
        transform: scale(1.02);
    }
    .award_why .award_reco_slider.owl-carousel button.owl-dot.active {
        background: #e40917 !important;
        border: #e40917 !important;
        outline: none !important;
    }
    .award_why .award_reco_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    /* award why sectin css end  */
    section.team-section {
        margin-bottom: 60px;
    }
    /* testimonial css start  */
    section.testimonials {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    section.empowering-journey .empowering_child p {
        font-size: 20px;
    }
    .testimonials .testimonial_slider {
        margin-bottom: 30px;
    }
    .testimonials .testimonial_slider.owl-nav {
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-dots {
        display: none !important;
    }
    .testimonials .testimonial_slider .owl-nav {
        display: block !important;
    }
    .testimonials .testimonial_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 42%;
        position: absolute;
        font-family: inherit !important;
    }
    .testimonials .testimonial_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #ddd6e1 !important;
        font-size: 60px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .testimonials .testimonial_slider .owl-nav button.owl-next {
        right: -35px;
        color: #ddd6e1 !important;
        font-size: 60px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .testimonials .testimonial_slider .testi_box {
        border: 1px solid #ececec;
        padding: 20px;
        border-radius: 30px;
        width: 90%;
        margin: 0px auto;
        transition: 0.3s;
        margin-top: 40px;
    }
    .testimonials .testimonial_slider .testi_box:hover {
        transform: translate(0px, -10px);
    }
    .testimonials .testimonial_slider .testi_box img {
        width: 50px !important;
        margin-top: -47px;
        margin-left: 15px;
    }
    .testimonials .testimonial_slider .testi_box p {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .testimonials .testimonial_slider .user_name {
        display: flex;
        align-items: center;
        border-top: 1px solid #d8d8d8;
        padding-top: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 80px !important;
        margin-left: 0;
        margin-top: 0;
    }
    .testimonials .testimonial_slider .name {
        margin-left: 15px;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 23px;
    }
    .testimonials .testimonial_slider .testi_box h5 {
        margin-top: 25px;
        height: 60px;
        font-size: 24px;
    }
    .testimonials .testimonial_slider .inner_text {
        height: 302px;
    }
    /* testimonial section css end  */
    /* why V-Mart page css end  */
    /* V-Mart life page css start  */
    /* our culture section css start  */
    .culture {
        margin-top: 50px;
    }
    .culture .culture_text h5 {
        text-transform: uppercase;
        font-size: 22px;
        text-align: center;
        color: #fff;
        margin-top: -54px;
    }
    .mt-110 {
        margin-top: 110px;
    }
    .mt-40 {
        margin-top: 40px;
    }
    .mt-130 {
        margin-top: 130px;
    }
    .culture .culture_img {
        transition: .5s;
    }
    .culture .culture_img:hover {
        transform: scale(1.06);
    }
    /* our culture section css end  */
    /* v-mart number section css start  */
    .v-mart_number {
        margin-top: 50px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 40px;
        font-weight: bold;
        color: #febd11;
        margin-top: 20px;
    }
    .v-mart_number .counter_box img {
        width: 100%;
        transition: .5s;
    }
    .v-mart_number .counter_box:hover img {
        transform: scale(1.05);
    }
    .v-mart_number .counter_box {
        text-align: center;
        width: 70%;
        margin: 0px auto;
    }
    .v-mart_number .counter_box p {
        font-size: 18px;
        font-weight: bold;
    }
    /* v-mart number section css end  */
    /* how we live section css start  */
    .how_we_live .heading_main .heading_head .view_all_btn {
        margin-top: 26px;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        background: #e3000f;
        padding: 8px 20px;
        border-radius: 30px;
        color: #fff;
    }
    .how_we_live .heading_main .heading_head .view_all_btn img {
        width: 18px;
        margin-left: 6px;
        margin-top: -2px;
    }
    .how_we_live .heading_main .heading_head {
        width: 53%;
    }
    .how_we_live .heading_main .heading_head .heading h2 {
        margin-bottom: 20px;
    }
    .how_we_img img {
        display: none;
    }
    .how_we_live {
        height: 970px;
    }
    /* how we live section css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 50px;
    }
    .store_heroes .store_slider.owl-dots {
        display: none !important;
    }
    .store_heroes .store_slider .owl-nav {
        display: block !important;
    }
    .store_heroes .store_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 42%;
        position: absolute;
        font-family: inherit !important;
    }
    .store_heroes .store_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #45c7f3 !important;
        font-size: 45px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .store_heroes .store_slider .owl-nav button.owl-next {
        right: -35px;
        color: #45c7f3 !important;
        font-size: 45px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .store_heroes .store_child {
        width: 90%;
        margin: 0px auto;
        border-radius: 50px;
        margin: 20px auto;
    }
    .store_heroes .store_child:hover img {
        box-shadow: none !important;
        transform: scale(1.03);
    }
    .store_heroes .store_child img {
        border-radius: 30px;
        transition: .5s;
    }
    /* store heroes css end  */
    /* main points css start  */
    .main_head ul {
        padding-left: 0;
    }
    .main_head ul li {
        margin: 15px 0px;
        display: flex;
        align-items: start;
        font-size: 20px;
    }
    .main_head span {
        color: #e3000f;
    }
    .main_head h4 {
        color: #e21f26;
        margin-bottom: 12px;
        font-weight: bold;
        font-size: 25px;
    }
    .main_head p {
        font-size: 21px;
    }
    .main_head ul li img {
        margin-top: 6px;
        margin-right: 10px;
    }
    .main_head:after {
        position: absolute;
        content: "";
        border-right: 1px solid #525252;
        left: 29px;
        right: -11px;
        height: 580px;
        top: 0;
    }
    .main_head {
        position: relative;
    }
    /* main points css end  */
    /* V-Mart life page css end  */
    /* about us page css start  */
    /* about banner content css start  */
    .about_main {
        height: 753px;
    }
    .about_main .about_pera p {
        color: #fff;
        font-weight: 300;
    }
    .about_main .about_pera {
        width: 90%;
    }
    .about_main .heading {
        margin-top: 60px;
    }
    .about_main .heading h2 {
        margin-bottom: 20px;
    }
    .about_main .read_more_btn {
        margin-top: 35px;
    }
    .about_main .read_more_btn a {
        background: #fff;
        padding: 7px 30px;
        border-radius: 5px;
        color: #000;
    }
    .about_main .about_men img {
        width: 92%;
        margin: 0px auto;
        text-align: center;
        margin-left: 7px;
    }
    /* about banner content css end  */
    /* mission vission section css start  */
    .mission_vision {
        height: 1540px;
        margin-top: -180px;
    }
    .mission_vision .who_we_are {
        display: flex;
        justify-content: end;
        padding-top: 55px;
    }
    .mission_vision .who_we_are_parent {
        width: 60%;
        color: #000;
    }
    .mission_vision .who_we_are_parent p {
        font-weight: 300;
    }
    .mission_vision .vission_head {
        display: flex;
        justify-content: end;
        padding-top: 4%;
        text-align: center;
        position: relative;
    }
    .mission_vision .vission_main {
        width: 75%;
    }
    .mission_vision .mission_flex {
        display: flex;
        margin-top: 80px;
    }
    .mission_vision .mission_content {
        width: 26%;
        margin: 0px auto;
        display: flex;
    }
    .mission_vision .circle_line {
        /* width: 11%; */
        position: absolute;
        left: 74%;
        top: 50%;
        width: 31px;
    }
    .mission_vision .circle_line2 {
        /* width: 11%; */
        position: absolute;
        left: 48%;
        top: 50%;
        width: 31px;
    }
    .mission_vision .mission_pera h5 {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 22px;
    }
    /* mission vission section css start  */
    /* about banner content css end  */
    /* where do we from section css start  */
    .where_do {
        height: 876px;
    }
    .where_do .where_head {
        margin-top: 75px;
    }
    .where_do .where_do_img img:hover {
        transform: scale(1.05);
    }
    .where_do .where_do_img img {
        width: 100%;
        transition: .5s;
    }
    .where_do .pt-76 {
        padding-top: 76px;
    }
    section.who_are_we {
        display: none;
    }
    section.mission_vission_mobile {
        display: none;
    }
    /* where do we from section css start  */
    /* leadership section css start  */
    .leadership {
        height: auto;
    }
    .leadership .leader_img {
        margin: 0px 30px;
    }
    .leadership .leader_pera {
        width: 85%;
        margin: 0px auto;
        color: #000;
        margin-bottom: 50px;
    }
    .leadership .leader_pera p {
        font-weight: 300;
    }
    .leadership .leadership_slider.owl-nav {
        display: block !important;
    }
    .leadership .leadership_slider.owl-dots {
        display: none !important;
    }
    .leadership .leadership_slider .owl-nav {
        display: block !important;
    }
    .leadership .leadership_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 35%;
        position: absolute;
        font-family: inherit !important;
    }
    .leadership .leadership_slider .owl-nav button.owl-prev {
        left: -60px;
        color: #fff !important;
        font-size: 50px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .leadership .leadership_slider .owl-nav button.owl-next {
        right: -60px;
        color: #fff !important;
        font-size: 50px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .leadership .leadership_slider .owl-nav button span {
        position: relative;
    }
    .leadership .leadership_slider .owl-nav button span:after {
        position: absolute;
        content: "";
    }
    .leadership .leadership_slider .owl-nav button.owl-prev span:after {
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        border: none;
        border-radius: 50%;
        left: -17px;
        top: -7px;
        background: #767576;
        z-index: -1;
    }
    .leadership .leadership_slider .owl-nav button.owl-next span:after {
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        border: none;
        border-radius: 50%;
        left: -20px;
        top: -6px;
        background: #767576;
        z-index: -1;
    }
    .leadership .leadership_slider {
        width: 95%;
        margin: 0px auto;
    }
    .leadership .decript {
        text-align: center;
        margin-top: 18px;
    }
    .leadership .decript h5 {
        color: #000;
        text-transform: uppercase;
        font-size: 26px;
    }
    .leadership .decript h6 {
        font-size: 20px;
        color: #e21f26;
    }
    .leadership .view_all_btn a {
        background: #e21f26;
        padding: 7px 40px;
        color: #fff;
        border-radius: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    /* leadership section css end  */
    /* about us page css end  */
    section.privacy-policy ul li {
        font-size: 19px;
    }
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner .job_pera {
        width: 80%;
        margin: 0px auto;
    }
    .job_banner form {
        background-color: #f1e9f4;
        padding: 30px 50px;
        border-radius: 10px;
        width: 75%;
        margin: 0px auto;
        margin-top: 30px;
    }
    .job_banner form .job_form {
        width: 90%;
        margin: 0px auto;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 0;
    }
    .job_banner form .job_form .form-group .form-control {
        font-size: 13px;
        border: none;
        height: calc(2.5em + 0.75rem + 2px);
        border-radius: 10px;
        color: #474747;
    }
    /* job banner css end  */
    /* jop-category css start  */
    .jop_category .category_head {
        display: flex;
        width: 85%;
        margin: 0px auto;
        background: #fff;
        padding: 25px;
        border-radius: 15px;
        align-items: center;
        margin-bottom: 30px;
    }
    .jop_category .category_head .category_img {
        width: 8%;
    }
    .jop_category .category_head .category_name {
        width: 25%;
        border-right: 1px solid #d2d2d2;
        padding-right: 20px;
        padding-left: 22px;
        height: 66px;
        display: flex;
        align-items: center;
    }
    .jop_category .category_head .category_name h4 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        margin-bottom: 0;
    }
    .jop_category .category_head .state {
        width: 45%;
        padding-left: 53px;
        /* border-right: 1px solid #eee; */
        margin-right: 67px;
    }
    .jop_category .category_head .more_details {
        width: 22%;
        padding-left: 40px;
        border-left: 1px solid #d2d2d2;
        height: 66px;
        display: flex;
        align-items: center;
    }
    .jop_category .category_head .more_details a {
        background: red;
        padding: 10px 30px;
        color: #fff;
        text-transform: uppercase;
        border-radius: 30px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .jop_category .category_head .state p {
        margin-bottom: 0;
        font-weight: 500;
    }
    /* jop-category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    /* gallery banner css start  */
    .gallery_head_img img {
        width: 100%;
        transition: .5s;
    }
    .gallery_head_img img:hover {
        transform: translate(0px, -10px);
    }
    .gallery_pera {
        width: 70%;
        margin: 0px auto;
    }
    .get_started_btn {
        margin-top: 30px;
    }
    .get_started_btn a {
        background: red;
        padding: 10px 35px;
        border-radius: 30px;
        color: #fff;
    }
    .main_row {
        width: 90%;
        margin: 0px auto;
    }
    .gallery_head_img {
        width: 90%;
        margin: 0px auto;
    }
    .gallery_head2 {
        margin-top: 70px;
    }
    /* gallery banner css end  */
    .gallery_main_img img {
        width: 100%;
    }
    /* gallery page css end  */
    .gallery_main {
        margin-top: 50px;
    }
    .nav-tabs {
        border-bottom: 0;
    }
    .portfolio-menu {
        text-align: center;
    }
    .nav-tabs .nav-link {
        width: 220px;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        padding: 12px 0px;
        background-color: #000;
        color: #fff;
        margin-right: 12px;
    }
    .nav-tabs .nav-link.active {
        background-color: #e3000f;
        color: #fff;
        border: none;
        border-radius: 0;
    }
    .control {
        background: #000;
        color: #fff;
        padding: 5px 10px;
        border: 1px solid #343a40;
        border-radius: 3px;
        margin: 5px;
        cursor: pointer;
        -webkit-transition: all 05s ease;
        -moz-transition: all 05s ease;
        -ms-transition: all 05s ease;
        -o-transition: all 05s ease;
        transition: all 0.5s ease;
    }
    .control:hover {
        background: #343a40;
    }
    .mixitup-control-active {
        color: #fff;
        background: #343a40;
    }
    .fancybox-container button:focus {
        outline: 0;
        box-shadow: none;
    }
    .portfolio-item {
        padding-top: 30px;
        padding-left: 0;
    }
    .portfolio-item img {
        width: 100%;
    }
    .pd {
        padding: 0;
        padding: 10px;
    }
    .pd img {
        height: 180px;
        transition: all 0.5s;
    }
    .portfolio-overlay {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        text-align: center;
        visibility: hidden;
        transition: all 0.5s;
        transform: scale(0);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .portfolio-overlay p,
    .portfolio-overlay a {
        position: relative;
        z-index: 4;
    }
    .portfolio-overlay::before {
        content: "";
        width: 0;
        height: 0;
        border-width: 0;
        position: absolute;
        left: 10%;
        top: 10%;
        transition: 50ms height ease 150ms;
        z-index: 3;
    }
    .portfolio-overlay::after {
        content: "";
        width: 0;
        height: 0;
        border-width: 0;
        position: absolute;
        right: 10%;
        bottom: 10%;
        transition: 100ms width ease 200ms;
        z-index: 3;
    }
    .portfolio-item:hover .portfolio-overlay::before {
        width: 80%;
        height: 80%;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
    }
    .portfolio-item:hover .portfolio-overlay::after {
        width: 80%;
        height: 80%;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
    }
    .portfolio-item li:hover .portfolio-overlay {
        visibility: visible;
        transform: scale(1);
    }
    .portfolio-overlay .category {
        margin-top: 70px;
        margin-bottom: 20px;
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }
    .portfolio-overlay .magnify-icon {
        height: 40px;
        width: 40px;
        border-radius: 20px;
        background: #fff;
        margin: 0 5px;
        cursor: pointer;
        display: inline-block;
        transition: all 0.25s;
    }
    .portfolio-overlay .magnify-icon:hover {
        background: #fff;
    }
    .portfolio-overlay .magnify-icon p span i {
        font-size: 15px;
        color: #000;
        line-height: 40px;
        cursor: pointer;
    }
    .gallery_inner {
        position: relative;
        margin-bottom: 20px;
    }
    .gallery_inner img {
        width: 100%;
    }
    .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
    }
    .gallery_main .nav-tabs .nav-link.active.arrow-bottom::after {
        content: " ";
        position: absolute;
        right: 94px;
        bottom: -12px;
        border-top: 15px solid rgb(227, 0, 15);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: none;
        display: block;
    }
    /*******Responsive media query******/
    /* Extra small devices (portrait phones, less than 576px)*/
    /* investor page css start  */
    /* 24-03-2023 */
    .investor_tab .nav-pills .nav-link {
        font-size: 20px;
    }
    section.investor_tab .tab_head h6 {
        font-size: 25px;
    }
    section.investor_tab .tab_head span {
        font-size: 18px;
    }
    section.investor_tab .view_dwnld p {
        font-size: 18px;
    }
    .investor .investor_btn a {
        font-size: 18px;
    }
    /* investor page css end  */
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 22px;
    }
    /* why v-mart tab section css end  */
}

@media only screen and (min-width:1920px) and (max-width:2500px) {
    .about_main {
        background-size: contain;
    }
    .mission_vision {
        background-size: cover;
    }
    header .nav-container {
        max-width: 100%;
    }
}

@media only screen and (min-width:1707px) and (max-width:1802px) {
    p {
        font-size: 18px;
        font-weight: 500;
    }
    a:hover {
        text-decoration: none;
    }
    li {
        list-style: none;
    }
    .container {
        max-width: 1540px !important;
    }
    .heading h2 {
        font-size: 50px;
        font-weight: bold;
        margin-bottom: 40px;
    }
    .text-red {
        color: #e3000f;
    }
    /* header css start  */
    header {
        padding: 15px 0px;
        background: #f5f5f5;
    }
    header .nav-container {
        max-width: 100%;
        margin: 0 auto;
    }
    header .nav-container .brand {
        float: left;
    }
    header .nav-container .logo img {
        width: 75%;
    }
    header .nav-container .brand a,
    header .nav-container .brand a:visited {
        color: #000;
        text-decoration: none;
    }
    header .nav-container #nav-toggle p {
        display: none;
    }
    header .nav-container nav {
        float: none;
        display: flex;
        justify-content: end;
    }
    header .nav-container nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    header .nav-container nav ul li {
        float: left;
        position: relative;
    }
    header .nav-container nav ul li a i {
        font-size: 11px;
    }
    header .nav-container nav ul li a,
    header .nav-container nav ul li a:visited {
        display: block;
        padding: 0 15px;
        line-height: 70px;
        font-size: 18px;
        color: #000;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 17px;
    }
    header .nav-container nav ul li a:hover,
    header .nav-container nav ul li a:visited:hover {
        color: #000;
        text-decoration: none;
    }
    header .nav-container nav ul li a:not(:only-child):after,
    header .nav-container nav ul li a:visited:not(:only-child):after {
        padding-left: 4px;
        content: " ";
    }
    header .nav-container nav ul li ul li {
        min-width: 220px;
    }
    header .nav-container nav ul li ul li a {
        padding: 15px;
        line-height: 20px;
    }
    header .nav-container .nav-dropdown {
        position: absolute;
        display: none;
        z-index: 2;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
        background-color: #fff;
    }
    /* Mobile navigation */
    header .nav-container .nav-mobile {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        height: 70px;
        width: 70px;
    }
    header .nav-container .nav-dropdown li a {
        font-size: 13px;
    }
    @media only screen and (max-width:920px) and (max-width: 1200px) {
        header .nav-container .nav-mobile {
            display: block;
        }
        header .nav-container nav {
            width: 100%;
            justify-content: start;
        }
        header .nav-container nav ul {
            display: none;
            margin-top: 20px;
        }
        header .nav-container nav ul li {
            float: none;
        }
        header .nav-container nav ul li a {
            padding: 15px;
            line-height: 20px;
        }
        header .nav-container nav ul li ul li a {
            padding-left: 30px;
        }
        header .nav-container .nav-dropdown {
            position: static;
        }
    }
    @media screen and (min-width: 799px) {
        header .nav-container .nav-list {
            display: flex;
            align-items: center;
            margin-top: 7px;
        }
    }
    header .nav-container #nav-toggle {
        position: absolute;
        left: 18px;
        top: 22px;
        cursor: pointer;
        padding: 10px 35px 16px 0px;
    }
    header .nav-container #nav-toggle span,
    header .nav-container #nav-toggle span:before,
    header .nav-container #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 5px;
        width: 35px;
        background: #000;
        position: absolute;
        display: block;
        content: "";
        transition: all 300ms ease-in-out;
    }
    header .nav-container #nav-toggle span:before {
        top: -10px;
    }
    header .nav-container #nav-toggle span:after {
        bottom: -10px;
    }
    header .nav-container #nav-toggle.active span {
        background-color: transparent;
    }
    header .nav-container #nav-toggle.active span:before,
    #nav-toggle.active span:after {
        top: 0;
    }
    header .nav-container #nav-toggle.active span:before {
        transform: rotate(45deg);
    }
    header .nav-container #nav-toggle.active span:after {
        transform: rotate(-45deg);
    }
    header .nav-container .social_icon .icons {
        display: block !important;
    }
    header .nav-container .retail_btn a {
        background: #e3000f;
        color: #fff;
        padding: 8px 25px;
        border-radius: 7px;
        font-size: 18px;
    }
    header .nav-container .retail_btn {
        margin: 0px 10px;
        border-right: 1px solid;
        padding-right: 20px;
    }
    header .nav-container .social_icon .icons li a {
        padding: 0;
        line-height: inherit;
        text-align: center;
        background: none;
        display: inherit;
    }
    header .nav-container .social_icon .icons li {
        width: 40px;
        height: 40px;
        border: 1px solid;
        padding: 0;
        line-height: 40px;
        margin: 0px 2px;
        border-radius: 50%;
    }
    header .nav-container .social_icon .icons li a i {
        font-size: 18px;
    }
    /* header css end  */
    /* video section start  */
    .fashion_video video#myVideo {
        height: 70vh;
        position: relative;
        object-fit: cover;
    }
    /* video section end  */
    /* finest fashion living css start  */
    .finest .finest_head {
        margin-top: 50px;
    }
    .finest .finest_head .heading {
        width: 100%;
    }
    .finest .circle_img img {
        width: 72%;
        margin-top: 90px;
        transition: .5s;
    }
    .circle_img img:hover {
        transform: scale(1.05);
    }
    .finest {
        height: 950px
    }
    /* 12-05-2023 */
    .main_counter .counter_box {
        height: 236px !important;
        top: 170px;
    }
    /* finest fashion living css end  */
    /* fashion and life style css start  */
    .fashion_life .shadow_light_blue img {
        box-shadow: #88dfbb -10px 10px 2px !important;
    }
    .fashion_life .shadow_pink img {
        box-shadow: #c50d66 -10px 10px 2px !important;
    }
    .fashion_life .shadow_purple img {
        box-shadow: #a723a8 -10px 10px 2px !important;
    }
    .fashion_life .fashion_box img {
        box-shadow: #ece34a -10px 10px 2px;
        border-radius: 153px;
        width: 100%;
        transition: .5s;
    }
    .fashion_life .fashion_box {
        width: 80%;
        margin: 0px auto;
    }
    .fashion_life .fashion_box img:hover {
        transform: scale(1.05);
        box-shadow: none !important;
    }
    .fashion_life .visit_btn img:hover {
        transform: scale(1.05);
    }
    .fashion_life .visit_btn img {
        width: 25%;
        transition: .5s;
    }
    .fashion_life .visit_btn {
        margin-top: 80px;
    }
    .fashion_life .fashion_box .fashion_name h4 {
        text-transform: uppercase;
        color: black;
        letter-spacing: 1px;
        font-weight: 600;
    }
    .fashion_life .fashion_box .fashion_name {
        margin-top: 30px;
        text-align: center;
    }
    .arrow_right img {
        position: absolute;
        top: -210px;
        width: 226px;
        right: 0px;
    }
    /* fashion and life style css end  */
    /* sustanbilities css start  */
    .sustainbilities {
        height: 800px;
    }
    .sustainbilities .sustainbilities_head .sus_pera {
        width: 90%;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        padding-left: 19px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li {
        padding: 5px 0px;
        position: relative;
        font-weight: 500;
        font-size: 18px;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul li:after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background: red;
        top: 12px;
        left: -22px;
        border-radius: 77%;
    }
    .sustainbilities .sustainbilities_head .sus_pera ul {
        padding-left: 25px;
    }
    .sustainable_main {
        width: 45%;
    }
    .sustainbilities_head {
        height: 760px;
    }
    /* sustanbilities css end  */
    /* investor relation css start  */
    .investor_relation {
        padding: 180px 0px 100px;
        margin-top: 0px;
    }
    .investor_relation .annual_btn img {
        width: 22px;
        margin-left: 10px;
    }
    :root {
        --theme-yellow: #782b90;
        --theme-black: #101820FF;
        --theme-gray: #d12028;
    }
    .investor_relation .tab-pane h5 {
        font-weight: 400;
        color: #434343;
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .investor_relation .tab-content>.tab-pane p {
        color: #434343;
    }
    .investor_relation .tab-pane h3 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 20px;
    }
    .investor_relation .tab-content>.active {
        display: block;
    }
    .investor_relation #experienceTab.nav-pills .nav-link.active {
        color: #434343;
        background-color: transparent;
        border-radius: 0px;
        border-right: 3px solid var(--theme-yellow);
        font-weight: bold;
    }
    .investor_relation #experienceTab.nav-pills .nav-link {
        border-radius: 0px;
        border-right: 3px solid var(--theme-gray);
        color: #434343;
        text-transform: uppercase;
        font-size: 18px;
        text-align: right;
        padding: 0.5rem 1rem 0.5rem 0px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .investor_relation .investor_btns {
        display: flex;
        justify-content: space-between;
        width: 75%;
        margin-top: 30px;
    }
    .investor_relation .investor_btns .view_btn a {
        text-transform: uppercase;
        color: #000;
        font-weight: 600;
        border-bottom: 1px solid #000;
        font-size: 20px;
    }
    .investor_relation .investor_btns .annual_btn a {
        background: #782b90;
        color: #fff;
        padding: 10px 20px;
        border-radius: 40px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .investor_relation .investor_img img {
        width: 80%;
    }
    .mobile_investor {
        background: none;
    }
    .investor_img img {
        transition: .5s;
    }
    .investor_img img:hover {
        transform: scale(1.05);
    }
    /* investor relation css end  */
    /*  brands css start  */
    .brands .our_brands {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
    }
    .brands .brands_child {
        margin: 0px 5px;
    }
    .our_brands.mt-4 .brands_child {
        width: 9%;
    }
    .brands img.hanger {
        position: absolute;
        top: 27px;
        left: 798px;
        width: 129px;
    }
    .brands {
        height: 490px;
    }
    /*  brands css end  */
    /* award and recogination css start  */
    .award .award_slider {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .award .award_slider.owl-nav {
        display: block !important;
    }
    .award .award_slider.owl-dots {
        display: none !important;
    }
    .award .award_slider .owl-nav {
        display: block !important;
    }
    .award .award_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 38%;
        position: absolute;
        font-family: inherit !important;
    }
    .award .award_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #2d2d2d !important;
        font-size: 66px !important;
        outline: none !important;
        font-family: fontawesome !important;
    }
    .award .award_slider .owl-nav button.owl-next {
        right: -35px;
        color: #fff !important;
        font-size: 66px !important;
        outline: none !important;
        font-family: fontawesome !important;
    }
    .award .award_box img {
        margin: 0px auto;
        transition: .5s;
    }
    .award .award_box {
        text-align: center;
        border: 1px solid #cfcfcf;
        height: 440px;
        padding: 20px 20px;
        width: 90%;
        margin: 0px auto;
        border-radius: 20px;
        background-color: #fff;
    }
    .award .award_slider {
        width: 90%;
        margin: 0px auto;
    }
    .award .award_box p {
        margin-top: 20px;
    }
    .award img.award_girl {
        position: absolute;
        left: 0;
        top: -66px;
        width: 160px;
    }
    /* award and recogination css end  */
    /* join our team section start  */
    .join_btn {
        margin-top: 45px;
    }
    .join_btn a {
        background: #e3000f;
        color: #fff;
        padding: 10px 45px;
        border-radius: 30px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .team_img img {
        width: 100%;
    }
    .join_team {
        height: 690px;
    }
    .join_team .pera_text {
        width: 85%;
    }
    img.join_line {
        position: absolute;
        top: 14px;
        left: -104px;
        width: 969px;
    }
    /* join our team section end  */
    /* footer css start  */
    footer {
        background: #e3000f;
        padding: 20px 0px 30px;
        position: relative;
        margin-top: 90px;
    }
    footer .container {
        max-width: 88% !important;
        margin-left: 140px;
    }
    footer .follow_us_on ul {
        display: flex;
        padding-left: 0;
    }
    .w-40 {
        width: 40% !important;
    }
    footer .follow_us_on ul li {
        margin-right: 15px;
        background-color: #fff;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        margin-top: 20px;
    }
    footer .follow_us_on ul li:hover i {
        transform: scale(1.2);
    }
    footer .follow_us_on ul li a i {
        transition: 0.3s;
    }
    footer .follow_us_on span {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
    }
    footer .footer_links_head {
        width: 33%;
    }
    footer .footer_head {
        border-right: 3px solid #000;
        padding-left: 45px;
    }
    footer .footer_head img {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    footer .footer_links {
        display: flex;
        margin-left: 45px;
    }
    footer .footer_links .footer_links_head ul li {
        padding: 5px 0px;
    }
    footer .footer_links .footer_links_head ul li a {
        color: #fff;
        font-weight: 300;
        font-size: 18px;
    }
    footer .footer_links_head h4 {
        font-size: 22px;
        margin-top: 27px;
        font-weight: 600;
        color: #fff;
    }
    .footer_head p {
        color: #fff;
        width: 90%;
        font-weight: 300;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    footer .footer_links_head ul {
        margin-bottom: 30px;
        padding-left: 0;
    }
    footer .links_2 ul li {
        display: flex;
        align-items: flex-start;
        line-height: 30px;
    }
    footer .footer_links .footer_links_head ul li img {
        width: 18px;
        margin-right: 15px;
        margin-top: 7px;
    }
    footer .links_2 ul {
        margin-bottom: 0;
    }
    .footer_copy_write {
        text-align: center;
        background-color: #000;
        padding: 20px 0px;
    }
    .footer_copy_write p {
        color: #fff;
        margin-bottom: 0;
        font-weight: 300;
    }
    .footer_copy_write p i {
        color: #cc000d;
        font-size: 20px;
        margin-left: 2px;
    }
    footer .footer_links .footer_links_head ul li span {
        font-weight: 500;
    }
    .footer_men img {
        position: absolute;
        top: -34px;
        /* width: 11%; */
        left: 11px;
        width: 145px;
    }
    .footer_girl img {
        position: absolute;
        top: -23px;
        /* width: 11%; */
        right: 11px;
        width: 150px;
    }
    /* footer css end  */
    section.privacy-policy ul li {
        font-size: 18px;
    }
    /* why V-Mart page css start  */
    /* why v-mart banner css start  */
    .why_mob {
        display: none;
    }
    /* why v-mart banner css end  */
    /* our values section css start  */
    .values .value_head {
        display: flex;
    }
    .values .value_head .value_child {
        text-align: center;
        background: #febd11;
        border-radius: 148px;
        height: 450px;
        padding: 30px 15px;
        margin: 0px 10px;
    }
    .values .value_head .value_child:hover img {
        transform: scale(1.1);
    }
    .values .value_head .value_child img {
        width: 85%;
        margin: 0px auto;
        transition: .5s;
    }
    .values .value_head .value_child h5 {
        margin-top: 20px;
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 22px;
    }
    /* our values section css end  */
    /* perk benifits css start  */
    .perk {
        margin-top: 50px;
    }
    /* perk benifits css end  */
    /* award why sectin css start  */
    .award {
        height: 714px;
    }
    .press_bg {
        height: auto;
        margin-top: 0;
        margin-bottom: 50px;
    }
    .press_box {
        height: 420px;
    }
    .press_box iframe {
        height: 251px;
    }
    .press_box .press_head h4 {
        font-size: 20px;
    }
    .award_why .award_reco_slider .reco_head {
        width: 73%;
    }
    .award_why .award_reco_slider .reco_child {
        width: 100%;
        color: #fff;
    }
    .award_why .award_reco_slider .reco_child p {
        font-size: 15px;
    }
    .award_why .award_reco_slider.owl-carousel button.owl-dot {
        background: #c7c7c7 !important;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font: inherit;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50%;
        margin: 0px 5px !important;
        outline: none;
        display: block !important;
    }
    .award_why .award_reco_slider .reco_head:hover {
        transform: scale(1.02);
    }
    .award_why .award_reco_slider.owl-carousel button.owl-dot.active {
        background: #e40917 !important;
        border: #e40917 !important;
        outline: none !important;
    }
    .award_why .award_reco_slider .owl-dots {
        display: flex !important;
        justify-content: center !important;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    /* award why sectin css end  */
    /* testimonial css start  */
    section.testimonials {
        margin-top: 50px;
    }
    .testimonials .testimonial_slider {
        margin-bottom: 30px;
    }
    .testimonials .testimonial_slider.owl-nav {
        display: block !important;
    }
    .testimonials .testimonial_slider.owl-dots {
        display: none !important;
    }
    .testimonials .testimonial_slider .owl-nav {
        display: block !important;
    }
    .testimonials .testimonial_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 42%;
        position: absolute;
        font-family: inherit !important;
    }
    .testimonials .testimonial_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #ddd6e1 !important;
        font-size: 60px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .testimonials .testimonial_slider .owl-nav button.owl-next {
        right: -35px;
        color: #ddd6e1 !important;
        font-size: 60px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .testimonials .testimonial_slider .testi_box {
        border: 1px solid #ececec;
        padding: 20px;
        border-radius: 30px;
        width: 90%;
        margin: 0px auto;
        transition: 0.3s;
        margin-top: 40px;
    }
    .testimonials .testimonial_slider .testi_box:hover {
        transform: translate(0px, -10px);
    }
    .testimonials .testimonial_slider .testi_box img {
        width: 50px !important;
        margin-top: -47px;
        margin-left: 15px;
    }
    .testimonials .testimonial_slider .testi_box p {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .testimonials .testimonial_slider .user_name {
        display: flex;
        align-items: center;
        border-top: 1px solid #d8d8d8;
        padding-top: 15px;
    }
    .testimonials .testimonial_slider .user_name img {
        width: 80px !important;
        margin-left: 0;
        margin-top: 0;
    }
    .testimonials .testimonial_slider .name {
        margin-left: 15px;
    }
    .testimonials .testimonial_slider .name p {
        font-size: 22px;
    }
    .testimonials .testimonial_slider .testi_box h5 {
        margin-top: 25px;
        height: 60px;
        font-size: 25px;
    }
    .testimonials .testimonial_slider .inner_text {
        height: 332px;
    }
    /* testimonial section css end  */
    /* why V-Mart page css end  */
    /* V-Mart life page css start  */
    /* our culture section css start  */
    .culture {
        margin-top: 50px;
    }
    .culture .culture_text h5 {
        text-transform: uppercase;
        font-size: 20px;
        text-align: center;
        color: #fff;
        margin-top: -52px;
    }
    .mt-110 {
        margin-top: 110px;
    }
    .mt-40 {
        margin-top: 40px;
    }
    .mt-130 {
        margin-top: 130px;
    }
    .culture .culture_img {
        transition: .5s;
    }
    .culture .culture_img:hover {
        transform: scale(1.06);
    }
    /* our culture section css end  */
    /* v-mart number section css start  */
    .v-mart_number {
        margin-top: 50px;
    }
    .v-mart_number .counter_box h3 {
        font-size: 40px;
        font-weight: bold;
        color: #febd11;
        margin-top: 20px;
    }
    .v-mart_number .counter_box img {
        width: 100%;
        transition: .5s;
    }
    .v-mart_number .counter_box:hover img {
        transform: scale(1.05);
    }
    .v-mart_number .counter_box {
        text-align: center;
        width: 70%;
        margin: 0px auto;
    }
    .v-mart_number .counter_box p {
        font-size: 18px;
        font-weight: bold;
    }
    /* v-mart number section css end  */
    /* how we live section css start  */
    .how_we_live .heading_main .heading_head .view_all_btn {
        margin-top: 26px;
    }
    .how_we_live .heading_main .heading_head .view_all_btn a {
        background: #e3000f;
        padding: 8px 20px;
        border-radius: 30px;
        color: #fff;
    }
    .how_we_live .heading_main .heading_head .view_all_btn img {
        width: 18px;
        margin-left: 6px;
        margin-top: -2px;
    }
    .how_we_live .heading_main .heading_head {
        width: 53%;
    }
    .how_we_live .heading_main .heading_head .heading h2 {
        margin-bottom: 20px;
    }
    .how_we_img img {
        display: none;
    }
    /* how we live section css end  */
    /* store heroes css start  */
    .store_heroes {
        margin-top: 50px;
    }
    .store_heroes .store_slider.owl-dots {
        display: none !important;
    }
    .store_heroes .store_slider .owl-nav {
        display: block !important;
    }
    .store_heroes .store_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 42%;
        position: absolute;
        font-family: inherit !important;
    }
    .store_heroes .store_slider .owl-nav button.owl-prev {
        left: -35px;
        color: #45c7f3 !important;
        font-size: 45px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .store_heroes .store_slider .owl-nav button.owl-next {
        right: -35px;
        color: #45c7f3 !important;
        font-size: 45px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .store_heroes .store_child {
        width: 90%;
        margin: 0px auto;
        border-radius: 50px;
        margin: 20px auto;
    }
    .store_heroes .store_child:hover img {
        box-shadow: none !important;
        transform: scale(1.03);
    }
    .store_heroes .store_child img {
        border-radius: 30px;
        transition: .5s;
    }
    /* store heroes css end  */
    .how_we_live {
        height: 910px;
    }
    /* main points css start  */
    .main_head ul {
        padding-left: 0;
    }
    .main_head ul li {
        margin: 15px 0px;
        display: flex;
        align-items: start;
        font-size: 18px;
    }
    .main_head span {
        color: #e3000f;
    }
    .main_head h4 {
        color: #e21f26;
        margin-bottom: 12px;
        font-weight: bold;
    }
    .main_head ul li img {
        margin-top: 6px;
        margin-right: 10px;
    }
    .main_head:after {
        position: absolute;
        content: "";
        border-right: 1px solid #525252;
        left: 29px;
        right: -11px;
        height: 500px;
        top: 0;
    }
    .main_head {
        position: relative;
    }
    /* main points css end  */
    /* V-Mart life page css end  */
    /* about us page css start  */
    /* about banner content css start  */
    .about_main .about_pera p {
        color: #fff;
        font-size: 17px;
        font-weight: 300;
    }
    .about_main {
        height: 658px;
    }
    .about_main .about_pera {
        width: 90%;
    }
    .about_main .heading {
        margin-top: 60px;
    }
    .about_main .heading h2 {
        margin-bottom: 20px;
    }
    .about_main .read_more_btn {
        margin-top: 35px;
    }
    .about_main .read_more_btn a {
        background: #fff;
        padding: 7px 30px;
        border-radius: 5px;
        color: #000;
    }
    .about_main .about_men img {
        width: 92%;
        margin: 0px auto;
        text-align: center;
        margin-left: 7px;
    }
    /* about banner content css end  */
    /* mission vission section css start  */
    .mission_vision {
        height: 1530px;
        margin-top: -176px
    }
    .mission_vision .who_we_are {
        display: flex;
        justify-content: end;
        padding-top: 55px;
    }
    .mission_vision .who_we_are_parent {
        width: 60%;
        color: #000;
    }
    .mission_vision .who_we_are_parent p {
        font-weight: 300;
    }
    .mission_vision .vission_head {
        display: flex;
        justify-content: end;
        padding-top: 0%;
        text-align: center;
        position: relative;
    }
    .mission_vision .vission_main {
        width: 75%;
    }
    .mission_vision .mission_flex {
        display: flex;
        margin-top: 80px;
    }
    .mission_vision .mission_content {
        width: 26%;
        margin: 0px auto;
        display: flex;
    }
    .mission_vision .circle_line {
        /* width: 11%; */
        position: absolute;
        left: 74%;
        top: 42%;
        width: 33px;
    }
    .mission_vision .circle_line2 {
        /* width: 11%; */
        position: absolute;
        left: 48%;
        top: 42%;
        width: 33px;
    }
    .mission_vision .mission_pera h5 {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 22px;
        font-size: 28px;
    }
    .mission_vision .vision_fashion img {
        position: absolute;
        left: 0;
    }
    /* mission vission section css start  */
    /* about banner content css end  */
    /* where do we from section css start  */
    .where_do {
        height: 846px;
    }
    .where_do .where_head {
        margin-top: 75px;
    }
    .where_do .where_do_img img:hover {
        transform: scale(1.05);
    }
    .where_do .where_do_img img {
        width: 100%;
        transition: .5s;
    }
    .where_do .pt-76 {
        padding-top: 76px;
    }
    section.who_are_we {
        display: none;
    }
    section.mission_vission_mobile {
        display: none;
    }
    /* where do we from section css start  */
    /* leadership section css start  */
    .leadership {
        height: auto;
        padding-top: 70px;
    }
    .leadership .leader_img {
        margin: 0px 30px;
    }
    .leadership .leader_pera {
        width: 80%;
        margin: 0px auto;
        color: #000;
        margin-bottom: 50px;
    }
    .leadership .leader_pera p {
        font-weight: 300;
    }
    .leadership .leadership_slider.owl-nav {
        display: block !important;
    }
    .leadership .leadership_slider.owl-dots {
        display: none !important;
    }
    .leadership .leadership_slider .owl-nav {
        display: block !important;
    }
    .leadership .leadership_slider .owl-nav button {
        background: none !important;
        width: 20px;
        height: 30px;
        top: 35%;
        position: absolute;
        font-family: inherit !important;
    }
    .leadership .leadership_slider .owl-nav button.owl-prev {
        left: -60px;
        color: #fff !important;
        font-size: 50px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .leadership .leadership_slider .owl-nav button.owl-next {
        right: -60px;
        color: #fff !important;
        font-size: 50px !important;
        outline: none !important;
        font-family: 'FontAwesome' !important
    }
    .leadership .leadership_slider .owl-nav button span {
        position: relative;
    }
    .leadership .leadership_slider .owl-nav button span:after {
        position: absolute;
        content: "";
    }
    .leadership .leadership_slider .owl-nav button.owl-prev span:after {
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        border: none;
        border-radius: 50%;
        left: -17px;
        top: -7px;
        background: #767576;
        z-index: -1;
    }
    .leadership .leadership_slider .owl-nav button.owl-next span:after {
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        border: none;
        border-radius: 50%;
        left: -20px;
        top: -6px;
        background: #767576;
        z-index: -1;
    }
    .leadership .leadership_slider {
        width: 95%;
        margin: 0px auto;
    }
    .leadership .decript {
        text-align: center;
        margin-top: 18px;
    }
    .leadership .decript h5 {
        color: #000;
        text-transform: uppercase;
        font-size: 20px;
    }
    .leadership .decript h6 {
        font-size: 20px;
        color: #e21f26;
    }
    .leadership .view_all_btn {
        margin-top: 40px;
    }
    .leadership .view_all_btn a {
        background: #e21f26;
        padding: 7px 40px;
        color: #fff;
        border-radius: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 20px;
    }
    /* leadership section css end  */
    /* about us page css end  */
    /* job opening page css start  */
    /* job banner css start  */
    .job_banner .job_pera {
        width: 80%;
        margin: 0px auto;
    }
    .job_banner form {
        background-color: #f1e9f4;
        padding: 30px 50px;
        border-radius: 10px;
        width: 75%;
        margin: 0px auto;
        margin-top: 30px;
    }
    .job_banner form .job_form {
        width: 90%;
        margin: 0px auto;
    }
    .job_banner form .job_form .form-group {
        margin-bottom: 0;
    }
    .job_banner form .job_form .form-group .form-control {
        font-size: 13px;
        border: none;
        height: calc(2.5em + 0.75rem + 2px);
        border-radius: 10px;
        color: #474747;
    }
    /* job banner css end  */
    /* jop-category css start  */
    .jop_category .category_head {
        display: flex;
        width: 85%;
        margin: 0px auto;
        background: #fff;
        padding: 25px;
        border-radius: 15px;
        align-items: center;
        margin-bottom: 30px;
    }
    .jop_category .category_head .category_img {
        width: 8%;
    }
    .jop_category .category_head .category_name {
        width: 25%;
        border-right: 1px solid #d2d2d2;
        padding-right: 20px;
        padding-left: 22px;
        height: 66px;
        display: flex;
        align-items: center;
    }
    .jop_category .category_head .category_name h4 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        margin-bottom: 0;
    }
    .jop_category .category_head .state {
        width: 45%;
        padding-left: 53px;
        /* border-right: 1px solid #eee; */
        margin-right: 67px;
    }
    .jop_category .category_head .more_details {
        width: 22%;
        padding-left: 40px;
        border-left: 1px solid #d2d2d2;
        height: 66px;
        display: flex;
        align-items: center;
    }
    .jop_category .category_head .more_details a {
        background: red;
        padding: 10px 30px;
        color: #fff;
        text-transform: uppercase;
        border-radius: 30px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .jop_category .category_head .state p {
        margin-bottom: 0;
        font-weight: 500;
    }
    /* jop-category css end  */
    /* job opening page css end  */
    /* gallery page css start  */
    /* gallery banner css start  */
    .gallery_head_img img {
        width: 100%;
        transition: .5s;
    }
    .gallery_head_img img:hover {
        transform: translate(0px, -10px);
    }
    .gallery_pera {
        width: 70%;
        margin: 0px auto;
    }
    .get_started_btn {
        margin-top: 30px;
    }
    .get_started_btn a {
        background: red;
        padding: 10px 35px;
        border-radius: 30px;
        color: #fff;
    }
    .main_row {
        width: 90%;
        margin: 0px auto;
    }
    .gallery_head_img {
        width: 90%;
        margin: 0px auto;
    }
    .gallery_head2 {
        margin-top: 70px;
    }
    /* gallery banner css end  */
    .gallery_main_img img {
        width: 100%;
    }
    /* gallery page css end  */
    .gallery_main {
        margin-top: 50px;
    }
    .nav-tabs {
        border-bottom: 0;
    }
    .portfolio-menu {
        text-align: center;
    }
    .nav-tabs .nav-link {
        width: 220px;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        padding: 12px 0px;
        background-color: #000;
        color: #fff;
        margin-right: 12px;
    }
    .nav-tabs .nav-link.active {
        background-color: #e3000f;
        color: #fff;
        border: none;
        border-radius: 0;
    }
    .control {
        background: #000;
        color: #fff;
        padding: 5px 10px;
        border: 1px solid #343a40;
        border-radius: 3px;
        margin: 5px;
        cursor: pointer;
        -webkit-transition: all 05s ease;
        -moz-transition: all 05s ease;
        -ms-transition: all 05s ease;
        -o-transition: all 05s ease;
        transition: all 0.5s ease;
    }
    .control:hover {
        background: #343a40;
    }
    .mixitup-control-active {
        color: #fff;
        background: #343a40;
    }
    .fancybox-container button:focus {
        outline: 0;
        box-shadow: none;
    }
    .portfolio-item {
        padding-top: 30px;
        padding-left: 0;
    }
    .portfolio-item img {
        width: 100%;
    }
    .pd {
        padding: 0;
        padding: 10px;
    }
    .pd img {
        height: 180px;
        transition: all 0.5s;
    }
    .portfolio-overlay {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        text-align: center;
        visibility: hidden;
        transition: all 0.5s;
        transform: scale(0);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .portfolio-overlay p,
    .portfolio-overlay a {
        position: relative;
        z-index: 4;
    }
    .portfolio-overlay::before {
        content: "";
        width: 0;
        height: 0;
        border-width: 0;
        position: absolute;
        left: 10%;
        top: 10%;
        transition: 50ms height ease 150ms;
        z-index: 3;
    }
    .portfolio-overlay::after {
        content: "";
        width: 0;
        height: 0;
        border-width: 0;
        position: absolute;
        right: 10%;
        bottom: 10%;
        transition: 100ms width ease 200ms;
        z-index: 3;
    }
    .portfolio-item:hover .portfolio-overlay::before {
        width: 80%;
        height: 80%;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
    }
    .portfolio-item:hover .portfolio-overlay::after {
        width: 80%;
        height: 80%;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
    }
    .portfolio-item li:hover .portfolio-overlay {
        visibility: visible;
        transform: scale(1);
    }
    .portfolio-overlay .category {
        margin-top: 70px;
        margin-bottom: 20px;
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }
    .portfolio-overlay .magnify-icon {
        height: 40px;
        width: 40px;
        border-radius: 20px;
        background: #fff;
        margin: 0 5px;
        cursor: pointer;
        display: inline-block;
        transition: all 0.25s;
    }
    .portfolio-overlay .magnify-icon:hover {
        background: #fff;
    }
    .portfolio-overlay .magnify-icon p span i {
        font-size: 15px;
        color: #000;
        line-height: 40px;
        cursor: pointer;
    }
    .gallery_inner {
        position: relative;
        margin-bottom: 20px;
    }
    .gallery_inner img {
        width: 100%;
    }
    .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
    }
    /*******Responsive media query******/
    /* Extra small devices (portrait phones, less than 576px)*/
    /* 24-03-2023 */
    .investor_tab .nav-pills .nav-link {
        font-size: 20px;
    }
    section.investor_tab .tab_head h6 {
        font-size: 25px;
    }
    section.investor_tab .tab_head span {
        font-size: 18px;
    }
    section.investor_tab .view_dwnld p {
        font-size: 18px;
    }
    .investor .investor_btn a {
        font-size: 18px;
    }
    /* why v-mart tab section css start  */
    section.tab-why .tab_vmart .nav-pills .nav-link {
        font-size: 20px;
    }
    /* why v-mart tab section css end  */
}