/* My own styles */
body {
  padding: 0 0px 0 0px !important;
}
.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 10px !important;
}
@media screen and (max-width: 768px) {
  #app > div > section:nth-child(15) {
    margin-top: -1px !important;
  }
}
@media screen and (max-width: 768px) {
 #app > div > section:nth-child(10) > div {
    margin-top: -1px !important;
    
  }
}

#app > div > section:nth-child(15) {
    margin-top: -2px ;
}

#app > div > section:nth-child(7) > div > div.s-block__title{
    margin-bottom: 3px;
}
.s-block__title h2, .s-slider-block__title h2 {
color:#2E5D88 !important;
}
#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(8) > div > div.s-block__title > div > h2{    padding-top: 35px;
}
/* #app > div > section:nth-child(4){
  display:none;
  } */
#app > div > section:nth-child(5){
    margin-top: 10px !important;
}
@media screen and (min-width: 768px) {
  .md\:grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(8) > div > div.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-6-photos{
margin-bottom:3px;}

#app > div.app-inner.flex.flex-col.min-h-screen.relative > section:nth-child(9) > div > div.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-6-photos{
margin-bottom:3px;}
/* My own styles */

	
	.s-block--banners .banner-entry{
	height:210px;}
@media screen and (max-width: 768px) {
  .cancel_auto{
	display: inline-grid !important;
    width: 100% !important;
    direction: ltr !important;
	grid-template-columns: repeat(3, minmax(0, 4fr)) !important;
	}
	

	.s-block--features__item{
	padding: 5px 100px;}
	
	.s-block {
    margin-top: 0.652rem;
}

ul.payment-methods-list.flex.justify-center.items-stretch.flex-wrap.mb-5.lg\:mb-0.-mx-1 li:nth-child(6) img {
    height: 25px;
}

ul.payment-methods-list.flex.justify-center.items-stretch.flex-wrap.mb-5.lg\:mb-0.-mx-1 li:nth-child(3) img {
    height: 24px;
}

footer.relative.z-0.mt-8.sm\:mt-16 {
    margin-top: 1rem !important;
}
	.s-block div{
	grid-template-columns: auto auto auto;
	}
		.s-block div .banner-entry{
height :72px;
	}
	.s-block--features div {
	grid-template-columns: unset
;	}
  .cancel_auto > p{
    display: initial !important;
  }
  .cancel_auto > p img {
	border-radius: 4px !important;
  }
  /*
  .page-single article.content-entry > p:last-child{
    display:none !important;
  }*/
section:nth-of-type(5) .banner-entry {
    height: 72px !important;
    border-radius: 5px !important;
    background-color: transparent !important;
	margin-top: 0;
}
  section:nth-of-type(4) .grid.grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 4fr)) !important;
  }
  section:nth-of-type(5) .grid.grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 4fr)) !important;
  }
  .store-footer .col-span-3:nth-child(2) {
	padding-right: 50px !important;
  }
  .page-single article.content-entry {
	display: inline-grid;
    width: 100% !important;
    grid-template-columns: auto auto;
  }
  .iti-mobile .content .content-entry img  {
	display: inline-grid !important;
    width: 100% !important;
    grid-template-columns: auto !important;
  }
  .page-single .content .content-entry img {
    margin-bottom: -2px !important;
  }
  .page-single article.content-entry > p{
    margin: 3px !important;
	display: contents;
  }
.header-icon-button .icon.sicon-user{
	background: #fff !important;
    position: relative !important;
    top: 2px !important;
}

  [dir=rtl] .humb {
    margin-left: 1rem;
    padding-left: 2.5rem;
    border-radius: 76%;
    border: 2px solid #d2d6db;
	padding:0;
}
.menu-is-open .humb .humb-icon span {
    background: #1d1f1f9e !important;
}
.menu-is-open .humb .humb-icon span:nth-child(2):before {
    transform: rotate(45deg) !important;
    background: #1d1f1f9e !important;
}
.humb-icon span {
    position: absolute;
    left: 0;
    height: 2px;
    width: 90%;
    background: #787a7a;
    text-align: center;
    margin: 0 auto;
}
.humb-icon {
    left: 7px;
	margin-top: -8px;
}
  [dir="rtl"] .header-icon-button .icon {
    color: #1d1f1f9e !important;
    border: 2px solid #aeb4bd8c !important;
    padding: 5px 5px !important;
    border-radius: 50% !important;
    font-size: 25px !important;
    z-index: 9999 !important;
  }
  .s-cart-summary-wrapper .s-cart-summary-total {
	color:#1d1f1f;
  }
  section:nth-of-type(3) {
    margin-top: 30px !important;
  }
  section:nth-of-type(4) {
    margin-top: -3px !important;
  }
  section:nth-of-type(5) {
	margin-top: 20px !important;
  }
  section:nth-of-type(8) {
    margin-bottom: 20px !important;
  }
  section:nth-of-type(6) {
    margin-top: 10px !important;
  }
  section:nth-of-type(10), section:nth-of-type(11) {
    margin-top: 10px !important;
  }
  section:nth-of-type(8){
    margin-top: 30px !important;
  }
  
ul.payment-methods-list.flex.justify-center.items-stretch.flex-wrap.mb-5.lg\:mb-0.-mx-1 li img {
    max-height: 50px;
    width: 60px;
    max-width: 100% !important;
    object-fit: scale-down;
}
  
  section:nth-of-type(12) {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

ul.payment-methods-list.flex.justify-center.items-stretch.flex-wrap.mb-5.lg\:mb-0.-mx-1 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}

section.s-block.s-block--features.container {
    padding-top: 4%;
}
 
  section:nth-of-type(4) .s-block__title {
    margin-top: 25px !important;
    margin-bottom: 30px !important;
  }
  section:nth-of-type(13) .grid.grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 4fr)) !important;
  }
  .s-block--banners .banner-entry:nth-child(5n + 1) {
    grid-column: span 1 / span 3 !important;
  }
  .s-block--features__item:first-child {
    grid-column: span 1 / span 3 !important;
  }
  .s-block--features__item h4 {
    text-align: center !important;
  }

  section:nth-of-type(4) .banner-entry {
    height: 75px !important;
    border-radius: 7px !important;
    background-color: transparent !important;
  }

  section:nth-of-type(4) .banner-entry {
    height: 72px !important;
    border-radius: 5px !important;
    background-color: transparent !important;
  }
  [dir=rtl] salla-slider[type]:not(.hydrated)>div, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] .carousel-slider .swiper{
	      padding-left: 5px !important;
  }
  
  .store-footer .footer-logo > img {
	display:none !important;
  }
  
  .store-footer .leading-6 {
	padding-top: 0px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    margin-top: 9px;
  }

  section:nth-of-type(12) img.lazy-load {
    width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;    
	
  }
}

@media screen and (min-width: 991px) {
  section:nth-of-type(12) img.lazy-load {
    width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
    [dir=rtl] .humb {
    margin-left: 1rem;
    padding-left: 2.5rem;
    border-radius: 76%;
    border: 2px solid #d2d6db;
	padding:0;
}
.menu-is-open .humb .humb-icon span {
    background: #1d1f1f9e !important;
}
.menu-is-open .humb .humb-icon span:nth-child(2):before {
    transform: rotate(45deg) !important;
    background: #1d1f1f9e !important;
}
.humb-icon span {
    position: absolute;
    left: 0;
    height: 2px;
    width: 90%;
    background: #787a7a;
    text-align: center;
    margin: 0 auto;
}
  
  .page-single article.content-entry {
	display: inline-grid;
    width: 100% !important;
    grid-template-columns: auto auto !important;
  }
  .page-single article.content-entry > p{
    margin: 3px !important;
	display: contents;
  }
  .s-slider-v-centered .s-slider-block__title-nav {
    width: 90% !important;
  }
  [dir="rtl"] salla-slider[type]:not(.hydrated) > div,
  [dir="rtl"] salla-slider[type]:not(.hydrated) .swiper > div > div,
  [dir="rtl"] .carousel-slider .swiper {
    padding-left: 5px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .s-block--banners .banner-entry:nth-child(5n + 1) {
    grid-column: span 1 / span 3 !important;
  }
  section:nth-of-type(4) .banner-entry {
    height: 210px !important;
  }
  section:nth-of-type(5) .banner-entry {
    height: 210px !important;
}

  section:nth-of-type(5) .md\:grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
  section:nth-of-type(4) .md\:grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
 
  .header-icon-button .icon {
    position: relative;
    display: inline-block;
    font-size: 21px;
    line-height: 1;
  }
	[dir="rtl"] .header-icon-button .icon {
	  color: #1d1f1f9e !important;
	  border: 2px solid #aeb4bd8c !important;
	  padding: 5px 7px !important;
	  border-radius: 50% !important;
	}
}

.header-is-dark .top-nav,
.header-is-dark .main-nav-container .inner {
  color: #1d1f1f !important;
  background: #fff !important;
}

salla-slider.photos-slider .swiper-slide {
  position: relative;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: auto;
  width: 100% !important;
  overflow: hidden;
  border-radius: 0.375rem;
  padding-left: 5px !important;
}

.del_br_first > p:first-child {
display: none !important;
}

.display_setting {
	display: initial !important;
}
.display_setting > p{
	display: block !important;
}

section:nth-of-type(4) .right-side h2:before {
        background: #205c8e;
  }
  section:nth-of-type(4) .right-side h2 {
        color: #205c8e;
  }
section:nth-of-type(5) .right-side h2:before {
        background: #205c8e;
  }
  section:nth-of-type(5) .right-side h2 {
        color: #205c8e;
        margin-bottom : 14px;
  }
  ul.payment-methods-list.flex.justify-center.items-stretch.flex-wrap.mb-5.lg\:mb-0.-mx-1 li {
       width: 22%;
    /* height: 59px; */
        height: 32px;
    padding: 5px;
    margin: 0 3px;
    margin-bottom: 6px;
}

ul.payment-methods-list.flex.justify-center.items-stretch.flex-wrap.mb-5.lg\:mb-0.-mx-1 li:nth-child(7) img,ul.payment-methods-list.flex.justify-center.items-stretch.flex-wrap.mb-5.lg\:mb-0.-mx-1 li:nth-child(5) img {
    height: 23px;
}