/*================================
Template Name: Marketplace Ravi
Author: Beno Darry
Version: 1.0
==================================*/

@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 1440px) {}

@media (max-width: 1199.98px) {
    .home-banner-content h1{
        font-size: 1.8em!important;
    }
    .home-banner-img{
        max-width: 20em!important;
    }
    /* .header-nav-center .navbar-collapse .navbar-nav{
        align-items: flex-start!important;
    } */
    .header-icons .header-icons-list{
        justify-content: center;
    }
    .dynamic-nft-box{
        width: 100%;
    }
    .toolbar-body{
        overflow: auto;
    }
    .social-media-import-box{
        gap: 1em!important;
        margin-top: 3em!important;
    }
}

@media (max-width: 991.98px) {

    .navbar-toggler{
        border: 0!important;
        padding:0!important;
        outline: non!important;
        box-shadow: none!important;
    }
    .search-form{
        margin: 1em 0;
    }
    .home-banner-img-sec{
        text-align: center!important;
    }

    .resp-mrg-btm-md{
        margin-bottom: 2em;
    }
    .vertical-center{
        height: 80vh!important;
    }
    .home-banner-img{
        max-width: 22em!important;
    }
    .home-banner-sec{
        min-height: 80vh!important;
    }
    .create-sell-your-nft-icon {
        width: 5em!important;
    }
    .trending-artwork-img-sec .trending-artwork-img {
        height: 12em!important;
    }
    .top-collection-floor-price{
        flex-wrap: wrap;
    }
    .top-collection-value-traded{
        flex-wrap: wrap;
    }
    .top-collection-user-details{
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }
    .top-collection-user-details span{
        white-space: nowrap;
    }
    .auth-slider{
        margin-top: 4em;
    }
    .login-auth-sec{
        max-width: 60%!important;
    }
    .login-slider img {
        max-width: 60%!important;
    }
    .border-left{
       border: 0!important;
    }
    .border-rigt{
        border: 0!important;
    }
    .login-social-icon{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .resp-order{
        order: 2;
    }
    .footer-social-icons li a{
        grid-template-columns: 20px auto;
        display: grid;
        gap: 1em;
    }
    .top-collection-header-sec{
        flex-direction: column;
        gap: 1em;
        justify-content: center;
    }
    .top-collection-header-sec h2{
        font-size: 1.2em!important;
    }

    .top-collection-header-sec .header-search .input-group{
        width: 100%!important;
    }
    .item-list-sidebar{
        width:25%!important;
    }
    .item-list-main-wrapper{
        width: 69%!important;
    }
    .collection-item-card-box {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .activity-price{
        flex-direction: column;
    }
    .collection-activity-table-sec table td{
        white-space: nowrap;
    }
    .collection-activity-table-sec table th{
        white-space: nowrap;
    }
    .settings-wallet-history-sec{
        padding-left:0!important;
    }
    .add-billing-form{
        margin: 0 0em 1em!important;
    }
    .profile-banner-content{
        height: 14vh!important;
        align-items: center!important;
    }
    .edit-profile-link{
        padding-bottom: 0!important;
    }
    .profile-banner-sec{
        height: 14vh!important;
    }
    .settings-sec{
        padding: 2em 0 4em!important;
    }
    .settings-tab-sec .collection-item-card-box {
        grid-template-columns: repeat(3, 1fr)!important;
    }
    .create-collection-form{
        padding-top: 2em;
    }
    .create-new-item-left-sec{
        width: 100%!important;
    }
    .create-new-item-right-sec{
        width: 100%!important;
    }
    .create-new-item-box{
        flex-direction: column;
    }
    .create-new-item-left-sec{
        border-radius: 20px!important;
    }
    .create-new-item-right-sec{
        border-radius: 20px!important;
    }
    .create-new-item-wrapper{
        flex-wrap: wrap;
    }
    .create-new-item-right-form fieldset{
        min-width: 100%!important;
    }
    .single-item-properties-box{
        grid-template-columns: repeat(5, 1fr) !important;
    }
    .social-media-import-card{
        padding: 1.5em!important;
    }
    .social-media-import-box{
        grid-template-columns: repeat(2, 1fr)!important;
        gap: 2em!important;
    }
    .properties-item-box{
        grid-template-columns: repeat(2, 1fr)!important;
    }
}


@media (max-width: 767.98px) {
    .trending-artwork-img-sec .trending-artwork-img {
        height: 10em!important;
    }
    .home-banner-sec{
        min-height: 00vh!important;
    }
    .vertical-center{
        height: 100%!important;
    }
    .home-banner-content{
        padding-top: 2em;
    }
    .hamburger-menu {
        width: 2em;
    }
    .header-search .input-group{
        width: 100%;
    }
    .header-nav-center .navbar-collapse .navbar-nav{
        align-items: unset!important;
    }
    .banner-btn-sec{
        flex-direction: column!important;
        gap:3em!important;
    }
    .video-presentation{
        justify-content: center;
        width: 100%;
    }
    .home-banner-content{
        text-align: center;
    }
    .horizontal-left-banner-box{
        justify-content: center;
    }
    .horizontal-left-banner-count{
        padding-top: 3em!important;
    }
    .home-banner-img {
        max-width: 18em!important;
        margin-bottom: 2em;
    }
    .section-title h2{
        font-size: 1.2em!important;
    }
    .create-sell-your-nft-card{
        margin-top: 2em!important;
        gap:1.5em!important;
    }
    .create-sell-your-nft-card h4 {
        font-size: 1em!important;
    }
    .sm-padding{
        padding: 3em 0!important;
    }
    .top-collection-header-sec h2{
        font-size: 1.2em!important;
        align-items: flex-start!important;
    }
    .top-collection-header-sec{
        flex-direction: column;
        align-items: unset!important;
        gap: 1em;
    }
    .top-collection-sec.single-trending-page .top-collection-header-sec{
        align-items: unset!important;
    }
    .top-collection-sec .top-collection-header-sec{
        align-items: center!important;
    }
    .trending-artwork-header-sec h2{
        font-size: 1.2em!important;
    }
    .top-collection-user-details span{
        white-space: wrap!important;
    }
    .top-collection-user-details{
        justify-content: center!important;
    }
    .trending-artwork-sec{
        overflow-x: hidden;
    }
    .border-right::after{
        display: none;
    }
    .resp-marg-btm-xs{
        margin-bottom: 2em;
    }
    .login-auth-sec {
        max-width: 100%!important;
    }
    .login-nav-link a{
        padding: 0.5em 1.5em!important;
    }
    .autentication-box{
        padding: 2em 1.5em!important;
    }
    .sign-in-sec .input-group{
        width: 100%!important;
    }
    .auth-slider {
        margin-top: 2em!important;
    }
    .header-icons-list li:nth-child(3) .MuiBox-root.css-1nh85g{
        left: -225px;
    }
    .footer-social-icons{
        padding-left: 0.5em!important;
    }
    .footer-subscribe{
        text-align: center;
    }
    .copyright-sec{
        margin-top: 0em!important;
        text-align: center;
    }
    .trending-artwork-sec.single-trending-page .trending-artwork-header-sec{
        flex-direction: column;
        align-items: unset!important;
        justify-content: center;
        gap:1em;
    }
    .trending-artwork-sec.single-trending-page .trending-artwork-header-sec h2{
        justify-content: center;
    }
    .trending-artwork-sec.single-trending-page .header-back-btn{
        margin-bottom: 1em!important;
    }
    .single-trending-page .trending-artwork-box{
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .item-list-sidebar{
        width:100%!important;
        margin-left: 0!important;
    }
    .item-list-main-wrapper{
        width: 100%!important;
        margin-top: 0!important;
    }
    .item-list-container{
        flex-direction: column;
        margin: 0 15px;
    }
    .item-list-tab-header-sec{
        margin-top: 0em!important;
        flex-direction: column;
        justify-content: center;
        gap:1em;
    }
    .item-list-main-back-btn{
        margin: 1em 0;
    }
    .settings-tab-sec .nav-pills .nav-link .setting-header span{
        display: none;
    }
    .wallet-history-table table tr td{
        white-space: nowrap;
    }
    .settings-box{
        padding: 1.5em!important;
    }
    .security-title h4 {
        font-size: 1em!important;
    }
    .add-card-sec-box{
        flex-direction: column;
        align-items: unset!important;
    }
    .radio-item input[type=radio]:checked+label:after{
        top: 76px!important;
    }
    .withdraw-sec .radio-item input[type=radio]:checked+label:after{
        top:65px!important;
    }
    .main-wrapper .select-card-box .default-outline-btn{
        /* font-size: var(--bs-body-font-size)!important;
        white-space: nowrap; */
        font-size: 0.8em!important;
        white-space: nowrap;
    }

    .main-wrapper .default-outline-btn{
        font-size: var(--bs-body-font-size)!important;
    }
    .main-wrapper .default-btn{
        font-size: var(--bs-body-font-size)!important;
    }
    .settings-tab-sec .nav-pills .nav-link{
        font-size: 1.2em!important;
    }
    .radio-item label{
        grid-template-columns: 35px auto;
    }
    .profile-banner-sec {
        height: auto!important;
        background-size: cover;
    }
    .profile-banner-content{
        height: auto!important;
        flex-direction: column;
        gap:1em!important;
        padding: 1em 0;
    }
    .profile-banner-img-box .profile-img{
        width: 4em!important;
        height: 4em!important;
    }
    .profile-banner-img-box{
        padding-left: 2em;
    }
    .settings-tab-sec .collection-item-card-box {
        grid-template-columns: repeat(2, 1fr)!important;
    }

    .collection-list-sec .collection-list-box{
        margin-top: 0!important;
    }
    .create-new-collection-box{
        margin: 2em 0em!important;
    }
    .create-collection-logo-item{
        flex-direction: column;
    }
    .create-collection-banner-item{
        flex-direction: column;
    }
    .preview-box .previewButton{
        width: 100%!important;
    }
    .create-collection-category-box {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .create-item-properties-item{
        flex-wrap: wrap;
    }
    .item-list-main-btn-sec{
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 2em;
    }
    .item-list-main-header-box{
        flex-wrap: wrap;
    }
    .grapes-container{
        flex-direction: column;
        gap:2em;
    }
    .grapes-container .editor{
        width: 100%!important;
        margin-right: 0!important;
    }
    .grapes-container .toolbar{
        width: 100%!important;
        margin-bottom: 2em;
    }
    .grapes-container .toolbar-body{
        padding: 1em!important;
    }
    .dynamic-nft-box{
        padding: 1em!important;
    }
    .grapes-container .editor-header{
        height: 85px;
        flex-direction: column;
        padding: 0.5em;
        gap: 1em;
    }
    .create-new-item-right-sec{
        padding: 1em!important;
    }
    .create-new-item-right-form fieldset{
        min-width: 100%!important;
    }

    .add-properties-form{
        overflow-x: auto;
        height: 400px;
    }
    .header-icons-list li:nth-child(1) .MuiBox-root.css-uh632b{
        left: -30px;
    }
    .create-new-item-sec{
        padding-top: 0!important;
    }
        .single-item-btn-sec {
            flex-direction: column;
            gap: 1em;
        }
    
        .single-item-owned-by-sec {
            flex-wrap: wrap;
        }
    
        .single-item-description-box {
            gap: 1em;
        }
    
        .single-item-properties-box {
            grid-template-columns: repeat(2, 1fr) !important;
        }
        .single-item-properties-sec{
            margin: 1em  0 0;
        }
        .private-key-box{
            flex-direction: column!important;
            align-items: flex-start!important;
        }
        .social-media-import-box{
            grid-template-columns: repeat(1, 1fr)!important;
            gap: 2em!important;
        }
        .properties-item-box{
            gap: 1em!important;
        }
        .properties-item-card p{
            font-size: 0.8em!important;
        }
        .properties-item-card h4{
            font-size: 0.9em!important;
        }
        .properties-collapse-sec{
            padding: 1.5em!important;
        }
        .properties-item-card{
            padding: 1.5em!important;
        }
        .properties-collapse-info h4{
            font-size: 1em!important;
        }
        .properties-collapse-info p{
            font-size: 0.9em!important;
        }
        .social-create-new-item-sec {
            margin-top: 1.5em!important;
        }
        .add-more-btn-sec{
            margin: 1.5em 0;
        }
}


@media (max-width: 575.98px) {}