
@media (max-width: 1025px) {
    .margin-top{
        /*margin-top: 51px;*/

    }
    .content.py-4{
       /* padding-top: 0!important;*/

    }
    .navbar-collapse{padding: 0px}
    .navbar-brand{margin-right: .5rem;}
    nav .navbar-brand img{
       width: 110px;
    }
    .nav-extras ul{padding: 0;text-align: center}
    .login ul{padding: 11px;text-align: center}


    .nav-extras #profile-btn.dropdown-toggle::after{
        display: none;
    }
    .swiper-button-next, .swiper-button-prev{
        display: none;
    }
    section.offers-slider .swiper-container{
        width: 100%;
    }

    .featured-offers .feat{
        margin-bottom: 30px;
    }
    .service{margin-bottom: 60px}
    .contact-logo{text-align: center}
    .social-links ul {padding: 0;text-align: center!important;padding-top: 20px;margin-bottom: 0}
    footer{text-align: center!important;}
    footer ul{padding: 0;text-align: center}
    footer ul li {

        text-align: center;
        padding: 5px;
    }

    .navbar .nav-extras .dropdown-menu a p{
        font-size: 12px;
    }
    .navbar button {
    font-size: 14px;
    }
    section.offers-slider{
        padding:  0 0  50px 0;
    }
    section.services{padding: 0}
    section.how-work .col-sm-12 div{
        margin-bottom: 50px;
    }



    /*******************/
    /*start selling page*/


    .start-selling .msform .form-group.row div::after{
        left: 0;
    }
    .msform .form-group div{
        padding: 0;
    }
    .start-selling .msform .form-group.row div:first-of-type{
        padding-bottom: 10px;
    }
    .msform .action-button,.msform .action-button-previous{
        display: inline-block;
        width: 40%!important;
    }
    .msform .selling-qs .gainings{
        width: 80%;
    }
    .msform .tooltip .tooltiptext{
        left: 120%;
        bottom: 120%;

    }
    .msform .tooltip:after{
        top: -6px !important;
    }
    .fs-title{
        padding: 1rem 0rem 3rem;
        line-height: 1;
    }
    .info{
        top:4px
    }
}

@media (max-width: 400px){
.fav-mobile{
        margin: 10px 0px;
        float: right !important;
    }
     .fs-project a{
        margin-top: 10px;
    }
}


@media (min-width: 370px) and (max-width: 1025px){
    /*.navbar{padding: .1rem}*/
    .navbar  .container{
        padding: 0 10px;
    }
    .nav-extras ul{padding: 0}
    .nav-extras ul li button{padding:5px }

    nav .navbar-brand img{width: 100px}
    .nav-extras #profile-btn.dropdown-toggle img{
        width: 30px!important;
        height: 30px;
    }
    .navbar .nav-extras .dropdown-menu{
        left: 0!important;
        right: inherit!important;
    }

    .nav-extras .dropdown.show .dropdown-profile .caret:before, .nav-extras .dropdown.show .dropdown-profile .caret:after{
        left: 34px!important;
        right: inherit!important;
    }
    .navbar li:nth-child(3) .dropdown.show:after{
        left: 39%;
    }
    .navbar li:nth-child(3) .dropdown.show:before{
        left: 31%;
    }
    .nav-extras .login {
        padding-right: 4px!important;
    }
    .nav-extras .login li{
        padding: 0;
    }
    .nav-extras .login li a{
        font-size: 15px;
        /*top: -8px;*/

    }
}





@media  (min-width: 1025px) {
   /*.form .form-control{*/
       /*width: 350px;*/
   /*}*/
    .start-selling .msform .form-group.row div:first-of-type::after{
        left: 17px;
    }
}

@media (max-width: 1199px)
{
    /*.form .form-control {
        width: auto;
    }*/
    .navbar .form .form-control {
        width: auto;
    }
}

@media (min-width: 1200px)
{
    /*.form .form-control {
        width: 350px;
    }*/
    .navbar .form .form-control {
        width: 350px;
    }
}




@media (max-width: 850px) {
    .navbar-nav {
        padding: 0;
    }
    
    .price {
        margin-top: 1rem;
    }
    
    .dropdown-menu{
        top: 114%!important;
    }

    /*.navbar {
        padding: 0;
    }*/

    .navbar-nav {
        text-align: center
    }

    .navbar-dark .navbar-nav .nav-link.active {
        border-radius: 0;
        color: #ffffff !important;
    }

    .navbar-toggler {
        margin-right: 5px;
        display: block !important;
    }

    .navbar-brand {
        margin-left: .5rem;
    }

    header {
        background-size: cover;
        background-position: top;
        /*background-size: 220% 100%;*/

    }

    .navbar .nav-extras .dropdown-menu {
        left: -35px !important;
    }

    .nav-extras ul li:nth-child(3) {
        display: none
    }

    .navbar .nav-extras .dropdown-menu {
        max-width: 325px;
        right: initial;
        border: none;

    }

    .search-wrap form {
        /*display: none*/
        padding-bottom :20px
    }

    .auction-page .tabs .tabs-items li {
        width: 20% !important;
    }

    .control-menu div {
        display: none;
    }

    .control-menu .activity-toggle {
        display: block !important;
    }

    .site-page .tabs .tabs-items li:last-child {
        width: auto !important;
    }

    .auction-page .table td {
        padding: 0.2rem;
    }

    .seller-page .tabs .tabs-items li, .site-page .tabs .tabs-items li:last-child {
        width: 46% !important;
        text-align: center;
    }

    .browsing-websites .sitebox {
        display: block;
    }

    .browsing-websites .sitebox.media img {
        width: 100px;
        height: 100px;
        display: none;
    }

    .seller-page .seller-status {
        padding: 15px;
    }

    .lists-page .tabs .tabs-items li, .lists-page .tabs .tabs-items li:last-child {
        width: 30% !important;
        text-align: center;
    }

    .balance .tabs .tabs-items li, .lists-page .tabs .tabs-items li:last-child {
        width: auto !important;
        font-size: 15px;
    }

    .balance .card-num input {
        width: 20%;
    }
    
}