@media (min-width: 1920px) {
    .mainContainer {
        max-width: 1680px !important;
    }

    .header {
        padding: 10px 60px 35px 140px;
    }

    .sectionHeader {
        padding: 60px 144px 90px;
    }

    .aboutUsSlider {
        padding: 57px 144px;
    }

    .card {
        width: 255px;
        padding: 15px 12px 20px;
    }

    .aboutCarousel {
        max-width: 1110px;
        margin: auto;
    }

    .home_slider {
        padding: 0;
    }

    .sectionPadding {
        width: 1110px;
        padding: 0;
    }

    .aboutText {
        padding: 30px 80px 90px !important;
    }

    .aboutUsCardBox .card {
        width: 398px;
    }

    .aboutUsCardBox {
        padding: 0 214px;
    }

    .statisticSectionBox {
        padding: 70px 170px;
    }

    .loginSection>div, .registerSection>div {
        padding: 0 140px 110px;
    }

}

@media (max-width: 1920px) {
    .makeOfferBox {
        padding: 60px 30px 50px !important;
    }
}

@media (max-width: 1400px) {
    .menuItems a {
        font-size: 20px;
    }

    .infoBox>div, .singleOfferBox>div {
        padding: 30px !important;
    }

    .myOfferName {
        font-size: 14px;
    }

}


@media (max-width: 1200px) {
    .imgIcon {
        margin-left: 0;
    }

    .authDropdown {
        right: auto !important;
        left: 0 !important;
        position: static !important;
    }

    .mobileMenuItems a, .authNameBox {
        padding: 8px;
    }

    .authNameBox {
        flex-direction: column;
        align-items: flex-start;
    }

    .header {
        min-height: 100px;
    }

    .aboutUsCardBox {
        padding: 0 80px;
    }

    .settingsBox .tabBtn {
        font-size: 18px;
    }

    .myOfferName {
        font-size: 16px;
    }
}

@media (max-width:992px) {
    .infoBox img, .singleOfferBox img {
        margin: auto;
        padding-bottom: 20px;
    }

    .offerVote {
        margin: auto !important;
    }

    .aboutUsSliderBox h1 {
        font-size: 30px;
    }

    .settingsBox .tabBtn {
        font-size: 12px;
    }

    .pasIcon {
        right: 25px;
    }

    .filterBox {
        display: flex;
        flex-direction: row-reverse;
    }
}


@media (max-width: 768px) {
    .sectionHeader h2 {
        font-size: 36px;
    }

    .sectionHeaderMob h2 {
        margin-bottom: 50px !important;
        text-align: center;
    }

    .home_slider .slick-arrow {
        top: 100px !important;
    }

    .slick-next {
        right: 200px !important;
    }

    .slick-prev {
        right: 300px !important;
    }

    .emailSubscription>div, .emailSubscription form {
        padding: 0 20px;
    }

    .aboutUsSliderBox h1 {
        font-size: 20px;
    }

    .aboutUsSliderBox div {
        padding: 0 10px;
    }

    .settingSectionPadding {
        padding: 0 20px;
    }

    .settingsBox {
        padding: 40px 20px 140px !important;
    }

    .settingsBox .tabBtn {
        padding: 8px;
    }

    .offer_btn {
        padding: 30px 100px;
    }

    .settingModal {
        padding: 0 20px !important;
    }
}

@media (max-width: 550px) {
    .aboutUsSliderBox {
        padding: 10px 30px;
    }

    .aboutUsSliderBox div {
        padding: 0;
    }

    .aboutUsSlider>div {
        padding: 0;
    }

    .aboutUsCardBox {
        padding: 0 40px;
    }

    .slick-prev {
        left: 30px !important;
    }

    .slick-next {
        right: 30px !important;
    }

    .settingsBox .nav {
        flex-wrap: nowrap !important;
    }

    .settingsBox .tabBtn {
        line-height: inherit;
    }

    .offer_btn {
        padding: 20px 50px;
    }
}

@media (max-width: 425px) {
    .authDropdown {
        padding: 20px !important;
    }

    .mobileMenuItems {
        align-items: center;
    }

    .mobileNavPills {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .mobileNavPills>li {
        text-align: center;
    }

    .imgIcon img {
        margin: 0 auto;
    }

    .authNameBox {
        padding: 0;
    }

    .sectionHeader h2 {
        font-size: 28px;
    }

    .statisticSectionBox {
        padding: 70px 50px;
    }

    .statisticSectionBox h4 {
        font-size: 100px;
    }

    .statisticSectionBox h5 {
        font-size: 22px;
    }

    .aboutUsSlider {
        padding: 20px;
    }

    .aboutUsSliderBox div {
        padding: 0;
        line-height: 20px;
    }

    .aboutUsSliderBox h1 {
        font-size: 22px;
    }

    .aboutUsSlider>div {
        padding: 0;
    }

    .aboutUsSliderBox p {
        margin-bottom: 0;
    }

    .sitesName {
        font-size: 50px !important;
    }

    .filterInput {
        margin: 0 5px;
    }
    .aboutText h4{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .sectionPadding {
        padding: 0 20px;
    }
    .aboutUsCardBox {
        padding: 0px 20px;
    }
    .infoBox>div, .singleOfferBox>div {
        padding: 30px 10px !important;
    }

}
@media (max-width: 380px) {
    .dropDownLine{
        width: 200px;
    }

}

@media (max-width: 350px) {
    .aboutUsSliderBox h1 {
        font-size: 18px;
    }

    .aboutUsSliderBox {
        padding: 10px 15px;
    }
    .authButton li .login {
        padding: 10px 20px;
    }
    .authButton li .register{
        padding: 8px 18px;
    }
}


@media (min-width: 992px) {
    .pasPadding {
        padding-right: 50px !important;
    }

    .peReg {
        padding-right: 35px !important;
    }

    .psReg {
        padding-left: 35px !important;
    }

    .psReg .form-label, .psReg .form-label-img {
        left: 50px !important;
    }

    .pxReg {
        padding: 0 24px 0 23px;
    }

    .aboutUsSlider {
        padding: 57px 100px;
    }


}

@media (width:992px) {
    .pasIcon {
        right: 50px;
    }
}

@media (width:1200px) {
    .authDropdown {
        position: absolute !important;
        right: 0 !important;
        left: auto !important;
    }
}