/**
 * Breakpoints Css
*/
#page {
  width: 100%;
}
.pge-wdt {
  max-width: 1120px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}
.panel-pane {
  margin-bottom: 20px;
}
.panel-pane:last-child {
  margin-bottom: 0;
}
.ful-cnt > .inside, .main-cnt > .inside, .rgt-sdbar > .inside, .region-sidebar-first > .inside, .region-sidebar-second > .inside, .lft-sdbar > .inside, .cnt-prt > .inside, .main-cnt-itm > .inside, .main-cnt-sdbr > .inside {
  margin-bottom: 20px;
  width: 100%;
}
section.region-sidebar-first .region-sidebar-second, section.region-sidebar-first .region-sidebar-second > .region-sidebar-second {
  display: block;
}
.lft-sdbar > .inside, .region-sidebar-first > .inside, .main-cnt-grp-wrp > .inside {
  margin-bottom: 0;
}
.region-sidebar-first, .lft-sdbar {
  position: relative;
  z-index: 3;
}

@media only screen and (min-width: 640px) {
  .main-cnt-grp > .inside {
    display: flex;
    -moz-box-direction: reverse;
    -moz-box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .main-cnt-itm, .main-cnt-sdbr {
    width: 60%;
    width: calc(100% - 284px);
    padding-right: 20px;
    padding-left: 0;
    float: left;
    display: inline-block;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 0;
  }
  .main-cnt-sdbr {
    width: 40%;
    width: calc(294px - 10px);
    padding-right: 0;
  }
  .main-cnt-itm:last-child, .main-cnt-sdbr:first-child {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .snd-sdbar-wrp > .inside, .one-sidebar .cnt-prt-wrp, .two-sidebars .cnt-prt-wrp, .two-sdbar-wrp > .inside {
    display: flex;
    -moz-box-direction: reverse;
    -moz-box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .lft-sdbar > .inside, .region-sidebar-first > .inside {
    margin-bottom: 20px;
  }
  .region-sidebar-first, .lft-sdbar {
    float: left;
    width: 20%;
    width: calc(220px - 10px);
    display: inline-block;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
  .region-sidebar-second, .rgt-sdbar {
    float: right;
    width: 32.8%;
    width: calc(310px - 10px);
    display: inline-block;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
  .two-sidebars .cnt-prt, .two-sdbar-wrp .main-cnt {
    padding-left: 20px;
    padding-right: 20px;
    width: 47.2%;
    width: calc(100% - 510px);
    float: left;
    display: inline-block;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
  .sidebar-first .cnt-prt, .lft-sdbar + .main-cnt:last-child {
    width: 80%;
    width: calc(100% - 210px);
    padding-left: 20px;
    padding-right: 0;
    float: left;
    display: inline-block;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
  .sidebar-second .cnt-prt, .main-cnt, .main-cnt:first-child {
    width: 67.2%;
    width: calc(100% - 300px);
    padding-left: 0;
    padding-right: 20px;
    float: left;
    display: inline-block;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
  .rgt-sdbar:first-child, .lft-sdbar:last-child {
    display: none;
  }
  .main-cnt:first-child:last-child {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .sticky-box {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
  }
}

@media only screen and (max-width: 64em) {
  .sticky-box {
    position: static;
  }
}