/*-- --------------------------------
              Navbar area start
--------------------------------- --*/
@media (min-width:992px) {
        .nav-btns-and-icons .nav-link:nth-child(1),
    .nav-btns-and-icons .nav-link:nth-child(2) {
        padding-left: 0.625rem;
        padding-right: 0;
    }
    .nav-btns-and-icons .company-nav-dropdown .nav-link {
        padding-left: 0.1rem;
        padding-right: 0;
    }
}
@media (max-width:992px) {
    .navbar-collapse {
        text-align: center;
        margin-top: 1rem;
    }
    .navbar-collapse li {
        text-align: center;
        margin: 0.3rem 0;
    }
    .usriconNav {
        margin-bottom: 0.6rem;
    }
    .navbar .navlnerht {
        border: none;
    }
    .navbar-collapse {
        border-top: 1px solid #6F6F6F;
    }
}
/*-- --------------------------------
              Navbar area end
--------------------------------- --*/
/*-- --------------------------------
     Create order section end
--------------------------------- --*/
@media (max-width:992px) {
    .crtordrbtncol {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .srchFltrMnDiv {
        display: block;
    }
}
@media (max-width:768px) {
    .fltrsrchslct {
        display: block;
    }
    .fltrsrchslct div {
        display: flex;
        justify-content: center;
        margin: 0.5rem 0;
    }
    .middleHeadingPara{
        position: unset;
        transform: none;
        text-align: left!important;
    }
    .headingDivSampleImg{
        display: block;
    }
    .sampleCarauselDiv .carousel-control-prev img{
       width: 35px;
        }
        .sampleCarauselDiv .carousel-control-next img{
            width: 35px;
            }
            #myCanvas{
                width: 100%;
            }
            .editImageTools img{
                width: 20px;
            }
            .editImageClrPicker label{
                width: 20px;
                height: 20px;
            }
            .editImageClrPicker input{
                width: 100%;
                height: 100%;
            }
            .sendFeedBackBtn{
                height: 45px;
                padding: 0 50px;
                background: #00765d;
                color: #fff;
            }
            .editImageClrPicker img{
                width: 16px;
            }
}
/*-- --------------------------------
     Create order section end
--------------------------------- --*/
/*-- -----------------------------
 Search & filter ordersection Start
------------------------------ --*/
@media (max-width:368px) {
    .crtodrrhtcntnr {
        padding: 1rem;
    }
}
@media (max-width:768px) {
    .fltrsrchslct {
        display: none;
    }
}
/*-- -----------------------------
 Search & filter ordersection end
------------------------------ --*/

/* Media Query Starts */
  /* For Mobile Devices less than 767px */
  @media screen and (max-width: 767px) {
    .fs-mob-10 {
      font-size: 0.625rem !important;
    }

    .fs-mob-12 {
      font-size: 0.75rem !important;
    }

    .fs-mob-14 {
      font-size: 0.875rem !important;
    }

    .fs-mob-16 {
      font-size: 1rem !important;
    }

    .fs-mob-18 {
      font-size: 1.125rem !important;
    }

    .fs-mob-20 {
      font-size: 1.25rem !important;
    }

    .fs-mob-22 {
      font-size: 1.375rem !important;
    }

    .fs-mob-24 {
      font-size: 1.5rem !important;
    }

    .fs-mob-26 {
      font-size: 1.625rem !important;
    }

    .fs-mob-28 {
      font-size: 1.75rem !important;
    }

    .fs-mob-30 {
      font-size: 1.875rem !important;
    }

    .fs-mob-32 {
      font-size: 2rem !important;
    }

    .fs-mob-34 {
      font-size: 2.125rem !important;
    }

    .fs-mob-36 {
      font-size: 2.25rem !important;
    }

    .fs-mob-38 {
      font-size: 2.375rem !important;
    }

    .fs-mob-40 {
      font-size: 2.5rem !important;
    }

    .fs-mob-42 {
      font-size: 2.625rem !important;
    }

    .fs-mob-44 {
      font-size: 2.75rem !important;
    }

    .fs-mob-46 {
      font-size: 2.875rem !important;
    }

    .fs-mob-48 {
      font-size: 3rem !important;
    }

    .fs-mob-50 {
      font-size: 3.125rem !important;
    }

    .fs-mob-52 {
      font-size: 3.25rem !important;
    }

    .fs-mob-54 {
      font-size: 3.375rem !important;
    }

    .fs-mob-56 {
      font-size: 3.5rem !important;
    }

    .fs-mob-58 {
      font-size: 3.625rem !important;
    }

    .fs-mob-60 {
      font-size: 3.75rem !important;
    }

    .mt-mob-30 {
      margin-top: 1.875rem;
    }

    .mt-mob-32 {
      margin-top: 2rem;
    }

    .mt-mob-36 {
      margin-top: 2.25rem;
    }

    .mt-mob-40 {
      margin-top: 2.5rem;
    }

    .mt-mob-42 {
      margin-top: 2.625rem;
    }

    .mt-mob-50 {
      margin-top: 3.125rem;
    }

    .mt-mob-60 {
      margin-top: 3.75rem;
    }

    .mb-mob-30 {
      margin-bottom: 1.875rem;
    }

    .mb-mob-32 {
      margin-bottom: 2rem;
    }

    .mb-mob-36 {
      margin-bottom: 2.25rem;
    }

    .mb-mob-40 {
      margin-bottom: 2.5rem;
    }

    .mb-mob-42 {
      margin-bottom: 2.625rem;
    }

    .mb-mob-50 {
      margin-bottom: 3.125rem;
    }

    .mb-mob-60 {
      margin-bottom: 3.75rem;
    }
    .all-inputs-wrapper .form-width{
      max-width: 250px;
    }
    .container {
        width: 98%;
    }
    .login-input-email-td{
        padding: 0 2rem;
    }

    .login-input-ps-td{
        padding: 0 2rem;
    }
    .login-forgo-rem-td{
        padding: 0 2rem;
    }

  }
  @media screen and (max-width: 437px) {
    .footerImgdiv{
        display: block
    }
    .footerImgdiv .icons{
       float: right;
       margin-top: 0;
    }
  }