/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media only screen and (max-width: 1700px) {
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1500px) {
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1366px) {
}

/*  (min-width:1280px)+++ */
@media only screen and (max-width: 1280px) {
}

/*  (min-width:1200px)+++ */
@media only screen and (min-width: 1200px) {
}

/*  (max-width:1200px)+++ */
@media only screen and (max-width: 1200px) {
}

/* (min-width:992px) (max-width: 1199.98px) // Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) {
  /* ExTra Class Start*/
}

@media only screen and (max-width: 992px) {
}

/* Medium devices (min-width:768px) (max-width: 991.98px) // (tablets, less than 992px) */
@media only screen and (max-width: 991px) {
  /* ExTra Class Start*/
}

@media only screen and (max-width: 768px) {
  .dropdown-menu.dashboard-item-menu.dashboardptronav.show {
    transform: translate(-10px, 60px) !important;
  }

  .alinging-center-checkbox {
    align-items: start !important;
  }

  .partners {
    padding: 30px 0px 10px 0px;
  }

  .active-package-new {
    margin: 0px 5px;
  }

  .profile-image {
    width: 100px !important;
    height: 100px !important;
  }

  .breadcumb-section {
    display: none;
  }

  .input-fieldsbox {
    margin-top: 10px !important;
  }

  .header,
  .footer {
    padding: 0px !important;
  }

  .service-details img {
    height: 44px !important;
    width: 45px !important;
  }

  .servicedetail-image {
    height: 300px !important;
  }

  .swiper-slider-servicethumb {
    height: 50px !important;
  }

  .mt-0 {
    margin-top: 0px !important;
  }

  .h-sm-150 {
    height: 150px !important;
  }

  .mobileview-toggle {
    box-shadow: none !important;
  }

  .mobile-nav li a {
    color: #f5f2f2 !important;
  }

  .Login p {
    font-size: 13px !important;
    line-height: 1.5;
  }

  .min-height-100 {
    min-height: 75vh;
  }

  .otp-box {
    height: 50px !important;
    width: 47px !important;
  }

  .dashboardlogo-mob {
    width: 110px !important;
  }

  .freelancer-user-transfer-button {
    font-size: 13px !important;
    padding: 5px 9px !important;
  }

  .dashboaardbropdownbtn .rounded-circle {
    width: 45px !important;
    height: 45px !important;
  }

  .overflowx-sm-scroll {
    overflow-x: scroll;
  }

  .overflowx-sm-scroll::-webkit-scrollbar {
    display: none;
    /* Hides the scrollbar in Webkit-based browsers */
  }

  .listings_category_nav_list_menu::-webkit-scrollbar {
    display: none;
    /* Hides the scrollbar in Webkit-based browsers */
  }

  .featuredservicetoggle {
    min-width: max-content !important;
    padding: 8px !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }

  .user_setting .dropdown-menu.show {
    transform: translate(-212px, 8px) !important;
  }

  .sendmessagebtn {
    padding: 13px 10px !important;
  }

  .message_container .message_input button.btn {
    right: 13px !important;
  }

  .login-info {
    color: #fff !important;
  }

  .popup-search-field.search_area .form-control {
    padding-left: 20px !important;
  }

  .popup-search-field.search_area button {
    padding: 4px 13px !important;
  }

  .w-sm-100 {
    width: 100%;
  }
}

/* Small devices (min-width: 576px) (max-width: 767.98px) // (landscape phones, less than 768px) */
@media only screen and (max-width: 767.98px) {
  /* ExTra Class Start*/
}

@media only screen and (max-width: 630px) {
}

@media only screen and (max-width: 580px) {
}

/* Extra small devices (min-width:361px) (max-width: 575.98px) // (portrait phones, less than 576px) */
@media only screen and (max-width: 575.98px) {
}

/* (min-width:361px) (max-width:520px) */
@media only screen and (max-width: 520px) {
}

/* (min-width:480px) (max-width:500px) */
@media only screen and (max-width: 500px) {
}

/* (min-width:361px) (max-width:479px) */
@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 400px) {
  /* ExTra Class Start*/
}

/* (min-width:321px) (max-width:360px) */
@media only screen and (max-width: 360px) {
}

@media only screen and (max-width: 340px) {
}

@media only screen and (max-width: 320px) {
}