@media screen and (max-width: 1025px) and (min-width: 1023px) {
.video-banner p {
    top: 50px!important;
}

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

.topnavbar ul::-webkit-scrollbar {
    display: none;
}
.topnavbar ul li {
  display: inline-block;
}

.topnavbar ul { 
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  width: auto;
}
.top-navbar ul li {
    padding-right: 16px;
    font-size: 12px;
}
.category-user-info {
    margin-top: 10px;
}

}

@media screen and (max-width: 767px) and (min-width: 300px) {
nav.nav1 {
    display: block;
}
.video-banner {
    margin: 30px auto 0px;
    max-width: 100%;
    padding: 0 0px;
}
.video-banner p {
    top: 15px;
    font-size: 18px;
    max-width: 100%;
}
.category-users {
    padding: 0 0px;
    margin: 20px 0px;
}
.category-user-info {
    margin-bottom: 20px;
}
.thumb-user {
    text-align: left;
}
.sugestion-text h2 span {
    font-size: 10px;
}
.user-how {
    margin-bottom: 0px;
}
.responds-user h3 {
    font-size: 16px;
    text-align: left;
}
.responds-user h4 {
    font-size: 14px;
    text-align: left;
}
.responds-user {
    padding: 15px;
}
.user-is {
    padding: 15px 10px 10px;
    margin-bottom: 20px;
}
.user-tips {
    padding: 10px 10px;
}
.user-detail-main {
    margin: 20px auto 20px;
}
footer {
    padding: 0px 10px;
}
.f-widget {
    padding: 15px 0px 10px;
}
#work .modal-content {
    padding: 20px 10px 0px;
}
.modal {
    top: 40px!important;
}


.topnavbar ul::-webkit-scrollbar {
    display: none;
}
.topnavbar ul li {
  display: inline-block;
}

.topnavbar ul { 
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  width: auto;
}

}