/*
Theme Name: apnaklub
Theme URI: https://apnaklub.com
*/

html{

	scroll-behavior: smooth;

}

*{

	margin:0px; padding:0px;

}

body{

	font-family: 'Poppins', sans-serif !important;

	font-family: 'Open Sans', sans-serif;

	}

.w-700 {
  width: 700px;
}


h1, h2, h3, h4, h5, h6

{

	font-family: 'Poppins', sans-serif !important;

}


.position-prev{
  width: 5%;
  background-color: #fcd427;
  display: flex;
  justify-content: center;
  align-items: center;
}
.position-next{
  width: 5%;
  background-color: #fcd427;
  display: flex;
  justify-content: center;
  align-items: center;
}

.position-relative{
  position: relative;
}

ul{

margin:0;

padding:0;}



a:hover 

{

	text-decoration:none;

	transition:all 0.5s ease;

}





header {

  background: #1289f9;

}

header #navbarSupportedContent {

  justify-content: right;

}



header .navbar-nav .nav-item .nav-link {

  color: #fff;

  font-size: 18px;

  padding: 0px 20px;

  transition:all 0.5s ease;

}

header .navbar-nav .nav-item .nav-link:hover

{

	color:#ffcf00;

}

.navbar-nav.language-nav li a 

{

	color:#282828;

	padding:0px 5px;

}

.navbar-nav.language-nav li:first-child 

{

	border-right:1px solid #282828;

}

.navbar-nav.language-nav {

  margin-left: 5px;

}



.navbar-nav.language-nav li a:hover 

{

	color:#fff;

}





/*----------------Start Banner--------*/



.home-banner {

  background: #1289f9;

}

.banner-content 

{

	padding-top:100px;

	padding-bottom:100px;

	padding-right:1%;

	background:url(../images/bg-traparent.png);

	background-repeat:no-repeat;

	background-position:bottom left;

	background-attachment: fixed;

}

.banner-content h2 {

  font-size: 66px;

  font-weight: 800;

  color: #fff;

}

.banner-content h4 {

  color: #ffcf00;

  font-weight:600;

  font-size: 54px;

  position:relative;

  padding-bottom:20px;

}

.banner-content h4:after 

{

	content:'';

	display:block;

	position:absolute;

	width:100px;

	height:7px;

	background:#fff;

	bottom:0px;

}



.banner-content p 

{

	color:#fff;

	font-size:18px;

	margin-top: 25px;

}

.banner-img 

{

	padding:30px 0px 30px 5%; 

}

.banner-img .img-apps {

  text-align: right;

}



.banner-img .img-apps li {

  display: block;

  margin-bottom: 10px;


}

.banner-img .img-apps li a {

  display: inline-block;

  transition:all 0.5s ease;

}

.banner-img .img-apps li a img 

{

	  transition:all 0.5s ease;

}

.appstore-button{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.banner-img .img-apps li a:hover img

{

	transform:scale(0.9);

	transition:all 0.5s ease;

	

}

.banner-mobile-desktop-images {

  margin-top: 20%;

  text-align: right;

}

.banner-mobile-desktop-images .img-fluid {

  width: 84%;

}



/*------------Start Why Banner Club-----------*/

.why-apanklub {

  padding: 50px 0px 0px;

  background-color:#f7f7f7;

  

}



.why-apanklub h2 {

  text-align: center;

  font-size: 54px;

  color:#282828;

}



.why-apanklub h4 {

  font-size: 30px;

  text-align: center;

  margin-top: 20px;

  margin-bottom: 75px;

}

.why-apanklub .row 

{

position: relative;

background-image: url(../images/bubiles-bg.png);

background-repeat: no-repeat;

background-position: bottom left;

background-size: 686px;

background-attachment: fixed;

}



.why-product-content {

  padding: 20px;

  background: #fff;

  margin-bottom: 90px;

  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);

  transition:all 0.5s ease;

  min-height: 370px;

}



.why-product-content a {

  display: block;

  position: relative;

}

.icon-head-prod {

  display: flex;

  flex-wrap: wrap;

  align-items:center;

}

.icon-head-prod .img-fluid {

  width: 100px;

}

.icon-head-prod h3 {

  width: calc(100% - 100px);

  color: #0884f9;

  font-size: 22px;

  font-weight: 600;

  padding-left: 15px;

}

.positions {

  position: absolute;

  right: 0;

  top: -66px;

  font-size: 70px;

  font-weight: 900;

  	transition:all 0.5s ease;

}





.left-prod-klub .why-product-content {

  width: 92%;

}

.right-prod-klub .why-product-content {

  width: 92%;

  margin-left:auto;

}



.why-product-content p {

  font-size: 22px;

  color: #282828;

padding: 20px 16px 15px;

  margin: 0;

}



.why-product-content:hover .positions 

{

	transform:rotate(360deg);

	transition:all 0.5s ease;

}

.why-product-content:hover 

{

	transform:scale(1.2);

	transition:all 0.5s ease;

}

.icon-head-prod .img-fluid {

  width: 100px;

  height: 100px;

  object-fit: contain;

}





.media-content.row .col-md-4:hover .btn.btn-primary

{

	transform:scale(1.2);

}

.media-content.row .col-md-4:hover .img-fluid

{

	transform:scale(0.9);

	transition:all 0.5s ease;

}

/*--------Explore-category-------------*/



.explore-category {

  width: 100%;

  background: #fcd427;

  padding: 60px 0px;

}



.explore-category .row {

  flex-direction: row-reverse;

}



.cat-content h2 {

  font-size: 54px;

  white-space: nowrap;

  position:relative;

  padding-bottom:25px;

  margin-bottom:25px;

}

.cat-content h2:after 

{

content:'';

	display:block;

	position:absolute;

	width:100px;

	height:7px;

	background:#fff;

	bottom:0px;

}



.cat-items-content ul li {

  width: 33.33%;

}



.cat-items-content ul {

  justify-content: right;

  display: flex;

  flex-wrap: wrap;

}



.cat-items-content ul li {

  width: 33.33%;

  padding: 15px;

  list-style:none;

}
.cat-items-content ul li a {
    color: #444;
}

.cat-items-content ul li:first-child 

{

	margin-left:10%;

}

.cat-items-content ul li a

{

	display:block;

	transition:all 0.5s ease;

}

.cat-items-content ul li a:hover 

{

	transform:scale(1.2);

	box-shadow:0px 0px 15px rgba(0,0,0,0.2);

}



.cat-content p {

  font-size: 20px;

}



.cat-content .btn.btn-primary {

  margin-top: 22%;

  background: #007bff;

  border-color: #007bff;

  border-radius: 50px;

  font-size: 20px;

  padding: 8px 25px;

  box-shadow:0px 2px 15px rgba(0,0,0,0.3);

  transition:all 0.5s ease;

}

.cat-content .btn.btn-primary:hover 

{

	transform:scale(0.9);

}





/*---------news----Step-----------*/

.news-media-section 

{

	background-color:#3097fa;

	padding:50px 0px;

	background-repeat:no-repeat;

	background-image:url(../images/media-bg.png);

	background-position:bottom right;

}



.step-items ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.step-items ul li {

  width: 28%;

  text-align: center;

  max-width: 100%;

  display: block;

}

.step-items ul li h4 

{

	font-size:22px;

}

.cricle-1 

{

	  background-image:url(../images/step-1.png);

}

.cricle-2 

{

	  background-image:url(../images/step-2.png);

}

.cricle-3 

{

	  background-image:url(../images/step-3.png);

}

.step-box {

  width: 250px;

  height: 250px;

  border-radius: 100%;



  background-repeat:no-repeat;

  background-size:100% 100%;

  margin: auto;

box-shadow: inset 0px 0px 30px rgba(0,0,0,0.1);

transition:all 0.5s ease;

}





.step-box:hover

{

	 transform: rotate(360deg);

	 transition:all 0.5s ease;

}

.step-box:hover .step_title{

	 color: red !important;

	 background: #000;

}





.step-content {

  padding: 46px;

  height: 100%;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

}

.step-items  .step-content h4 {

  font-size: 17px;

}



.step-items ul li h3 {

  font-size: 20px;

  margin-bottom: 30px;

  color: #fff;

}



.klub-news h2 {

  text-align: right;

  font-size: 54px;

  color: #fff;

  position:relative;

  padding-bottom:15px;

  margin-bottom:25px;

}

.klub-news h2:after 

{

	content:'';

	display:block;

	position:absolute;

	width:100px;

	height:7px;

	background:#fcd427;

	bottom:0px;

	right:0px;

}

.klub-news {

  padding-top: 40px;

  margin-top: 60px;

  border-top: 2px solid #fff;

}

.card-white{
  background-color: #fff;
}

.media-content.row 

{ 
  margin: 0;

  text-align: center;

  transition:all 0.5s ease;

  width: 90% !important;

}

/*.media-content.row:hover 

{

	box-shadow: -75px 0px 30px rgba(0,0,0,0.2);

}*/

.media-content p {

  font-size: 14px;
  margin: 30px 0px 30px;
  min-height: 105px;

}

.media-text {
  height: 8rem;
}

#media-carousel img{
  height: 6rem;
  object-fit: contain;
}


.media-content .btn.btn-primary {

  border-radius: 50px;

  padding: 5px 24px;

  background: #272727;

  border-color: #272727;

  transition:all 0.5s ease;

  display: inline-block;

}



.media-content .btn.btn-primary:hover 

{

	background:#3097fa;

	border-color:#3097fa;

	transform:scale(0.9);

}





/*----------Hear Partners --------------*/







.hear-directly 

{

	background-color:#f7f7f7;

	background-image:url(../images/bubles-big.png);

	background-position:bottom center;

	background-repeat:no-repeat;

	padding:60px 0px;

}



.hear-directly h2 

{

	font-size:54px;

	position:relative;

	padding-bottom:25px;

	margin-bottom:25px;

}

.hear-directly h2 strong 

{

	display:block;

}



.hear-directly h2:after 

{

	content:'';

	display:block;

	position:absolute;

	width:100px;

	height:7px;

	background:#0783f9;

	bottom:0px;

	left:0px;

}





.content-images {

  margin-top: 30px;

  box-shadow: 0px 0px 25px rgba(0,0,0,0.1);

}





/*------------- Frquestion Asked ---------------*/



.frequently-asked 

{

	background:#fcd427;

	padding:70px 0px;

}

.frequently-asked h2 {

  text-align: center;

  font-size: 54px;

  margin-bottom: 50px;

}



.frequently-asked button {

  width: 100%;

  text-align: left;

  padding: 15px 15px;

  background: #2b2b2b;

  border: 0;

  color: #fff;

  font-size:16px;

  position:relative;

  transition:all 0.5s ease;

}

.frequently-asked button.collapsed:after

{

	content: '+';

display: block;

position: absolute;

font-weight: 800;

color: #fff;

right: 15px;

top: 24%;

font-size: 20px;

}

.frequently-asked button:after

{

content: '-';

display: block;

position: absolute;

font-weight: 800;

color: #fff;

right: 15px;

top: 24%;

font-size: 20px;

}





.frequently-asked .collapse {

  background: #fff;

  padding: 10px;

}

.faq_tab_sec {
    background: #fff;
    padding: 10px;
}



/*.frequently-asked button:hover 

{

	transform:scale(0.97);

	transition:all 0.5s ease;

	color:#fcd427;

}*/



/*----------We are Hiring----------*/

.we-are-hiring {

  background: #f7f7f7;

  padding: 70px 0px;

}



.we-are-hiring h2 

{

	font-size:54px;

	color:#3097fa;

	margin-bottom:30px;

}

.we-are-hiring .row {

  align-items: center;

}



.we-are-hiring p {

  font-size: 24px;

}



.we-are-hiring .btn.btn-primary

{

	background:#393939;

	border-color:#393939;

	border-radius:50px;

	font-size: 20px;

padding: 8px 25px;

box-shadow: 0px 2px 15px rgba(0,0,0,0.3);

transition: all 0.5s ease;

margin-top:10%;

color:#fcd427;

}







.we-are-hiring .btn.btn-primary:hover 

{

	background:#fcd427;

	border-color:#fcd427;

	color:#fff;

	transition: all 0.5s ease;

	transform:scale(0.9);

}

.we-are-hiring img 

{

	 transition: transform 0.6s;

}

.we-are-hiring img:hover

{

	  transition: transform 0.6s;

  transform-style: preserve-3d;

   transform: rotateY(180deg);

}





/*----------Footer------------*/

footer {

  background: #252525;

  padding: 50px 0px 0px;

  color: #fff;

 

}



footer h3 {

  font-size: 24px;

  text-transform: uppercase;

  text-align: left;

  margin-bottom: 18px;

   text-align: center;
   color: #fcd427;

}

footer p 

{

	font-size:15px;
  text-align: center;

}

.policy-links 

{

	margin-top:0px;

	text-align:center;

}

.policy-links li {

  display: inline-block;

  font-size:15px;

  margin-bottom:15px;

}

.policy-links li a 

{

	color:#fff;

}

.policy-links li a:hover 

{

	color:#fcd427;

}



.contact-via li {

  display: block;

  margin-bottom: 10px;

  font-size: 20px;

}

.contact-via li a 

{

	color:#fff;

}

.contact-via li a:hover

{

	color:#fcd427;

}



.social-icon {

  text-align: center;

} 

.social-icon li 

{

	display:block;

}

.social-icon li a 

{

	color:#fff;

	font-size:24px;

}

.social-icon li a:hover 

{

	color:#fcd427;

}

.copyright {

  padding: 15px 0px 30px;
  font-size: 14px;
  text-align: center;

}











/*------------------------Star media Querry-----------------------------*/



@media screen and (max-width:1200px)

{

	header .navbar-nav .nav-item .nav-link 

	{

		font-size: 16px;

padding: 0px 15px;

	}

	.navbar-nav.language-nav li a 

	{

		font-size:14px;

	}

	.banner-content h4 

	{

		font-size: 46px;

	}

	.banner-mobile-desktop-images 

	{

		margin-top: 32%;

	}

	.why-apanklub .row 

	{

		background-size: 500px;

	}

	.why-product-content:hover 

	{

		transform: scale(1.1);

	}

	.banner-content h2 

	{

		font-size:54px;

	}

	.why-apanklub h2, .cat-content h2, .klub-news h2, .hear-directly h2, .frequently-asked h2, .we-are-hiring h2

	{

		font-size:44px;

	}

	.media-content.row 

	{

		  border-radius: 135px;

	}

	.contact-via li 

	{

		font-size:18px;

	}

	.step-items ul li 

	{

		width:33.33%;

	}

	

}



@media screen and (max-width:992px)

{

	.navbar.navbar-expand-lg .navbar-toggler {

  color: #fff;

  font-size: 30px;

  margin-top: 0px;

  height: auto;

  line-height: inherit;

}

.navbar.navbar-expand-lg #navbarSupportedContent {

  background: #fff;

  padding: 15px;

}

header .navbar-nav .nav-item .nav-link {

  font-size: 16px;

  padding: 5px 0px;

  border-bottom: 1px solid #e3e3e3;

  color: #252525;

}

.navbar-nav.language-nav {

  margin-left: 0;

}

.navbar-nav.language-nav li:first-child {

  border-right: 0;

}

.navbar-nav.language-nav li a {

  font-size: 16px;

  padding: 5px 0px;

  display: block;

  color: #1289f9;

}

.navbar-nav.language-nav li a:hover 

{

	color:#ffcf00;

}

.banner-content 

{

	padding-top: 20px;

padding-bottom: 30px;

}

.banner-content h4 {

  font-size: 32px;

}

.banner-content h2 {

  font-size: 48px;

}

.right-prod-klub .why-product-content, .left-prod-klub .why-product-content {

  width: 100%;

}

.why-apanklub .row

{

	background-position: bottom center;

}

.why-product-content p 

{

	font-size: 16px;

	padding:0px;

}

.icon-head-prod h3 

{

	font-size: 18px;

}

.why-apanklub h4 

{

	font-size:24px;

}

.why-apanklub h2, .cat-content h2, .klub-news h2, .hear-directly h2, .frequently-asked h2, .we-are-hiring h2

	{

		font-size:38px;

	}

	.step-box

	{

		width: 198px;

height: 198px;

	}

	.step-box .img-fluid {

  width: 50px;

  height: 45px;

  object-fit: contain;

}

.step-items .step-content h4 {

  font-size: 14px;

  margin-top: 5px;

}

.media-content p {

  font-size: 14px;

  margin: 10px 0px 10px;

}

.carousel-button {
  background-color: #fcd427;
}

.frequently-asked button 

{

	padding: 15px 30px 15px 15px;

}

.we-are-hiring p {

  font-size: 18px;

}

footer .col-xs-12 {

  flex: 50%;

  max-width: 50%;

  margin-bottom: 35px;

}

}



@media screen and (max-width:767px)
{	
	.banner-content {

  text-align: center;

}

.appstore-button {
  flex-direction: row;
  justify-content: center;
}

.banner-content h2 {

  font-size: 60px;

}

.banner-content h4 {

  font-size: 40px;

}

.banner-content h4::after {

 display:none;

}

.banner-content p 

{

	font-size: 26px;

}

.banner-img .img-apps {

  text-align: right;

  /* display: none; */

}

.banner-img .banner-mobile-desktop-images .img-fluid {

  display: none;

  width: auto;

}

.banner-img .banner-mobile-desktop-images .img-fluid.d-none {

  display: block !important;

}

.banner-mobile-desktop-images {

  margin-top: 0%;

}

.banner-img {

  padding: 30px 0px 50px 0px;

}

.why-product-content 

{

	padding: 15px;

	margin-bottom:50px;

}

.why-apanklub h4 

{

	margin-bottom:50px;

}

.icon-head-prod .img-fluid {

  width: 60px;

  height: 60px;

}

.icon-head-prod h3 

{

  font-size: 15px;

  padding-left: 5px;

  width:calc(100% - 60px);

}

.positions 

{

	top: -50px;

font-size: 55px;

}

.left-prod-klub {

  padding-right: 5px !important;

}

.right-prod-klub 

{

	 padding-left: 5px !important;

}

.why-product-content p 

{

	font-size:14px;

}



.cat-items-content ul li:first-child {

  margin-left: 0%;

}

.cat-items-content ul li{

  padding: 0;

  width:100%;

}

.cat-items-content .persnol-care 

{

background:#e82b53;	

}

.cat-items-content ul li a:hover 

{

	transform: scale(0.95);

}



.cat-items-content ul li a {

display: flex;

transition: all 0.5s ease;

align-items: center;

justify-content: space-between;

padding-right: 15px;

}

.cat-items-content ul li a h4.d-none {

  display: block !important;

  color: #fff;

  font-weight: 600;

}


.cat-items-content ul li.otc-care {

  background: #45c9be;

}

.cat-items-content ul li.packaged-care {

  background: #fb7a96;

}

.cat-items-content ul li.baby-care {

  background: #8e75d8;

}

.cat-items-content ul li.home-care {

  background: #692a70;

}

.cat-content {

  text-align: center;

  padding-top: 35px;

}

.cat-content h2::after {

 

  display:none;

}

.cat-content p {

  font-size: 24px;

}

.cat-content .btn.btn-primary 

{

	margin-top:2%;

}

.explore-category 

{

	padding: 0px 0px 60px;

}

.step-items ul li {

  width: 100%;

  margin-bottom: 50px;

}

.step-box {

  width: 300px;

  height: 300px;

}

.step-box .img-fluid {

  width: 100px;

  height: 81px;

  object-fit: contain;

}

.step-items .step-content h4 {

  font-size: 22px;

  margin-top: 5px;

}

.klub-news h2 {

  text-align: center;

  margin-bottom: 50px;

}

.klub-news h2::after {

  content: '';

  display: block;

  position: relative;

  width: 100px;

  height: 7px;

  background: #fcd427;

  bottom: -15px;

  right: 0px;

  margin: auto;

}

.media-content.row {

  border-radius:0px 0px 188px 190px;

background-size: 100% 100%;

background-repeat:no-repeat;

 width: 412px;

  max-width: 100%;

  margin: auto;

}

.media-content.row:hover {

  box-shadow: -32px 70px 20px rgba(0,0,0,0.1);

}

.media-content.row .col-xs-12 {

  margin: 50px 0px;

}



.we-are-hiring p {

  font-size: 22px;

}

.we-are-hiring 

{

	text-align:center;

	 padding: 70px 0px 0px;

}

.we-are-hiring .img-fluid {

  display: none;

} 

.we-are-hiring .img-fluid.d-none

{

 display: block !important;	

}

.we-are-hiring .btn.btn-primary 

{

	margin-top:6%;

	margin-bottom:20%;

}

.cat-items-content ul li .img-fluid {

  width: 160px;

}

.cat-items-content ul li a h4.d-none 

{

	width: calc(100% - 160px);

	text-align: right;

}

.social-icon li {

  display: inline-block;

  margin: 0px 5px;

}

.policy-links 

{

	margin-top:0px;

}
.navbar.navbar-expand-lg #navbarSupportedContent {
  padding: 35px 15px 15px;
  position:relative;
}

.navbar-nav.language-nav {
  position: absolute;
  top: 0;
  display:block;
}
.navbar-nav.language-nav li 
{
	display:inline-block;
}
.navbar-nav.language-nav li a {
  font-size: 15px;
  color: #000;
  padding-right: 5px;
}
header .navbar-nav .nav-item .nav-link 
{
	font-size:18px;
}
.img-apps.d-none {
  display: block !important;
}
.img-apps.d-none li {
  display: inline-block;
  padding-top: 15px;
}
} 





@media screen and (max-width:575px)

{

	footer .col-xs-12 {

  flex: 100%;

  max-width: 100%;

  margin-bottom: 32px;

  text-align: center;

}

.copyright 

{

	text-align:center;

}

footer h3 

{

	color:#fcd427;

}

.contact-via li {

  display: inline-block;

  margin: 0px 10px;

}

.policy-links li 

{

	margin: 0px 5px 10px;

}

.left-prod-klub, .right-prod-klub {

  flex: 50%;

  max-width: 50%;

}
.cat-items-content ul li a h4 {
    color: #fff;
    font-size: 18px;
}

.why-product-content 

{

	padding: 8px;
	min-height: auto;

}

.positions {

  top: -32px;

  font-size: 40px;

}

.icon-head-prod h3 

{

	font-size: 14px;

	width: calc(100% - 50px);

}

.icon-head-prod .img-fluid {

  width: 50px;

  height: 51px;

}

.why-product-content p {

  font-size: 12px;

}

.banner-img {

  padding: 30px 15px 50px 15px;

}

.step-items ul li h3 

{

	font-size: 30px;

}

.step-content 

{

	padding: 54px;

}

}



@media (max-width:424px)

{

	.why-apanklub h4 {

  font-size: 20px;

}

.banner-content h2 {

  font-size: 40px;

}

.banner-content h4 {

  font-size: 32px;

}

.banner-content p {

  font-size: 20px;

}

.left-prod-klub, .right-prod-klub {

  flex: 100%;

  max-width: 100%;

  padding: 0 15px !important;

  margin-bottom: 0;

}

.cat-items-content ul li .img-fluid {

  width: 100px;

}

.cat-items-content ul li a h4.d-none {

  width: calc(100% - 100px);

  text-align: right;

  font-size: 18px;

}

.why-apanklub h2, .cat-content h2, .klub-news h2, .hear-directly h2, .frequently-asked h2, .we-are-hiring h2 {

  font-size: 30px;

}

.cat-content p {

  font-size: 20px;

}

.banner-img {

  padding: 0 15px 50px 15px;

}

.icon-head-prod .img-fluid {

  width: 70px;

  height: 70px;

}

.icon-head-prod h3 {

  width: calc(100% - 70px);

}

.media-content.row:hover 

{

	box-shadow:none;

}

}


/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

@media (max-width: 768px) {
  /* reverse */
    #category-section .row {
      flex-direction: column-reverse !important;
    }
}

/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}