@media (min-width: 768px) and (max-width: 991px) {
	.heading-about h1 {
		font-size: 40px;
		line-height: 48px;
	}
}
@media (min-width: 576px){
	.payment_channel_img{
		width: 150px;
		height: 50px;
	}
}
@media (min-width: 768px) {
	
		.steparrow:after {
		content: "";
		position: absolute;
		top: 50%;
		right: -30px;
		transform: translateY(-50%);
		border-width: 15px;
		border-style: solid;
		border-color: transparent transparent transparent #e3181f;
	}
	.storecard {
	  height: 100%;
	}
	.brdcard {
	  min-height: 100%;
	}	
  .masonry {
    column-count: 3;
  }
  .masonry .brick:nth-child(3n) img { height: 400; }
	.masonry .brick:nth-child(3n+1) img { height: 350px; }
	.masonry .brick:nth-child(3n+2) img { height: 450px; }

  .banner-parallax {
    height: 650px;
  }
  .ofbox {
		height: 100%;
	}
}

@media (min-width: 992px) {
	.dvac {
		align-items: center;
	}
	.dtac {
		text-align: center;
	}

	.cha-bar {
		width: 60% !important;
		margin: 0 auto 30px;
	}	
	.flat-spacing-s {
	  padding-top: 80px;
	  padding-bottom: 80px;
	}
	.mvbox {
    padding: 40px;
  }  
	p.pintro {
	  font-size: 22px;
	  line-height: 32px;
	}
	.page-title-2 {
		padding: 30px 0 30px;
	}
	.heading-about h1 {
		font-size: 50px;
		line-height: 58px;
	}

	.dvac {
		align-items: center;
		vertical-align: middle;
	}
	.oslp-banner {
		height: 70vh;
		position: relative;
    border-radius: 20px;
    overflow: hidden;
	}

	p.subheading {
		width: 70%;
		margin:  auto;
	}
	p.pintro {
		padding:  0 140px;
	}
	.banner-parallax {
  	height: 300px;
	}
	.dtar {
		text-align: right;
	}
	.dvac {
		vertical-align: middle;
		display: flex;
		align-items: center;
	}
	.socialp {
		width: 60%;
		margin:  auto;
	}
	img.logo-text {
		max-width: 100%;
		height:  35px;
	}
	.collection-position-2 {
		height: 82vh;
	}
	.collection-position-2.top-collection{
		height: 100%;
	}
	.line-separation {
    width: 1px;
    height: 100%;
  }
	.dac {
		text-align: right;
		vertical-align: middle;
		align-items: center;
		height: 100%;
	}	
  .masonry {
    column-count: 4;
  }

  /*.product-title{
		min-height: 300px;
		background-position: center;
	}*/

	.videointrorow {
	  width: 55%;
	}  	
	img.branches-map {
		width: 70%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}		
	span.dnone {
		display: none;
	}
	.dw60 {
		width: 60%;
		display: block;
	}
	p.dw50 {
		width: 50%;
		display: block;
	}
}
@media (min-width: 1025px){
	.heading{
		font-size: 50px;
		line-height: 54px;
	}

	.banner-cls-discover .img-style{
		height: 100%;
	}
}
@media (min-width: 1199px) {
  .masonry {
    column-count: 5;
  }
  /*.product-title{
		min-height: 300px;
		background-position: center -200px;
	}*/

  .banner-parallax {
    background-attachment: fixed;
  }

  .banner-cls-discover .img-style img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  object-position: top;
	}
}
@media (min-width: 1400px){
	.tf-slideshow .wrap-slider{
		/*height: calc(100vh - 120px);*/
	}
}

@media (max-width: 991px){


	.cha-bar {
		margin: 0 auto 30px;
	}	

	.flat-spacing-s {
  padding:30px 0 60px;
	}
	.mvbox {
    padding: 30px;
  } 
	p.pintro {
	  font-size: 18px;
	  line-height: 26px;
	}
	.page-title-2 {
		padding: 20px 0 20px;
	}

	.banner-parallax {
  	height: 300px;
	}
	.mmb20 {
		margin-bottom: 20px;
	}
	br.mnone {
		display: none;
	}
	img.branches-map {
		width: 100%;
	}	

	.videointrorow {
	  width: 100%;
	}
	.mmb30 {
		margin-bottom: 30px;
	}

	.sidebar-account{
		padding: 20px 15px;
	}

	.sidebar-account .my-account-nav .my-account-nav-item{
		font-size: 16px;
		padding: 10px;
	}

	.logo-outline1{
	  width: 50%;
    position: absolute;
    top: 0;
    right: 0;
	}
}

@media (max-width: 767px){
	.wg-blog .content h6.title a {
		font-size: 20px;
	}
	.jwa-cta-points li{
		font-size: 15px;
		padding-left: 32px;
	}
	.jwa-cta-points li::before{
		top: 1px;
	}
	.tf-grid-layout.sm-col-2 {
      grid-template-columns: repeat(2, 1fr);
  }
	.box-title-slider h2 {
		font-size: 22px !important;
		line-height: initial !important;
	}
	.box-title-slider p {
		font-size: 16px !important;
		line-height: initial !important;
	}
	.heading-about h1 {
		font-size: 36px;
		line-height: initial;
	}
	.sbmmb20 {
		margin-bottom: 20px;
	}
	.steparrow:after {
		content: '';
		top: auto;
		bottom: -30px;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		border-width: 15px;
		border-style: solid;
		border-color: #e81b1f transparent transparent transparent;
		position: absolute;
	}

	.logo-header img {
		width: 65px;
	}

	.footer-logo img{
		width: 300px;
		height: 100%;
		margin-bottom: 10px;
	}

	.collection-item-v2 .collection-content .heading {
		font-size: 18px !important;
		font-weight: 500 !important;
	}
	html, body{
	 	overflow-x: hidden;
	}
	ul.mobile-nav-just{
		display: flex !important;
	}

	ul.mobile-nav-just li i{
		font-size: 18px;
	}

	ul.mobile-nav-just li .nav-link{
		color: #099200;
	}

	ul.mobile-nav-just .nav-link.active {
	    color: #ffffff;
	    background-color: #099200;
	    border-color: var(--bs-nav-tabs-link-active-border-color);
	}

	#vl-pills-tabContent{
		padding-top: 20px;
	}

	.footer-menu_item{
		font-size: 12px;
		line-height: 20px !important;
	}

	.widget-tabs.style-two-col .widget-content-tab .widget-content-inner {
  	padding: 20px 15px;
	}

	.widget-tabs.style-two-col .widget-content-tab .widget-content-inner.widget-orders {
  	padding: 0;
	}

	.widget-wrap-checkout .checkout-product-item .img-product{
		width: 70px;
		height: 70px;
	}

	.pickup-picker-item .pickup-picker-values label.style-text{
		width: 100%;
		height: 100%;
	}

	.small-text{
		display: block;
	}

  .tf-table-page-order th.order-status {
    display: flex;
    flex-flow: column;
    gap: .25rem;
    align-items: flex-end;
  }

  .zero-down {
    padding: 35%;
    position: absolute;
    top: 30%;
    right: -30%;
  }

  .tf-order-item .tf-order-item_product .order-info .order-title {
    font-size: 14px;
    line-height: normal;
    display: block;
	}

	.brand-item{
		width: 100px;
		height: 100px;
	}

	.sidebar-account{
		padding: 10px;
		margin-bottom: 15px;
	}

	.form-sign-in .modal-dialog .modal-content{
		padding: 25px;
	}

	.tf-dropdown-sort{
		padding: 3px 10px;
	}

	.text-sort-value{
		font-size: 12px;
	}

	.filterShop span{
		font-size: 12px;
	}

	.blockquote h3{
		font-size: 28px;
	}

	.banner-parallax-2 {
    background-attachment: scroll;
  }

  .flat-collection-circle .nav-sw {
	  top: unset;
	  margin-top: 10px;
	}

	.shopcattop{
		padding: 40px 0px 60px 0px;
	}

}

@media (max-width: 575px){

	.tf-grid-layout{
		column-gap: 10px;
    row-gap: 10px;
	}

	.card-product .card-product-info .title{
    font-size: 14px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: calc(1.5em * 2);
	}

	.card-product .card-product-wrapper img{
		object-fit: cover;
	}

	.nav-ul-mb .nav-mb-item .mb-menu-link{
		font-size: 14px;
		line-height: 20px;
	}
	.whats-float{
		width: 120px;
		transform: translate(80px, 0px);
		bottom: 23%;
	}

	.whats-float i{
		font-size: 24px;
		padding: 12px;
	}

	.progress-wrap{
		right: 10px;
		bottom: 100px;
	}

	.tf-toolbar-bottom.type-1150 {
    display: flex;
	}

	.footer .footer-bottom .footer-bottom-wrap > div {
    width: 100%;
    text-align: center;
    justify-content: center;
	}

	.widget-tabs.style-two-col .widget-menu-tab .item-title {
    font-size: 16px;
	}

	.variant-picker-item .variant-picker-values label.add-ons-text > strong{
		font-size: 16px;
	}

	.pickup-picker-item .variant-picker-values label.style-text{
	  width: 100%;
	  height: 100%;
	}

	.collection-circle .img-style{
		width: 70px;
		height: 70px;
	}

	.sidebar-account .my-account-nav-mobile span,
	.sidebar-account .my-account-nav-mobile a{
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	#scroll-top{
  	right: 5px;
	}

	.text-title{
		font-size: 14px;
		line-height: 22px;
	}

	.heading{
		font-size: 28px;
		line-height: 1.4;
	}

	.body-text-1{
		font-size: 14px;
		line-height: 1.5;
	}

	.collection-position-2:not(.banner-slide) {
		height: 100%;
	}

	.collection-position-2.banner-slide{
		height: 65vh;
	}

	.collection-position-2 img{
		object-fit: contain;
	}

	.payment-picker-item .variant-picker-values{
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	}

	.membership-banner{
		flex-flow: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.logo-outline1{
	  width: 100%;
	  position: absolute;
	  top: 0;
	  right: -35%;
	}

	.paper-roll-banner{
		object-position: right;
	}
}