@media (min-width: 450px) {
    .search {
        width: 300px !important;
    }

    .mobile-header {
        display: none;
    }

    .navbar-toggler {
        /*background-color: transparent;*/
        border: 1px solid var(--dark2-gray) !important;
        border-radius: 0.25rem;
        transition: box-shadow .15s ease-in-out;
    }
    .store-section .box_container_title{
        padding-right: 1.5rem;
        padding-left: 1rem;
        padding-bottom: 1rem;
    }
    .add_ads__right__form .sale_rent {
       display: flex !important;
    }
    .right-side-profile{
        margin-right: 1rem;
        margin-left: 1rem;
    }
    .mobile-footer{
        display: none !important;
    }
    .top-header-mobile{
        display: none !important;
    }
    .stores-section{
        height: 70vh !important;
        margin-bottom: 4rem;
    }
    .prod-price{
        font-size: 1.5rem !important;
    }

}
@media (max-width: 450px) {
    .search-section {
       height: 4vh !important;
    }
    .search-btn{
        right: 91% !important;
    }
    .search-btn i{
        font-size: 1.2rem !important;
    }
    .desktop-header {
        display: none;
    }

    .add-btn a {
        font-size: 13px;
    }

    .social-links {
        display: none !important;
    }

    .footer-icon {
        width: 20px;
    }

    ::-webkit-input-placeholder { /* Edge */
        font-size: 12px;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 12px;
    }

    ::placeholder {
        font-size: 12px;
    }

    .register-link {
        width: 100% !important;
    }

    .products-card {
        display: block !important;
    }

    .products-card img {
        max-width: 100% !important;
        height: 30vh !important;
    }

    .call-section {
        font-size: 15px;
    }

    .store-section .box_container_title {
        padding-right: 1rem;
        padding-bottom: 1rem;
    }

    .my_ads .card__column .btns i {
        font-size: 8px !important;
        margin-left: 0px !important;
    }

    .prod-setting {
        font-size: 0.75rem !important;
    }
    .card .card__column .btns .prod-setting{
        font-size:1rem !important;
    }
    .my_ads .card__column .btns div .prod-icon,.card .card__column .btns div .prod-icon {
        font-size:1rem !important;
    }
    .my_ads .card__column .btns h6 ,.my_ads .card__column .btns h6 a,
    .card .card__column .btns h6 ,.card .card__column .btns h6 a
    {
        font-size: 1rem !important;
    }
    .my_ads .card__column .btns div,.card .card__column .btns div {
        margin-left: 0.3rem !important;
        padding: 0.3rem 0.3rem !important;
    }

    .breadcrumb-link {
        font-size: 10px !important;
    }

    .swiper-navBtn::before,
    .swiper-navBtn::after {
        padding: 5px 8px !important;
    }

    .new-container {
        height: 310px !important;
    }

    .top-header-desktop {
        display: none !important;
    }

    .feature-prod {
        height: 38% !important;
        max-height: 38% !important;
    }

    .new-prod {
        height: 34% !important;
        max-height: 34% !important;
    }

    .stores-section {
        height: 45vh !important;
        margin-bottom: 4rem;
    }

    .register-section .p-5 {
        padding: 0px !important;
    }

    .bg-indigo {
        box-shadow: none !important;
    }

    .logo-section {
        box-shadow: none !important;
    }

    .box_container_title {
        width: 95vw !important;
    }

    .prod-details .m-5 {
        margin: 0px !important;
    }

    .prod-price {
        font-size: 1rem !important;
    }

    .prod-name {
        font-size: 1rem !important;
    }
    .favourite .card__column .btns div, .favourite .card__column .btn {
        margin-left: 0.2rem !important;
    }

    .favourite .card__column .btn h6 a {
        font-size: 1rem !important;
    }

    .single-store .images-container .cover {
        height: 20vh !important;
        max-height: 20vh !important;
    }

    .single-store .images-container .profile-image {
        height: 9vh !important;
        max-height: 9vh !important;
    }

    .single-store .images-container .profile-image img {
        width: 18vw !important;
        border: 1px solid var(--primaryColor) !important;
    }

    .single-store .images-container .operations {
        top: 5% !important;
        right: 90% !important;
    }

    .single-store .images-container .operations div {
        width: 2rem !important;
        height: 2rem !important;
        margin-bottom: 0.5rem !important;
        padding: 20% !important;
        font-size: 0.7rem !important;
    }

    .single-store .images-container .profile-caption {
        right: 19% !important;
        top: 65% !important;
        width: 70% !important;
    }

    .single-store .images-container .profile-caption h3 {
        font-size: 1rem !important;
    }

    .single-store .images-container .profile-caption p {
        font-size: 0.5rem !important;
    }

    .content-container .links-container div {
        width: 2rem !important;
        height: 2rem !important;
    }

    .info-container {
        height: 7vh !important;
    }

    .info-container .numbers-container ul li {
        font-size: 0.8rem !important;
        padding: 0.5rem !important;
    }

    .info-container .numbers-container {
        right: 17% !important;
    }

    .single-store .btns-container div a {
        min-width: 39vw !important;
        font-size: 0.8rem !important;
    }

    .content-container .links-container div {
        margin: 0.9rem !important;
    }

    .content-container .links-container div a {
        font-size: 1rem !important;
    }
    .content-container .links-container{
        margin: 0.3rem !important;
    }
    .store-ads .box .img {
        height: 17vh !important;
    }
    .store-ads .box .new-prod {
        height: 38% !important;
        max-height: 38% !important;
    }
    .store-ads .box .prod-card .sale-icon,
    .store-ads .box .prod-card .ad-price,
    .store-ads .box .prod-card .ad-owner,
    .store-ads .box .prod-card .ad-location,
    .store-ads .box .img .time_section span{
        font-size: 0.5rem!important;
    }
    .store-ads h3{
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .profile-img {
        width: 50% !important;
        height: 15vh !important;
        max-height: 15vh !important;

    }
    #chat-section{
        height: 150vh !important;
    }
    .comment-accordion-btn::after {
        margin-right: 7rem !important;
    }
    .btn-gray,
    .btn-gray i
    {
        font-size: 0.7rem !important;
    }
    .image-div {
        margin-right: 16% !important;
    }
    .radio-box label {
        right: 43% !important;
    }
    .delete-account-img {
        height: 35vh !important;
    }

    .sort-by{
        width: 35% !important;
    }
    .filter-select2{
        width: 65% !important;
    }
    .verify-span{
        font-size: 0.65rem !important;
    }

}
@media only screen and (max-width: 680px) and (min-width: 660px) {
    #chat-section {
        height: 150vh !important;
    }
    .search-btn {
        right: 50% !important;
    }
    .comment-accordion-btn::after {
        margin-right: 19rem !important;
    }
}
@media only screen and (max-width: 900px) and (min-width: 843px) {
    .search-btn {
        right: 35% !important;
    }
    .delete-account-img {
        height: 70vh !important;
    }
}
@media only screen and (max-width: 375px) and (min-width: 0px) {
    .stores-section {
        height: 50vh !important;
    }
    .stores-section{
        height: 60vh !important;
        margin-bottom: 4rem;
    }
    .favourite .card__column .btns {
        margin-right: 0.25rem !important;
    }
    .single-store .images-container .profile-caption {
        width: 63% !important;
    }
    .single-store .images-container .profile-caption {
        top: 56% !important;
    }
    .single-store .images-container .operations {
        top: 4% !important;
    }
    .info-container {
        height: 10vh !important;
    }
    .store-ads .box .new-prod {
        height: 40% !important;
        max-height: 40% !important;
    }
    .store-ads .box .prod-card .sale-icon,
    .store-ads .box .prod-card .ad-price,
    .store-ads .box .prod-card .ad-owner,
    .store-ads .box .prod-card .ad-location,
    .store-ads .box .img .time_section span{
        font-size: 0.4rem!important;
    }
    .store-ads h3{
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my_ads .card__column .btns div .prod-icon,.card .card__column .btns div .prod-icon {
        font-size: 0.8rem !important;
    }
    .my_ads .card__column .btns h6, .my_ads .card__column .btns h6 a,
    .card .card__column .btns h6, .card .card__column .btns h6 a
    {
        font-size: 0.8rem !important;
    }
    .profile-img {
        width: 50% !important;
        height: 17vh !important;
        max-height: 17vh !important;
    }
}
@media only screen and (max-width: 400px) and (min-width: 376px) {
    .my_ads .card__column .btns div .prod-icon,.card .card__column .btns div .prod-icon {
        font-size: 0.8rem !important;
    }
    .my_ads .card__column .btns h6, .my_ads .card__column .btns h6 a,
    .card .card__column .btns h6, .card .card__column .btns h6 a
    {
        font-size: 0.8rem !important;
    }
}
@media only screen and (max-width: 1180px) and (min-width: 500px) {
    .single-store .images-container .profile-image {
        height: 20vh !important;
        max-height: 20vh !important;
    }
    .info-container .numbers-container ul li {
        padding: 1rem 2rem !important;
    }
    .info-container .numbers-container {
        right: 13% !important;
    }
    .single-store .images-container .profile-caption h3{
        font-size: 2rem !important;
    }
    .single-store .images-container .profile-caption p{
        font-size: 1.3rem !important;
    }
    .single-store .images-container .profile-caption {
        right: 23% !important;
    }
    .single-store .images-container .profile-image {
        top: 77% !important;
        height: 13vh !important;
        max-height: 13vh !important;
    }
    .single-store .images-container .cover {
        height: 40vh !important;
        max-height: 40vh !important;
    }
    .single-store .images-container .profile-image img {
        width: 17vw !important;
    }
    .single-store .btns-container div a {
        min-width: 45vw !important;
    }
    .content-container .links-container div {
        margin: 1rem 2rem !important;
    }
    .content-container .links-container {
        margin: 1rem 4rem !important;
    }
    .info-container {
        height: 13vh !important;
    }
    .mobile-profile-side{
        width: 40vw !important;
    }
    .offcanvas-profile .add_ads__right__report button {
        width: 28vw !important;
    }
    .card__column .btns h6, .card .card__column .btns h6 a {
        font-size: 1.1rem !important;
    }
}
@media (max-width: 1180px) {
    .profile-desktop {
        display: none !important;
    }
    .sort-by{
        width: 35% !important;
    }
    .filter-select2{
        width: 65% !important;
    }
}
@media (min-width: 1181px) {
    .profile-mobile{
        display: none !important;
    }
    #notification-section {
        height: 162vh !important;
    }
    .notification-container {
        height: 140vh !important;
    }
    #chat-section{
        height: 162vh !important;
    }
    .right-chat {
        height: 135vh !important;
    }
    .left-chat {
        height: 135vh !important;
    }
    .delete-account-btn1 ,.delete-account-btn2{
        padding: 1rem !important;
    }
}
@media only screen and (max-width: 1150px) and (min-width: 820px) {
    .profile-desktop {
        display: none !important;
    }
    .search-btn {
        right: 84% !important;
    }
    .profile-img {
        width: 42% !important;
        height: 18vh !important;
        nax-height: 18vh !important;
    }

}
@media only screen and (max-width: 820px) and (min-width: 750px){
    .search-btn {
        right: 37% !important;
    }
    .profile-img {
        width: 55% !important;
        height: 14vh !important;
        max-height: 14vh !important;
    }
    .delete-account-img {
        height: 50vh !important;
    }
}

@media only screen and (max-width: 391px) and (min-width: 0px) {
    .comment-accordion-btn::after {
        margin-right: 8rem !important;
    }
}
@media only screen and (max-width: 450px) and (min-width: 392px) {
    .comment-accordion-btn::after {
        margin-right: 11rem !important;
    }
}
@media only screen and (max-width: 1181px) and (min-width: 680px) {
    .comment-accordion-btn::after {
        margin-right: 30rem !important;
    }
}
@media only screen and (max-width: 660px) and (min-width: 450px) {
    .comment-accordion-btn::after {
        margin-right: 30rem !important;
    }
}