:root {
  --black-2: #575656;
  --black: #475200;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Cenotaph titling, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 44px;
}

p {
  margin-bottom: 10px;
  font-family: Trebuchet ms v1, sans-serif;
}

.container {
  perspective: 2000px;
  perspective-origin: 50%;
  /* transform: ; */
  transform-origin: 50%;
  max-width: 1160px;
  margin: -5px auto 0;
  padding: 100px 20px;
  overflow: visible;
}

.container.hero {
  height: 700px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.hero-section {
  background-image: url('../images/Rectangle-38-min.jpg');
  background-position: 50%;
  background-size: cover;
  width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.navlink {
  color: #fff;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-weight: 400;
  transition: all .3s;
}

.navlink:hover {
  color: #afca05;
  background-color: #00000063;
  border-radius: 10px;
}

.navlink.w--current {
  color: #fff;
}

.navlink.w--current:hover {
  color: #afca05;
}

.nav-link {
  font-family: Trebuchet ms v1, sans-serif;
}

.button {
  color: #fff;
  background-color: #575656;
  border-radius: 5px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px 40px;
  font-family: Trebuchet ms v1, sans-serif;
  transition: all .2s;
}

.button:hover, .button:focus {
  background-color: #afca05;
}

.button.submit {
  margin-left: 0;
}

.navbar {
  background-color: #ddd0;
}

.container-2 {
  max-width: 1160px;
  padding-top: 20px;
}

.hero-main-part {
  text-align: center;
  max-width: 894px;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
}

.abuseef-title {
  color: #fff;
  text-align: center;
  font-family: Cenotaph titling, sans-serif;
  font-size: 50px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.abuseef-paragraph {
  color: #fff;
  text-align: left;
  margin-right: 18px;
  font-family: Trebuchet ms v1, sans-serif;
  font-size: 25px;
  display: inline-block;
  position: absolute;
  inset: 73px -14px 0% auto;
}

.abuseef-paragraph.quotes {
  color: #e4e4e4;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 32px;
  display: block;
  position: static;
}

.about {
  overflow: hidden;
}

.about-flex-box {
  margin-right: -297px;
  display: flex;
  overflow: visible;
}

.left-box-about {
  max-width: 50%;
  padding-top: 100px;
  padding-left: 0;
}

.right-box-about {
  clear: none;
  background-color: #fff;
  max-width: 50%;
  margin-right: 0;
}

.image {
  max-width: none;
  height: 500px;
  padding-right: 0;
}

.paragraph {
  color: #475200cc;
  padding-right: 100px;
  font-size: 17px;
  line-height: 27px;
}

.paragraph.white {
  color: #fffc;
  max-width: 80%;
}

.heading {
  color: var(--black-2);
  text-transform: capitalize;
  font-size: 34px;
}

.heading.white-font-color {
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

.heading.white-font-color.left {
  text-align: left;
}

.heading.ourclients {
  margin-top: 0;
  margin-bottom: 100px;
}

.service-flex-box {
  perspective: none;
  /* transform: ; */
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.left-box-service {
  max-width: 50%;
}

.right-box-service {
  max-width: 40%;
}

.image-in-gallery {
  background-color: #f1f1f1;
  border-radius: 5px;
}

.button-area {
  text-align: center;
  margin-top: 40px;
}

.grid {
  grid-column-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 100px;
}

.grid.shoes {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: none;
}

.grid.wallets {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: none;
}

.grid.belts {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: none;
}

.grid.tag {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: grid;
}

.div-block {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.12-PM.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.image-gallery {
  background-color: #fff;
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.08-PM.jpeg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 5px;
  height: 100%;
}

.image-gallery._1 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.10-PM.jpeg');
  border-radius: 0;
}

.image-gallery._2 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.10-PM-1.jpeg');
}

.image-gallery._3 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.14-PM-2.jpeg');
  background-position: 50%;
}

.image-gallery._4 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.12-PM.jpeg');
}

.image-gallery._5 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.13-PM.jpeg');
}

.image-gallery._6 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.13-PM-1.jpeg');
  background-position: 50%;
  background-size: cover;
}

.image-gallery._7 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.12-PM-1.jpeg');
}

.image-gallery._8 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.18-PM-1.jpeg');
  background-position: 50%;
}

.image-gallery._9 {
  background-image: url('../images/WhatsApp-Image-2020-06-21-at-2.10.11-PM-1.jpeg');
}

.div-block-2 {
  background-color: #fff;
}

.image-gallery-block {
  height: 350px;
}

.wallet-image-class {
  border-radius: 10px;
  height: 400px;
}

.wallet-image-class.lenghhy {
  height: 716px;
}

.wallet-image {
  background-image: url('../images/IMG-20200306-WA0024.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
}

.wallet-image._2 {
  background-image: url('../images/IMG-20200306-WA0022.jpg');
}

.wallet-image._3 {
  background-image: url('../images/IMG-20200306-WA0028.jpg');
}

.wallet-image._4 {
  background-image: url('../images/IMG-20200306-WA0029.jpg');
  background-position: 50%;
  background-size: 100% 716px;
}

.wallet-image._5 {
  background-image: url('../images/IMG-20200306-WA0027.jpg');
}

.wallet-image._6 {
  background-image: url('../images/IMG-20200306-WA0025.jpg');
}

.wallet-image._7 {
  background-image: url('../images/IMG-20200306-WA0021.jpg');
}
.wallet-image._8 {
  background-image: url('../images/IMG_0015.jpg');
}
.wallet-image._9 {
  background-image: url('../images/IMG_0016.jpg');
}
.wallet-image._10 {
  background-image: url('../images/IMG_0017.jpg');
}
.wallet-image._11 {
  background-image: url('../images/IMG_0018.jpg');
}
.wallet-image._12 {
  background-image: url('../images/IMG_0019.jpg');
}
.wallet-image._13 {
  background-image: url('../images/IMG_0020.jpg');
}
.wallet-image._14 {
  background-image: url('../images/IMG_0021.jpg');
}
.wallet-image._15 {
  background-image: url('../images/IMG_0022.jpg');
}
.wallet-image._16 {
  background-image: url('../images/IMG_0033.jpg');
}
.wallet-image._17 {
  background-image: url('../images/IMG_0024.jpg');
}
.wallet-image._18 {
  background-image: url('../images/IMG_0025.jpg');
}
.wallet-image._19 {
  background-image: url('../images/IMG_0026.jpg');
}
.wallet-image._20 {
  background-image: url('../images/IMG_0027.jpg');
}
.wallet-image._21 {
  background-image: url('../images/IMG_0028.jpg');
}
.wallet-image._22 {
  background-image: url('../images/IMG_0034.jpg');
}
.wallet-image._23 {
  background-image: url('../images/IMG_0030.jpg');
}
.wallet-image._24 {
  background-image: url('../images/IMG_0031.jpg');
}
.wallet-image._25 {
  background-image: url('../images/IMG_0032.jpg');
}

.belt-block {
  border-radius: 0;
  height: 350px;
}

.image-2 {
  line-height: 20%;
}

.belt-image {
  background-image: url('../images/IMG-20200306-WA0060.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  line-height: 100%;
}

.belt-image._1 {
  background-image: url('../images/IMG-20200306-WA0041.jpg');
}

.belt-image._2 {
  background-image: url('../images/IMG-20200306-WA0034.jpg');
}

.belt-image._3 {
  background-image: url('../images/IMG-20200306-WA0048.jpg');
}

.belt-image._4 {
  background-image: url('../images/IMG-20200306-WA0059.jpg');
}

.belt-image._5 {
  background-image: url('../images/IMG-20200306-WA0044.jpg');
}

.belt-image._6 {
  background-image: url('../images/IMG-20200306-WA0043.jpg');
}

.belt-image._7 {
  background-image: url('../images/IMG-20200306-WA0046.jpg');
}

.belt-image._8 {
  background-image: url('../images/IMG_0036.jpg');
}
.belt-image._9 {
  background-image: url('../images/IMG_0037.jpg');
}
.belt-image._10 {
  background-image: url('../images/IMG_0038.jpg');
}
.belt-image._11 {
  background-image: url('../images/IMG_0039.jpg');
}
.belt-image._12 {
  background-image: url('../images/IMG_0040.jpg');
}
.belt-image._13 {
  background-image: url('../images/IMG_0041.jpg');
}
.belt-image._14 {
  background-image: url('../images/IMG_0042.jpg');
}
.belt-image._15 {
  background-image: url('../images/IMG_0043.jpg');
}
.belt-image._16 {
  background-image: url('../images/IMG_0044.jpg');
}
.belt-image._17 {
  background-image: url('../images/IMG_0045.jpg');
}
.belt-image._18 {
  background-image: url('../images/IMG_0046.jpg');
}
.belt-image._19 {
  background-image: url('../images/IMG_0047.jpg');
}
.belt-image._20 {
  background-image: url('../images/IMG_0048.jpg');
}
.belt-image._21 {
  background-image: url('../images/IMG_0049.jpg');
}
.belt-image._22 {
  background-image: url('../images/IMG_0050.jpg');
}
.belt-image._23 {
  background-image: url('../images/IMG_0051.jpg');
}
.belt-image._24 {
  background-image: url('../images/IMG_0052.jpg');
}
.belt-image._25 {
  background-image: url('../images/IMG_0053.jpg');
}
.belt-image._26 {
  background-image: url('../images/IMG_0054.jpg');
}
.belt-image._27 {
  background-image: url('../images/IMG_0055.jpg');
}
.belt-image._28 {
  background-image: url('../images/IMG_0056.jpg');
}
.belt-image._29 {
  background-image: url('../images/IMG_0057.jpg');
}
.belt-image._30 {
  background-image: url('../images/IMG_0058.jpg');
}
.belt-image._31 {
  background-image: url('../images/IMG_0059.jpg');
}
.belt-image._32 {
  background-image: url('../images/IMG_0060.jpg');
}
.belt-image._33 {
  background-image: url('../images/IMG_0061.jpg');
}
.belt-image._34 {
  background-image: url('../images/IMG_0062.jpg');
}
.belt-image._35 {
  background-image: url('../images/IMG_0063.jpg');
}
.belt-image._36 {
  background-image: url('../images/IMG_0064.jpg');
}
.belt-image._37 {
  background-image: url('../images/IMG_0065.jpg');
}
.belt-image._38 {
  background-image: url('../images/IMG_0066.jpg');
}
.belt-image._39 {
  background-image: url('../images/IMG_0067.jpg');
}
.belt-image._40 {
  background-image: url('../images/IMG_0068.jpg');
}
.belt-image._41 {
  background-image: url('../images/IMG_0069.jpg');
}
.belt-image._42 {
  background-image: url('../images/IMG_0070.jpg');
}
.belt-image._43 {
  background-image: url('../images/IMG_0071.jpg');
}
.belt-image._44 {
  background-image: url('../images/IMG_0072.jpg');
}
.belt-image._45 {
  background-image: url('../images/IMG_0073.jpg');
}
.belt-image._46 {
  background-image: url('../images/IMG_0074.jpg');
}
.belt-image._47 {
  background-image: url('../images/IMG_0075.jpg');
}
.belt-image._48 {
  background-image: url('../images/IMG_0076.jpg');
}
.belt-image._49 {
  background-image: url('../images/IMG_0077.jpg');
}
.belt-image._50 {
  background-image: url('../images/IMG_0078.jpg');
}
.belt-image._51 {
  background-image: url('../images/IMG_0079.jpg');
}
.belt-image._52 {
  background-image: url('../images/IMG_0080.jpg');
}
.belt-image._53 {
  background-image: url('../images/IMG_0081.jpg');
}
.belt-image._54 {
  background-image: url('../images/IMG_0082.jpg');
}
.belt-image._55 {
  background-image: url('../images/IMG_0083.jpg');
}
.belt-image._56 {
  background-image: url('../images/IMG_0084.jpg');
}
.belt-image._57 {
  background-image: url('../images/IMG_0085.jpg');
}
.belt-image._58 {
  background-image: url('../images/IMG_0086.jpg');
}

.tag-block {
  border-radius: 0;
  height: 350px;
}

.tag-image {
  background-image: url('../images/IMG-20200306-WA0060.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  line-height: 100%;
}

.tag-image._1 {
  background-image: url('../images/IMG-20200306-WA0041.jpg');
}

.tag-image._2 {
  background-image: url('../images/IMG-20200306-WA0034.jpg');
}

.tag-image._3 {
  background-image: url('../images/IMG-20200306-WA0048.jpg');
}

.tag-image._4 {
  background-image: url('../images/IMG-20200306-WA0059.jpg');
}

.tag-image._5 {
  background-image: url('../images/IMG-20200306-WA0044.jpg');
}

.tag-image._6 {
  background-image: url('../images/IMG-20200306-WA0043.jpg');
}

.tag-image._7 {
  background-image: url('../images/IMG-20200306-WA0046.jpg');
}

.tag-image._8 {
  background-image: url('../images/IMG-20200306-WA0050.jpg');
}


.tags-block {
  border-radius: 0;
  height: 400px;
}

.tag-image-block {
  background-image: url('../images/IMG-20200306-WA0010.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  line-height: 100%;
}

.tag-image-block._1 {
  background-image: url('../images/IMG-20200306-WA0013.jpg');
}

.tag-image-block._2 {
  background-image: url('../images/IMG-20200306-WA0014.jpg');
}

.tag-image-block._3 {
  background-image: url('../images/IMG-20200306-WA0015.jpg');
}

.tag-image-block._4 {
  background-image: url('../images/IMG-20200306-WA0016.jpg');
}

.tag-image-block._5 {
  background-image: url('../images/IMG-20200306-WA0012.jpg');
}

.tag-image-block._6 {
  background-image: url('../images/IMG-20200306-WA0043.jpg');
}

.tag-image-block._7 {
  background-image: url('../images/IMG-20200306-WA0007.jpg');
  /* background-position: 50%; */
}

.tag-image-block._8 {
  background-image: url('../images/IMG-20200306-WA0006.jpg');
}
.tag-image-block._9 {
  background-image: url('../images/IMG_8630.jpg');
}
.tag-image-block._10 {
  background-image: url('../images/IMG_9690.jpg');
}
.tag-image-block._11 {
  background-image: url('../images/IMG_0001.jpg');
}.tag-image-block._12 {
  background-image: url('../images/IMG_0002.jpg');
}
.tag-image-block._13 {
  background-image: url('../images/IMG_9200.jpg');
}
.tag-image-block._14 {
  background-image: url('../images/IMG_2426.jpg');
}
.tag-image-block._15 {
  background-image: url('../images/IMG_3647.jpg');
}
.tag-image-block._16 {
  background-image: url('../images/IMG_0003.jpg');
}
.tag-image-block._17 {
  background-image: url('../images/IMG_0004.jpg');
}
.tag-image-block._18 {
  background-image: url('../images/IMG_0006.jpg');
}
.tag-image-block._19 {
  background-image: url('../images/IMG_0007.jpg');
}
.tag-image-block._20 {
  background-image: url('../images/IMG_0008.jpg');
}

.tag-image-block._21 {
  background-image: url('../images/IMG_0009.jpg');
}

.tag-image-block._22 {
  background-image: url('../images/IMG_0010.jpg');
}

.tag-image-block._23 {
  background-image: url('../images/IMG_0011.jpg');
}

.tag-image-block._24 {
  background-image: url('../images/IMG_0012.jpg');
}
.tag-image-block._25 {
  background-image: url('../images/IMG_0013.jpg');
}
.tag-image-block._26 {
  background-image: url('../images/IMG_0014.jpg');
}




.testimonial {
  background-color: #000;
  background-image: url('../images/Testimonial.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  height: 600px;
}

.slider {
  background-color: #ddd0;
  margin-top: 40px;
}

.heading-2 {
  text-align: center;
}

.slide-nav {
  margin-top: 0;
  font-size: 8px;
}

.testtimonial-paragraph {
  color: #fff;
  text-align: center;
  font-family: Trebuchet ms v1, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 27px;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}

.testtimonial-paragraph.quotes {
  text-align: center;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 32px;
  display: block;
  position: static;
}

.testtimonial-paragraph.caption {
  color: #9b9b9b;
  margin-bottom: -33px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-3 {
  text-align: center;
  max-width: 60%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.icon, .icon-2 {
  font-size: 28px;
}

.paragraph-2 {
  margin-top: 18px;
  margin-left: 248px;
}

.clients {
  background-color: #e4e4e4;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-box-clients {
  flex-wrap: wrap;
  place-content: space-around space-between;
  display: flex;
}

.flex-box-clients._2 {
  justify-content: space-between;
  margin-top: -75px;
  padding-left: 0;
}

.flex-box-clients._3 {
  margin-top: -75px;
}

.client-image-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.client-image {
  min-width: 316px;
  max-width: 33.3%;
  height: 300px;
  padding: 10px;
}

.client-image.right {
  margin-left: 178px;
  margin-right: 20px;
}

.client-image.left {
  margin-left: 20px;
  margin-right: 178px;
}

.body {
  background-color: #fff;
}

.contact {
  opacity: 1;
  background-color: #fff;
  background-image: url('../images/contact.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.form-block {
  max-width: 30%;
  margin-top: 40px;
}

.form {
  border-radius: 5px;
}

.heading-3 {
  margin-top: 0;
}

.h2 {
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 400;
}

.h2.white-font-color {
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

.h2.white-font-color.left {
  text-align: left;
}

.h2.ourclients {
  margin-top: 0;
  margin-bottom: 100px;
}

.h3 {
  color: #fff;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Trebuchet ms v1, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}

.h3.white-font-color {
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

.h3.white-font-color.left {
  text-align: left;
}

.h3.ourclients {
  margin-top: 0;
  margin-bottom: 100px;
}

.contact-information {
  background-color: #0000004d;
  border-radius: 20px;
  max-width: 50%;
  margin-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: inline-block;
}

.footer {
  background-color: #313332;
}

.footer-flex-box {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.footer-single-box {
  min-width: auto;
  max-width: 25%;
}

.image-3 {
  margin-top: 20px;
  margin-right: 20px;
  padding-right: 0;
}

.footer-paragraph {
  color: #fff;
  text-align: left;
  font-family: Trebuchet ms v1, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}

.footer-paragraph.quotes {
  text-align: center;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 32px;
  display: block;
  position: static;
}

.footer-paragraph.caption {
  color: #9b9b9b;
  margin-bottom: -33px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-4 {
  position: static;
}

.div-block-5 {
  display: inline-block;
  position: relative;
}

.link {
  color: #fff;
  text-align: center;
  padding-top: 40px;
  font-family: Trebuchet ms v1, sans-serif;
  text-decoration: none;
  display: block;
}

.text-block {
  color: #b4b4b4;
  text-align: center;
  margin-top: 60px;
  font-family: Trebuchet ms v1, sans-serif;
}

.text-block.square {
  color: #777;
  margin-top: 10px;
  font-size: 11px;
}

.link-block {
  text-align: center;
  text-decoration: none;
}

.div-block-7 {
  text-align: center;
}

.image-5 {
  transform: rotate(0);
}

.mobile {
  display: none;
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .navlink {
    float: none;
  }

  .button.navbutton {
    text-align: center;
    margin-right: 0;
  }

  .hero-main-part {
    margin-top: 60px;
  }

  .abuseef-paragraph.quotes {
    margin-top: 40px;
  }

  .right-box-about {
    background-color: #fff;
    align-self: flex-end;
  }

  .paragraph.white {
    max-width: 62%;
  }

  .left-box-service {
    max-width: 50%;
  }

  .grid.wallets {
    grid-template-rows: auto auto auto;
  }

  .div-block-3 {
    margin-top: 60px;
  }

  .client-image.right {
    margin-left: 134px;
    margin-right: 10px;
  }

  .client-image.left {
    margin-left: -13px;
    margin-right: 150px;
  }

  .form-block {
    max-width: 40%;
  }

  .contact-information {
    max-width: 100%;
  }

  .footer-single-box {
    min-width: 30%;
    margin-top: 60px;
  }

  .nav-menu {
    background-color: #000000e6;
  }

  .menu-button {
    background-color: #41414100;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .menu-button.w--open {
    background-color: #000000e6;
  }

  .icon-3 {
    color: #bdbdbd;
  }

  .div-block-8 {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .button {
    margin-left: 0;
    margin-right: 10px;
  }

  .abuseef-title {
    font-size: 30px;
  }

  .about-flex-box {
    flex-direction: column;
  }

  .left-box-about {
    max-width: 80%;
    margin-bottom: 20px;
    padding-top: 0;
  }

  .right-box-about {
    max-width: 100%;
    margin-top: 60px;
    margin-right: -28px;
  }

  .paragraph.white {
    max-width: 100%;
  }

  .service-flex-box {
    flex-direction: column;
  }

  .left-box-service {
    max-width: 100%;
  }

  .right-box-service {
    order: 1;
    max-width: 100%;
  }

  .grid.shoes {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
  }

  .grid.wallets, .grid.belts {
    grid-template-columns: 1fr 1fr;
  }

  .grid.tag {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
  }

  .image-gallery._1, .image-gallery._9 {
    background-position: 50%;
  }

  .testtimonial-paragraph {
    font-size: 15px;
  }

  .flex-box-clients {
    flex-wrap: wrap;
    justify-content: center;
  }

  .flex-box-clients._2 {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .flex-box-clients._3 {
    margin-top: 0;
  }

  .client-image {
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .client-image.right {
    margin-left: 0;
    margin-right: 0;
  }

  .client-image.left {
    margin-right: 0;
  }

  .form-block {
    max-width: 50%;
  }

  .h3, .footer-single-box {
    min-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.testimonial {
    padding-left: 0;
    padding-right: 0;
  }

  .button.navbutton {
    text-align: center;
    margin-right: 0;
    display: block;
  }

  .hero-main-part {
    margin-top: 101px;
  }

  .abuseef-title {
    width: 317.297px;
    min-width: 317.297px;
    font-size: 22px;
    font-weight: 400;
  }

  .abuseef-paragraph {
    font-size: 14px;
    top: 58px;
  }

  .abuseef-paragraph.quotes {
    color: silver;
    letter-spacing: 0;
    margin-top: 40px;
    margin-right: 0;
    font-size: 13px;
  }

  .about-flex-box {
    margin-right: 0;
  }

  .left-box-about {
    max-width: 100%;
  }

  .right-box-about {
    margin-top: 20px;
    margin-right: -90px;
  }

  .image {
    height: 400px;
  }

  .paragraph {
    padding-right: 0;
    font-size: 15px;
  }

  .paragraph.white {
    max-width: 100%;
  }

  .heading {
    font-size: 20px;
  }

  .button-area {
    text-align: justify;
  }

  .grid.shoes {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .grid.wallets, .grid.belts {
    grid-template-columns: 1fr;
  }

  .grid.tag {
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .image-gallery._4 {
    background-position: 50%;
  }

  .testtimonial-paragraph {
    margin-top: 20px;
    font-size: 12px;
  }

  .testtimonial-paragraph.increasing-height {
    margin-top: 66px;
  }

  .div-block-3 {
    margin-top: 0;
  }

  .client-image {
    min-width: 250px;
    height: 250px;
  }

  .body {
    overflow: visible;
  }

  .contact {
    background-position: 50%;
  }

  .form-block {
    max-width: 80%;
  }

  .h2 {
    color: #fff;
    font-size: 17px;
  }

  .contact-information {
    background-color: #00000070;
    padding-right: 20px;
  }

  .footer-single-box {
    margin-top: 60px;
  }

  .image-3 {
    padding-right: 0;
  }

  .footer-paragraph {
    margin-bottom: 10px;
  }

  .div-block-5 {
    width: auto;
    min-width: 250px;
  }

  .nav-menu {
    background-color: #000000e0;
    border-radius: 0;
  }

  .menu-button.w--open {
    background-color: #000000e0;
    border-radius: 10px 10px 0 0;
  }

  .mobile, .link-block-2 {
    display: inline-block;
  }

  .div-block-8 {
    margin-top: 49px;
  }
}

#w-node-_7288e75f-254c-59ff-0d8e-ad0bacfcc20c-44a246e7, #w-node-_67cae428-4f5f-7892-7626-cf407a4af351-44a246e7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d1cea41d-0ee2-2a39-dea5-fba88c99d0d8-44a246e7 {
  grid-column-end: span .996094;
  grid-column-start: span .996094;
  grid-row-end: span .996094;
  grid-row-start: span .996094;
}

#w-node-ef6b6717-b236-8dcc-d07d-20ce20ecdb7c-44a246e7, #w-node-_6d8b097c-dfa3-68f6-74db-82171bf04bb8-44a246e7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5128a1f4-3ec2-b86f-0067-7bb404810a07-44a246e7 {
  grid-row-start: span 1.00781;
  grid-row-end: span 1.00781;
  grid-column: span 2 / span 2;
}

@media screen and (max-width: 479px) {
  #w-node-ebe03fa3-e627-5f58-fa85-8e25ae2ada56-44a246e7, #w-node-cd90c46f-d3f9-f4af-2bba-d4e4bff6c3cc-44a246e7, #w-node-_763689cf-aa14-6d76-5f76-9ca7b8aa876b-44a246e7, #w-node-ac01c7eb-034d-a0d9-9bcf-a431ab67c867-44a246e7, #w-node-b44e7529-826f-7270-1ca3-61948f0799b9-44a246e7, #w-node-_42b27fa5-b729-8653-8026-69d3b8e164e9-44a246e7, #w-node-ec9f183a-584a-7fb8-e05e-5223d3b5dc84-44a246e7, #w-node-_7fcc2eb0-7d66-61d5-c7c7-80f963e83620-44a246e7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5128a1f4-3ec2-b86f-0067-7bb404810a07-44a246e7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Cenotaph titling';
  src: url('../fonts/Cenotaph-Titling.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Trebuchet ms v1';
  src: url('../fonts/Trebuchet_MS_V1.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}