/* @media only screen and (max-width:1920px) and (min-width:1440px){
    .footer_block{
        position: absolute;
        bottom: 0px;
        width: 100%;
        content: '';
    }
} */

@media screen and (max-width: 1600px) {
    .home_heading h1 {
        font-size: 62px;
    }
    .logo_blk {
        width: 220px;
    }
    .logo_blk img{
        width: 100%;
        height: 52.36px;
    }
}

@media screen and (max-width: 1400px) {
    .shapes_block {
        width: 600px;
        height: 620px;
    }
}

@media screen and (max-width:1380px) {
    .tabs{
        overflow: auto;
        overflow-y: hidden;
    }
    .tabs li {
        white-space: nowrap;
        width: 100%;
    }
}

@media screen and (max-width:1200px) {
    header{
        background-color: #fff;
        padding: 10px 15px 10px 10px;
    }
    /* .header .logo{
      width: 100%;
    } */
    .header .logo img{
      max-width: 100%;
    }
    .logo_blk img:first-child {
        display: none;
    }
    .logo_blk img:last-child {
        display: block;
    }
    .header .nav {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #0d2340;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 50px 20px;
        transition: all 0.5s ease-in-out;
    }
    nav.nav.blur {
        left: 0;
    }
    .header .nav .drawer {
        width: 100%;
    }
    .desktop_nav {
        width: 100%;
        flex-direction: column-reverse;
    }
    .nav_list_blk {
        flex-direction: column;
        width: 100%;
    }

    .header .nav .drawer a {
        width: 100%;
        font-size: 14px !important;
        border: 1px solid #fff;
        border-radius: 8px;
        padding: 13px 20px;
        position: relative;
    }
    .navbtn span.nav_icon {
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }
    a.navbtn:not(.dashboardbtn)::before {
        position: absolute;
        content: "";
        top: 50%;
        right: 16px;
        width: 12px;
        height: 8px;
        background: url("../images/downarrow.png");
        transform: translateY(-50%) rotate(-90deg);
    }
    .drawer-btn,
    .close-btn {
      display: block;
    }
    .header .logo {
      margin-left: 0px;
    }
    .mainhome_page {
        margin: 90px 0px 0px;
    }
    .shapes_block {
        width: 515px;
        height: 550px;
    }
    .video_block {
        width: 390px;
        height: 530px;
    }
    .home_heading h1 {
        font-size: 52px;
    }
    .sub_heading {
        font-size: 24px !important;
    }
    .upload_flex_blk {
        gap: 20px 30px;
    }
    .drag_img {
        width: calc(100% - 142px);
    }
}
@media screen and (max-width: 1060px) {
    .mainhome_page {
        gap: 30px;
        flex-direction: column-reverse;
    }
    .main_shapes_block {
        padding-right: 0px;
    }
    .shapes_block {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(37deg);
    }
    .video_block {
        margin: 0 auto;
    }
    .manage_order {
        margin: 15px 0px;
    }
}

@media only screen and (max-width:1024px) and (min-width:768px){

    .dashbvoard_card{
        width: 100%;
        padding: 20px;
        height: 265px;
    }
    .upload_textfile h3{
        font-size: 20px;
    }
    .customer_field label {
        font-weight: 700;
        color: #515B6F;
        font-size: 14px;
        white-space: nowrap;
    }
    .profile_btn{
        font-size: 14px;
    }
    .logo{
        width: 20%;
    }
    .desktop_logo{
        width: 100%;
    }
    .desktop_logo img{
        max-width: 100%;
    }
    .home_heading h2{
        font-size: 4rem;
    }
    .header .nav .drawer a{
        margin: 0px 0px !important;
        font-size: 14px !important;
    }
    /* .mainhome_page{
        flex-direction: column-reverse;
    } */
    .home_heading{
        width: 100%;
        padding-left: 30px;
    }
    .right_shape{
        width: 100%;
    }
    /* .video_block{
        height: 40vh;
        width: 75%;
    }
    .shapes_block{
        height: 45vh;
    }
    .shapes_block{
        background-size: 100% 100%;
    } */
    .home_paragrpah{
        width: 100%;
    }
    .home_heading h3{
        font-size: 20px;
        font-weight: 600;
    }
    .video_block{
        /* height: 35vh; */
        border: 10px solid #4e4e4e;
    }
    .home_paragrpah p{
        font-size: 16px;
    }
    .footer_heading h3 {
        font-size: 14px;
    }
    .footer_heading ul li a{
        font-size: 14px;
    }
    .footer_heading ul li{
        margin: 0px 0px 0px 10px;
    }
    .mange_btn{
        position: unset;
        transform: unset;
        width: 100%;
    }
    .profile_img {
        margin: auto;
    }
    .profile_block .pl-5{
        padding: 0px !important;
    }
    .upload_imgtext h5{
        font-size: 14px;
    }
    .upload_imgtext p{
        font-size: 14px;
    }
    .order_modelblock .table td{
        font-size: 14px;
    }
    .order_details .bulk_upload{
        padding: 7px 12px;
        font-size: 16px;
        margin: 10px 0px 10px 0px;
    }
    .order_details .download_btn{
        padding: 7px 12px;
        font-size: 16px;
    }
    .model_heading p{
        font-size: 14px;
    }
    .model_heading h2{
        font-size: 28px;
    }
    .popup-content{
        width: 70%;
    }
    .order_modelblock .popup .popup-content{
        width: 95% !important;
    }
}

@media only screen and (max-width:767px){
    .order_details .bulk_upload{
        font-size:14px;
        margin-left: 0px !important;
    }

    .model_heading h2{
        font-size: 20px;
    }
    .header .nav .drawer a {
        transition: all 0.1s linear;
        margin: 0px;
      }
      .dropdown-menu a.profile_btnclick.navbtn {
        padding: 0px 15px !important;
    }

    .mainhome_page .btn_active{
        max-width: 100%;
    }

    .dashbvoard_card{
        margin: 15px 0px !important;
    }
    .footer_heading h3{
        font-size: 14px;
        text-align: center;
    }
    .footer_heading ul {
        justify-content: center !important;
        gap: 5px 40px;
    }
    .footer_heading ul li{
        margin: 10px 0px;
    }
    .footer_heading ul li a{
        font-size: 14px;
    }
    .mobile_nav a{
        margin: 20px 20px !important;
    }
    .desktop_logo{
        display: none !important;
    }
    .mobile_logo{
        display: block !important;
    }
    .drawer-visible {
        left: 0 !important;
        padding: 20px !important;
      }
      .drawer-visible a{
        border: 1px solid #fff;
       margin: 10px 00px;
    border-radius: 7px;
    padding: 10px 20px !important;
      }
      .blur {
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(15px);
        left: 0 !important;
      }
      .mainhome_page{
        /* display: block; */
        flex-direction: column-reverse;
    }
      .home_heading{
        width: 85%;
        padding: 0px;
        margin: auto;
    }
    .home_heading h2{
        font-size: 3rem;
    }
    .right_shape{
        width: 100%;
    }
    .shapes_block{
        background-image: url("../images/mobileshape.png") !important;
    }
    .video_block{
        border: 13px solid #4e4e4e;
    }
    .video_block img{
        max-width: 100%;
        min-height: auto;
    }
    .home_heading h3{
        font-size: 26px;
        margin: 20px 0px;
    }
    .home_paragrpah{
        width: 100%;
    }
    .dashbvoard_card{
        width: 100%;;
    }
    /* .dashbvoard_card{
        height: auto;
    } */
    .mange_btn{
        position: unset !important;
        transform: unset !important;
        width:100%
    }
    .profile_btn{
        font-size: 14px !important;
        font-weight:600 !important
    }
    .popup-content{
        margin:unset !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80% !important;
    }
    .model_heading h2{
        font-size: 25px;
    }
    .order_modelblock .popup .popup-content{
        margin:unset !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90% !important;
        padding: 20px;
        height: 600px;
        overflow: scroll;
    }


    /* login---scree``----- */
    .header_logo {
      width: 220px;
  }
    .main_login{
        /* position: unset !important;
        transform: unset !important; */
        width: 100%;
    }
    .main_login {
      top: 30%;
  }
  .banner_section {
    padding: 120px 0px 50px;
    min-height: 100vh;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.inner_wrapper .content_section {
    justify-content: flex-end !important;
    gap: 30px !important;
}
    .banner_heading h2{
        /* color: #fff ; */
        font-size: 25px;
        color: #fff;
    }
    .instruction_block{
        background-color: unset;
    }
    .instruction_screen{
        background-color: rgba(207, 199, 192, 0.7); /* Semi-transparent background color */
        width: 95%;
        padding: 10px;
        border-radius: 10px;
        backdrop-filter: blur(5px); /* Blur the backdrop */
    }
    .instruction_block p{
        font-size: 16px;
        margin: 0px;
    }
    .instruction_screen .form_field{
        margin-top:0px !important
    }
    .verification_block{
        background-color: rgba(207, 199, 192, 0.7); /* Semi-transparent background color */
        width: 95%;
        padding: 10px;
        border-radius: 10px;
        backdrop-filter: blur(5px); /* Blur the backdrop */
    }
    .verification_count ul li{
        margin: 0px 8px;
    }
    .verification_count .form_field{
        margin-top:0px !important
    }
    .confirm_password{
        background-color: rgba(207, 199, 192, 0.7); /* Semi-transparent background color */
        /* width: 95%; */
        padding: 10px;
        border-radius: 10px;
        backdrop-filter: blur(5px); /* Blur the backdrop */
    }
    .banner_heading{
        background: rgb(255 255 255 / 30%);
        padding: 14px 16px;
        border-radius: 10px;
        /* opacity: 0.5; */
    }
    .main_login .btn_active{
        margin-top: 15px !important;
        width: 100%;
    }
    .instruction_block{
        backdrop-filter: unset !important;
    }
    .heading_blockscreen{
        margin-bottom: 20px !important;
    }
    .mobile_table{
        display:block;
    }
    /* .desktop_table{
        display: none;
    } */
    .filter_btn{
        text-align: center;
    }
    .order_details{
        text-align: center !important;
    }
    .order_details .download_btn{
        margin-bottom: 15px !important;
        font-size: 14px !important;
    }
    .upload_textfile{
        text-align: center;
        margin-bottom: 0px !important;
        padding: 0px !important;
    }
    .upload_textfile h3{
        font-size: 18px;
    }
    .profile_block .pl-5{
        padding:0px !important
    }
    .profile_img{
        margin: auto;
    }
    .drag_img{
        margin: 20px 0px 0px;
    }
    .shapes_block{
        background-size: cover;
    }
    .dateRange label{
        margin-right: 20px;
    }
    .credential_position_element {
        justify-content: center;
    }
    .shapes_block {
        width: 415px;
        height: 500px;
    }
    .video_block {
        height: 430px;
    }
    .bulk_btnbottm {
        text-align: center;
    }
    .help_wrapper ul.nav {
        gap: 20px 34px;
    }
    .help_wrapper .nav-pills li {
        width: calc(50% - 17px);
    }
    .help_wrapper li.nav-item:first-child .nav-link, .help_wrapper li.nav-item .nav-link, .help_wrapper li.nav-item:last-child .nav-link {
        border-radius: 9px;
        font-size: 12px;
        padding: 24px 10px;
        width: 100%;
    }
}

@media screen and (min-width:577px) {
    .position-sm-relative {
        position: relative;
    }
}

@media screen and (max-width:576px){
    .credential_header {
        background-color: transparent !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .logout_text{
        display: none;
    }
    .logout_btn i {
        color: var(--primary-clr);
    }
    .header_logo img {
        filter: invert(1);
    }
    .form_field :is(input, textarea) {
        font-size: 14px;
    }
    .otp-field {
        gap: 15px;
    }
    .shapes_block {
        width: 335px;
        height: 350px;
        border-radius: 50px;
    }
    .video_block {
        width: 245px;
        height: 330px;
    }
    .home_heading h1 {
        font-size: 48px;
    }
    .home_paragrpah p {
        font-size: 16px;
        line-height: 20px;
    }
    .varient_label, .product_title {
        width: calc(100% - 110px);
    }
    .varient_price, .product_input_field {
        width: 100px;
    }
}