@media(max-width:1200px)
{
    .f-footer .row div.col-social ul
    {
        justify-content: start;
    }
    .dashboard-section .desktop-dashmenu
    {
        width: 30%;
    }
    .dashboard-section .dashboard-items
    {
        width: 70%;
    }

    
}

@media(max-width:992px)
{
    .beinfits-account .main-benifits
    {
        height: 100%;
        padding: 40px;
    }

    .f-footer .col-links-footer
    {
        padding-left: 12px;
    }
    .navbar-desktop .user-drop
    {
    position: absolute;
    top: 5px;
    right: 25%;
    }

    .navbar-desktop .navbar-nav
    {
        place-items: start;
        padding-left: 10px;
    }
    .section-sell-page img
    {
        height:  900px;
    }
    .sell_container .row div.sell-text-col
    {
        height: 100%;
    }
    .sell_container .row div.form-col form
    {
        width: 100%;
    }
    .sell_container .row div.form-col .title
    {
        padding-left: 0px;
    }

    .benifits-of-sel-sec .benfits-para-sel
    {
        width: 95%;
    }

    .contact-page-sec .col-contact-form
    {
        padding: 5px;
    }
    .contact-page-sec
    {
        background: url('../img/bg-contact-tab-mode.jpg');
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .after-carousel-col h3
    {
        margin-top: 30px;
    }

    .col-filters-text
    {
        text-align: end;
    }

    .table-calender
    {
        width: 280px;
        float: right;
    }
    .signin-modal .modal-content,.signup-modal .modal-content
    {
        padding: 40px 0px;
    }
    .signup-modal .modal-body .signup-form-sec .fform-signup
    {
        padding: 50px 10px;
    }

    .signup-modal .modal-body .signup-form-sec .fform-signup form .fButton
    {
        width: 90%;
    }

    .message-popup
    {
        width: 98%;
        font-size: 9px;
    }

    .signup-modal .modal-body .signup-form-sec .fform-signup form .signup-account
    {
        font-size: 10px;
    }
    .dashboard-section .dashboard-items
    {
        width: 100%;
    }

    .dashboard-section .dashboard-items
    {
        padding: 20px;
    }

    .dashboard-section .dashboard-items .items .img-text h3 span
    {
        font-size: 12px;
    }

    .dashboard-section .dashboard-items .items .img-text h3
    {
        font-size: 35px;
    }

    .dashboard-section
    {
        padding: 40px 0px 40px 0;
    }

    .dashboard-section .dashboard-items.dash-wish
    {
        padding: 20px;
    }

    .view-inventory.new_view_inventory .after-carousel-col .bookmark a
    {
        top: 55px;
    }

    .view-inventory.new_view_inventory .view-inventory-row .card img.card-img
    {
        height: auto;
    }

    div.benifits .main-benifits
    {
        width: 100%;
    }

    .how-does
    {
        width: 100%;
    }
    .top-section-search .search-sec .input-group
    {
        width: 90%;
    }

    .top-section-search .search-sec .input-group span
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    .top-section-search .btn-top-col
    {
        justify-content: end;
    }
}

@media(max-width:767.9px)
{
    .top-section-search .search-sec
    {
        order: 1;
    }

    .top-section-search .search-sec .input-group
    {
        width: 100%;
        margin-top: 20px;
    }
    .f-type-text
    {
        font-size: 13px;
    }
    .f-type-text-2 
    {
        left: 4%;
        width: 90%;
        font-size: 13px;
    }

    .page-title-2nd div.row div.col-12:nth-child(2)
    {
        justify-content: start;
        margin-top: 20px;
    }

    .page-title-2nd div.row div.col-12 h3
    {
        font-size: 25px;
    }
    
    .dashcards .img-section img
    {
        border-radius: 0!important;
        border-top-right-radius: 7px!important;
        border-top-left-radius: 7px!important;
    }
    .dashboard-section .dashboard-items.dash-wish .card .card-body span.country-tag
    {
        margin-top: 15px;
    }
    .dashboard-section .dashboard-items.dash-wish .card .card-body a.fButton
    {   
        position: static;
        margin-left: 10px;
        margin-top: 15px;
        float: right;
    }

    .view-inventory.new_view_inventory .after-carousel-col p.description-new
    {
        padding-right: 0;
    }
    .f-footer
    {
        padding-top: 60px;
        background: url("../img/footer-mobile-bg.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .bid_online_main ul,.flexible-financing ul
    {
        font-size: 16px;
    }
    
}

@media(max-width:575px)
{
    .btn-top a.fButton{
        padding: 10px 20px!important;
    }

    .top-bar .col-auction span
    {
        font-size: 11px;
    }

    .top-bar .col-auction
    {
        text-align: center;
    }

    .top-bar .col-account
    {
        font-size: 11px;
        text-align: center;
        margin-top: 10px    ;
    }
    
    .top-bar .col-auction span a{
        display: block;
    }

    .navbar-toggle-main img
    {
        width: 15px;
    }

    .user-drop
    {
        width: 100px;
    }

    .user-drop a span{
        display: none;
    }

    .navbar-desktop .user-drop
    {
    position: absolute;
    top: 5px;
    right: 22%;
    }

    .navbar-desktop .browse-category
    {
        font-size: 12px;
    }

    .user-drop img
    {
        width: 35px;
    }

    .navbar-desktop .navbar-nav .nav-link
    {
        font-size: 13px;
    }
    .contact-page-sec .contact-text span
    {
        font-size: 12px;
    }
    .contact-page-sec .row-contact-page
    {
        padding: 8% 10px 0px 10px;
    }
    .view-inventory-row .card img
    {
        height: 250px;
    }

    .view-inventory-row .card img.play-btn
    {
        width: 80px;
    }

    .signin-modal .image-signup-in
    {
        display: none;
    }

    .signin-modal .details-signup-in
    {
        width: 98.3%;
    }

    .signin-modal .details-signup-in div.f-signin-form .eye
    {
        padding-right: 4%;
    }

    .signup-modal .modal-body .signup-image
    {
        display: none;
    }
    .signup-modal .modal-body .signup-form-sec
    {
        width: 95%;
        margin: 0 auto;
    }
    .message-popup
    {
        width: 95%;
        margin: -12px auto 0px auto;
    }

    .dashboard-section .dashboard-items.dash-wish
    {
        padding: 10px 20px;
    }

    .dashboard-section .dashboard-items.dash-wish .card .card-body h3
    {
        font-size: 20px;
    }

    .dashboard-offcanvas 
    {
        width: 100%!important;
    }
    
    .bid-history-dash-accordion .accordion-body
    {
        padding: 10px 5px;
    }

    .bid-history-dash-accordion .accordion-body table tbody tr th,
    .bid-history-dash-accordion .accordion-body table tbody tr td
    {
        padding: 7px;
    }

    .read-more-truck-construck .inr-main-item img
    {
        height:700px;
    }
}

@media(max-width:475px)
{
    .view-inventory.new_view_inventory .after-carousel-col .bid-section
    {
        width: 100%;
    }

    .view-inventory.new_view_inventory .after-carousel-col .new-title
    {
        width: 75%;
        font-size: 20px;
    }

    .view-inventory.new_view_inventory .after-carousel-col .new-sub-title
    {
        font-size: 15px;
    }

    .new_view_inventory .about-item-shiping-tab-content table tr td:nth-child(1)
    {
        width: auto;
    }

    .new_view_inventory
    {
        padding: 15px;
    }
}