@media (max-width: 1440px){
    .img-bottom{
        right: 0;
    }
    .hero-right-img img{
        width: 600px;
    }
    h3{
        font-size: 20px;
        line-height: 28px;
    }
    .fs-60{
        font-size: 40px;
        line-height: 50px;
    }

    /* footer */
    .main-footer::after,
    .main-footer::before{
        width: 50px !important;
        height: 50px !important;
    }
}

@media(max-width: 1199px){
    /* few-minutes-sec */
    .few-minutes-sec .row{
        padding: 50px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .few-minutes-sec .img-side img{
        height: 350px;
    }

    /* company-feedback-sec */
    .company-feedback-sec .feedback-slide-box {
        padding: 20px;
    }
    .company-feedback-sec .feedback-slide-box .profile-design {
        padding-top: 25px;
    }
    .company-feedback-sec .feedback-slide-box p{
        padding-bottom: 25px;
    }
    .company-feedback-sec .feedback-slide-box p {
        font-size: 16px;
        line-height: 26px;
    }
    .company-feedback-sec .feedback-slide-box .profile-design .profile{
        column-gap: 10px;
    }

    /* why-choose-sec */
    .why-choose-sec .img-side .left-caption-one,
    .why-choose-sec .img-side::after{
        display: none;
    }
}

@media (max-width: 1200px){
    h1{
        font-size: 56px;
        line-height: 66px;
    }
    h2{
        font-size: 40px;
        line-height: 50px;
    }

    /* header */
    
    header .navbar ul{
        gap: 40px;
    }

    /* hero Section */
    .img-bottom .hero-right-img{
        max-width: unset;
    }
    .hero-right-img img{
        width: 400px;
    }

    #brand-logos {
        display: none !important;
    }

    .hero-sec{
        height: 750px;
    }
    .brand-logo3 {
        top: -70px;
    }
    .brand-logo1 img{
        width: 70px;
        height: 70px;
    }
    .sec-pad{
        padding: 80px 8px;
    }
    .job-category .job-cat-box{
        width: calc(33.33% - 20px);
    }
    .home-about-sec .circle-img{
        height: 220px;
        width: 220px;
        padding: 8px;
    }
    .why-choose-sec .img-side .img img{
        width: 120%;
        object-position: center;
    }
}

@media (max-width: 1024px){
    .video-modal-sec {
        margin-bottom: 60px !important;
        min-height: 600px !important;
    }
    /* hero-sec */
    .img-bottom{
        left: 0 !important;
    }
    .emp-info-list{
        flex-direction: column;
        gap: 20px;
    }
    .emp-info-list .w-50{
        width: 100% !important;
    }
}

@media (max-width: 992px){
    h1{
        font-size: 48px;
        line-height: 56px;
    }
    .sec-pad{
        padding: 60px 8px;
    }
    .fs-22{
        font-size: 20px;
    }
    /* header */
    header .navbar ul{
        gap:20px;
        justify-content: start;
        align-items: start;
        margin-top: 20px;
    }
    .header-section{
        padding: 15px 8px;
    }
    .hero-sec{
        min-height: 650px;
        height: 100%;
    }
    .job-category .job-cat-box{
        width: calc(50% - 15px);
    }
    .gap-30{
        gap: 30px;
    }
    .fs-54{
        font-size: 42px;
        line-height: 60px;
    }
    .how-it-work-sec .gap-20{
        gap:20px;
    }
    .how-it-work-sec .works-col .work-box::before{
        display: none;
    }
    .how-it-work-sec .works-col .work-box{
        padding: 20px 0px;
    }
    .job-by-category-box .company-info .comapany-logo img{
        height: 62px;
        max-width: 62px;
    }
    .job-by-category-box .job-title a{
        font-size: 20px;
    }
    .fs-60 {
        font-size: 36px;
        line-height: 46px;
    }
    .job-by-category-box{
        padding: 20px;
    }
    .job-of-day-row{
        gap: 20px;
    }
    .job-by-category-box.w-50{
        width: calc(50% - 10px) !important;
    }
    .job-short-details .job-by-category-box{
        padding: 20px;
    }

    /* footer */
    .main-footer{
        padding: 50px 10px;
    }
    .main-footer .row{
        row-gap: 50px;
    }

    /* job-portal-sec */
    .job-portal-sec h2,
    .job-portal-sec p{
        text-align: center;
    }
    .job-portal-sec p{
        margin-bottom: 50px;
    }
    .job-portal-sec .btn-side{
        justify-content: center !important;
    }

    /* our-partner-sec */
    .our-partner-sec,
    .job-portal-sec,
    .company-feedback-sec {
        padding: 80px 8px;
    }

    /* border-design */
    .border{
        padding: 0 8px 60px 8px;
    }

    /* few-minutes-sec */
    .few-minutes-sec .content-side{
        max-width: 100% !important;
        padding-left: 0 !important;
        text-align: center;
    }
    .few-minutes-sec .row{
        flex-direction: column-reverse;
        row-gap: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .few-minutes-sec .img-side img{
        width: 100%;
        height: 400px;
        display: flex;
        margin: 0 auto;
        margin-bottom: -50px;
    }

    /* company-feedback-sec */
    .company-feedback-sec .slick-track {
        column-gap: 15px;
    }

    /* why-choose-sec -*/
    .why-choose-sec{
        padding: 60px 8px 0px 8px;
    }
    .why-choose-sec .row{
        flex-direction: column;
    }
    .why-choose-sec .content-side{
        max-width: 100%;
        padding-left: 12px;
    }
    .why-choose-sec .img-side .img img{
        position: unset;
        height: auto;
    }
    .why-choose-sec .content-side .icon-box{
        max-width: 100% !important;
    }
    .why-choose-sec .content-side .icon-box{
        padding: 20px;
    }
    .why-choose-sec .img-side .img img{
        width: 100%;
        object-position: center;
    }
    .why-choose-sec .img-side {
        padding-bottom: 80px;
    }
    .why-choose-sec .right-caption{
        top: unset;
        left: 0;
        bottom: 40px;
    }

    /* jobs */
    .col-count-md-2{
        column-count: 2;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .col-count-md-2 .checkbox-group{
        width: 50%;
    }
    .filter-slidebar{
        padding: 30px;
    }
    .pagination{
        margin-top: 40px;
    }

    /* Contact */
    .contact-details .contact-box .contact-icon{
        height: 80px;
        width: 80px;
        font-size: 25px;
    }
    .bg-light-blue{
        padding: 80px 50px;
    }
    .job-des-tab h3{
        font-size: 20px;
    }

    .about-first-sec,
    .faq-sec{
        padding: 80px 8px;
    }
    .mt-30{
        margin-top: 15px;
    }
    .about-first-sec .row{
        gap: 30px;
    }
    .about-first-sec .content-side {
        padding-left: 8px;
    }
    .about-first-sec .img-side .text-with-user-image {
        padding: 20px;
        left: 5px;
    }
    .about-first-sec .img-side .text-with-user-image img{
        height: 40px !important;
        object-fit: contain;
    }
    .about-first-sec::after{
        width: 200px;
        height: 200px;
    }
    .about-first-sec .img-side img {
        width: 100%;
        height: 500px;
        object-fit: contain;
    }

    /* faq-sec */
    .faq-sec .heading-side h2{
        max-width: 100%;
    }
    .faq-sec .row{
        row-gap: 30px;
    }
    .faq-sec .faq-side .accordion-body{
        padding: 20px;
    }
    .faq-sec .faq-side .accordion-item .accordion-button{
        padding: 15px !important;
        font-size: 18px !important;
    }

    /* video-modal-sec */
    .video-modal-sec {
        padding: 0px 8px 80px 8px;
    }
    .video-modal-sec .ep-video-button:before {
        width: 50px;
        height: 50px;
    }
    .video-modal-sec .ep-video-button::after{
        width: 50px;
        height: 50px;
    }
    .video-modal-sec .ep-video-button svg{
        width: 18px;
        height: 18px;
    }
    .video-modal-sec .row{
        height: 400px !important;
    }
    .video-modal-sec .ep-video-button:after{
        top: 50%;
        left: 40%;
    }
    .video-modal-sec .ep-video-button:before{
        left: 40%;
        top: 40%;
    }
    .video-modal-sec .ep-video-button svg{
        left: 40%;
    }
    .video-modal .modal-dialog {
        width: 100%;
    }

    /* about-counter */
    .about-counter {
        margin-bottom: 80px;
    }

    /* about-portal */
    .about-portal .row{
        padding: 50px 20px;
    }

    /* team-slider-section */
    .team-slider-section .team-slider .slick-slide{
        margin-left: 10px;
        margin-right: 10px;
    }
    .scroll-to-top{
        right: 15px;
    }
    .home .header-section.home-header,
    .home .header-section{
        position: unset;
    }
    .home .header-section.sticky{
        position: fixed;
    }
    .header-section .desktop-menu{
        display: none;
    }
}

@media (max-width: 768px){
    h1{
        font-size: 32px;
        line-height: 40px;
    }

    h2, .fs-40{
        font-size: 30px;
        line-height: 40px;
    }
    .fs-54{
        font-size: 32px;
        line-height: 48px;
    }
    .sec-pad{
        padding: 60px 8px;
    }
    svg.fs-14{
        font-size: 12px;
    }
    .fs-22{
        font-size: 18px;
    }
    .btn-blue,
    .border-blue-btn,
    .white-border-btn {
        padding: 13px 30px 11px 30px;
    }
    .btn-blue,
    .border-gray-btn,
    .border-blue-btn,
    .white-border-btn {
        font-size: 13px;
    }
    .mb-40{
        margin-bottom: 24px;
    }
    /* hero sec */
    .hero-sec{
        min-height: auto;
        height: 100%;
    }
    .hero-right{
        position: relative;
        justify-content: center;
    }
    .img-bottom{
        position: relative;
        right: unset;
    }
    .brand-logo3{
        top: 0;
    }
    .user-img img{
        width: 120px;
        object-fit: contain;
    }
    .popular-links{
        margin: 20px 0 35px 0;
    }
    .search-form .row{
        gap: 10px;
    }
    .search-form .btn-blue{
        width: 100%;
        /* max-width: 346px; */
        margin: 0 auto;
    }
    header .navbar .navbar-brand img, .footer-sec .footer-logo img{
        max-width: 140px;
    }
    .job-category .job-cat-box{
        width: 100%;
    }
    .demanding-cate h2{
        text-align: center;
    }
    .home-about-sec .expert-emp-img img{
        width: 88%;
        height: auto;
    }
    .home-about-sec .circle-img{
        height: 150px;
        width: 150px;
        padding: 4px;
    }
    .home-about-sec .company-list .blue-check-icon{
        font-size: 18px;
    }
    .home-about-sec .company-list{
        gap: 12px;
    }
    .home-about-sec .blue-circle{
        height: 60px;
        width: 60px;
    }
    .demanding-cate h2{
        margin-bottom: 15px;
    }
    .fs-20{
        font-size: 18px;
        line-height: 22px;
    }
    .counter-sec .count-col:nth-of-type(2):before,
    .counter-sec .count-col:nth-of-type(4):before{
        display: none;
    }
    .counter-sec{
        padding: 60px 8px;
    }
    .how-it-work-sec .work-box .icon-bg{
        height: 80px;
        width: 80px;
    }
    
    .how-it-work-sec .work-box .icon-bg img{
        width: 30px;
        height: 30px;
    }
    .job-tab .nav{
        column-gap: 10px;
        row-gap: 5px;
        justify-content: center;
    }
    .job-by-category-box.w-50{
        width: 100% !important;
    }
    .job-tab .nav .nav-item .nav-link{
        padding: 5px 8px;
    }
    .job-bottom-line{
        margin-top: 30px;
    }
    .job-bottom-line .job-text-content{
        font-size: 16px;
    }
    .fs-60 {
        font-size: 30px;
        line-height: 40px;
    }
    .job-category .job-cat-box{
        padding: 30px 20px;
    }
    .job-category .job-cat-box .icon-img{
        font-size: 20px;
        height: 70px;
        width: 70px;
    }

    /* footer */
    .main-footer .footer-menu-col.pl-50{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .main-footer .row{
        row-gap: 20px;
    }
    .footer-bottom-area{
        padding: 20px 15px;
    }
    .footer-bottom-area p{
        text-align: center !important;
    }
    .main-footer .footer-form-col .submit-btn {
        height: 45px;
    }

    /* job-portal-sec */
    .job-portal-sec p{
        margin-bottom: 30px;
    }
    .job-portal-sec .two-btn{
        justify-content: center;
    }

    /* our-partner-sec */
    .our-partner-sec,
    .job-portal-sec {
        padding: 60px 8px;
    }
    .our-partner-sec .partners-logo img {
        width: 120px;
        height: 40px;
    }

    /* few-minutes-sec */
    .few-minutes-sec .img-side img {
        height: 100%;
    }

    /* company-feedback-sec */
    .company-feedback-sec .feedback-slide-box .profile-design{
        justify-content: space-between;
        flex-direction: column;
        align-items: self-start;
        gap: 20px;
    }
    .company-feedback-sec .feedback-slide-box .person-img img{
        width: 55px;
        height: 55px;
    }
    .company-feedback-sec .slick-track{
        column-gap: 5px;
    }

    /* Sub page banner */
    .sub-banner{
        min-height: 250px;
    }
    .sub-banner h1.sub-title{
        font-size: 30px;
        line-height: 40px;
    }
    .sub-banner .breadcrumb .breadcrumb-item, .sub-banner .breadcrumb .breadcrumb-item a{
        font-size: 18px;
    }

    /* job */
    .job-short-details .job-by-category-box .job-top-info{
        flex-direction: column;
        gap: 10px;
    }
    .job-short-details.job-of-day-row .save-btn{
        text-align: left;
    }
    .job-short-details.job-of-day-row .save-btn .small-btn{
        margin-bottom: 0px;
    }
    .filter-slidebar{
        padding: 30px 20px;
    }
    .pagination li a{
        width: 45px;
        height: 45px;
        font-size: 16px;
    }
    .contact-details .row{
        gap: 30px;
    }
    .bg-light-blue{
        padding: 40px 15px;
    }
    .form-style input, .form-style textarea{
        padding: 12px 20px;
    }
    /* Product */
    .product-single-job{
        margin-top: -60px;
    }
    .photo-slider .photo-img img{
        height: 130px;
    }
    .photo-slider .photo-img{
        margin: 0px 10px;
    }
    
    .image-slider .slick-track{
        left: 0;
    }
    .rating-breakdown,
    .job-des-tab .bg-light-gray,
    .review-form{
        padding: 30px 20px;
    }
    .gap-20{
        gap: 20px;
    }
    .review-form .form-group{
        margin-bottom: 20px;
    }
    .review-sec{
        padding: 30px 0px 0px;
    }
    /*about-us-page*/
    .border-btn {
        font-size: 13px;
        padding: 13px 30px;
    }
    .about-first-sec,
    .faq-sec{
        padding: 60px 8px;
    }
    .about-first-sec .img-side img {
        height: 400px;
    }

    /* video-modal-sec */
    .video-modal-sec {
        padding: 0px 8px 60px 8px;
    }
    .video-modal-sec .row{
        height: 350px;
    }
    .video-modal-sec .ep-video-button:before,
    .video-modal-sec .ep-video-button:after {
        left: 45%;
    }
    .video-modal-sec .ep-video-button svg {
        left: 45%;
    }

    /* about-counter */
    .about-counter {
        margin-bottom: 60px;
    }

    /* team-slider-section */
    .team-slider-section .team-slider .slick-arrow{
        width: 40px;
        height: 40px;
        top: -90px;
    }
    .team-slider-section .team-slider .slick-arrow.slick-prev::before,
    .team-slider-section .team-slider .slick-arrow.slick-after::before{
        width: 16px;
        height: 16px;
    }
    .team-slider-section .team-slider .slick-arrow.slick-prev {
        right: 60px;
    }
}

@media (max-width: 400px){
    .col-count-md-2{
        column-count: 1;
        flex-direction: column;
    }
    .col-count-md-2 .checkbox-group{
        width: 100%;

    }
    .job-des-tab h3{
        font-size: 18px;
    }
}