/* min css */
@media screen and (min-width: 992px) {
    .mobile-menu {
        display: none;
    }
    .contact_content_mobile {
        display: none;
    }
}

/* min css */


/* max css */
@media screen and (max-width: 1399px) {

    .or::after, .or::before {
        width: 220px;
    }
    .info_right_img_one {
        margin-bottom: -149px;
        margin-left: -18px;
    }
    .swiper-wrapper.swipper_preview_image {
        height: 100% !important;
        /* margin: 20px 0; */
    }
}
@media only screen and (max-width: 1199px) {

    .header_inner .header_menu ul li a, .registration_btn a, .add_listing_btn a span {
        font-size: 14px;
    }
    .contact_content {
        left: -30%;
        top: 16%;
        padding: 40px;
        width: 350px;
    }
    .registration_btn {
        margin: 0px 10px;
    }
    .contact_wrapper {
        padding: 70px 70px 70px 200px;

    }
    .blog_details_title h2,
    .social_blog_list_title {
        padding-bottom: 20px;
    }
    .header_inner .header_menu ul li {
        margin-left: 10px;
    }
    .common_btn {
        padding: 12px 11px;
    }
    .social_item {
        width: calc(50% - 10px);
    }
    .or::after, .or::before {
        width: 180px;
    }
    .login_bg {
        margin-bottom: 0;
        padding-bottom: 120px;
    }
    .forget-bg {
        background-repeat: no-repeat;
        padding: 200px 0px;
        margin: 10px 0px;
    }
    .info_right_img_two {
        margin-top: -137px;
        text-align: unset !important;
        margin-left: 205px;
    }
    .info_right_img_one {
        margin-bottom: -149px;
        margin-left: -205px;
    }
    .about_right {
        text-align: center;
        margin-top: 120px;
    }
    .about_info_title {
        margin: 0;
        padding-bottom: 20px;
    }
    /* cart */
    .cart_page_info_bottom ul, .cart_page_info_top ul{
        gap: 40px;
    }
    .cart_page_info_bottom .cart-apply-coupon-btn{
        padding: 10px 10px;
    }
    .cart_coupun_bottom_line{
        width: 100px;
    }
    .cart_page_info_bottom ul li span{
        font-size: 14px;
    }
    .cart_page_info_top ul li span.cartTotal{
        font-size: 18px;
    }
    .cart_page_info_top{
        width: 100%;
    }
    .cart_page_info_top{
        margin-left: 0;
    }
    .cart_page_info_img{
        margin-left: -15px;
    }

    .payment-sub-banner{
        margin-bottom: 60px;
    }
    .payment_button, .payment_button_res{
        padding: 20px 60px;
    }
    .payment_grand_total{
        margin-top: 50px;
    }

    .search_page_info ul li p{
        gap: 20px;
    }
    .widget-search form.search_sidebar_search input::placeholder{
        padding-left: 30px;
        font-size: 14px;
    }
    .search_sidebar_search select.form-select{
        padding-left: 40px;
    }
    .fe_item_body h2{
        font-size: 16px;
    }
    .widget-item .company_sidebar_listing_img {
        margin-right: 5px;
    }

}

@media only screen and (max-width: 991px) {
    .company_sub_banner{
        /* margin-bottom: 25px; */
        padding-top: 115px;
    }
    .company_banner_left{
        margin-left: 15px;
    }
    .company_banner_right{
        margin-top: 32px;
    }
    .com_sub_banner_rating {
        text-align: start;
        margin: 20px 0 15px 15px;
    }
    .hero_area {
        padding: 185px 0px 130px 0px;
    }
    .hero_card {
        margin: 60px 0px 20px 0px;
    }
    .hero_inner_title h2 {
        font-size: 38px;
    }
    .hero_inner_title p {
        font-size: 20px;
    }
    .four-zero-inner img {
        width: 100%;
    }
    .select_one.listing_input {
        /* margin-bottom: 30px; */
        width: 100%;
    }
    .contact_content {
        display: none;
    }
    .contact_wrapper {
        padding: 50px;
    }
    .blog_details_title h2,
    .social_blog_list_title {
        padding-bottom: 0px;
    }
    .social_blog_list_title {
        margin-bottom: 0px;
    }
    .about_support_text {
        margin-bottom: 30px;
    }
    .sub-banner {
        margin-top: 0px;

    }
    .bg-account {
        margin-top: 220px;
    }
    .social_item {
        width: calc(50% - 30px);
    }
    .header_section {
        display: none;
    }

    .mobile-menu {
        display: block;
    }
    .subscriber_area {
        background-position: inherit;
        padding: 42px 28px;
    }
    .footer_title {
        margin-top: 30px;
    }
    .hero_content {
        padding-top: 74px;
    }
    span.select2-dropdown {
        width: 323px !important;
    }
    .or::after, .or::before {
        width: 269px;
    }
    .forget-bg {
        background-image: none;
        height: auto;
        margin-top: 0 !important;
        padding: 156px 0px 50px 0px;
    }

    .company_star_inner{
        flex-wrap: nowrap;
    }
    .swiper-wrapper.swipper_preview_image {
        height: 100% !important;
        margin: 20px 0;
    }
    .com_business_map_link{
        width: auto;
    }

    /* cart */
    .cart_area{
        width: 100%;
    }
    .cart_total_bill{
        margin-left: 0;
        margin-top: 80px;
    }
    .cart_total_title, .cart_total_list, .cart_checkout_btn{
        margin-left: 0;
    }
    .cart_page_info hr{
        margin: 30px 0;
    }
    .cart_section {
        margin-bottom: 50px;
    }
    .cart_total_bill{
        margin-top: 50px;
    }

    .payment_button{
        display: none;
    }
    .payment_button_res{
        display: block;
    }

    .fe_item_body h2{
        font-size: 20px;
    }
    .search_page_sub_banner {
        margin: 65px 0 40px 0;
    }
    .search_page_info{
        margin: 40px 0 40px 0;
    }
    .search_vertical_line {
        padding: 0 25px;
    }
    .widget-search form.search_sidebar_search input::placeholder, .search_sidebar_search select.form-select{
        font-size: 16px;
    }


}
@media only screen and (max-width: 767px) {
    .widget{
        margin-top: 30px;
    }
    .contact_btn {
        border: none;
        margin-top: 20px !important;
        width: 100%;
    }
    .hero_inner_title {
        padding-bottom: 40px;
    }
    button.common_btn.serach-btn {
        display: inline-block;
        width: 100%;
        cursor: pointer;
    }
    .hero_content {
        padding-top: 45px;
    }
    .invoice_footer ul {
        justify-content: center;
    }
    .invoice_no {
        padding-top: 60px;
    }
    .customer_add ,
    .invoice_no,
    .invoice_logo,
    .Supplier_add {
        text-align: center;
    }
    .invoice_area {
        padding: 35px;
        margin-bottom: 60px;
    }
    .invoice_table {
        overflow-x: auto;
    }
    .con_item {
        flex-direction: column;
    }
    .com_add_img img {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .contact_section {
        background-image: none;
    }
    .blog_details_title h2,
    .social_blog_list_title {
        padding-bottom: 20px;
    }
    .blog_details_title h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .second_title h4 {
        font-size: 16px;
        line-height: 24px;
    }
    button.common_btn.comment_res_btn {
        margin-top: 20px;
    }
    .filter_right {
        margin-bottom: 30px;
    }
    .filter_area {
        justify-content: center;
    }
    .about_inner {
        background-image: none;
    }
    .info_right_img_two {
        margin-left: 184px;
    }
    .or::after, .or::before {
        width: 180px;
    }
    .company_item {
        flex-direction: column;
    }
    .company_logo {
        text-align: center;
        margin-bottom: 20px;
    }
    .subscribe_form_section {
        width: 330px;
    }
    input.subscribe_input {
        height: 64px;
    }
    button.subscribe_btn {
        top: 13%;
        padding: 9px 20px;

    }
    .review_content {
        flex-direction: column;
    }
    .review_left {
        text-align: center;
        margin-bottom: 12px;
    }
    .hero_card {
        display: flex;
        background: #FFFFFF;
        box-shadow: 0px 6px 15px rgb(66 66 66 / 6%);
        border-radius: 12px;
        padding: 20px 10px;
        margin: 35px 0px;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }
    .hero_item_one {
        display: flex;
        justify-content: space-between;
        align-items: end;
        border-bottom: 0.5px solid rgba(66, 66, 66, 0.24);
        padding: 6px 0px;
        border-right: 0;
    }
    .card_inner {
        width: 100%;
    }
    .common_btn {
        padding: 9px 32px;
        margin: 0;
    }
    .card_inner {
        width: 100%;
        padding: 12px 0px;
    }
    .card_inner:last-child {
        padding: 0;
    }

    .company_star_inner{
        flex-wrap: wrap;
    }
    .company_total_star {
        margin-bottom: 15px;
    }
    .mySwiper2{
        padding: 20px 0;
    }
    /* cart */
    .sub-banner{
        margin-bottom: 50px;
    }
    .search_page_info ul{
        display: block;
    }
    .search_page_info ul li{
        margin-bottom: 15px;
    }
    .search_page_info li.search_info_middle {
        border-right: none;
        border-left: none;
        padding: 0;
    }
    .search_page_info .search_btn{
        margin: 0;
        width: 100%;
    }
    .search_page_search_field .search_field {
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px;
    }
    .search_page_pagination ul{
        gap: 20px;
    }
    .search_page_search_field ul {
        display: block;
    }
    .show_search_result .search_field{
        width: 48%;
        display: flex;
        flex-wrap: wrap;
        min-width: 170px;
    }



}

@media only screen and (max-width: 575px) {
    .payment_billing_info {
        padding: 28px;
    }
    .payment_grand_total h2 {
        font-size: 20px;
    }
    .company_sidebar_common_title h4 {
        font-size: 16px;
    }
    .com_logo {
        margin-bottom: 11px;
    }
    .company_sub_banner {
        padding: 115px 0px 60px 0px;
    }
    .add_listing_form {
        padding: 30px;
    }
    .common_sub_title.pricing_title h4 {
        font-size: 30px;
        font-weight: 700;
    }
    .pricing_item {
        padding: 30px;
    }
    .pricing_title p span {
        font-size: 40px;
    }
    .hero_area {
        padding: 185px 0px 80px 0px;
    }
    .hero_inner_title {
        padding-bottom: 10px;
    }
    .hero_content {
        padding-top: 0px;
    }
    p.con_sub_para {
        font-size: 14px;
    }
    .confirmation_item {
        padding: 50px 20px;
    }
    p.con_sub_para {
        padding: 20px 0px;
    }
    .contact_section {
        padding: 0;
    }
    .contact_content_mobile, .contact_content {
        padding: 30px;
    }
    .contact_wrapper {
        padding: 20px;
    }
    .social_blog_list ul li {
        margin-bottom: 20px;
    }
    input#name, input#email {
        width: 100%;
        margin-bottom: 20px;
    }
    .review_btn {
        padding: 10px !important;
    }
    input.subscribe_input::placeholder, .subscribe_input {
        font-size: 15px;
    }
    .social_item {
        width: 100%;
    }
    .work_content h4 {
        line-height: 25px;
        padding: 0;
    }

    .common_title h2{
        font-size: 24px;
    }
    .common_sub_title h4, .fe_item_body a, .work_content h4, .blog_title {
        font-size: 20px;
    }
    .review_title .client_name, .review_title .client_para {
        font-size: 16px;
    }
    .review_wraper {
        padding: 40px 18px;
    }
    .hero_content h2 {
        font-size: 25px;
        margin-bottom: 13px;
        line-height: 38px;
    }
    .hero_content p {
        font-size: 17px;
    }
    .or::after, .or::before {
        width: 140px;
    }
    .bg-account {
        margin: 180px 0px 80px;
    }
    .social_item_wrapper {
        padding: 0;
    }
    .forget-bg {
        margin: 100px 0px 0px;
    }
    .login_bg {
        margin-bottom: 0;
        padding-bottom: 84px;
    }
    .about_right {
        margin-top: 0;
    }
    .info_right_img_one {
        display: none !important;
    }
    .info_right_img_two {
        margin-left: 0;
        margin-top: 60px;
    }
    .info_right_img_two img {
        width: 100%;
    }
    .select_one, .select_two {
        width: 190px;
    }
    .social_blog_list ul li a {
        width: 180px;
        text-align: center;
    }
    .author-date {
        flex-wrap: wrap;
    }
    .blog_review_title_txt {
        margin-bottom: 20px;
    }

    .company_details, .blog_section, .subscriber_section {
        margin-bottom: 50px;
    }
    .payment_card_info_bottom label{
        font-weight: 400;
    }
    .search_sidebar_search select.form-select{
        width: 100%;
    }
}

@media only screen and (max-width: 423px) {
    .company_sub_banner{
        margin-bottom: 0;
        /* padding-top: 20px; */
    }
    .company_banner_left{
        justify-content: center;
    }
    .com_sub_banner_raging_list ul li{
        margin-bottom: 10px;
        }
    .blog_details_title h2 {
        font-size: 17px;
    }
    .breadcrumb {
        font-size: 12px !important;
    }
    .select_one, .filter_right {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .filter_left {
        justify-content: center;
    }
    .or::after, .or::before {
        width: 125px;
    }
    .company_item {
        padding: 15px 20px;
    }
    .common_sub_title h4 {
        font-size: 17px;
    }
    button.subscribe_btn {
        top: 23%;
        padding: 5px 10px;
        font-size: 14px;
    }
    input.subscribe_input {
        padding: 9px 7px 9px 10px;
        height: 55px;
    }
    .subscribe_form_section {
        width: 247px;
    }
    input.subscribe_input::placeholder {
        font-size: 14px;
    }
    .common_title p {
        font-size: 16px;
    }
    .review_desc p {
        font-size: 12px;
    }
    .footer_top{
        padding: 50px 0 0 0;
    }

}
@media only screen and (max-width: 374px) {
    .fe_item_body ul li span {
        margin-left: 8px;
    }
    .author-date .date {
        margin-right: 17px;
    }
    .auth_flex {
        flex-wrap: wrap;
        line-height: 30px;
    }
    .rev_comment_image_list ul li{
        margin-bottom: 10px;
    }
    .search_vertical_line {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 323px) {
    span.select2-dropdown {
        width: 287px !important;
        margin-left: 0;
    }
    span.auth-form-icon {
        padding: 10px 16px 10px 10px;
    }
    .auth-form-icon img {
        padding: 8px;
    }
    input#username {
        font-size: 16px;
    }
    .or::after, .or::before {
        width: 100px;
    }
    input#email_auth_input,
    input#password_auth_input,
    input#username_auth_input,
    input#name_auth_input,
    input#password_auth_input1{
        border: none;
        outline: none;
        color: var(--secondary_font_color);
        font-family: var(--poppins_family);
        font-size: 13px;
    }

}