@media (max-width: 1360px) {

  .container {
    height: 91.1vh;
  }


  a.location {
    right: -784px;
  }


}

@media (max-width: 1350px) {
  a.location {
    right: -778px;
  }
}

@media (max-width: 1344px) {
  a.location {
    right: -772px;
  }
}

@media (max-width: 1340px) {

  nav .nav-middle {
    left: 42px;
  }


  a.location {
    right: -762px;
  }



}



@media (max-width: 1320px) {

  nav .nav-middle a.active::after {
    content: "";
    width: 9.5vw;
  }

  .container .left-pannel .top-left-pannel>form>input {
    width: 24vw;
  }

  button {
    width: 24vw;
    padding-right: 14px;
  }

  a.location {
    right: -758px;
  }

}

@media (max-width: 1310px) {



  a.location {
    right: -754px;
  }
}

@media (max-width: 1300px) {

  button {
    width: 24.4vw;
    padding-right: 10px;
  }



  a.location {
    right: -744px;
  }

}

@media (max-width: 1295px) {

  a.location {
    right: -716px;
  }

  .product {
    width: 97%;
  }

}

@media (max-width: 1290px) {

  a.location {
    right: -712px;
  }
}

@media (max-width: 1280px) {

  .button {
    padding-left: 17px;
  }

  a.location {
    right: -704px;
  }


}

@media (max-width: 1270px) {

  a.location {
    right: -700px;
  }
}

@media (max-width: 1260px) {

  .container .left-pannel .top-left-pannel>form>input {
    width: 25vw;
  }

  button {
    width: 24.7vw;
    padding-right: 12px;
  }

  a.location {
    right: -686px;
  }


}

@media (max-width: 1250px) {


  nav .nav-middle a.active::after {
    content: "";
    width: 10vw;
  }

  button {
    width: 24.9vw;
  }

  a.location {
    right: -678px;
  }

}

@media (max-width: 1240px) {

  button {
    width: 25.2vw;
  }

  a.location {
    right: -674px;
  }
}

@media (max-width: 1230px) {
  button {
    padding-right: 14px;
  }

  a.location {
    right: -670px;
  }
}

@media (max-width: 1220px) {

  .container .left-pannel .top-left-pannel>form>input {
    width: 26vw;
  }

  button {
    width: 25.6vw;
    padding-right: 10px;

  }


  .product {
    width: 96%;
  }

  a.location {
    right: -657px;
  }

}

@media (max-width: 1210px) {

  a.location {
    right: -650px;
  }
}

@media (max-width: 1200px) {
  a.location {
    right: -644px;
  }

  button {
    width: 26vw;
  }
}

@media (max-width: 1190px) {

  button {
    width: 26.2vw;
  }

  .product-mainRowItem {
    width: 27%;
  }

  a.location {
    right: -608px;
  }

}

@media (max-width: 1180px) {

  nav .nav-middle a.active::after {
    content: "";
    width: 10.5vw;
  }

  .container .left-pannel .top-left-pannel>form>input {
    width: 27vw;
  }


  button {
    width: 26.3vw;
  }

  a.location {
    right: -600px;
  }
}

@media (max-width: 1170px) {

  button {
    width: 26.6vw;
  }

  a.location {
    right: -598px;
  }

}

@media (max-width: 1160px) {

  a.location {
    right: -580px;
  }

  .product-mainRow {
    flex-wrap: wrap;
  }

  .product-mainRowItem {
    width: 40%;
  }

  .product-mainRowItem-Imgbox {
    height: 298px;
  }


  .product-thirdRowItem {
    display: none;
  }

  .mainRow2 {
    position: relative;
    top: 30px;
  }

  .mainRow3 {
    position: relative;
    top: 65px;
  }

  .mainRow4 {
    position: relative;
    top: 84px;
  }

  .mainRow5 {
    position: relative;
    top: 105px;
  }

  .mainRow6 {
    position: relative;
    top: 122px;
  }

  .mainRow7 {
    position: relative;
    top: 142px;
  }

  .mainRow8 {
    position: relative;
    top: 160px;
  }

  .mainRow9 {
    position: relative;
    top: 196px;
  }

  .mainRow10 {
    position: relative;
    top: 230px;
  }

  .container .left-pannel {
    height: 94vh;
  }

  button {
    width: 26.9vw;
  }


}

@media (max-width: 1150px) {



  button {
    width: 27.1vw;
  }

  a.location {
    right: -570px;
  }

  .product {
    width: 97%;
  }



}

@media (max-width: 1140px) {
  .container .left-pannel .top-left-pannel>form>input {
    width: 28vw;
  }

  button {
    width: 27.4vw;
  }

}

@media (max-width: 1130px) {

  button {
    width: 27.6vw;
  }

  a.location {
    right: -566px;
  }

}

@media (max-width: 1120px) {
  a.location {
    right: -556px;
  }

  button {
    width: 27.9vw;
  }
}

@media (max-width: 1110px) {

  a.location {
    right: -546px;
  }
}

@media (max-width: 1100px) {

  .container .left-pannel .top-left-pannel>form>input {
    width: 29vw;
  }

  button {
    width: 28.4vw;
  }

  a.location {
    right: -540px;
  }

}

@media (max-width: 1090px) {

  nav .nav-middle a.active::after {
    content: "";
    width: 11.1vw;
  }

  button {
    width: 28.6vw;
  }

  a.location {
    right: -530px;
  }

  .product {
    width: 96%;
  }



}


@media (max-width: 1080px) {

  button {
    width: 28.8vw;
  }

  a.location {
    right: -524px;
  }


}

@media (max-width: 1075px) {
  a.location {
    right: -508px;
  }

  .product {
    width: 94%;
  }

  button {
    width: 29vw;
  }


}


@media (max-width: 1070px) {
  .container .left-pannel .top-left-pannel>form>input {
    width: 30vw;
  }


  a.location {
    right: -504px;
  }

  button {
    width: 29.2vw;
  }
}

@media (max-width: 1060px) {

  button {
    width: 29.5vw;
  }


  a.location {
    right: -498px;
  }
}

@media (max-width: 1050px) {

  a.location {
    right: -476px;
  }

  .product {
    width: 92%;
  }

  button {
    width: 29.7vw;
  }


}

@media (max-width: 1040px) {

  button {
    width: 30vw;
  }

}

@media (max-width: 1030px) {

  .container .left-pannel .top-left-pannel>form>input {
    width: 31vw;
  }

  button {
    width: 30.3vw;
  }

  a.location {
    right: -465px;
  }


}


@media (max-width: 1020px) {


  .container .middle-pannel {
    position: relative;
    left: 362px;
  }


  button {
    width: 30.6vw;
  }


  a.location {
    right: -459px;
  }

  .product {
    width: 86vw;
    padding-top: 50px;
  }

  .product-mainRowItem {
    width: 22%;
  }

  .product-mainRowItem-Imgbox {
    height: 192px;
  }


  .product-thirdRowItem {
    display: inline;
  }


  .product-mainRow {
    height: 292px;
  }

  .mainRow10 {
    position: relative;
    top: 240px;
  }

  .product-mainRowItem-price {
    position: relative;
    font-size: 15px;
    left: 6px;
  }

  .product-mainRowItem-Details {
    font-size: 14px;
    position: relative;
    left: 5px;
  }

  p.product-mainRowItem-location {
    position: relative;
    left: 5px;
  }



}


@media (max-width: 1010px) {


  button {
    width: 31vw;
  }



  .container .left-pannel ul li a.filter {
    font-size: 15px;
  }



  a.location {
    right: -452px;
  }
}

@media (max-width: 1000px) {



  nav .nav-middle a>i {
    font-size: 16px;
  }


  nav .nav-middle a.active::after {
    content: "";
    left: -5px;
    width: 10vw;
  }

  nav .nav-right a {
    height: 35px;
    width: 35px;
  }

  nav .nav-right .profile, .container .left-pannel .profile {
    height: 40px;
    width: 40px;
  }



  .container .left-pannel .top-left-pannel>form>input {
    width: 32vw;
  }


  .container .left-pannel ul li a.filter {
    font-size: 14px;
  }


  a.location {
    right: -444px;
  }


  .product {
    width: 85vw;
  }
}

@media (max-width:995px) {

  button {
    width: 31.4vw;
  }

  a.location {
    right: -442px;
  }

}

@media (max-width:990px) {

  a.location {
    right: -438px;
  }

  button {
    width: 31.5vw;
  }

}

@media (max-width:980px) {

  a.location {
    right: -428px;
  }

  .product {

    width: 84.5vw;
  }

  button {
    width: 31.8vw;
  }



}

@media (max-width:970px) {

  .container .left-pannel .top-left-pannel>form>input {
    width: 33vw;
  }

  button {
    width: 32.2vw;
  }


  .container .middle-pannel {
    top: -12px;
  }


  a.location {
    right: -412px;
  }


  .product-mainRow {
    height: 330px;
  }


  .mainRow2 {
    position: relative;
    top: 26px;
  }


  .mainRow3 {
    position: relative;
    top: 66px;
  }

  .mainRow4 {
    position: relative;
    top: 96px;
  }

  .mainRow5 {
    position: relative;
    top: 128px;
  }

  .mainRow6 {
    position: relative;
    top: 168px;
  }

  .mainRow7 {
    position: relative;
    top: 210px;
  }

  .mainRow8 {
    position: relative;
    top: 238px;
  }

  .mainRow9 {
    position: relative;
    top: 284px;
  }

  .mainRow10 {
    position: relative;
    top: 316px;
  }



  .product-mainRowItem {
    width: 33%;
  }

  .product-mainRowItem-Imgbox {
    height: 240px;
  }



  .product-thirdRowItem {
    display: none;
  }



}

@media (max-width:960px) {



  button {
    width: 32.5vw;
  }

  nav .nav-middle a {
    padding: 10px 28px 15px 28px;
    margin: 0px 4px 4px;

  }

  nav .nav-middle a.active::after {
    content: "";
    left: 0px;
    width: 8vw;
  }

  a.location {
    right: -406px;
  }



}

@media (max-width:950px) {

  button {
    width: 32.8vw;
  }

  a.location {
    right: -394px;
  }

  .product {
    width: 83vw;
  }



}

@media (max-width:940px) {

  .container .left-pannel .top-left-pannel>form>input {
    width: 34vw;
  }


  button {
    width: 33.2vw;
  }


  a.location {
    right: -380px;
  }

}

@media (max-width:930px) {


  button {
    width: 33.5vw;
  }

  a.location {
    right: -366px;
  }

  .product {
    padding-top: 54px;
  }

  .product-mainRowItem {
    width: 32%;
  }

}

@media (max-width:925px) {

  a.location {
    right: -360px;
  }

  button {
    width: 33.7vw;
  }

}

@media (max-width:920px) {

  .container .left-pannel .top-left-pannel>form>input {
    width: 34.8vw;
  }

  button {
    width: 33.9vw;
  }

  a.location {
    right: -358px;
  }



}

@media (max-width:910px) {

  nav .nav-middle a.active::after {
    content: "";
    left: 1px;
  }

  button {
    width: 34.3vw;
  }

  a.location {
    right: -354px;
  }

}

@media (max-width:900px) {

  .container .left-pannel .top-left-pannel>form>input {
    width: 35.6vw;
  }


  button {
    width: 34.7vw;
  }

  a.location {
    right: -343px;
  }


  .product {
    width: 82vw;
  }

}

@media (max-width:890px) {
  nav {
    border-bottom: 1px solid #EBEBEB;
  }

  nav .nav-left {
    position: relative;
    left: -3px;
  }


  nav .nav-middle a.active::after {
    content: "";
    left: 4px;
  }


  nav.responsive-header {
    display: flex;
    flex-direction: column;
    height: 17vh;
    position: absolute;
  }

  nav.responsive-header .categories {
    display: flex;
    position: relative;
    top: 10px;
    left: -13px;
  }


  nav.responsive-header .categories>a.responsive-categories1 {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    height: 42px;
    width: 45px;
    border-radius: 50%;
    background: #eee;
    display: grid;
    place-items: center;
    margin: 0 5px;
    font-weight: bold;
  }

  nav.responsive-header .categories>a.responsive-categories1:hover {
    background: #cdcdcd;
    background-size: cover;
  }

  nav.responsive-header .categories>a.responsive-categories2 {
    text-decoration: none;
    color: #333;
    font-size: 15px;
    height: 40px;
    width: 62px;
    border-radius: 22px;
    background: #eee;
    display: grid;
    place-items: center;
    margin: 0 5px;
    font-weight: bold;
  }

  nav.responsive-header .categories>a.responsive-categories2:hover {
    background: #cdcdcd;
    background-size: cover;
  }

  nav.responsive-header .categories>a.responsive-categories3 {
    text-decoration: none;
    color: #333;
    font-size: 15px;
    height: 40px;
    width: 120px;
    border-radius: 25px;
    background: #eee;
    display: grid;
    place-items: center;
    margin: 0 5px;
    font-weight: bold;
  }


  nav.responsive-header .categories>a.responsive-categories3:hover {
    background: #cdcdcd;
    background-size: cover;
  }

  nav.responsive-header>form {

    position: relative;
    top: -12px;
    display: flex;
    align-items: baseline;
    left: -6px;
    width: 95vw;
  }


  nav.responsive-header>form>input {
    height: 40px;
    padding: 5px 34px;
    width: 97vw;
    border: none;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    outline: none;
    background-color: #eee;
    margin-left: -18px;
    font-size: 16px
  }

  nav.responsive-header>form>i.fas.fa-magnifying-glass {

    position: relative;
    left: 10px;

  }

  .container {
    height: 91.2vh;
    position: absolute;
    width: 100%;
    background: transparent;
  }


  .container .left-pannel {
    display: none;
  }


  .product-thirdRowItem {
    display: inline;
  }

  .container .middle-pannel {

    position: relative;
    left: 4px;
    top: 114px;
    height: 562vh;
    width: 100%;
    background: #F0F2F5;
  }

  .responsive-header {
    display: flex;
  }


  .middle-heading {
    position: relative;
    left: 58px;
  }

  .container .middle-pannel .middle-heading h4.heading-mid {
    left: -48px;
  }

  a.location {
    right: -648px;
    cursor: pointer;
  }

  .product {
    width: 97vw;
    position: relative;
    left: -3px;
    top: -26px;
  }


}

@media (max-width:885px) {

  a.location {
    right: -640px;
  }
}

@media (max-width:880px) {

  a.location {
    right: -636px;
  }
}

@media (max-width:870px) {
  a.location {
    right: -632px;
  }
}

@media (max-width:865px) {

  a.location {
    right: -626px;
  }


}

@media (max-width:860px) {

  nav.responsive-header>form {
    width: 96vw;
  }
}

@media (max-width:855px) {

  a.location {
    right: -612px;
  }

}

@media (max-width:840px) {
  a.location {
    right: -605px;
  }
}

@media (max-width:830px) {
  a.location {
    right: -592px;
  }
}

@media (max-width:820px) {

  a.location {
    right: -584px;
  }

}

@media (max-width: 810px) {

  a.location {
    right: -574px;
  }

}

@media (max-width:800px) {

  nav .nav-middle a {
    padding: 10px 20px 15px 20px;
  }

  a.responsive-mid {
    display: inline;
  }

  a.responsive-mid2 {
    display: none;
  }


  nav .nav-middle a.active::after {
    content: "";
    left: 1px;
  }

  nav .nav-middle a>i {
    font-size: 18px;
  }

  a.rit.responsive-rit1 {
    display: grid;
  }

  a.rit.responsive-rit2 {
    display: none;
  }

  a.location {
    right: -566px;
  }

}

@media (max-width:790px) {

  a.location {
    right: -550px;
  }


}

@media (max-width:780px) {

  a.location {
    right: -545px;
  }

}

@media (max-width:775px) {

  a.location {
    right: -530px;
  }

  .product-mainRowItem {
    width: 30.5vw;
  }

}

@media (max-width:770px) {
  a.location {
    right: -520px;
  }
}

@media (max-width:760px) {

  a.location {
    right: -514px;
  }




}

@media (max-width:755px) {

  a.location {
    right: -510px;
  }

}

@media (max-width:750px) {


  nav .nav-left {
    display: none;
  }

  nav .nav-right {
    display: none;
  }



  nav .nav-middle {
    left: -30px;
  }

  nav .nav-middle a.active::after {
    content: "";
    left: 0px;
    width: 10vw;
  }



  nav .nav-middle a {
    margin: 0px 40px 4px;
    padding: 10px 24px 15px 24px;
  }



  nav.responsive-header {
    display: none;
  }


  nav.responsive-header2 {
    display: flex;
    height: 10vh;
    align-items: center;

  }

  i.fas.fa-magnifying-glass.responsive-magnifying-glass {
    display: none;
  }


  nav.responsive-header3 {
    display: flex;
    align-items: center;
    padding: 35px 90px 35px 90px;
  }

  .sell {
    display: flex;
    font-size: 17px;
    align-items: center;
    border-radius: 28px;
    padding: 12px 79px 12px 79px;
    color: #000;
    background-color: #eee;
    cursor: pointer;
    position: relative;


  }

  .sell:hover {
    background: #cdcdcd;
    background-size: cover;
  }

  i.fas.fa-pager {
    font-size: 20px;
  }

  a.responsive-sell {
    padding-left: 10px;
    color: #000;
    text-decoration: none;
  }



  .categories {
    display: flex;
    font-size: 17px;
    align-items: center;
    border-radius: 28px;
    padding: 12px 70px 12px 70px;
    color: #000;
    background-color: #eee;
    cursor: pointer;
    position: relative;
  }

  .categories:hover {
    background: #cdcdcd;
    background-size: cover;
  }


  a.responsive-categories {
    padding-left: 10px;
    color: #000;
    text-decoration: none;
  }


  a.Marketplace {
    color: #000;
    font-weight: 900;
    font-size: 24px;
    text-decoration: none;
  }


  nav.responsive-header2 .user-search {
    display: flex;

    position: relative;
    right: 52px;

  }

  nav.responsive-header2 .user-search a {
    height: 35px;
    width: 35px;
  }


  nav.responsive-header2 .user-search a {
    text-decoration: none;
    color: #000;
    font-size: 1rem;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #eee;
    display: grid;
    place-items: center;
    margin: 0 5px;
  }


  nav.responsive-header2 .user-search a:hover {
    background: #cdcdcd;
    background-size: cover;
  }

  nav.responsive-header2 .user-search>form {
    display: inline;
    margin: 0 16px;
  }

  nav.responsive-header2 .user-search>form>input {
    height: 40px;
    width: 40px;
    outline: none;
    border: none;
    padding: 20px;
    color: #e4e6eb;
    background-color: #eee;
    font-size: 15px;
    border-radius: 25px;
    margin-right: -34px;
  }

  .container {
    display: inline;
    height: 81.2vh;
  }



  .container .middle-pannel {
    top: 3px;
    height: 630vh;

  }

  a.location {
    right: -502px;
  }

  .product-mainRow {
    height: 370px;
  }



  .product-mainRowItem {
    width: 46.5vw;
  }



  .product-mainRowItem-Imgbox {
    height: 300px;
  }

  .product-thirdRowItem {
    display: none;
  }


}

@media (max-width:740px) {

  nav.responsive-header2 .user-search {
    right: 42px;
  }

}

@media (max-width:735px) {

  nav .nav-middle a {
    margin: 0px 39px 4px
  }

  a.location {
    right: -494px;
  }

}

@media (max-width:730px) {

  a.location {
    right: -484px;
  }
}

@media (max-width:725px) {

  nav .nav-middle a {
    margin: 0px 38px 4px;
  }

  a.location {
    right: -480px;
  }

}

@media (max-width:720px) {

  nav .nav-middle a {
    margin: 0px 36px 4px;
  }

  nav.responsive-header2 .user-search {
    right: 54px;
  }


  a.location {
    right: -474px;
  }



}

@media (max-width:715px) {

  a.location {
    right: -470px;
  }

}

@media (max-width:710px) {

  nav .nav-middle a {
    margin: 0px 35px 4px;
  }

  a.location {
    right: -460px;
  }

}

@media (max-width:700px) {

  nav .nav-middle a {
    margin: 0px 34px 4px;
  }

  a.location {
    right: -456px;
  }

}

@media (max-width: 690px) {

  nav .nav-middle a {
    margin: 0px 33px 4px;
  }

  a.location {
    right: -450px;
  }




}


@media (max-width:680px) {

  nav .nav-middle a {
    margin: 0px 32px 4px;
  }

  a.location {
    right: -440px;
  }

}

@media (max-width: 675px) {

  nav .nav-middle a {
    margin: 0px 31px 4px;
  }

  nav .nav-middle a.active::after {
    content: "";
    left: 2px;
  }

  a.location {
    right: -430px;
  }


}

@media (max-width: 670px) {


  nav.responsive-header3 {
    padding: 35px 80px 35px 80px;
  }


  a.location {
    right: -424px;
  }


}

@media (max-width: 665px) {

  nav .nav-middle a {
    margin: 0px 30px 4px;
  }


}

@media (max-width: 660px) {

  nav.responsive-header3 {
    padding: 35px 76px 35px 76px;
  }


}

@media (max-width: 657px) {
  a.location {
    right: -418px;
  }

}


@media (max-width: 650px) {


  nav .nav-middle a {
    margin: 0px 28.5px 4px;
  }

  nav .nav-middle a.active::after {
    content: "";
    left: 3px;
  }


  nav.responsive-header3 {
    padding: 35px 70px 35px 70px;
  }



  a.location {
    right: -410px;
  }


}



@media (max-width:645px) {

  nav .nav-middle a {
    margin: 0px 28px 4px;
  }

  a.location {
    right: -402px;
  }

}

@media (max-width: 640px) {

  a.location {
    right: -398px;
  }

}

@media (max-width:635px) {

  nav .nav-middle a {
    margin: 0px 27px 4px;
  }

}

@media (max-width:630px) {

  nav .nav-middle a.active::after {
    width: 11vw;
  }


  nav.responsive-header3 {
    padding: 35px 60px 35px 60px;
  }

  a.location {
    right: -390px;
  }

}

@media (max-width: 625px) {

  nav .nav-middle a {
    margin: 0px 25.5px 4px;
  }

  a.location {
    right: -385px;
  }

}

@media (max-width: 620px) {

  nav .nav-middle a {
    margin: 0px 25px 4px;
  }

  a.location {
    right: -380px;
  }


}

@media (max-width: 615px) {

  a.location {
    right: -370px;
  }
}

@media (max-width: 610px) {
  nav .nav-middle a {
    margin: 0px 24px 4px;
  }

  nav.responsive-header3 {
    padding: 35px 50px 35px 50px;
  }

  a.location {
    right: -365px;
  }


}

@media (max-width:600px) {

  nav .nav-middle a {
    margin: 0px 23px 4px;
  }

  a.location {
    right: -362px;
  }

}

@media (max-width:590px) {

  nav .nav-middle a {
    margin: 0px 22px 4px;
  }

  nav.responsive-header3 {
    padding: 35px 42px 35px 42px;
  }

  nav .nav-middle a.active::after {
    width: 12vw;
    left: 1px;
  }

  a.location {
    right: -357px;
  }

}

@media (max-width: 585px) {

  nav .nav-middle a {
    margin: 0px 21px 4px;
  }


  a.location {
    right: -348px;
  }
}

@media (max-width: 580px) {

  a.location {
    right: -342px;
  }

}

@media (max-width: 575px) {
  nav .nav-middle a {
    margin: 0px 20px 4px;
  }

  nav.responsive-header3 {
    padding: 35px 28px 35px 28px;
  }

  a.location {
    right: -337px;
  }

}


@media (max-width: 565px) {
  nav .nav-middle {
    left: -16px;
  }

  nav .nav-middle a {
    margin: 0px 19px 4px;
  }

  nav.responsive-header2 .user-search {
    right: 46px;
  }


  a.location {
    right: -328px;
  }

}

@media (max-width: 560px) {

  nav .nav-middle a {
    margin: 0px 18px 4px;
  }

  a.location {
    right: -320px;
  }

}

@media (max-width:555px) {
  nav .nav-middle a {
    margin: 0px 17px 4px;
  }

  a.location {
    right: -314px;
  }

}

@media (max-width:550px) {

  nav .nav-middle a {
    margin: 0px 18px 4px;
  }

  nav.responsive-header2 .user-search {
    right: 35px;
  }




}


@media (max-width:545px) {

  nav.responsive-header3 {
    padding: 35px 24px 35px 24px;
  }

  .categories {
    padding: 12px 65px 12px 65px;
  }


  .sell {
    padding: 12px 65px 12px 65px;
  }

  a.location {
    right: -306px;
  }

}

@media (max-width:540px) {

  nav .nav-middle a {
    margin: 0px 17px 4px;
  }

}

@media (max-width:530px) {

  nav.responsive-header2 .user-search {
    right: 24px;
  }

  a.location {
    right: -298px;
  }

}

@media (max-width:525px) {

  a.location {
    right: -295px;
  }
}

@media (max-width:520px) {

  nav .nav-middle a {
    margin: 0px 16px 4px;
  }

  nav .nav-middle a.active::after {
    width: 13vw;
    left: 4px;
  }


  .container .middle-pannel {
    height: 538vh;
  }


  a.location {
    right: -280px;
  }




  .product-mainRow {
    height: 310px;
  }



  .product-mainRowItem {
    width: 45vw;
  }

  .product-mainRowItem-Imgbox {
    height: 230px;
  }
}

@media (max-width:515px) {
  a.location {
    right: -270px;
  }

  .product-mainRowItem-Details {
    font-size: 13px;
  }
}

@media (max-width:510px) {

  nav .nav-middle a {
    margin: 0px 15px 4px;
  }

  a.location {
    right: -265px;
  }

}

@media (max-width:500px) {

  nav .nav-middle a {
    margin: 0px 14px 4px;
  }

  .sell {
    padding: 12px 60px 12px 60px;
    font-size: 15px;
  }


  .categories {
    padding: 12px 60px 12px 60px;
    font-size: 15px;
  }



  a.location {
    right: -256px;
  }


}

@media (max-width:495px) {

  nav .nav-middle a {
    margin: 0px 13px 4px;
  }


  .container {
    height: 78.2vh;
  }

  a.location {
    right: -248px;
  }


}

@media (max-width:490px) {

  nav .nav-middle a.active::after {
    width: 14vw;
    left: 5px;

  }

  nav.responsive-header2 .user-search {
    right: 6px;
  }


  nav.responsive-header2 .user-search>form {
    display: none;
  }


  i.fas.fa-magnifying-glass.responsive-magnifying-glass {

    text-decoration: none;
    color: #000;
    font-size: 13px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: #eee;
    display: grid;
    place-items: center;
    margin: 0 12px;

  }

  nav.responsive-header3 {
    padding: 35px 30px 35px 30px;
  }

  nav.responsive-header2 .user-search a {
    font-size: 13px;
    height: 35px;
    width: 35px;
  }

  .sell {
    padding: 12px 54px 12px 54px;
  }

  .categories {
    padding: 12px 54px 12px 54px;
  }

  a.location {
    right: -248px;
  }

}

@media (max-width:485px) {

  .container::-webkit-scrollbar {
    display: none;
  }

  .product-mainRowItem {
    width: 46vw;
  }

}

@media (max-width:480px) {

  nav .nav-middle a {
    margin: 0px 12px 4px;
  }

  a.location {
    right: -246px;
  }


}

@media (max-width:475px) {

  .container .middle-pannel .middle-heading h4.heading-mid {
    font-size: 18px;
  }

  a.location {
    right: -264px;
    font-size: 12px;

  }

}

@media (max-width:470px) {

  nav .nav-middle a {
    margin: 0px 11px 4px;
  }


  a.location {
    right: -260px;
  }

}

@media (max-width:465px) {

  a.location {
    right: -255px;
  }

}

@media (max-width:460px) {
  nav .nav-middle a {
    margin: 0px 10px 4px;
  }

  a.location {
    right: -250px;
  }


}

@media (max-width:455px) {

  a.location {
    right: -244px;
  }

}

@media (max-width:450px) {

  nav .nav-middle a {
    margin: 0px 9px 4px;
  }

}

@media (max-width: 445px) {

  nav .nav-middle a {
    margin: 0px 8px 4px;
  }



  a.location {
    right: -234px;
  }

}


@media (max-width:440px) {

  a.location {
    right: -230px;
  }
}


@media (max-width: 435px) {

  a.location {
    right: -227px;
  }

}

@media (max-width: 430px) {

  nav .nav-middle a {
    margin: 0px 7px 4px;
  }

  nav.responsive-header3 {
    padding: 35px 20px 35px 20px;
  }


  a.location {
    right: -222px;
  }


}

@media (max-width: 425px) {

  a.location {
    right: -217px;
  }

}

@media (max-width: 420px) {

  nav .nav-middle a {
    margin: 0px 6px 4px;
  }

  a.location {
    right: -213px;
  }


}

@media (max-width: 415px) {

  nav.responsive-header3 {
    padding: 35px 14px 35px 14px;
  }

  nav .nav-middle a {
    margin: 0px 5px 4px;
  }

  a.location {
    right: -210px;
  }

}

@media (max-width: 410px) {

  nav .nav-middle {
    left: -15px;
  }

  nav.responsive-header2 .user-search {
    right: 4px;
  }

  a.location {
    right: -204px;
  }

}

@media (max-width: 400px) {

  nav .nav-middle a {
    margin: 0px 4px 4px;
  }

  nav.responsive-header3 {
    padding: 35px 8px 35px 8px;
  }

  a.location {
    right: -196px;
  }

}

@media (max-width: 395px) {

  nav .nav-middle a>i {
    font-size: 16px;
  }

  nav .nav-middle a.active::after {
    width: 15vw;
  }

  .sell {
    font-size: 14px;
  }

  i.fas.fa-list {
    font-size: 17px;
  }

  .categories {
    font-size: 14px;
  }

  i.fas.fa-pager {
    font-size: 17px;
  }



}

@media (max-width: 390px) {

  nav.responsive-header3 {
    padding: 35px 10px 35px 10px;
  }

  a.location {
    right: -185px;
  }

  .sell {
    padding: 12px 52px 12px 52px;
  }

  .categories {
    padding: 12px 52px 12px 52px;
  }

}

@media (max-width: 385px) {
  a.location {
    right: -180px;
  }
}

@media (max-width: 380px) {
  nav .nav-middle a {
    padding: 10px 22px 15px 22px;
  }


  nav .nav-middle a.active::after {
    width: 16vw;
  }

  .sell {
    padding: 12px 52px 12px 42px;
  }



}


@media (max-width: 370px) {

  .categories {
    padding: 12px 48px 12px 48px;
  }


  .mainRowItem1 {
    position: relative;
    left: -10px;
  }

  .product-mainRowItem-Imgbox {
    height: 164px;
    width: 49vw;
  }

  .product-mainRowItem-ImgboxImg {
    border-radius: 2px;
  }

}

@media (max-width: 365px) {

  nav .nav-middle a {
    padding: 10px 21px 15px 21px;
  }

  nav .nav-middle a.active::after {
    left: 4px;
  }

  .categories {
    padding: 12px 45px 12px 45px;
  }

  a.location {
    right: -176px;
  }

}

@media (max-width: 360px) {


  a.location {
    display: none;
  }

  a.responsive-location {
    text-decoration: none;
    position: relative;
    right: -214px;
    font-size: 12px;
    color: #1876F2;
    display: inline;
  }

  a.responsive-location:hover {
    text-decoration: underline;
  }

}

@media (max-width: 355px) {

  nav .nav-middle a {
    margin: 0px 3px 4px;
  }

  .categories {
    padding: 12px 42px 12px 42px;
  }

  .product-mainRowItem {
    width: 45.6vw;
  }

}

@media (max-width: 350px) {

  nav .nav-middle a {
    padding: 10px 20px 15px 20px;
  }


  a.Marketplace {
    font-size: 22px;
  }

  .categories {
    padding: 12px 38px 12px 38px;
  }

  a.responsive-location {
    right: -210px;
  }
}

@media (max-width: 345px) {

  nav.responsive-header3 {
    padding: 30px 6px 30px 6px;
  }

  .container .middle-pannel .middle-heading h4.heading-mid {
    font-size: 16px;
  }

  a.responsive-location {
    right: -200px;
  }

  .sell {
    padding: 9px 52px 10px 42px;
  }

  .categories {
    padding: 9px 38px 9px 38px;
  }

}

@media (max-width: 335px) {

  nav .nav-middle a>i {
    font-size: 14px;
}

  a.responsive-location {
    right: -190px;
}

.sell {
  padding: 9px 45px 10px 36px;
}

.categories {
  font-size: 12px;
}
i.fas.fa-list {
  font-size: 15px;
}


}

@media (max-width: 325px) {
  nav .nav-middle a {
    margin: 0px 2px 4px;
}

a.responsive-location {
  right: -182px;
}

a.Marketplace {
  position: relative;
  left: -3px;
}


}

@media (max-width: 320px) {

  nav .nav-middle a {
    padding: 10px 19px 15px 19px;
}

a.responsive-location {
  right: -178px;
}

}