.mainWidth { width:100%; }
header { width:100%; height:250px; }
header.inside { height:110px; background-image:none}
header.webHeader { display:none; }
header.mobileHead { display:block; }
header .top { padding:5px; justify-content: space-between; position: fixed; z-index:2; }

.section .mainWidth { overflow:unset }

.mainMenu .mainWidth div { overflow:auto; }
.mainMenu .mainWidth div a.more { display:none }
.mainMenu .mainWidth ul { padding:10px 0; width:75px; }
.mainMenu .mainWidth a.menuBtn i { font-size:20pt; }
.mainMenu .mainWidth a.menuBtn b { font-size:9pt; }
.mainMenu .mainWidth a.menuBtn text { font-size:8pt }

.mainMenu.inside .mainWidth ul { width:75px; }

.section .mainWidth .spUsers { width:100vw; white-space: nowrap; display:block; overflow:auto; padding:0; padding-bottom:20px; }
.section .mainWidth .spUsers div, .section .mainWidth .spUsers div a { width:140px; display:inline-block }
.section .mainWidth .spUsers div h3 { text-align: center; width:100%; overflow: hidden; }
.section .mainWidth .spUsers div:nth-child(n+7) { display:none; }

.section .mainWidth .spProduct { display:block; width:100vw; overflow: auto; white-space: nowrap; padding-bottom:20px; }
.section .mainWidth .spProduct div.productBox { width:48%; margin:0 1%; display:inline-block }

div.productBox h3 { font-size:10pt } 
div.productBox nav { padding-right:5px; }
div.productBox nav a { padding:0; }
div.productBox nav a i { font-size:15pt; }

div.productBox .priceBtn { padding:3px 15px; font-size:9pt }


.section .mainWidth .allProducts { flex-wrap: wrap; gap:3%; padding:10px; }
.section .mainWidth .allProducts div.productBox { width:48.5%; margin-top:20px; padding:1% !important; padding-bottom:10px !important }

.footBox .mainWidth { flex-direction: column; padding:10px; }
.footBox .mainWidth nav { display:flex; flex-wrap: wrap; max-width:100%; }
.footBox .mainWidth nav h4 { width:100%; margin-top:20px; }
.footBox .mainWidth nav a { padding:1px 3px !important;  margin:3px !important; border:0 !important }

header .top nav a, header .top nav .notificationsBox { padding:3px; }
header .top nav.logedin a i, header .top nav.logedin .notificationsBox i { padding:0; }
header .top img.logo { height:25px; }

header .top .userImg img { width:40px; height:40px; }
header .top nav.logedin .userImg ul { top:47px; }

.section.sec5 .mainWidth { flex-direction: column; padding:0; }
.login .box { padding:10px 20px; }

.login:nth-child(2) { border-right:0 !important; border-top:1px solid #eee; } 

.countryBox { padding:0; padding-left:0; margin-left:0; border:0; }
.countryBox a img { width:25px; height:25px; }

.mobileMainMenu { position:fixed; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:2; display:none; }
.mobileMainMenu .men { transition:transform 0.3s; width:80%; max-width:300px; height:100vh; padding-bottom:30px; overflow:auto; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); transform: translateX(100%); }
.mobileMainMenu .men.open { transform: translateX(0); }

.mobileMainMenu .userSection { background-color: #398db0; }
.mobileMainMenu .userSection nav { display:flex; justify-content: space-between; padding:10px; }
.mobileMainMenu .userSection nav a { color:#fff; }
.mobileMainMenu .userSection nav a i { font-size:16pt; }

.mobileMainMenu .userSection img { width:70px; height:70px; border-radius: 50%; margin:auto; border:2px solid #fff; }
.mobileMainMenu .userSection span { display:block; text-align: center; padding-bottom:10px; margin-top:10px; color:#fff; }
.mobileMainMenu .userSection span text { font-size:10pt; font-weight: bold; }
.mobileMainMenu .userSection span p { font-size:8pt; opacity:0.8 }

.mobileMainMenu .menuLinks { margin-top:10px; padding-bottom:5px; }
.mobileMainMenu .menuLinks a { display:flex; align-items: center; padding:6px 10px; font-size:12pt; color:#777; }
.mobileMainMenu .menuLinks a i { font-size:15pt; margin-left:10px; color:#222 }
.mobileMainMenu .menuLinks hr { border:0; border-top:1px solid #ddd }

.inProd .userCpMenu { display:flex; flex-wrap: wrap; padding:10px !important; }
.inProd .userCpMenu a { padding:8px; display:block; text-align: center; width:33%; flex:unset }
.inProd .userCpMenu a span { display:block; }
.inProd .userCpMenu a i { font-size:22pt; padding:7px; }

.inProd .userCpMenu div { width:90%; }

.insertProductBox { padding:15px; gap:4%; }
.insertProductBox .insertCatsBox { width:30.5% ; padding:20px 10px; margin-bottom:25px;}
.insertProductBox .insertCatsBox i { font-size:50pt }
.insertProductBox .insertCatsBox b { font-size:10pt; font-weight:400; }

.form .box { width:100%; padding:10px 20px; }

.allUsers.fav { gap:3%; padding:0 10px; }
div.listUsers { width:48.5%;  margin-bottom:3%; }

.statsBox { padding:20px; gap:3%;  }
.statsBox a { width:46%; margin-bottom:20px; }

.notificationsBox section { left:0; padding-top:8px; }

.blackIn { width:96% !important; }
.blackIn .close { top:-6px; left:-6px; }
.blackIn .close i { padding:4px; font-size:16pt; }

.insertUploadImage { padding:30px 20px; }
.insertUploadImage .mapSection { width:100%; }

.pointsScreen { width:90%; }

.walet .waletBuy a p strong text { font-size:10pt; }
.walet .waletBuy a p span { flex:1; }

.pointsSaveBox nav { padding-bottom:20px; }

.mainMenu .mainWidth ul:hover .subcats { display:none; }
.mainMenu .subcats { width:100vw; overflow: auto; }
.mainMenu .subcats a { width:auto; display:inline-block; margin-left:10px; }
.mainMenu .subcats a img { max-width:100px; }

.inCat h2 { font-size:11pt; }

.userStats { padding-bottom:20px; }

.mobileSubCats { display:block; width:100vw; padding:15px 5px; background-color: #fff; overflow:auto; white-space: nowrap;}
.mobileSubCats a { display:inline-table; padding:0 15px; font-size:9pt; border-left:1px solid #eee; color:#555; text-align: center; }
.mobileSubCats a img { height:30px; display:table; margin:auto; }

.insertUploadImage .playerVideo iframe { width:100%; }

/* .title.inCat div { flex:1; } */

.thrSec.limited .spProduct div.productBox:nth-child(n+4) { display:inline-block; }
.thrSec.limited .spUsers div:nth-child(n+4) { display:inline-block; }
.thrSec .spUsers div { width:33.333% !important;  }

.productInfo .more { display:flex; flex-wrap: wrap; align-items: center; }
.productInfo .more a { width:50%; }

.bgINHead { top:55px; width:auto; height:150px; }

.storePage .first { width:auto; }
.storePage .user img.prodI {width:80px; height:80px }

.login .qrCodeBox { display:none; }
.login .loginForm { display:block !important; }

.chatBlackScreen { padding:5px; }
.chatBlackScreen a i { background-color: red; font-size: 15pt; color:#fff; border-radius: 50%; padding:3px; }

.addProductFloatBtn { position:fixed; bottom:0; right:0; }
.addProductFloatBtn i { background-color: #2ea7bb; font-size: 30pt; padding:5px; color:#fff; border-radius:50% 50% 0 50%; border:1px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); }


header.mobileHead form { display:none; position:absolute; top:48px; background-color: #fff; width:100%; padding:10px; right:0; box-shadow:0 0 5px rgba(0,0,0,0.1); }

.form label.inp text { width:100%; }

.user i.checked { right:20px; top:10px; }

.prodImgBox .arr i { font-size:30pt; }

.insideTabsBody { flex-direction: column; }
.insideTabsBody .rightMenuBody  { flex-direction: row; width:100%; }
.insideTabsBody .rightMenuBody a { width:100%; display: flex; flex:1; padding:10px; flex-direction: column; justify-content: center; align-items: center; border-left:1px solid #eee; }
.insideTabsBody .rightMenuBody a b { text-align: center; font-size:10pt; }
.insideTabsBody .rightMenuBody a.checked { border-right:0; border-bottom:3px solid #0188ee; }

.suggPriceBox .suggPrice { flex-direction: column; }
.suggPriceBox .suggPrice a { width:100%; }
.suggPriceBox .suggPrice img.pimg { width:100%; height:150px;  }

.sugDataBox { width:100%; }
.buyerSellerBox { flex-direction: column; }
.buyerSellerBox a { width:100%; }
.buyerSellerBox .pimg { width:100%; height:150px; }
.buyerSellerBox .priceBtn { flex-direction: row !important; width:100%; justify-content: space-around !important; margin-top:15px; }
.buyerSellerBox .priceBtn a { width:auto }
.buyerSellerBox label { background-color: #f5f5f5; padding:2px 5px; border-radius: 5px; }

.userCpMenu.leftBoxProd { position:fixed; bottom:0; z-index:2; background-color: #f9f9f9; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); flex-wrap:unset; display:block; width:100%; }
.userCpMenu.leftBoxProd div { width:100%; flex-direction: row; padding:10px; }
.leftBoxProd.userCpMenu div a { padding:14px 10px; flex:1; border-radius:5px; text-align: center; display:block; }
.leftBoxProd.userCpMenu div a i { display:none; }
.leftBoxProd.userCpMenu div a span { display:block; font-size:11pt; }

.leftBoxProd.userCpMenu div a.chatBtn.sale { display:none; }
.leftBoxProd.userCpMenu div a.buynow { background-color: #023dd3 !important; }
.leftBoxProd.userCpMenu div a.sugg { border:1px solid #c3d0f0 !important; background-color: #fff !important; color:#023dd3 !important }
.leftBoxProd.userCpMenu div a.sugg span { color:#023dd3 !important }

.leftBoxProd.userCpMenu.mobile { display: block !important; position:unset !important;  }
.leftBoxProd.userCpMenu.mobile a { display: block !important; background-color: #fff !important; color:#023dd3 !important }