html {
    font-smooth: always;
    -webkit-font-smoothing: antialiased
}

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


    #categorygallery .gallary-image-item-section
    {

        height: 15em;
        object-fit: cover;
    }   

   .btn.btn-transparent2:hover,.btn.btn-transparent-primary-invert:hover
   {
      background-color: #fff !important;
   }

   .btn.btn-transparent-primary-invert:hover{
       border: 2px solid var(--dj-dark);
   }


   .border-theme-2 .btn-transparent-primary:active,.border-theme-2 .btn-transparent-primary:hover{color:#fff !important; background-color: rgb(11 15 25) !important;    border: 2px solid var(--primaryColor) !important;}

   
   .dark-mode .btn.btn-transparent2:hover
   {
      background-color: rgb(11 15 25) !important;
   }

   

    .breadcrumb-item+.breadcrumb-item::before,
    .breadcrumb-item+.breadcrumb-item {
        padding-right: 2px;
        padding-left: 2px;
    }
    .h-mob-100 {
        min-height: auto !important;
    }
    .h-mob-100 .hero_content_section {
        margin-bottom: 100px;
    }
    .hero_images_service img {
        height: 230px;
    }
    .hero_images_service.listing_layout_ img {
        height: auto !important;
    }
    body .__productImg .productImage {
        height: 245px
    }
    .blog_date {
        background: #fff
    }
    .dark-mode .blog_date {
        color: var(--dj-dark)
    }
    .btn-primary-fill:hover:after {
        display: none
    }
    .heroBanner_child {
        height: 105px
    }
    .submitSearchService {
        border: 2px solid #fff !important
    }
    .autoCompleteParent .inputSearchService::placeholder {
        font-size: 18px
    }
    .AutoCompleteHeadSection .display-6 {
        font-size: calc(1.8rem)
    }
    .subtitle_Hero {
        font-family: PJ-Light, sans-serif
    }
    .__how_we_work .steps .step {
        align-items: flex-start
    }
    .footer #footer-links .rowDiv {
        background-color: #f8f9ff !important;
        border-radius: 6px;
        padding: 0 18px
    }
    .dark-mode .footer #footer-links .rowDiv {
        background-color: #2c2f35f7 !important
    }
    .rounded-mob-0 {
        border-radius: 0 !important
    }
    .dark-mode .header.navbar-stuck .navbar-toggler-icon,
    .dark-mode .header.navbar-stuck .navbar-toggler-icon::after,
    .dark-mode .header.navbar-stuck .navbar-toggler-icon::before,
    .dark-mode .headerTransparent .navbar-toggler-icon,
    .dark-mode .headerTransparent .navbar-toggler-icon::after,
    .dark-mode .headerTransparent .navbar-toggler-icon::before,
    .navbar-toggler-icon,
    .navbar-toggler-icon::after,
    .navbar-toggler-icon::before {
        background-color: #fff !important
    }
    .header.navbar-stuck .navbar-toggler-icon,
    .header.navbar-stuck .navbar-toggler-icon::after,
    .header.navbar-stuck .navbar-toggler-icon::before,
    .headerTransparent .navbar-toggler-icon,
    .headerTransparent .navbar-toggler-icon::after,
    .headerTransparent .navbar-toggler-icon::before {
        background-color: var(--title) !important
    }
    .header.header.navbar-sticky .nav-item .nav-link {
        color: var(--title) !important;
        width: 100%;
        position: relative;
        z-index: 1
    }
    .dark-mode .header.header.navbar-sticky .nav-item .nav-link {
        color: #fff !important
    }
    .container {
        width: 96%
    }
    .w-100-mob,
    body .btnWidth {
        width: 100%
    }
    .inputSearchService::placeholder {
        font-size: 16px
    }
    .border-none-mob {
        border: inherit !important
    }
    .blogSectionMain .card-img-top {
        height: 10em
    }
    .headSection {
        justify-content: start !important;
        align-items: self-start;
        display: flex
    }
    .aboutBanner,
    .heroBanner,
    .serviceBanner {
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-attachment: fixed
    }
    .our_service_style_1 .card-img-top {
        height: 250px;
        object-fit: cover
    }
    p {
        font-size: large
    }
    .__how_we_work .step-number {
        width: 50px;
        height: 50px
    }
    .__how_we_work .step-number .step-number-inner {
        width: 30px;
        height: 30px
    }
    .copyright_section,
    .price_start {
        font-size: 14px
    }
    a:active,
    button:active {
        background: 0 0
    }
    .review_section_2 blockquote {
        padding: 15px
    }
    .review_section_2 blockquote p {
        font-size: 16px
    }
    .review_section_2 figure {
        margin-right: 0 !important;
        padding-right: 0 !important
    }
    #footer-links h6 a {
        font-size: 1rem !important
    }
    .fullBanner {
        min-height: inherit
    }
    .myCartParent ._myCartMain {
        padding: 20px 2px !important;
        height: 75vh;
        position: relative;
        box-shadow: inherit !important
    }
    .myCartParent .__checkoutBtn {
        position: absolute;
        bottom: 20px
    }
    ._listItems .itemImageHeader,
    ._listItemsCheckout .itemImageHeader,
    body ._listItems .accordion-body .productImg {
        height: 70px;
        width: 70px
    }
    body .__favListBtn,
    body .__favListBtn:hover {
        background: var(--primaryColor10) !important;
        border: 2px solid var(--primaryColor10) !important
    }
    body .__favListBtn.btn-transparent2:hover i {
        color: var(--primaryColor) !important
    }
    .dark-mode :not(.btn-check)+.btn:active {
        color: var(--dj-dark) !important
    }
    .mobile_quoteid_sec {
        background: #eaeaea
    }
    ._paymentSummary {
        box-shadow: none !important
    }
    ._paymentSummary .agree_section label,
    ._paymentSummary .price_summary_data .small,
    .leftHitsParent .intro {
        font-size: medium
    }
    .productOverlayParent span {
        border-radius: 5px !important
    }
    .cartListParent {
        overflow-y: scroll !important
    }
    .categoriesListHr {
        color: var(--primaryColor)
    }
    .mx-width-250 {
        max-width: 220px
    }
    .border-bottom-line {
        border-bottom: 1px solid #e3e3e3
    }
    .border-bottom-line:last-child {
        border-bottom: inherit;
        margin-bottom: inherit
    }
    .btn-facebook,
    .btn-instagram,
    .btn-linkedin,
    .btn-twitter,
    .btn-youtube {
        margin-left: 10px !important
    }
    .__pay_deposit_btn:active {
        background-color: #6cbe59 !important;
        background-color: linear-gradient(0deg, #6cbe59 0%, #099f42 100%) !important;
        background-color: -moz-linear-gradient(0deg, #6cbe59 0%, #099f42 100%) !important;
        background-color: -webkit-linear-gradient(0deg, #6cbe59 0%, #099f42 100%) !important;
        color: #fff !important
    }
    .myCartParent .position-sticky {
        height: 100%
    }
    body .submitSearchService {
        font-size: 20px !important
    }
    .inputSearchService::placeholder {
        color: #000;
        opacity: .5;
        font-family: PJ-Medium, sans-serif
    }
    .inputSearchService {
        font-size: 20px
    }
    .autoCompleteParent .inputSearchService {
        height: 50px
    }
    .AutoCompleteHeadSection .autoCompleteParent::before {
        left: 7px;
        line-height: 55px
    }
    .banner_video_section .jarallax {
        height: 250px
    }
    .banner_video_section .jarallax-img {
        background-image: url('../images/video_placeholder_mobile.webp')
    }
    .serviceBanner .serviceSvg svg {
        height: 120px
    }
    .step::after,
    .step::before,
    .steps-sm .step::after,
    .steps-sm .step::before {
        background-color: transparent !important
    }
}

@media only screen and (max-width:575.98px) and (-webkit-min-device-pixel-ratio:2),
only screen and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) {
    .aboutBanner,
    .heroBanner,
    .serviceBanner {
        background-attachment: scroll
    }
}

@media only screen and (min-width:576px) and (max-width:767px) and (orientation:landscape) {
    .navbar-brand>img {
        width: 140px !important
    }
    .fs-sm {
        font-size: .675rem !important
    }
    .fullBanner {
        min-height: unset
    }
    .navbar-toggler-icon,
    .navbar-toggler-icon::after,
    .navbar-toggler-icon::before {
        background-color: #fff !important
    }
    .btn-facebook,
    .btn-instagram,
    .btn-linkedin,
    .btn-twitter,
    .btn-youtube {
        margin-left: 2px !important
    }
    header.header.navbar-sticky .offcanvas-body .nav-item a.nav-link {
        color: #0b0f19 !important
    }
}

@media only screen and (min-width:768px) and (max-width:991.98px) and (orientation:landscape) {
    header.header .navbar-brand img {
        width: 200px !important
    }
    .navbar-toggler-icon,
    .navbar-toggler-icon::after,
    .navbar-toggler-icon::before {
        background-color: #fff !important
    }
    .fullBanner {
        min-height: unset !important
    }
    header.header.navbar-sticky .offcanvas-body .nav-item a.nav-link {
        color: #0b0f19
    }
}

@media only screen and (min-width:1200px) {
    .leftHitsParent {
        padding-right: 3%
    }
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
    .navbar-brand>img {
        width: 100px !important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:576px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .step-number {
        background: var(--primary-color-gray-v2) !important
    }
    .dark-mode .step-number {
        background: #181b24 !important
    }
}

@media only screen and (min-width:806px) and (max-width:1024px) and (orientation:landscape) {
    .navbar-brand>img {
        width: 95px !important
    }
    .fs-sm {
        font-size: .675rem !important
    }
    .fullBanner {
        min-height: unset !important
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) and (orientation:portrait) {
    header.header.navbar-sticky .nav-item .nav-link,
    header.header.navbar-sticky.headerTransparent .nav-item .nav-link,
    header.header.navbar-sticky.navbar-stuck .nav-item .nav-link {
        color: #0b0f19 !important
    }
    .dark-mode .navbar-toggler-icon,
    .dark-mode .navbar-toggler-icon::after,
    .dark-mode .navbar-toggler-icon::before,
    .dark-mode header.header.navbar-sticky.headerTransparent .navbar-toggler-icon,
    .dark-mode header.header.navbar-sticky.headerTransparent .navbar-toggler-icon::after,
    .dark-mode header.header.navbar-sticky.headerTransparent .navbar-toggler-icon::before,
    .dark-mode header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon,
    .dark-mode header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon::after,
    .dark-mode header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon::before,
    .navbar-toggler-icon,
    .navbar-toggler-icon::after,
    .navbar-toggler-icon::before {
        background-color: #fff !important
    }
    header.header.navbar-sticky.headerTransparent .navbar-toggler-icon,
    header.header.navbar-sticky.headerTransparent .navbar-toggler-icon::after,
    header.header.navbar-sticky.headerTransparent .navbar-toggler-icon::before,
    header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon,
    header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon::after,
    header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon::before {
        background-color: #0b0f19 !important
    }
    .dark-mode header.header.navbar-sticky .nav-item .nav-link,
    .dark-mode header.header.navbar-sticky.headerTransparent .nav-item .nav-link,
    .dark-mode header.header.navbar-sticky.navbar-stuck .nav-item .nav-link {
        color: #fff !important
    }
    .our_service_style_1 .card-img-top {
        height: 25vh;
        object-fit: cover
    }
    .offcanvas.offcanvas-end.show {
        width: 55%
    }
    .myCartParent .__checkoutBtn {
        position: absolute;
        bottom: 30px
    }
    .myCartParent ._myCartMain {
        padding: 20px 2px !important;
        height: 100vh;
        position: relative;
        box-shadow: inherit !important
    }
    body .cartListParent {
        max-height: 300px
    }
}

/* Responsive Support */
@media (max-width: 991px) {
  .sidebar_nearby {
    max-width: 100%;
    margin-top: 30px;
    position: static;
  }

  .nearby_title, .zipcode_title {
    font-size: 18px;
  }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: PJ-Bold, sans-serif;
    font-weight: inherit !important
}