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

    .catHireList_container .col-4, .catHireList_container .cat_items {
        width: 30.5%;
    }

}

@media only screen and (min-width:1099px) and (max-width:1399px) {

    .catHireList_container .col-4, .catHireList_container .cat_items {
        width: 31%;
    }

}


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

    .c-gap-80{
        gap: 65px;
    }

    .trusted-brands-container {
        width: calc(100% * 16 / 6);
    }

}

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

    .catHireList_container .col-4, .catHireList_container .cat_items {
        width: 47.9%;
    }

    .nav.header-nav .hoc .nav-menu {
        display: block;
        padding: 0 20px 20px 20px;
    }

    .nav-toggler svg {
        width: 50px;
        height: 50px;
    }

    header.header .dark-logo, footer .footer-top .footer-logo {
        max-width: 275px;
        max-height: 45px;
        width: 100%;
    }

    .brandDivision__ .trusted-brands-container {
        width: calc(100%* 16 / 10);
    }

    .social_icons a {
        width: 58px;
        height: 58px;
    }

    .social_icons a svg {
        width: 35px;
        height: 35px;
    }

    .footer-top .footer-logo_division {
        display: flex;
        justify-content: center;
    }

    .footer-top p {
        text-align: center;
    }

    .cat_partners .partner_cards, .hireService_cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .slick-dots li {
        width: 10px;
        height: 10px;
    }

    .slick-dots li button::before {
        content: '';
        opacity: 1;
        width: 15px;
        height: 15px;
        display: block;
        border-radius: 50%;
        background-color: var(--light-background);
        transition: background-color 0.3s ease;
    }

    .slick-dots {
        gap: 10px;
        margin: 15px 0;
        display: flex !important;
        justify-content: center;
    }

    .slick-dots li.slick-active button::before {
        background-color: #000; 
    }

    .slick-dots .slick-active button{
        background-color: var(--light-background);
    }

    .featuredRelatedCategory__ .blog-card_llb .blogCard_body a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

    .blog-card_llb .blogCard {
        box-shadow: 0px 5px 10px 0px #161C2D26;
    }

    .related-blog-division h4 {
        font-size: 36px;
        line-height: 39.6px;
    }

    .category_pg__ .nav.header-nav .hoc .nav-menu li a,
    .area_pg__ .nav.header-nav .hoc .nav-menu li a {
        color: var(--custom-black);
    }

    .area_pg__ #menuToggle svg rect,
    .category_pg__ #menuToggle svg rect {
        fill: #fff;
    }

    .area_pg__ .header.fixed-header #menuToggle svg rect,
    .category_pg__ .header.fixed-header #menuToggle svg rect {
        fill: #000;
    }

    .blog-card_llb .col-4 {
        padding: 10px;
        height: 375px;
    }

    .c-ps-30, .c-pe-30 {
        padding: 0;
        margin: 0;
    }

    .nav.header-nav .hoc .nav-menu li {
        padding: 10px 0;
    }

    .sidebar-nav .nav-menu {
        padding: 0px 0px 20px 0;
    }

    .header-nav #mainav i {
        padding: 20px 50px 0 0;
    }

    .cta_features .row {
        padding-top: 0;
        padding-bottom: 80px;
    }

    .review_section_main .review_tp { 
        padding-bottom: 60px; 
    }

    .category__content {
        margin: 60px 0;
    }

    .info_about img {
        margin-top: 30px;
    }

    .review_section_main { 
        margin-top: 80px; 
    }

    .footer-top h4 {
        margin-bottom: 20px;
    }

    .cta_features .chooseUs_info img {
        margin-bottom: 30px;
    }

    .hireInfo_division .c-pe-30 {
        margin-bottom: 60px;
    }

    .slick-dots,
    #sideNav #mainav,
    .nav.header-nav .nav-toggler {
        display: block !important;
    }

    .slick-dots li button,
    .nav.header-nav #mainav,
    .nav.header-nav .header-btn_quote,
    .section-introduction .info__col br {
        display: none;
    }

    #mainav i {
        display: flex;
    }

}

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

    .nav.header-nav .hoc .nav-menu{
        display: block;
        padding: 0 20px 20px 20px;
    }

    .banner-division h1{
        font-size: 26px;
        line-height: 31.2px;
        text-align: center;
    }

    .cat_search-container{
        display: block;
        height: auto;
    }

    .cat_search-input{
        width: 100%;
    }

    .cat_search-input input {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

    .cat_search-input input::placeholder {
        display: inline-block;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .cat_search-container .button-secondary{
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }

    .trusted-brands-container {
        width: calc(100% * 16 / 6) !important;
    }

    .info__row .info__col{
        width: 100%;
        display: flex;
    }

    .info__row .info__col-body h4, .info__row .info__col-body p{
        text-align: left;
    }

    .cat_items img {
        width: 100%;
        height: auto;
    }

    .cat_items {
        text-align: center;
    }

    .slick-dots li {
        width: 10px;
        height: 10px;
    }

    .slick-dots li button::before {
        content: '';
        opacity: 1;
        width: 15px;
        height: 15px;
        display: block;
        border-radius: 50%;
        background-color: var(--light-background);
        transition: background-color 0.3s ease;
    }

    .slick-dots li.slick-active button::before {
        background-color: #000; 
    }

    .slick-dots {
        gap: 10px;
        margin: 15px 0;
        display: flex !important;
        justify-content: center;
    }

    .slick-dots .slick-active button{
        background-color: var(--light-background);
    }

    .catHireList_container .cat_items{
        box-shadow: none;
    }

    .section-faq_cta .cta-callout .col-md-5{
        margin-top: 40px;
        justify-content: start;
    }

    .blog-card_llb .col-4 {
        height: 375px;
    }

    .blog-card_llb .blogCard{
        box-shadow: 0px 5px 10px 0px #161C2D26;
    }

    .accordion-content {
        display: block;
    }

    .accordion-header {
        cursor: pointer;
        margin: 0;
        padding: 20px 0;
    }

    .accordion-header i{
        color: #ccc;
        display: block;
    }

    footer hr{
        margin: 0;
        border: 1px solid #ffffff20;
    }

    .footer-bottom .secondary-container{
        text-align: center;
    }

    .social_icons a{
        width: 58px;
        height: 58px;
    }

    .social_icons a svg{
        width: 35px;
        height: 35px;
    }

    header.header .dark-logo, footer .footer-top .footer-logo{
        max-width: 275px;
        max-height: 45px;
        width: 100%;
    }

    .footer-bottom p, .footer-bottom a{
        font-size: 14px;
    }

    .cat_partners .partner_cards, .hireService_cards{
        grid-template-columns: repeat(1, 1fr);
    }

    .banner-division p{
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
    }

    header.header .dark-logo, 
    header.header .white-logo, 
    footer .footer-top .footer-logo {
        max-width: 240px;
        max-height: 40px;
        width: 100%;
    }

    .section-introduction .info__row{
        gap: 40px;
    }

    .featuredRelatedCategory__ .blog-card_llb .blogCard_body a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

    .related-blog-division h4 {
        font-size: 36px;
        line-height: 39.6px;
    }

    .banner-division h1 {
        font-size: 26px;
        line-height: 31.2px;
    }

    .trusted__brands h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 24.6px;
    }

    .info_about h3, 
    .cta_features h3, 
    .catHire_header h3,
    .related-blog_llb h3,
    .card_hireService h4,
    .card_hireCompany h4,
    .faq-info_divisions h3, 
    .city_nearby_areas .nearby_title,
    .section-faq_cta .cta-callout h3 {
        font-size: 36px;
        line-height: 39.6px;
    }

    .category_pg__ .banner-division,
    .area_pg__ .banner-division {
        align-items: end;
    }

    .category_pg__ .nav.header-nav .hoc .nav-menu li a,
    .area_pg__ .nav.header-nav .hoc .nav-menu li a {
        color: var(--custom-black);
    }

    .area_pg__ #menuToggle svg rect,
    .category_pg__ #menuToggle svg rect {
        fill: #fff;
    }

    .area_pg__ .header.fixed-header #menuToggle svg rect,
    .category_pg__ .header.fixed-header #menuToggle svg rect {
        fill: #000;
    }

    .area_pg__ .callout-banner, 
    .category_pg__ .callout-banner {
        height: 750px;
    }

    .banner-division {
        height: 60%;
    }

    .category_pg__ .banner-division,
    .area_pg__ .banner-division {
        height: 75%;
    }
    
    .hero-buttons {
        display: block;
    }

    .hero-buttons a {
        width: 100%;
        margin-bottom: 20px;
    }

    /* Custom Margin and Padding Starts */

    .c-ps-30, .c-pe-30 {
        padding: 0;
        margin: 0;
    }

    .info__row .info__col,
    .contactForm_afh .col-6, 
    .contactForm_afh .col-12 {
        padding: 0;
    }
    
    .blog-card_llb .col-4 {
        padding: 10px;
    }

    .nav.header-nav .hoc .nav-menu li{
        padding: 10px 0;
    }

    .trusted__brands .brandDivision__ {
        padding: 20px 0;
    }

    #hire{
        padding: 60px 0;
    }

    .ContactUs_afh, .discover_hire-service {
        padding: 80px 0;
    }
    
    .section-faq_cta {
        padding: 80px 0 !important;
    }

    .service-catList__ .catHireList_container {
        padding: 20px 0 80px 0;
    }
    
    .header-nav #mainav i {
        padding: 20px 30px 0 0;
    }

    .review_tp .slick-list.draggable{
        padding: 0 60px 0 0 !important;
    }

    .service-catList__ .catHire_header {
        padding: 80px 0 20px 0;
    }
    
    .cta_features .row {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .cat_partners .partner_cards, .hireService_cards{
        padding-top: 20px;
    }

    .catArea_pg {
        padding-top: 40px;
    }

    .related-blog-division {
        padding-top: 80px;
    }

    .discover_hire-service .hs_titleandiscription{
        padding-bottom: 20px;
    }

    .content_design.content__left,
    .review_section_main .review_tp { 
        padding-bottom: 60px; 
    }

    main .faq_contact, 
    main .faq_area,
    .related-blog_llb {
        padding-bottom: 80px;
    }

    .review_section .review_box {
        padding-left: 0px;
    }

    .section-introduction .info__col p{
        padding-right: 10px;
    }

    .accordion-header h4{
        margin: 0;
    }

    .review_tp .review_header {
        margin: 16px 0;
    }
    
    .section-faq_cta hr, 
    .category__content {
        margin: 60px 0;
    }

    .section-introduction {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .info_about .row {
        margin-left: 0;
        margin-right: 0;
    }

    .review_tp .review_box a {
        margin-top: 16px;
    }

    .info_about img {
        margin-top: 30px;
    }

    .blog-card_llb,
    .category_pg__ .category__content .sticky-col {
        margin-top: 40px;
    }

    .category_pg__ .review_section_main {
        margin-top: 60px;
    }

    .review_section_main { 
        margin-top: 80px; 
    }
    
    .social_icons, 
    .faq-info_divisions h3, 
    .first-email-popup input,
    .hs_titleandiscription h3 {
        margin-bottom: 20px;
    }

    .cta_features .chooseUs_info img{
        margin-bottom: 30px;
    }

    .section-faq_cta .faq-info .faq-info_divisions:first-of-type {
        margin-bottom: 40px;
    }

    .hireInfo_division .c-pe-30{
        margin-bottom: 60px;
    }

    .info__row .info__col-body{
        margin-left: 18px;
    }

    /* Custom Margin and Padding Ends */

    .slick-dots,
    .nav.header-nav #mainav.show,
    .nav.header-nav .nav-toggler {
        display: block;
    }

    .slick-dots li button,
    .review_tp .trust_pilot,
    .nav.header-nav .header-btn_quote,
    .section-introduction .info__col br {
        display: none;
    }

    .nav.header-nav #mainav {
        display: none;
    }

    #mainav i {
        display: flex;
    }

    #sideNav #mainav {
        display: block !important;
    }
}