@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
/*begining of "config" part*/
:root{
	--generic-black:  #231f20;
	--bg-gray: #cccccc;
	--overlay-gray: #ebebeb;
	--accent-red: #ed1c24 ;
	--bg-red: #ed1c23;
	--light-bg-red: #ed4c52; 
	--percent-width: 70%;
}

body {
  font-family: 'Poppins', sans-serif !important;
}
a{
	color:inherit !important;
	text-decoration: none !important;
}
/*end of "config" part*/

/*begining of regluar css part*/
/* notice/currency converter/*/
#top-notice{
	background-color: var(--generic-black);
	color:white;
}
/*header part*/
.nav-link {
	font-size: 1.125rem !important;
	color: #040929 !important;
	font-weight: 400 !important;
  transition: 0.5s;
}

.nav-link.h4 {
  margin-bottom: 0;
}

.nav-link:hover {
  color: #B12019 !important;
}
/*notice after header*/
#middle-notice{
	background-color:var(--bg-gray);
	color: white;
}
/*red line effect*/
.red-line-top{
	border-top: 2px solid var(--accent-red);
}
.red-line-bottom{
	border-bottom: 2px solid var(--accent-red);
}
#middle-notice > .col > a:hover{
	color: black !important;
}
/*first block of content multiple "links"*/
#home-page-focus{
	display:grid;
	grid-template-areas: 
	"multiple double highlight highlight";
	grid-gap:2%;
	width: var(--percent-width);
	padding-top:15px;
}
#home-page-focus>article{
	height:inherit;
}
#home-page-focus>article>img,#home-page-focus>article>a>img{
	max-height:100%;
	max-width:100%;
}
/*multiple aritcle showcase*/
#multiple{
	grid-area: multiple;
}
.visible-vertical-showcase{
	display:block !important;
}
#multiple>.vertical-showcase-component{
	display:none;
}
.multiple-img{
	width:100% !important;
	margin:3px 0;
}
#multiple-upward-icon,#multiple-downward-icon{
	color:white;
	background: var(--accent-red);
	padding:10px;
	border-radius: 15px;
}
#multiple-upward-icon,#multiple-downward-icon,.highlight-controls{
	cursor:pointer;
	z-index:10;
}
#double{
	grid-area: double;
	display:grid;
	grid-template-rows: 0.75fr 0.25fr;
}
#highlight{
	grid-area: highlight;
}
.highlight-img{
	display:none;
}
.visible-highlight-img{
	display:block !important;
}
.highlight-controls{
	position:relative;
	bottom:250px;
}
#offer-banner{
	width: var(--percent-width);
}
#offer-banner>img{
	width:100%;
}
#homepage-section{ 
	width: var(--percent-width);
	margin: 0 auto;
}
#action-timer{
	background: var(--light-bg-red);
	
}
#sale-timer-div{
	display:flex;
	justify-content: center;
}
#sale-timer-div>div{
	display:inline;
	margin: 0 50px;
	text-align: center;
	font-size: 2em;
}
.unit-amount{
	border: 5px solid black;
	background:white;
	border-radius: 50%;
	width:125px;
	height:125px;
	display: flex;
  	justify-content: center;
  	align-content: center;
  	flex-direction: column;
}
#blog-newsletter-section{
	border-top: 3px solid black;
	
}
#article-links{
	display: grid;
	grid-template-areas:
	"link1 link1 link2"
	"link1 link1 link3";
	grid-gap: 10px;
	width: var(--percent-width);
	margin: 0 auto;
}
#article-1{
	grid-area:link1;
}
#article-2{
	grid-area:link2;
}
#article-3{
	grid-area:link3;
}
.grid-row{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
}
.add-cart-btn{
	position: absolute;
	z-index:20;
	top: 10px;
	left:10px;
  background-color: #B12019 !important;
  border: 0 !important;
}
#sale-section{
	display:grid;
	grid-template-columns: 0.5fr 0.5fr;
	background-color:var(--light-bg-red);
	font-family: nunitoSans !important;
	font-weight:bold;
}
/*footer dio*/
#footer{
	background-color: #B12019;
	color:white;
}
#general-info{
	display: flex !important;
  flex-wrap: wrap;
	padding: 0 10% 30px;
	justify-items: center;
}
.footer-section-heading{
	margin-top:35px;
	margin-bottom:35px;
	font-weight: 600 !important;
  font-size: 24px !important;
}
#contact-info{
	margin-top:90px;
}
/* Pojedina�na kategorija*/
#art-new-section,#art-sale-section,#art-regular-section,#category-list,#searched-articles-section{
	width: var(--percent-width);
}
/*pojedina�ni artikl*/
.article-showcase{
	width: 80%;
	display:grid;
	grid-template-columns: 40% 60%;
	grid-gap:0 3%;
}
.carousel-attribute-bubble{
  position: absolute;
  top: 10px;
  right: 10px;
	background: var(--overlay-gray);
	padding:25px 15px;
	border-radius: 50%;
	z-index:10;
  color: #7A7A7A;
  font-size: 15px;
}
.single-img-attribute-bubble-sold-out{
  position: absolute;
  top: 10px;
  right: 10px;
	background: var(--overlay-gray);
	padding:25px 15px;
	border-radius: 50%;
	z-index:20;
  color: #7A7A7A;
  font-size: 15px;
}
.single-img-attribute-bubble-grid-row, .single-img-attribute-bubble {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #DCDCDC;
  padding: 19px 8px;
  border-radius: 50%;
  z-index: 10;
  color: #7A7A7A;
	font-size: 15px;
}
/*pregled kategorija*/
.category-link-img {
	background-image: url('/img/dizajn_resursi/category-img.jpg');
}
/*override bootstrapa*/
.article-card {
	transition: 0.5s;
}
.btn-primary { 
  background: #B12019 !important;
  border: none !important;
  font-weight: 600;
  font-size: 20px !important;
  transition: 0.5s !important;
}
.btn-primary:hover {
	background: #2f7fed !important;
}
/* footer */
.footer-flex-div {
	display: flex;
	margin-bottom: 15px;
	position: relative;
	align-items: center;
	height: 25px;
}
.footer-flex-div h6 {
	margin: 0;
}
.footer-flex-div img {
  margin-right: 15px;
}
.arrow {
   cursor: pointer;
   height: 10px;
   width: 10px;
   left: 145px;
   position: absolute;
   top: 50%;
   transition: transform 0.1s;
   transform: translate(-50%, -50%);
}
 .arrow-top, .arrow-bottom {
   background-color: #bababa;
   height: 4px;
   left: -5px;
   position: absolute;
   top: 50%;
   width: 100%;
}
 .arrow-top:after, .arrow-bottom:after {
   background-color: #fff;
   content: '';
   height: 100%;
   position: absolute;
   top: 0;
   transition: all 0.15s;
}
 .arrow-top {
   transform: rotate(45deg);
   transform-origin: bottom right;
}
 .arrow-top:after {
   left: 100%;
   right: 0;
   transition-delay: 0s;
}
 .arrow-bottom {
   transform: rotate(-45deg);
   transform-origin: top right;
}
 .arrow-bottom:after {
   left: 0;
   right: 100%;
   transition-delay: 0.15s;
}
 .footer-flex-div:hover .arrow .arrow-top:after {
   left: 0;
   transition-delay: 0.15s;
}
 .footer-flex-div:hover .arrow .arrow-bottom:after {
   right: 0;
   transition-delay: 0s;
}
 .arrow:active {
   transform: translateX(-50%) translateY(-50%) scale(0.9);
}
#payment-methods {
  align-items: center;
  grid-template-columns: repeat(3,100px) !important;
  justify-content: left !important;
} 
#payment-methods>img {
	width: auto !important;
}
#adress-info, #adress-info-second, #useful-links, #legal-info {
	width: 33%;
}
#partners1 {
	width: 66%;
} 
#partners1 .footer-section-heading {
  margin-bottom: 15px !important;
}
#social-networks {
  width: 33%;
}
#social-networks a img {
  transition: 0.5s;
}
#social-networks a:hover img {
  transform: scale(1.2);
}
.footer-dekod {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10%;
}
#useful-links {
	padding-left: 50px
}
.nav-link:hover {
    color: #B12019 !important;
}
.semi-bold {
	font-weight: 600 !important;
}
.relative {
	position: relative;
}
.text-normal-color {
  color: #B12019;
}
.btn-dark {
  background-color: #040929 !important;
  color: #fff !important;
  text-align: left !important;
  transition: 0.5s;
  text-transform: uppercase;
  font-weight: 600 !important;
}
.btn-dark:hover {
  background-color: #262737 !important;
}
.btn-light {
  background: #B12019 !important;
  color: #fff !important;
  text-transform: uppercase;
  transition: 0.5s;
  font-weight: 600 !important;
}
.btn-light:hover {
  background-color: #d2342d !important;
}
.bold {
	font-weight: 700 !important;
}
.text-light-color {
	color: #B12019 !important;
}
#decrement button, #increment button, .amount-input {
	background: #B12019 !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 25px !important;
  padding: 0 0.75rem !important;
}
.amount-input {
	width: 48%;
}
.submit-btn-options {
	position: relative;
} 
.shopping-cart {
	margin-left: 15px;
}

.bg-title {
	background: #B12019;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 0 !important;
  padding: 0.25rem 0;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 28px !important;
}

#cart-amount, #cart-amount-mobile {
  background: #B1201980 !important;
}

.text2 {
	background-color: none !important;
	color: #B12019 !important;
	text-align: left !important;
	padding: 15px 0;
}

.title-faq {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.25rem 0;
}

.title-faq h3 {
  margin: 0 15px 0 0 !important;
}

.faq-wrapper {
	margin: 0 15%; 
}

.faq-wrapper h5 {
  font-weight: 500; 
   margin-bottom: 20px !important;
}

.faq-wrapper .question {
  color: #B12019 !important;
  display: block;
}

.faq-wrapper .question {
  font-weight: 500 !important;
}

.faq-wrapper .answer  {
  font-weight: 400 !important;
}

.faq-wrapper .question, .faq-wrapper .answer  {
  font-size: 18px !important;
  line-height: 1.2;
}

.faq-wrapper .answer {
	display: block;
  margin-bottom: 25px;
}

.faq-wrapper .faq-footer {
  display: flex;
  align-items: center;
}
.registration-title {
	display: flex;
	align-items: center;
	justify-content: center;
  margin: 30px 0;
}
.registration-title span {
  font-size: 28px;
  color: #040929;
}
.registration-title img {
	margin-right: 25px;
}
.navbar {
  border-bottom: 4px solid #E2102A;
}
.registration-subtitle {
	font-weight: 600;
	font-size: 24px;
	color: #040929;
}
.form-group-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.form-group-container .form-group {
	width: 48%;
}
.form-group-container .form-group label {
  font-size: 18px;
}
#gdpr-section div h2 {
	font-size: 20px;
	font-weight: 600;
}
.form-check-label {
	font-size: 18px;
	margin-bottom: 5px !important;
}
.form-check-input {
  height: 15px;
  width: 15px;
}
#stvori_novi_profil {
	background: #B12019;
  border-radius: 5px;
  border: none;
  color: white;
  padding: 6px 40px;
  margin-top: 20px;
  transition: 0.5s;
} 

#stvori_novi_profil:hover {
	background: #75a7eb;
}

.flex-container-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-container-center p {
  margin-bottom: 0 !important;
  margin-left: 10px;
}

.icon-user {
  background-image: url("../../../img/User-Profile-red.png");
  width: 22px;
  height: 22px;
}

.icon-user-guest {
  background-image: url("../../../img/Hacker.png");
  width: 30px;
  height: 30px;
}

.center-between-container {
  display: flex;
  justify-content: space-between;
}

.center-container {
	display: flex;
	justify-content: center;
}

.center-container button {
	color: #FFFFFF;
	background: #B12019;
  border-radius: 5px;
  padding: 5px 50px;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.center-between-container a {
	width: 49%;
	color: #B12019 !important;
}
.center-between-container a:first-of-type {
  text-align: right;
  padding-right: 20px;
}
.center-between-container a:last-of-type {
  padding-left: 20px;
}
.center-between-container .dot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #B12019;
  margin-top: 7px;
}
.list-group-item-primary {
	font-weight: 600;
	background-color: #B12019 !important;
    color: #fff !important;
}

.increment-checkout, .decrement-checkout {
	background: #B12019 !important;
	border-radius: 10px !important;	
	color: #fff !important;
  font-weight: 700 !important;
  font-size: 21px !important;
  padding: 1px 12px !important;
}
.btn-danger {
  background: #E2102A !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  transition: 0.5s !important;
  border: 0 !important;
}

.btn-danger:hover {
  background: #dd3c50 !important;
}

.border-top-bottom {
	border-top: 1px solid #dee2e6!important;
  border-bottom: 1px solid #dee2e6!important;
}

.flex-submenu-container { 
  display: flex;
}

.flex { 
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flex .form-group {
	width: 45%;
}

.flex #order-user-info-section, .flex #order-delivery-section {
	width: 30%;
}

.flex.subtitle-container .subtitle {
  font-weight: 600;
  font-size: 24px;
  margin-left: 10px;
}

#card-holder-details .form-group, #profil_izmj .form-group {
  display: flex;
  flex-direction: column;
}

.flex #order-delivery-section {
  display: flex; 
  justify-content: center;
}

.flex #order-delivery-section p {
  margin-bottom: 0;
}

.flex #order-delivery-section p b:first-of-type {
  margin-left: 5px;
}

.flex.subtitle-container {
  align-items: center;
}

.flex.subtitle-container .delivery {
  width: 30px;
  height: 30px;
}

#card-holder-details .form-group, #profil_izmj .form-group {
	display: flex;
  flex-direction: column;
  align-items: center;
}

#profil_izmj .form-group div {
  width: 90%;
}

#card-holder-details .flex {
  align-items: center;
}

#card-holder-details .form-group label {
  min-width: 150px;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.btn-sidemenu {
  display: flex !important;
  align-items: center;
  background-color: rgba(34, 32, 31, 0.1) !important;
  color: #22201F;
  width: 350px;
  margin-bottom: 2px;
  font-weight: 500 !important;
  font-family: 'Poppins', sans-serif;
  text-align: left !important;
  transition: 0.5s;
}

.btn-sidemenu:hover {
  color: #B12019 !important;
}

.btn-sidemenu .img {
  margin-right: 10px;
  width: 30px;
  height: 30px;
}

.btn-sidemenu .empty-box-icon {
  background-image: url("../../../img/EmptyBoxRed.png");
}

.user-profile {
  background-image: url("../../../img/User-Profile-red.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
}

.btn-sidemenu .change-password {
  background-image: url("../../../img/forgot-password-red.png");
    background-size: contain;
}

.btn-sidemenu .log-out {
  background-image: url("../../../img/SignOut.png");
}

.delivery-img {
  background-image: url("../../../img/delivery-red.png");
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
}

.uppercase {
  text-transform: uppercase;
}

.gray-border {
  border-bottom: 1px solid #D6D6D6;
  padding: 10px 0;
}

.amount-container {
	display: flex;
	justify-content: center;
}

.amount-container input {
  min-width: 50px;
  font-weight: 700;
}

.amount-container input {
  width: 30px !important;
}

.scroll {
	overflow: inherit;
}

.number-input-field, select, .gen-option-section input {
	border: 1px solid #C4C4C4;
  border-radius: 5px;
  height: 28px;
  outline: none;
}

.border-top-bottom {
   border-top: 1px solid #dee2e6;
   border-bottom: 1px solid #dee2e6;
}

.nav-logo-mob {
	display: none !important;
}

.nav-logo-desktop {
  display: block !important;
}

#search-button {
	font-size: 14px;
	text-align: center;
  color: #000000;
  border: 1px solid;
}

#order-info .row, .container-payment-order .row  {
  flex-wrap: nowrap !important;
}

#order-info .container {
  max-width: inherit !important;
  margin: 0 !important;
}

.container-payment-order {
  margin: 0 10px !important;
}


#order-info .padding-10, .container-payment-order .padding-10 {
	padding: 0 10%;
}

#order-info .first-col, .container-payment-order .first-col {
  min-width: 300px;
}

#order-info .col, .container-payment-order .col {
  padding: 0.75rem;
  margin: 0;
}
  
#search_bar {
	justify-content: space-between;
}

.table thead th, .table th, .table td {
	border-bottom: 0 !important;
	border-top: 0 !important;
}

.navbar-nav.mr-5 .nav-item {
  display: flex;
  align-items: center;
}

.nav-logo-desktop {
    background-image: url('../../../img/hnk-sibenik/logo.svg');
    background-repeat: no-repeat;
    height: 79px;
    width: 281px;
}

.row {
	margin-top: 3px;
}

.mb-5 red-line-top #trg-banner-section {
	background-image: url('../../../img/rk-ppd-zg-banner-small.png');
	width: 100%;
  height: 240px;
	background-position: center;
}

.languages button {
  margin-right: 8px;
  border: none;
  padding: 0;
  border-radius: 20px;
  background: #fff;
  transition: 0.5s;
}

.languages button:hover {
  opacity: 0.6;
}

.languages button:focus {
   outline: none;
}

.faq-phone-img {
  background-image: url("../../../img/Phone2.png");
  width: 80px;
  height: 80px;
  margin-right: 40px;
}

form .table th {
  vertical-align: middle !important; 
}

.confirmation {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.forgot-password {
  background-image: url("../../../img/ForgotPassword.png");
  width: 40px;
  height: 40px;
}

.container-wrapper {
  padding: 0 15%;
}

.btn-main {
  background: #B12019 !important;
  color: #fff !important;
  text-transform: uppercase;
  transition: 0.5s !important;
  font-weight: 600 !important;
}

.btn-main:hover {
  background: #d2342d !important;
}

.nav-only-mobile {
  display: none;
}

.logout {
  padding: 0 10px 0 0;
}

hr {
  margin: 0 !important;
}

.credit-card {
  background-image: url("../../../img/credit-card.png");
  width: 50px;
  height: 50px;
}

.social-media-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.social-media-buttons #buttonDiv, .social-media-buttons .fb-login-button {
  margin-top: 15px;
}

main {
  min-height: 290px;
}

.btn-search {
  width: 67% !important;
}

.toast-success .bg-success {
  background-color: #9E9C9C !important;
}

.toast-in-progress .bg-info {
  background-color: #C6C5C5 !important;
}

.error-message {
  display: none;
  color: #E31E26;
  text-align: center;
  margin-top: 8px;
  font-size: 14px;
}

.error-message.active {
  display: block !important;
}


.btn-main.btn-none {
  display: none !important;
}

.parsley-required, .parsley-pattern {
  color: #E31E26 !important;
} 

@media screen and (max-width: 992px) {
  .navbar .bg-primary, .navbar a.bg-primary:focus, .navbar a.bg-primary:hover, .navbar button.bg-primary:focus, .navbar button.bg-primary:hover {
    background-color: #fff !important;
    outline: none;
  }
  
  .navbar-toggler, #amount-add-row {
    display: flex !important;
    flex-direction: column;
  }
  
  .navbar-toggler-icon {
    background-color: #B12019 !important;
    margin: 4px 0;
    height: 2px!important;
    width: 35px !important;
  }  
  
  .navbar-toggler {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  
    
  .navbar {
    min-height: 70px;
    padding: 0 !important;
  }
  
  .nav-item {
    text-align: center;
  }
  
  .navbar-nav.mr-5, .nav-item.mx-3 {
    margin: 0 !important;
  }

  .nav-logo-mob {
    display: block !important;
    background-image: url('../../../img/hnk-sibenik/logo.svg');
    background-repeat: no-repeat;
    height: 70px;
    width: 212px;
  }
  
  .nav-height {
    height: 70px;
    width: 1px;
  }
  
  .nav-logo-desktop {
    display: none !important;
  }
  
  #cover-photo {
    height: 50px;
    margin: 10px 0;
  }
  
  .languages, .navbar-nav .search, .navbar-nav .nav-link.user, .navbar-nav .logout, .nav-user-icon, .nav-cart {
    background-color: rgba(96, 155, 235, 0.08);
    padding: 0.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1px;
  }

.nav-link, .languages, .languages, .navbar-nav .search, .navbar-nav .nav-link.user {
    margin: 1px 0 !important;
    background: #B12019;
    color: #fff !important;
    text-transform: uppercase;
}


    .navbar-nav .search .nav-link, .navbar-nav .nav-link.user .btn {
    background: none !important;
    padding: 0;
  }
  
  .red-line-top #trg-banner-section {
    display: none;
  }
  
  .nav-only-mobile {
    display: flex;
    align-items: center;
  }
  
  .hide-mobile {
    display: none !important;
  }
  
  .nav-only-mobile.cart {
    position: absolute;
    right: 75px;
    top: 20px;
  }
  
}

@media screen and (max-width: 768px) {
  .mobile-column {
    flex-direction: column;
  }
  
	#order-info, #payment-order-details {
	  overflow: scroll;
	}
	
	#order-info .padding-10, .container-payment-order .padding-10 {
	  padding: 0 1%;
	}
	
	#order-info .col, .container-payment-order .col {
	  min-width: 95px;
	}
	
	#order-info .first-col, .container-payment-order .col {
	  min-width: 150px;
	}
	
	#order-info .first-col {
    text-align: left;
  }
	
	.grid-row-mobile {
    display: flex;
    flex-direction: column;
	}
	
	.grid-row-mobile .article-card {
    margin-bottom: 10px;
	}
	
	.my-5 {
	 margin-top: 1rem;
	 margin-bottom: 1rem;
	}
	
	#homepage-section, #art-new-section, #art-sale-section, #art-regular-section, #category-list, #searched-articles-section {
	  width: 95%;
	}	
	
	#general-info {
    flex-direction: column;
    padding: 0 5% 30px;
	}
	
	#general-info section, #login {
    width: 100% !important;
  }
  
  #general-info #useful-links {
    padding-left: 0;
  }
  
  #payment-methods {
    grid-template-columns: repeat(3,100px) !important;
  }
  
  #amount-add-row .amount {
	  display: flex;
	  justify-content: center;
	  width: 100%;
	}

  .article-showcase {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  
  .article-showcase .w-75 {
    width: 100% !important;
  }
  
  /*#f_roba {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }*/
  
  #f_roba .grid-row{
	  grid-template-columns: inherit;
	}
  
  .mb-5 .w-50, .mx-auto.w-75 {
    width: 95% !important;
  }
  
  main .mx-5 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  
  main .mobile-w-100 {
    width: 100% !important;
  }
  
  .toast-holder-class {
    width: 300px;
    left: 20px;
  }
  
  .list-group {
    flex-direction: column !important;
  }
  
  .list-group .list-group-item {
    padding: 0.25rem 1.25rem;
  }
  
  .flex-column-mobile {
    flex-direction: column;
    align-items: center;
  }
  
  .flex-column-mobile section {
    width: 90% !important;
  }
  
  .flex #order-delivery-section {
    display: block;
  }
  
  .no-wrap {
    flex-wrap: nowrap !important;
  }
  
  .flex .form-group, .flex-submenu-container .flex-column.m-5, .flex-submenu-container .flex-column.m-5 .btn-sidemenu {
    width: 100%;
  }
 
  .scroll {
    overflow: scroll;
  }
  
  .faq-wrapper {
    margin: 0;
    width: 95%;
  }
  
  .th-col-name {
    min-width: 230px;
  }
  
  #search_bar {
    display: flex;
    justify-content: center;
  }
  
  #search_bar #search-button {
    margin-top: 15px;
  }
  
  #password-change .w-90-mobile {
    width: 90% !important;
  }
  
  .flex-submenu-container { 
	  flex-wrap: wrap;
	  justify-content: center;
	}
	
	.container-wrapper {
	  padding: 0;
	}
	
	 .container-wrapper-margin {
    margin: 15px;
  }
  
  main {
	  min-height: unset;
	}
}

.price-new {
    color: #B12019 !important;
}

/* category list */
#category-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1200px;
}

#category-list div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#category-list a.border {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: none !important;
}

#category-list a.border img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#category-list h5 {
    text-align: center;
    margin-top: 15px;
    color: #333;
}

@media (max-width: 768px) {
    #category-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    #category-list {
        grid-template-columns: 1fr;
    }
}