@media only screen and (max-width: 1400px) {
  .w1400 {
    width: 100%;
    margin: 0;
  padding-left: 50px;
  padding-right: 50px;
  }


}
@media only screen and (max-width: 1200px) {
  .w1200 {
    width: 100%;
    margin: 0;
  padding-left: 50px;
  padding-right: 50px;
  }

.bottom > div {
  width: 50%;
  padding: 50px 30px
}
}

@media only screen and (max-width: 1100px) {
  .top_wr {
    padding: 0
  }
.tag, .topimg {
  width: 100%
}
.topimg, .header {
height: auto;
}
.tag {
  padding: 200px 30px 50px 10%;

  text-align: left;
}
.tag .smaller {
  right: auto;
  margin-left: 30px
}
.footer .segment {
  width: 50%
}
.footer {
  padding: 30px 0
}

.mgal {
  width: 100%;
  order:2;
}
.mids {
  width: 100%;
text-align: center;
  order: 1;
  padding: 30px 40px
}
.bottom > div {
  width: 100%
}
.cake.stick .btext_wr {
	width: 48%
}
.cimgwrstick,  .stickgallery  {
  width: 49%
}
}

@media only screen and (max-width: 850px) {
  .w800 {
    width: 100%;
    margin: 0;
  padding-left: 50px;
  padding-right: 50px;
  }

  .primary-menu-container {
    display: none;
    position: fixed;
    background: #abc480;

    padding: 35px;
    width: 250px;
    height: 100vh;
    right: -250px;
    top: 0;
    z-index: 200
  }
  .primary-menu-container.slidein {
    display: block;
    right: 0;
  }
  .primary-navigation .menu-wrapper li {
    padding: 5px 0;
    width: 100%
  }
    .primary-navigation .menu-wrapper li a {
      color: #fff;
    }
  .menubut .bar {
    width: 40px;
    margin: 3px 0;
    background: #fff;
    height: 1px;
    position: relative;
    z-index: 250;

  }
  .menubut {
    position: relative;
    cursor: pointer;
    padding: 20px 10px;
    background: #000;
    border-radius: 100%;
    -moz-transition: all 500ms linear 0.1s;
    -webkit-transition: all 500ms linear 0.1s;
    -o-transition: all 500ms linear 0.1s;
    transition: all 500ms linear 0.1s;
    left: 0
  }
    .menubut.goout {
      margin-left: -50px;
    }
  .topper {
    align-items: flex-start;
  }
  .cakeslist > div {
    width: 31%
  }
  .contact > div {
    width: 100%;
  }
  .contact .livo {
    order: 2
  }
  .contact .compinfo {
    order:1
  }

  .sgallery, .singlecake .desc {
    width: 100%
  }
  .singlecake {
    padding-left: 0;
    padding-right: 0
  }
}


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

.w800, .w1200, .w1400 {
  padding-left: 20px;
  padding-right: 20px;
}
.singlecake {
  padding-left: 0;
  padding-right: 0
}
h1, .tag .bigger {
  font-size:90px
}
h2 {
  font-size:40px
}
.cakeslist > div {
  width: 48%
}
.content_all {
  padding-top: 30px;
  padding-bottom: 30px
}
.cakesbl {
  padding-left: 0;
  padding-right: 0;
}
}

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

h2 {
  font-size: 35px
}
h1, .tag .bigger {
  font-size: 70px
}
.cake.stick .cimgwr, .cake.stick .btext_wr {
  width: 100%;
}
.primary-menu-container {
  width: 180px;
  right: -180px;
}
}
@media only screen and (max-width: 320px) {
  .logo {
    padding-right: 10px;
  }
.menubut.goout {
  left: -95px;
}
.topper {
  padding: 25px 10px;
}
.cakeslist > div {
  width: 100%;
  margin: 1% 0
}
.footer .segment {
  width: 100%;
  padding: 25px 0
}
.intro > div {
  padding: 25px 0
}
}