@media (max-width:1300px) {
  aside {bottom:0;width:100%!important;height:180px!important;top:unset!important;border-bottom:none;border-top:1px solid #f3f3f3;overflow:unset!important}
  aside ul {white-space:nowrap;overflow:auto!important}
  aside li {width:25%;display:inline-block!important;box-sizing:border-box;border-bottom:none!important;border-right:1px solid #f3f3f3}
  aside li:last-child {border-right:none}
  aside li img {float:left;height:112px!important;width:auto!important;padding-right:15px}
  aside li {padding:10px 10px 12px 10px!important}
  .asb {display:none}
}

@media (max-width:1080px) {
  .bg div:first-of-type {padding-left:8%;width:20%}
  .bg div:nth-of-type(2) {width:34%}
  .bg div:nth-of-type(3) {top:15%}
  body.single .hero.core {padding:30px 30px 10px 30px}
  body.single .hero.core p:first-of-type {margin-bottom:5px}
  body.single h1 {line-height:40px;margin-bottom:10px}
  body.single .in {padding-top:30px!important}
}

@media (max-width:960px) {
  button img {padding-top:5px}
  header, header nav .bwrap {height:60px}
  button {float:right;height:60px;display:block}
  .cbp-spmenu-right {right:-300px}
  .cbp-spmenu-right.cbp-spmenu-open {right:0}
  .cbp-spmenu, .cbp-spmenu-push {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
  .cbp-spmenu li {display:block;box-sizing:border-box;border-bottom:1px solid #f3f3f3;margin:0}
  .cbp-spmenu li:first-child {border-top:1px solid #f3f3f3}
  .cbp-spmenu-vertical {width:300px;height:100%;top:0;z-index:1000}
  .cbp-spmenu {background:#fff;position:fixed;border-left:1px solid #f3f3f3;box-sizing:border-box}
  header nav li a:hover, .cbp-spmenu a {display:block;width:100%;padding:26px 30px 25px;font-weight:100;font-size:16px;border:none}
  .cbp-spmenu-push {overflow-x:hidden;position:relative;left:0}
  .cbp-spmenu-push-toleft {left:-300px}
  .open, .open:hover, .close, .close:hover {background:url(https://kodaweddings.com/wp-content/themes/jww/images/icons@2x.png) no-repeat;width:25px;height:30px;background-position:-75px;background-size:auto 100%;padding:0}
  .close, .close:hover {background-position:-57px;margin-left:30px;float:left!important;margin-top:15px}

  span.sub.one.ac {padding-left:30px;padding-right:30px}
  .hero.fo {position:relative}
  .hero.core, .hero.hvid {margin-top:60px;padding-left:30px; padding-right:30px}
  .hvid h1 {margin-top:0}
  .fill .wrap, .fill div ~ img, img ~ div {margin-top:50px!important}
  .fill .wrap:first-child, .port .wrap {margin:0!important}
  .lnks .sub {margin-bottom:7%}
  iframe {height:191px}
  cite.sub {margin-bottom:0}
  .wrap.flex.ac h5 {margin:0}
  q {font-size:30px;line-height:44px}
  .port .lnks {width:50%}
  .ad {padding-right:0}
  body.single h2 {font-size:32px;line-height:38px}
  body.single h3 {font-size:28px}
  body.single section img {margin-bottom:8px!important}
  .fill .wrap .slde_tabs {margin-top:0!important}
  body.blog article:last-of-type hr.mobnew, .mobgo, .social {display:none!important}
  body.blog hr.mobnew {margin-bottom:50px;margin-top:20px}
  .mobpad {padding-left:30px!important;padding-right:30px!important}
  .mobnew, .mobstay {display:block!important}
}

@media (max-width:860px) {
  body.single article {margin-bottom:65px}
  aside li {width:50%}
  form .flex div {width:100%;padding:0}
  section img {margin:0!important;width:100%;box-sizing:border-box;height:auto}
  main .wrap {display:inline-block}
  main section, footer .wrap, form .flex {display:block!important}
  .wrap.flex.ac li {margin:0 0 2% 0!important;width:100%;box-sizing:border-box;padding:8% 4% 4%}
  .slde li {margin-right:0;display:block}
  .fill .wrap .slde_tabs {padding:0!important;top:-273px;height:284px}
  .cost {border-top:276px solid #eaeaea}
  .slde1_s1, .slde1_s2, .slde1_s3 {position:relative;width:100%}
  hr.mobnew {background:#e1e0e0;margin-top:50px}
  .alt .wrap div {width:100%;border-bottom:1px solid rgba(128, 128, 128, 0.4);padding-right:0!important}
  .alt .wrap div:last-of-type {border:none;padding-left:0!important}
  .fill img {width:100%!important}
  .bp {width:100%} /* Added 2019 */
}

@media (max-width:824px) {
  .cont {position:unset;margin-top:60px;height:unset;padding:0 30px}
  .cont h1 {padding-top:60px}
  .hero.fo {height:100%}
  .bg div:first-of-type {position:unset;width:100%;box-sizing:border-box;padding:0 30px 30px}
  .bg div:nth-of-type(2), .bg div:nth-of-type(3), br, body.home .hero div:nth-of-type(2) {display:none}
  body.home .hero div:first-of-type {width:100%;background-position: 44% top}
}

@media (max-width:678px) {
  footer img {max-width:130px}
  iframe, .boxd.ctac {width:100%;box-sizing:border-box}
  body.blog article:first-of-type, body.category article:first-of-type {margin-top:50px}
  .tum img {width:100%;margin-bottom:20px!important;box-sizing:border-box;height:auto}
  .two, .one, .core + .ac.rel {padding:50px 0 65px}
  .col {column-count:1;text-align:center}
  .bp {margin-top:50px}
}

@media (max-width:512px) {
  aside li {width:100%}
}

@media screen and (max-width:400px),only screen and (device-width:414px) and (device-height:736px) and (-webkit-device-pixel-ratio:3) {
  .reach {display:block;bottom:0;height:50px;background:#fff;position:fixed;width:100%;z-index:999}
  .reach li {height:50px;box-sizing:border-box;width:50%;float:left;text-align:center;border-top:1px solid #f3f3f3;margin-right:0}
  .reach li:first-child {border-right:1px solid #f3f3f3}
  .reach li a {display:block;line-height:50px}
  .reach span {background:url(https://kodaweddings.com/wp-content/themes/jww/images/icons@2x.png) no-repeat;width:23px;height:32px;padding:0!important;display:inline-block;vertical-align:middle;margin-left:10px;background-position:-6px;background-size:cover;margin-bottom:2px}
  .reach li:last-child span {background-position:-34px}
  .logo {width:102px;height:auto}
  h1 {font-size:39px}
  h2 {font-size:36px;line-height:40px}
  footer img {float:left;padding:20px 0 80px}
  .cbp-spmenu li {display:list-item}
  .boxd.ctac, input[type="submit"] {min-width:267px;text-align:center!important}
  input[type="submit"] {min-width:100%}
  form .flex div {padding-right:0!important}
  ::-webkit-input-placeholder {font-size:12px}
  ::-moz-placeholder {font-size:12px}
  :-ms-input-placeholder {font-size:12px}
  :-moz-placeholder {font-size:12px}
  aside {bottom:50px;height:100px!important}
  aside li {padding-left:30px!important;padding-right:30px!important}
  aside li img {height:78px!important}
  aside div {float:right;width:30px;position:fixed;background:#fff;height:100px;border-left:1px solid #f3f3f3;right:0;text-align:right}
  aside div p {display:none}
  aside div span {display:block!important;padding-right:5px;padding-top:40px;font-size:20px}
  .vid .boxd {width:62%}
  .hero.hvid {background:url(https://kodaweddings.com/wp-content/themes/jww/images/hong-kong-wedding-videographer@2x.jpg) center top no-repeat;background-size:cover;display:flex!important;flex-direction:column;justify-content:center}
  .wrap div .boxd + .super {display:table;margin:20px auto 0!important}
  body.single, body.single .hero.core, footer, nav {text-align:left!important}
  body {text-align:center}
  footer {display:inline-block}
}