/*========================================================
	Main Style for StreetSweets 2022
=========================================================*/
/* colors declaration */
:root {
  --main-text: #241506;
  --orange: #e89021;
  --h1-index: #f5ecd3;
  --btn-orange: #e89021;
  --btn-white: #fff;
  --btn-black: #000;
  --centerTitle-text: #2d1701;
}

/* fonts declaration */
@font-face {
  font-family: blueyellow;
  src: url('../fonts/blueyellow.ttf');
}

/* reset */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* end reset */

/***********************************************************************************************/

/* common layout sections  - ALL common layouts for frame exist in this section */
body {
  font-size: 21px;
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  color: #222;
}

p {
  line-height: 1.5;
  font-family: 'Barlow', arial, sans-serif;
  color: var(--main-text);
}


/***********************************************************************************************/

/* common styling */
h1,
h2,
h3 {
  font-family: blueyellow, arial, sans-serif;
  text-transform: capitalize;
}

h1 {
  text-transform: uppercase;
  font-size: 115px;
  font-weight: 400;
}

h2 {
  font-size: 96px;
  color: var(--main-text);
}

h3 {
  line-height: 3em;
  font-size: 28px;
  letter-spacing: 1px;
}

/* end common styling */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

  h1,
  h2 {
    font-size: 86px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {

  h1,
  h2 {
    font-size: 76px;
    font-weight: 400;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

  h1,
  h2 {
    font-size: 60px;
    font-weight: 400;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  h1,
  h2 {
    font-size: 60px;
    font-weight: 400;
  }
}

@media only screen and (max-width: 767px) {

  h1,
  h2 {
    font-size: 60px;
    font-weight: 400;
  }
}

@media only screen and (max-width: 479px) {

  h1,
  h2 {
    font-size: 56px;
  }
}

/*========================================================
									TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.phoneMob,
.logoMob,
.telMob,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlink,
.menu ul li.maddress,
.fooList ul li.mlogo,
.fooList ul li.mphone,
.fooList ul li.madr,
.fooList ul li.mhours,
.fooList ul li.msocial,
.fooList ul li.mmlink,
.scrollinglogosMob,
.bannerTopMobWrap,
.bannerTypesMob,
.mh1Mob,
.bannerAboutMob {
  display: none;
}

/* end not display */

.pageFull {
  width: 100%;
}

.centerSize {
  width: 75%;
  margin: 0 auto;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .centerSize {
    width: 90%;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .centerSize {
    width: 85%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .centerSize {
    width: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .centerSize {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .centerSize {
    width: 90%;
  }
}

/* above top section */
.topPhone a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 34px;
}

.topPhone a img {
  width: 42px;
  margin-right: 10px;
}

/* top section  */
.top {
  width: 100%;
  display: block;
  position: static;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.boxesWrap {
  width: 75%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.one {
  width: 14%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 110px;
}

.two {
  width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;

}

.one img {
  width: 300px;
  display: block;
}

.three {
  width: 14%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  height: 110px;
}

/*** menu section ***/
.menu ul li.mlink,
.menu ul li.m1link,
.menu ul li.m2link,
.menu ul li.m3link,
.menu ul li.mmlinks {
  display: none;
}

.menu ul li.dlink {
  font-size: 28px;
  display: inline-block;
  text-transform: capitalize;
  line-height: 110px;
  padding: 0 20px;
  font-weight: 400;
}

.menu ul li.dlink a {
  color: var(--main-text);
}

/*** end menu section ***/
/* end top section  */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .boxesWrap {
    width: 90%;
  }

  .one {
    width: 23%;
  }

  .two {
    width: 61%;
  }

  .three {
    width: 16%;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .rightRound p {
    font-size: 19px;
  }

  .rightRound p span {
    font-size: 26px;
    line-height: 1;
    padding-top: 3px;
  }

  .boxesWrap {
    width: 94%;
  }

  .one {
    width: 26%;
  }

  .two {
    width: 55%;
  }

  .three {
    width: 19%;
  }

  .menu ul li.dlink {
    font-size: 21px;
  }

  .topPhone a {
    font-size: 29px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .boxesWrap {
    width: 95%;
  }

  .one,
  .two,
  .three {
    height: 90px;
  }

  .one {
    width: 23%;
  }

  .one img {
    width: 225px;
  }

  .two {
    width: 57%;
  }

  .three {
    width: 20%;
  }

  .menu ul li.dlink {
    font-size: 16px;
    line-height: 90px;
    padding: 0 20px;
  }

  .topPhone a {
    font-size: 24px;
  }

  .topPhone a img {
    width: 31px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 2559px) {
  .menu ul {
    background: none !important;
  }
}


/*========================================================
									Buttons
=========================================================*/
.shopNowBtn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 6px;
  color: var(--main-text);
  font-weight: 500;
  font-size: 45px;
  line-height: 1;
  border: 3px solid var(--btn-orange);
  border-radius: 50px;
}

.shopNowBtn span {
  background: var(--btn-orange);
  display: block;
  border-radius: 50px;
  padding: 15px 30px 20px;
}

.contactUsBtn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 6px;
  color: var(--main-text);
  font-weight: 500;
  font-size: 45px;
  line-height: 1;
  border: 3px solid var(--btn-white);
  border-radius: 50px;
}

.contactUsBtn span {
  background: var(--btn-white);
  display: block;
  border-radius: 50px;
  padding: 15px 30px 20px;
}

.shopNowBtn,
.contactUsBtn {
  min-width: 300px;
  max-width: 300px;
}

.contactUsBtn {
  margin-left: 40px;
}

.undBannBtn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 6px;
  color: var(--btn-white);
  font-weight: 500;
  font-size: 45px;
  line-height: 1;
  border: 3px solid var(--btn-black);
  border-radius: 50px;
  text-transform: capitalize;
  min-width: 290px;
  max-width: 290px;
}

.undBannBtn span {
  background: var(--btn-black);
  display: block;
  border-radius: 50px;
  padding: 15px 30px 20px;
}

.undBannBtn:hover {
  border: 3px solid var(--btn-orange);
}

.undBannBtn:hover span {
  background: var(--btn-orange);
}

.bestBtn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 6px;
  background: var(--btn-white);
  color: var(--main-text);
  font-family: blueyellow, arial, sans-serif;
  font-weight: 500;
  font-size: 45px;
  line-height: 1;
  border-radius: 50px;
  padding: 21px 45px 13px;
}

.threeHoliBtn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 6px;
  color: var(--main-text);
  font-weight: 500;
  font-size: 45px;
  line-height: 1;
  border: 3px solid var(--btn-orange);
  border-radius: 50px;
}

.threeHoliBtn span {
  background: var(--btn-orange);
  display: block;
  border-radius: 50px;
  padding: 15px 30px 20px;
}

.shopNowBtn2 {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 6px;
  color: var(--btn-white);
  font-weight: 500;
  font-size: 21px;
  text-transform: uppercase;
  line-height: 1;
  border: 3px solid var(--btn-orange);
  border-radius: 50px;
}

.shopNowBtn2 span {
  background: var(--btn-orange);
  display: block;
  border-radius: 50px;
  padding: 13px 25px;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {

  .shopNowBtn,
  .contactUsBtn,
  .undBannBtn,
  .threeHoliBtn,
  .bestBtn {
    font-size: 24px;
  }

  .shopNowBtn span,
  .contactUsBtn span,
  .undBannBtn span,
  .threeHoliBtn span {
    padding: 12px 25px 18px;
  }

  .shopNowBtn,
  .contactUsBtn,
  .undBannBtn {
    min-width: 210px;
    max-width: 210px;
  }

  .shopNowBtn2 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

  .shopNowBtn,
  .contactUsBtn,
  .undBannBtn,
  .threeHoliBtn {
    font-size: 22px;
  }

  .bestBtn {
    font-size: 30px;
    padding: 15px 30px 10px;
  }

  .shopNowBtn span,
  .contactUsBtn span,
  .undBannBtn span,
  .threeHoliBtn span {
    padding: 12px 25px 18px;
  }

  .shopNowBtn,
  .contactUsBtn,
  .undBannBtn {
    min-width: 190px;
    max-width: 190px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .shopNowBtn,
  .contactUsBtn,
  .undBannBtn,
  .threeHoliBtn {
    font-size: 21px;
  }

  .bestBtn {
    font-size: 30px;
    padding: 15px 30px 10px;
  }

  .shopNowBtn span,
  .contactUsBtn span,
  .undBannBtn span,
  .threeHoliBtn span {
    padding: 12px 25px 18px;
  }

  .shopNowBtn,
  .contactUsBtn,
  .undBannBtn {
    min-width: 180px;
    max-width: 180px;
  }
}

@media only screen and (max-width: 767px) {

  .shopNowBtn,
  .contactUsBtn,
  .undBannBtn,
  .threeHoliBtn,
  .bestBtn {
    font-size: 24px;
  }

  .shopNowBtn span,
  .contactUsBtn span,
  .undBannBtn span,
  .threeHoliBtn span {
    padding: 10px 25px 16px;
  }

  .shopNowBtn,
  .contactUsBtn,
  .undBannBtn {
    min-width: 190px;
    max-width: 190px;
  }

  .shopNowBtn {
    margin-right: 15px;
  }

  .contactUsBtn {
    margin: 20px 0 0 0;
  }
}

/*========================================================
		INDEX BANNER
=========================================================*/
.banSweet {
  background: url('../images/index/banner-index.jpg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1208px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.centerBanSweet {
  width: 75%;
  margin: 0 auto;
}

.banSweet h1 {
  color: var(--h1-index);
  font-family: blueyellow, arial, sans-serif;
  text-transform: capitalize;
  font-size: 115px;
  font-weight: 300;
  line-height: 1.1;
}

.banSweetBtnsPlace {
  margin-top: 100px;
  padding-left: 50px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .centerBanSweet {
    width: 90%;
  }

  .banSweet {
    height: 920px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .banSweet {
    height: 640px;
  }

  .centerBanSweet {
    width: 84%;
  }

  .banSweet h1 {
    font-size: 72px;
    line-height: 1;
  }

  .banSweetBtnsPlace {
    margin-top: 60px;
    padding-left: 30px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .centerBanSweet {
    width: 85%;
  }

  .banSweet {
    height: 480px;
  }

  .banSweet h1 {
    font-size: 54px;
    line-height: 1;
  }

  .banSweetBtnsPlace {
    margin-top: 50px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banSweet h1 {
    font-size: 64px;
    line-height: 1;
  }

  .centerBanSweet {
    width: 85%;
  }

  .banSweet {
    height: 600px;
    background-position: left center;
  }

  .banSweetBtnsPlace {
    margin-top: 50px;
    padding-left: 10px;
  }

}

@media only screen and (max-width: 767px) {
  .centerBanSweet {
    width: 85%;
  }

  .banSweet {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4)100%), url("https://streetsweetsdet.com/images/index/mobile-banner.jpg");
    height: 500px;
  }

  .banSweet h1 {
    display: inline-block;
    font-size: 64px;
    line-height: .9;
  }

  .banSweetBtnsPlace {
    margin-top: 50px;
    padding-left: 0;
  }
}

@media only screen and (max-width: 479px) {
  .banSweet h1 {
    font-size: 54px;
  }

  .banSweetBtnsPlace {
    margin-top: 35px;
  }
}

/*========================================================
		undBann Section Index
=========================================================*/
.undBann {
  padding: 100px 0;
}

.undBann .centerSize {
  position: relative;
}

.nutsImg {
  position: absolute;
  right: -180px;
  top: -350px;
  width: 900px;
}

.centerTitle h2 {
  margin-bottom: 10px;
}

.centerTitle {
  text-align: center;
}

.iconUndTitle {
  margin: 0 auto;
}

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

.undBannBox {
  width: 28%;
}

.undBannBox:nth-child(1),
.undBannBox:nth-child(2),
.undBannBox:nth-child(3) {
  margin-bottom: 120px;
}

.undBannBox img {
  width: 100%;
  height: auto;
}

.undBannBtnPlace {
  margin-top: 10px;
  text-align: center;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .centerTitle img {
    width: 310px;
  }

  .nutsImg {
    top: -285px;
    right: -96px;
    width: 720px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .centerTitle img {
    width: 200px;
  }

  .undBannWrap {
    margin-top: 50px;
  }

  .nutsImg {
    top: -285px;
    right: -45px;
    width: 640px;
  }

  .undBannBox {
    width: 26%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .nutsImg {
    top: -245px;
    width: 485px;
    right: -51px;
  }

  .centerTitle img {
    width: 200px;
  }

  .undBann {
    padding: 65px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .nutsImg {
    right: -60px;
    top: -205px;
    width: 400px;
  }

  .centerTitle img {
    width: 160px;
  }

  .undBannWrap {
    margin-top: 25px;
  }

  .undBannBox {
    width: 42%;
  }

  .undBannBox:nth-child(1),
  .undBannBox:nth-child(2),
  .undBannBox:nth-child(3) {
    margin-bottom: 60px;
  }

  .undBannBox {
    margin-bottom: 60px;
  }

  .undBann {
    padding: 50px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .nutsImg {
    display: none;
  }

  .undBann {
    padding: 50px 0;
  }

  .centerTitle img {
    width: 190px;
  }

  .centerTitle h2 {
    margin-bottom: 0;
  }

  .undBannWrap {
    max-width: 340px;
    margin: 0 auto;
  }

  .undBannBox {
    width: 100%;
  }

  .undBannBox:nth-child(1),
  .undBannBox:nth-child(2),
  .undBannBox:nth-child(3) {
    margin-bottom: 60px;
  }

  .undBannBox {
    margin-bottom: 60px;
  }

  .undBannBox:last-child {
    margin-bottom: 0;
  }

}

@media only screen and (max-width: 479px) {
  .undBann {
    padding: 30px 0 50px;
  }

  .centerTitle img {
    width: 180px;
  }
}

/*========================================================
		deliverSec Index
=========================================================*/
.deliverSec {
  background: url('../images/index/banner-cake.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1249px;
}

.deliverWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 1249px;
}

.deliverRight {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.deliverRight h2 {
  color: var(--btn-white);
}

.deliverBtnPlace {
  text-align: center;
  margin-top: 110px;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {

  .deliverSec,
  .deliverWrap {
    height: 720px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

  .deliverSec,
  .deliverWrap {
    height: 540px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .deliverSec,
  .deliverWrap {
    height: 500px;
  }

  .deliverBtnPlace {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .deliverSec {
    background: url('https://streetsweetsdet.com/images/index/cake-m.jpg');
    padding: 30px 0 0;
    height: 475px;
  }

  .deliverWrap {
    height: auto;
    justify-content: center;
    padding-top: 100px;
  }

  .deliverRight {
    align-items: center;
  }

  .deliverRight h2 {
    text-align: center;
  }

  .deliverBtnPlace {
    margin-top: 40px;
  }
}

/*========================================================
		bestSec Index
=========================================================*/
.bestSec {
  padding: 90px 0;
  position: relative;
}

.raspImg {
  position: absolute;
  left: 0;
  top: 0;
}

.centerTitle p {
  color: var(--centerTitle-text);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  max-width: 1265px;
  margin: 60px auto;
}

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

.threeBestBox {
  width: 31%;
  position: relative;
}

.threeBestBox img {
  width: 100%;
  height: auto;
}

.threeBestBtnPlace {
  position: absolute;
  bottom: 50px;
  right: 30px;
  text-align: right;
}

.threeBestBtnPlace .bestBtn {
  cursor: default;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .raspImg {
    width: 700px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .bestSec {
    padding: 90px 0 0;
  }

  .raspImg {
    width: 540px;
  }

  .centerTitle p {
    font-size: 21px;
    max-width: 900px;
  }

  .threeBestBtnPlace {
    bottom: 30px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .raspImg {
    width: 390px;
  }

  .centerTitle p {
    font-size: 18px;
    max-width: 650px;
  }

  .threeBestBox {
    width: 32%;
  }

  .threeBestBtnPlace {
    bottom: 15px;
    right: 12px;
  }

  .bestSec {
    padding: 90px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .raspImg {
    width: 312px;
  }

  .centerTitle p {
    font-size: 18px;
    margin: 25px auto 60px;
  }

  .threeBestWrap {
    width: 60%;
    margin: 0 auto;
  }

  .threeBestBox {
    width: 100%;
    margin-bottom: 50px;
  }

  .threeBestBox:last-child {
    margin-bottom: 0;
  }

  .bestSec {
    padding: 90px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .raspImg {
    display: none;
  }

  .bestSec {
    padding: 50px 0 0;
  }

  .centerTitle p {
    font-size: 22px;
    margin: 20px auto 50px;
  }

  .threeBestWrap {
    max-width: 340px;
    margin: 0 auto;
  }

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

  .threeBestBox:last-child {
    margin-bottom: 0;
  }

  .threeBestBtnPlace {
    bottom: 25px;
    right: 25px;
  }
}

/*========================================================
		holiSec Index
=========================================================*/
.holiSec {
  padding: 90px 0 120px;
  position: relative;
}

.chocoImg {
  position: absolute;
  top: -160px;
  right: 0;
}

.threeHoliWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 30px;
}

.threeHoliBox {
  width: 25%;
  text-align: center;
}

.threeHoliBox img {
  height: 125px;
}

.threeHoliBox p {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
}

.threeHoliBox p span {
  display: block;
  font-family: blueyellow, arial, sans-serif;
  font-size: 56px;
  margin-top: 10px;
}

.threeHoliBtnPlace {
  margin-top: 30px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .chocoImg {
    width: 480px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .chocoImg {
    width: 320px;
    top: -35px;
  }

  .threeHoliBox p {
    font-size: 18px;
  }

  .threeHoliBox img {
    height: 75px;
  }

  .threeHoliBox p span {
    font-size: 36px;
  }

  .threeHoliWrap {
    width: 85%;
    margin: 0 auto;
  }

  .holiSec {
    padding: 90px 0 50px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .chocoImg {
    width: 250px;
    top: -40px;
  }

  .holiSec {
    padding: 90px 0 60px;
  }

  .threeHoliBox p span {
    font-size: 32px;
  }

  .threeHoliBox p {
    font-size: 16px;
  }

  .threeHoliBox img {
    height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .holiSec {
    padding: 60px 0 30px;
  }

  .chocoImg {
    width: 172px;
    top: -62px;
    right: -20px;
  }

  .threeHoliWrap {
    width: 60%;
    margin: 0 auto;
  }

  .threeHoliBox {
    width: 100%;
    margin-bottom: 50px;
  }

  .threeHoliBox:last-child {
    margin-bottom: 0;
  }

  .threeHoliBox p span {
    font-size: 48px;
  }

  .threeHoliBox p {
    font-size: 21px;
  }

  .threeHoliBox img {
    height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .chocoImg {
    display: none;
  }

  .holiSec {
    padding: 50px 0 20px;
  }

  .threeHoliWrap {
    max-width: 340px;
    margin: 0 auto;
  }

  .threeHoliBox {
    width: 100%;
    margin-bottom: 50px;
  }

  .threeHoliBox:last-child {
    margin-bottom: 0;
  }

  .threeHoliBox img {
    height: 90px;
  }

  .threeHoliBox p {
    font-size: 21px;
  }

  .threeHoliBox p span {
    font-size: 46px;
  }
}

/*========================================================
		aboutSec Index
=========================================================*/
.aboutSec {
  background: url('../images/index/about-us-section.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1020px;
  padding: 110px 0 210px;
}

.aboutusbg h1 {
  text-align: center;
}

.aboutSec .centerTitle h2 {
  color: var(--orange);
}

.aboutSec .centerTitle p {
  color: var(--btn-white);
}

.aboutUsBtnPlace {
  padding-top: 85px;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .aboutSec {
    height: 780px;
    padding: 110px 0;
  }

  .aboutUsBtnPlace {
    padding-top: 65px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .aboutSec {
    height: auto;
    padding: 90px 0;
  }

  .aboutUsBtnPlace {
    padding-top: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aboutSec {
    height: auto;
    padding: 90px 0;
  }

  .aboutUsBtnPlace {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .aboutSec {
    height: auto;
    padding: 80px 0;
  }

  .aboutUsBtnPlace {
    padding-top: 0;
  }
}

/*========================================================
		Footer
=========================================================*/
.footer {
  background: url('../images/footer/banner-footer.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--btn-white);
  padding: 65px 0 0;
}

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

.fooColu1 {
  width: 34%;
}

.fooColu2 {
  width: 48%;
}

.logoFoot {
  margin-bottom: 50px;
}

.logoFoot img {
  width: 380px;
}

.fooInfo {
  padding-left: 120px;
}

.phoneFoot,
.hoursFoot,
.addrFoot {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 38px 38px;
  padding-left: 75px;
}

.phoneFoot {
  background-image: url('../images/footer/icon-footer-phone.png');
}

.hoursFoot {
  background-image: url('../images/footer/icon-footer-clock.png');
}

.addrFoot {
  background-image: url('../images/footer/icon-footer-location.png');
}

.phoneFoot,
.hoursFoot {
  margin-bottom: 25px;
}

.phoneFoot p a,
.hoursFoot p,
.addrFoot p {
  color: var(--btn-white);
  font-size: 28px;
}

.addrFoot p span,
.hoursFoot p span {
  display: block;
}

.fooRow1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 60px;
}

.fooNav1 p,
.fooNav2 p,
.fooNav3 p {
  color: var(--orange);
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 35px;
}

.fooNav1 ul li,
.fooNav2 ul li,
.fooNav3 ul li {
  font-size: 28px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.socialIcons {
  display: flex;
  justify-content: flex-end;
  margin-top: 60px;
}

.socialIcons img {
  height: 48px;
}

.googleCent {
  margin: 0 50px;
}

.footCopy {
  background-image: url('../images/footer/divider-copy.png');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 75px 0;
  margin-top: 120px;
}

.footCopy p {
  color: var(--btn-white);
  font-size: 16px;
  text-align: center;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fooColu1 {
    width: 36%;
  }

  .logoFoot {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .logoFoot img {
    width: 280px;
  }

  .fooColu1 {
    width: 36%;
  }

  .phoneFoot,
  .hoursFoot,
  .addrFoot {
    background-size: 30px 30px;
    padding-left: 55px;
  }

  .phoneFoot p a,
  .hoursFoot p,
  .addrFoot p {
    font-size: 19px;
  }

  .fooNav1 p,
  .fooNav2 p,
  .fooNav3 p {
    font-size: 26px;
  }

  .fooNav1 ul li,
  .fooNav2 ul li,
  .fooNav3 ul li {
    font-size: 19px;
  }

  .socialIcons img {
    height: 30px;
  }

  .googleCent {
    margin: 0 30px;
  }

  .footCopy {
    padding: 45px 0;
    margin-top: 100px;
  }

  .footCopy p {
    font-size: 18px;
  }

  .fooInfo {
    padding-left: 60px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

  .logoFoot img {
    max-width: 300px;
  }

  .fooInfo {
    padding-left: 0;
  }

  .phoneFoot,
  .hoursFoot,
  .addrFoot {
    background-size: 30px 30px;
    padding-left: 45px;
  }

  .phoneFoot p a,
  .hoursFoot p,
  .addrFoot p {
    font-size: 18px;
  }

  .fooNav1 ul li,
  .fooNav2 ul li,
  .fooNav3 ul li {
    font-size: 18px;
  }

  .fooNav1 p,
  .fooNav2 p,
  .fooNav3 p {
    font-size: 21px;
  }

  .socialIcons img {
    height: 30px;
  }

  .footCopy {
    padding: 45px 0;
    margin-top: 50px;
  }

  .fooRow1 {
    margin-top: 30px;
  }

  .googleCent {
    margin: 0 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .fooColu1,
  .fooColu2 {
    width: 100%;
  }

  .logoFoot img {
    max-width: 285px;
  }

  .fooInfo {
    padding-left: 0;
  }

  .phoneFoot,
  .hoursFoot,
  .addrFoot {
    background-size: 30px 30px;
    padding-left: 45px;
  }

  .phoneFoot p a,
  .hoursFoot p,
  .addrFoot p {
    font-size: 18px;
  }

  .fooNav1 ul li,
  .fooNav2 ul li,
  .fooNav3 ul li {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .fooNav1 p,
  .fooNav2 p,
  .fooNav3 p {
    font-size: 21px;
  }

  .socialIcons img {
    height: 30px;
  }

  .footCopy {
    padding: 45px 0;
    margin-top: 100px;
  }

  .footCopy p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {

  .fooColu1,
  .fooColu2 {
    width: 100%;
  }

  .logoFoot img {
    max-width: 310px;
  }

  .fooInfo {
    padding-left: 0px;
  }

  .phoneFoot,
  .hoursFoot,
  .addrFoot {
    background-size: 30px 30px;
    padding-left: 52px;
  }

  .phoneFoot p a,
  .hoursFoot p,
  .addrFoot p {
    font-size: 21px;
  }

  .fooNav1 ul li,
  .fooNav2 ul li,
  .fooNav3 ul li {
    font-size: 21px;
  }

  .fooNav1 p,
  .fooNav2 p,
  .fooNav3 p {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .fooNav1,
  .fooNav2,
  .fooNav3 {
    width: 100%;
  }

  .fooNav1,
  .fooNav2 {
    margin-bottom: 20px;
  }

  .socialIcons {
    justify-content: flex-start;
    margin-top: 50px;
  }

  .socialIcons img {
    height: 30px;
  }

  .googleCent {
    margin: 0 30px;
  }

  .footCopy {
    padding: 35px 0;
    margin-top: 100px;
  }

  .footCopy p {
    font-size: 16px;
  }

  .footCopy p span {
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  .logoFoot img {
    max-width: 280px;
  }

  .footCopy {
    margin-top: 50px;
  }
}

/*========================================================
    Pastries page Categories
=========================================================*/
.pageSize {
  width: 1300px;
  margin: 0 auto;
}

.bgpastries {
  background: url('https://streetsweetsdet.com/images/index/bgproducts.jpg') center center no-repeat;
  background-size: cover;
  padding: 85px 0 70px;
}

.pastriesTit h1 {
  font-size: 86px;
  margin-bottom: 60px;
  text-align: center;
}

.prodWrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.coofeeProd {
  justify-content: center;
}

.prodBox {
  width: 24%;
  background: #fff;
  border: 3px solid #f9f6f3;
  padding: 30px;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.prodBox img {
  width: 100%;
}

.prodBox p {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #574c44;
  padding: 25px 0;
}

.prodBox p span {
  color: #acacab;
  font-size: 18px;
  font-family: 'Heebo', arial, sans-serif;
  padding: 25px 0;
  display: block;
}

.prodipad {
  padding-bottom: 30px;
  margin-top: auto;
}

.prodimarg1 {
  margin-right: .5%;
}

.prodimarg2 {
  margin: 0 .5% 10px;
}

.prodimarg3 {
  margin-left: .5%;
}



.itemsName .description {
  font-weight: 400;
  text-transform: initial;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .pageSize {
    width: 90%;
  }

  .pastriesTit h1 {
    font-size: 76px;
  }

  .prodBox p {
    font-size: 32px;
  }

  .prodipad {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .pageSize {
    width: 90%;
  }

  .pastriesTit h1 {
    font-size: 60px;
  }

  .prodBox {
    width: 32%;
  }

  .prodimarg1,
  .prodimarg2,
  .prodimarg3 {
    margin: 0 0 20px;
  }

  .prodWrap {
    justify-content: space-between;
  }

  .prodipad {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pageSize {
    width: 90%;
  }

  .pastriesTit h1 {
    font-size: 60px;
  }

  .prodimarg1,
  .prodimarg2,
  .prodimarg3 {
    margin: 0 0 20px;
  }

  .prodBox {
    width: 48%;
  }

  .prodWrap {
    justify-content: space-between;
  }

  .prodipad {
    padding-bottom: 0;
  }

  .prodBox p {
    font-size: 32px;
    padding: 25px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .pageSize {
    width: 90%;
  }

  .pastriesTit h1 {
    font-size: 56px;
  }

  .prodBox {
    width: 100%;
  }

  .prodBox p {
    padding: 25px 0 0;
  }

  .prodipad {
    padding-bottom: 0;
  }

}

/*========================================================
    Pastries (products) Individual page
=========================================================*/
.itembg {
  padding: 90px 0;
}

.itemWrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}

.itemImg,
.itemCont {
  width: 50%;
}

.itemImg {
  margin-right: 60px;
}

.itemImg img {
  width: 100%;
}

.itemCont h1 {
  font-size: 41px;
  font-weight: 700;
  text-transform: uppercase;
  color: #574c44;
  line-height: 1.1;
}

.itemPrice {
  color: #acacab;
  font-size: 18px;
  font-family: 'Heebo', arial, sans-serif;
  font-weight: 700;
  padding: 15px 0 20px;
}

.itemDesc {
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 25px;
}

.itemCont ul {
  padding-bottom: 25px;
}

.itemCont ul li {
  font-size: 16px;
  text-transform: capitalize;
  padding: 8px 0;
}

.itemCont ul li span {
  font-weight: 700;
  padding-right: 15px;
}

.itemaddbg {
  margin-bottom: 90px;
}

.itemDescrip {
  background: #f9f6f3;
  padding: 50px 35px;
}

.itemDescrip h3 {
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 30px;
  text-transform: uppercase;
}

.itemAdd {
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
}

.itemAdd span {
  font-weight: 400;
  padding-left: 50px;
}

.itemdiscbg {
  padding-bottom: 110px;
}

.itemsList {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 35px;
}

.itemsName,
.itemsBtn {
  width: 50%;
}



.itemsName p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: capitalize;
}

.itemsName p span {
  font-weight: 400;
  margin-left: 20px;
  text-transform: none;
}

.itemBtn {
  background: #9b9a4a;
  border: 1px solid #9b9a4a;
  padding: 8px 16px;
  border-radius: 50px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
}

.itemsDesc {
  width: 100%;
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .itemaddbg {
    padding-bottom: 50px;
  }

  .itembg {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .itemWrap {
    flex-direction: column;
  }

  .itemImg,
  .itemCont {
    width: 100%;
    max-width: 650px;
  }

  .bannerSubPage {
    margin-bottom: 50px;
  }

  .itembg {
    padding-bottom: 50px;
  }

  .itemdiscbg {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .itemWrap {
    flex-direction: column;
  }

  .itemImg,
  .itemCont {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
  }

  .bannerSubPage {
    margin-bottom: 50px;
  }

  .itembg {
    padding-bottom: 50px;
  }

  .itemDesc {
    font-size: 18px;
  }

  .itemCont h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 479px) {
  .itemCont h1 {
    font-size: 41px;
  }

  .itemDescrip {
    padding: 20px;
  }

  .itemsList {
    flex-direction: column;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 20px;
  }

  .itemsName,
  .itemsBtn {
    width: 100%;
  }

  .itemsName {
    padding-bottom: 15px;
  }

  .itembg {
    padding-bottom: 25px;
  }
}

/*========================================================
    CONTACT page
=========================================================*/
.contactbg {
  padding: 130px 0;
}

.centerContact {
  text-align: center;
}

.centerContact h1 {
  font-size: 58px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.3;
}

.contTel {
  font-size: 48px;
  font-weight: 500;
  padding: 35px 0;
}

.contAdr {
  font-size: 24px;
  font-weight: 400;
}

.sectionMap {
  width: 100%;
}

.sectionMap iframe {
  width: 100%;
  height: 450px;
  display: block;
  border: none;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .contactbg {
    padding: 90px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .contactbg {
    padding: 50px 0 75px;
  }
}

@media only screen and (max-width: 767px) {
  .contactbg {
    padding: 50px 0 75px;
  }

  .contAdr span {
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  .centerContact h1 {
    font-size: 42px;
  }

  .contTel {
    font-size: 36px;
  }
}

/*========================================================
	ABOUT page
=========================================================*/
.aboutBanner {
  width: 100%;
  background: url(../images/about/about-us.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 694px;
}

.aboutBanner {
  background-image: url(../images/about/about-us.jpg);
  ;
}

.cakesbg {
  background-image: url(https://streetsweetsdet.com/images/bgs/custom-cakes.jpg);
}

.baklavabg {
  background-image: url(https://streetsweetsdet.com/images/bgs/baklava-bakery.jpg);
}

.donutsbg {
  background-image: url(https://streetsweetsdet.com/images/bgs/donutsbg.jpg);
}

.sweetsbg {
  background-image: url(https://streetsweetsdet.com/images/bgs/sweetsbg.jpg);
}

.coffeebg {
  background-image: url(https://streetsweetsdet.com/images/bgs/coffeebg.jpg);
}

.aboutusbg {
  padding: 100px 0 0;
}

.aboutDesc {
  padding: 50px 0;
}

.aboutDesc p {
  font-size: 21px;
  line-height: 1.5;
  padding-bottom: 20px;
}

.aboutusbg ul {
  display: flex;
  flex-wrap: wrap;
}

.aboutusbg ul li {
  /* list-style-position: inside; */
  /* list-style-type: disc; */
  margin: 10px 0;
}

.aboutusbg ul li:not(:last-child) {
  margin-right: 15px;
}

.separDiv {
  padding: 70px 0 50px;
  text-align: center;
}

.separDivTop {
  margin-top: 40px;
}

.faqbg {
  padding: 70px 0 110px;
}

.faqWrapping {
  width: 100%;
  margin: 0 auto;
}

.faqWrapping h2 {
  text-align: center;
  padding-bottom: 60px;
  font-size: 58px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.3;
}

.faq-wrap {
  padding: 10px 0;
  margin: 0 auto;
  width: 100%;
}

p.faq {
  text-align: left;
  font-size: 1.1em;
}

a.question {
  line-height: 1.5;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 5px 10px 15px;
  cursor: pointer;
}

.faqa {
  text-align: left;
  color: #6d6d6d;
  padding: 10px;
  line-height: 1.5;
  font-size: 1.1rem;
}

.faq {
  border-bottom: 1px solid #6d6d6d;
}

.faq a {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.faques {
  font-size: 21px;
  font-weight: 500;
  width: 95%;
}

.faqarr {
  width: 5%;
  text-align: right;
}

.farr {
  font-size: 20px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .aboutBanner {
    height: 480px;
  }

  .aboutusbg {
    padding: 70px 0 0;
  }

  .faqbg {
    padding: 0 0 70px;
  }

  .faqWrapping h2 {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .aboutBanner {
    height: 480px;
  }

  .aboutusbg {
    padding: 50px 0 0;
  }

  .faqbg {
    padding: 0 0 70px;
  }

  .faqWrapping h2 {
    font-size: 46px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aboutBanner {
    height: 480px;
  }

  .aboutusbg {
    padding: 50px 0 0;
  }

  .faqbg {
    padding: 0 0 70px;
  }

  .faqWrapping h2 {
    font-size: 46px;
  }
}

@media only screen and (max-width: 767px) {
  .aboutBanner {
    height: 480px;
  }

  .aboutBg,
  .cakesbg,
  .donutsbg,
  .baklavabg,
  .sweetsbg,
  .coffeebg {
    height: auto !important;
    background: none;
  }

  .bannerAboutMob {
    display: block;
    width: 100%;
  }

  .aboutusbg {
    padding: 35px 0 0;
  }

  .aboutDesc {
    padding: 20px 0 50px;
  }

  .faqbg {
    padding: 0 0 70px;
  }

  .faqWrapping h2 {
    font-size: 46px;
  }
}

@media only screen and (max-width: 479px) {
  .faqWrapping h2 {
    line-height: 1.1;
  }
}

/*========================================================
    Mobile Menu
=========================================================*/
@media only screen and (max-width: 1023px) {

  .smobitrigger,
  .mnuclose {
    display: inline-block;
  }

  .smobitrigger {
    color: transparent;
    width: 30%;
  }

  .smobitrigger {
    background: url("https://streetsweetsdet.com/images/menuopen.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
  }

  .mnuclose {
    background: url('https://streetsweetsdet.com/images/menuclose.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    color: transparent;
    height: 60px;
    margin: 0 0 10px 0;
    width: 100%;
    text-align: right;
    display: inline-block;
  }

  .menu ul {
    padding: 20px 30px 10px;
    overflow-y: auto;
    margin: 0 auto;
  }

  .menu ul li.dlink,
  .menu ul li.mmlinks {
    display: block;
    line-height: 55px;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }

  .menu ul li.mmlinks {
    font-size: 25px;
  }

  .menu ul li.dtop {
    display: none;
  }

  .menu ul li.dlink a {
    margin: 0 auto;
    padding: 10px 0 10px 0;
    text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 1.3;
  }

  .menu ul li.mlogo {
    margin: 20px auto 0;
    display: block;
  }

  .menu ul li.mlogo img {
    width: 100%;
    margin: 0 auto 30px;
  }

  .menu ul li.mphone {
    display: block;
    color: #777;
    margin-bottom: 15px;
    text-align: center;
  }

  .menu ul li.mphone span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #777;
  }

  .menu ul li.mphone a {
    font-size: 32px;
  }

  .menu ul li.maddress {
    display: block;
    font-size: 20px;
    line-height: 1.5;
    text-transform: capitalize;
    margin: 35px auto;
    color: #777;
    text-align: center;
  }

  .menu ul li.maddress span {
    display: block;
  }

  .menu ul li.mhours {
    display: block;
    font-size: 21px;
    line-height: 1.5;
    margin: 0 auto 30px;
    color: #777;
    text-align: center;
  }

  .menu ul li.mhours span {
    display: block;
  }

  .menu ul li.msocial {
    display: block;
    text-align: center;
    margin-bottom: 100px;
  }

  .menu ul li.msocial img {
    width: 35px;
    height: 35px;
  }

  .mobimenu {
    padding: 0;
    margin: 0px;
    width: 14.9375em;
    position: fixed;
    height: 100% !important;
    top: 0px;
    left: -24.625em;
  }

  .mnuopn {
    left: 0px !important;
  }

  .ovrActv {
    position: fixed;
    background: rgba(0, 0, 0, 0.79);
    width: 100%;
    height: 100%;
    z-index: 9998;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }

  .navBox {
    width: 70%;
    justify-content: flex-end;
  }

  .locMob {
    width: 20%;
  }

  nav {
    width: 80%;
  }

  .three {
    display: none;
  }

  .boxesWrap {
    width: 90%;
  }

  .one {
    width: 72%;
    height: 80px;
  }

  .one img {
    width: 210px;
  }

  .two {
    width: 28%;
    justify-content: flex-end;
    height: 80px;
  }

  .menu {
    width: 100%;
    height: 80px;
    margin-top: 20px;
  }

  .navwrp {
    display: flex;
    justify-content: flex-end;
  }

  .aboutBanner {
    height: 450px;
  }
}

@media only screen and (min-width: 1024px) {
  .menu ul {
    background: none !important;
  }
}