@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #world .flexRow > .col {
    width: 50%;
  }
  #owl-testimonial {
    padding: 0;
  }
  #testimonial .tileLst > li .inner {
    padding: 20px 15px;
  }
  footer .flexRow > .col {
    width: 25%;
  }
  footer .flexRow > .col1 {
    display: none;
  }
  #agents #hotSellers .flexRow > .col {
    width: 90%;
  }
  #dash .flexRow > .col1 {
    width: 35%;
  }
  #dash .flexRow > .col2 {
    width: 65%;
  }
}
@media screen and (max-width: 991px) {
  html.move {
    overflow: hidden !important;
  }
  body {
    left: 0;
  }
  body.move {
    overflow: hidden !important;
    position: relative;
    left: -250px;
  }
  header.move {
    left: -250px;
    right: 250px;
  }
  .toggle {
    display: block;
  }
  .logo {
    margin-top: 20px;
  }
  nav {
    position: fixed !important;
    top: 0;
    right: -250px;
    bottom: 0;
    width: 250px;
    display: block;
    margin: 0 !important;
    background: #fff;
    border-left: 1px solid #eee;
    overflow-x: hidden;
    overflow-y: auto;
  }
  nav.move {
    right: 0;
  }
  #nav {
    display: block;
    width: auto;
    margin: 0 !important;
  }
  #nav > li {
    display: block;
    border-bottom: 1px solid #eee;
  }
  #nav > li > a {
    display: block;
    height: 60px;
    font-size: 15px;
    margin: 0;
    color: #444;
    text-align: left;
    padding: 21px 20px 0;
  }
  #nav > li.active > a,
  #nav > li:hover > a {
    color: #289061;
  }
  #nav > li.bTn {
    padding: 10px 20px 0;
    height: 60px;
  }
  #nav > li.bTn > a {
    margin: 0;
  }
  header .proIco {
    margin-left: 0;
    margin-right: 35px;
  }
  header .proIco h4 {
    display: none;
  }
  header .proIco .proDrop {
    right: -40px;
  }
  header .proIco .proDrop:before {
    right: 50px;
  }
}
@media screen and (max-width: 767px) {
  .secMarg {
    margin-top: 40px !important;
  }
  .secPadd {
    padding-top: 40px !important;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 15px;
  }
  .txtGrp {
    margin-bottom: 10px;
  }
  .secHeading {
    font-size: 24px;
  }
  p.pre {
    font-size: 16px;
  }
  #banner {
    min-height: 100px;
  }
  #banner .content h1 {
    font-size: 26px;
  }
  #banner .content p {
    font-size: 16px;
  }
  #world .flexRow {
    -ms-align-items: initial;
    align-items: initial;
  }
  #world .flexRow {
    /* -webkit-flex-flow: column-reverse;
    -moz-flex-flow: column-reverse;
    -ms-flex-flow: column-reverse;
    -o-flex-flow: column-reverse;
    flex-flow: column-reverse; */
    margin: -10px;
  }
  #world .flexRow > .col {
    width: 100%;
    padding: 10px;
  }
  #world .lBlk h2 {
    font-size: 24px;
  }
  #world .lst {
    margin: -10px -15px -15px;
  }
  #world .lst > li {
    padding: 15px;
  }
  #world .lst > li p {
    max-width: none;
    font-size: 16px;
  }
  #mojoWay .flexRow > .col {
    width: 100%;
  }
  #work .inner .ico {
    width: 100px;
    height: 100px;
    font-size: 36px;
  }
  #work .lst > li:before {
    top: 65px;
    right: -30px;
    width: 60px;
  }
  #work .lst > li:after {
    top: 62px;
    right: -40px;
  }
  #work .inner h3 {
    font-size: 15px;
  }
  #owl-testimonial {
    padding: 0;
  }
  #testimonial .tileLst > li .inner {
    padding: 20px 15px;
  }
  #testimonial .tileLst > li .cntnt p {
    font-size: 16px;
  }
  footer .flexRow > .col {
    width: 25%;
  }
  footer .flexRow > .col1 {
    display: none;
  }
  #sBanner {
    min-height: 180px;
  }
  #sBanner .content h1 {
    font-size: 26px;
  }
  #sBanner .content p {
    font-size: 16px;
  }
  #sBanner.agentsBanner {
    min-height: 400px;
  }
  #agents #hotSellers .flexRow > .col {
    width: 100%;
  }
  #agents #findSeller .flexRow > .col1 {
    width: 40%;
  }
  #agents #findSeller .flexRow > .col2 {
    width: 60%;
  }
  #agents #findSeller .lBlk h2 {
    font-size: 42px;
    padding-right: 20px;
  }
  #agents #findSeller .lst {
    margin: -10px;
  }
  #agents #findSeller .lst > li {
    padding: 10px;
  }
  #bids .bidBlkLst h2 {
    font-size: 22px;
  }
  #findAgent .inside h2 {
    font-size: 22px;
  }
  #findAgent .inside p {
    font-size: 16px;
  }
  #dash .flexRow > .col {
    width: 100%;
  }
  #dash .flexRow > .col1 {
    margin-bottom: 20px;
  }
  .menuBtn {
    display: block;
  }
  .sBar {
    display: none;
    background: #fff;
    border-top: 1px solid #eee;
    max-width: none;
  }
  #dash .col1 h6 {
    display: none;
  }
  #dash .myGigs .ctgryLst > li {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  .col-xx-12 {
    width: 100%;
  }
  .col-xx-11 {
    width: 91.66666667%;
  }
  .col-xx-10 {
    width: 83.33333333%;
  }
  .col-xx-9 {
    width: 75%;
  }
  .col-xx-8 {
    width: 66.66666667%;
  }
  .col-xx-7 {
    width: 58.33333333%;
  }
  .col-xx-6 {
    width: 50%;
  }
  .col-xx-5 {
    width: 41.66666667%;
  }
  .col-xx-4 {
    width: 33.33333333%;
  }
  .col-xx-3 {
    width: 25%;
  }
  .col-xx-2 {
    width: 16.66666667%;
  }
  .col-xx-1 {
    width: 8.33333333%;
  }
  .secHeading {
    font-size: 22px;
  }
  #banner .content p {
    font-size: 15px;
  }
  #work .lst {
    margin: -40px;
  }
  #work .lst > li {
    width: 100%;
    padding: 40px;
  }
  #work .lst > li:before {
    top: 100%;
    left: 0;
    right: 0;
    width: 2px;
    height: 50px;
    margin: -30px auto 0;
  }
  #work .lst > li:after {
    top: 100%;
    right: 0;
    left: 0;
    width: 0;
    margin: auto;
    border-top: 26px solid #ccc;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 0;
  }
  #newsletter {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
    flex-flow: column;
    text-align: center;
    margin-bottom: 30px;
  }
  #newsletter .inner {
    margin-right: 0;
    margin-bottom: 10px;
  }
  #testimonial .tileLst > li {
    width: 100%;
  }
  footer .flexRow {
    margin: -10px;
  }
  footer .flexRow > .col {
    width: 100%;
    padding: 10px;
  }
  footer h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  footer .lst > li {
    margin-bottom: 6px;
  }
  .copyright {
    margin: 20px 0 0;
  }
  .copyright .ouTer {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
    flex-flow: column;
    text-align: center;
  }
  .copyright ul {
    margin-top: 5px;
  }
  #sBanner .content p {
    font-size: 15px;
  }
  #bids .bidBlkLst h2 {
    font-size: 20px;
  }
  .bidBlk .blk3Lst {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
    flex-flow: column;
  }
  .bidBlk .blk3Lst > li {
    border-left: transparent;
    border-top: 1px solid #eee;
  }
  #findAgent .inside h2 {
    font-size: 20px;
  }
  #findAgent .inside p {
    font-size: 15px;
  }
  #agents #findSeller .flexRow > .col {
    width: 100%;
  }
  #agents #findSeller .lBlk {
    margin-right: 0;
    margin-bottom: 20px;
    border-right: 0;
    border-bottom: 2px dashed #ddd;
  }
  #agents #findSeller .lBlk h2 {
    margin-top: 0;
    padding-right: 0;
    padding-bottom: 20px;
  }
  #agents #hotSellers .inner,
  #agents #hotSellers .flexRow > .col2 .inner {
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    text-align: left;
  }
  #agents #hotSellers .inner .image {
    width: 100%;
    height: 260px;
  }
  #agents #hotSellers .inner .cntnt {
    width: 100%;
  }
  #agents #hwWork .lst > li {
    width: 100%;
  }
  #findAgent .lsting > li > a {
    font-size: 15px;
    padding: 12px 15px 10px;
  }
  .blk ._header h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .col-xx-12,
  .col-xx-11,
  .col-xx-10,
  .col-xx-9,
  .col-xx-8,
  .col-xx-7,
  .col-xx-6,
  .col-xx-5,
  .col-xx-4,
  .col-xx-3,
  .col-xx-2,
  .col-xx-1 {
    width: 100% !important;
  }
  #banner .content h1 {
    font-size: 24px;
  }
  #banner form .inside {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
    flex-flow: column;
  }
  #banner form .inside .txtBox {
    text-align: center;
    margin: 0 0 5px;
  }
  #banner form .inside .webBtn {
    width: 100%;
    height: 48px;
    padding: 15px 8px 0;
  }
  #testimonial .tileLst > li .inner {
    padding: 15px;
  }
  #testimonial .tileLst > li .ico {
    margin-right: 10px;
  }
  #testimonial p.pre {
    font-size: 16px;
  }
  #bids .bidBlkLst h2 {
    font-size: 18px;
  }
  .bidBlk .strip {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
  }
  .bidBlk .strip > li {
    width: 50%;
  }
  .bidBlk .strip > li:nth-child(2) {
    width: 100%;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    -o-order: -1;
    order: -1;
  }
  #findAgent .blkLst > li {
    width: 50%;
  }
  #findAgent .inside .txtGrp {
    margin-bottom: 10px;
  }
  #findAgent .inside h3 {
    font-size: 16px;
  }
  #findAgent form .zipBlk {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
    flex-flow: column;
  }
  #findAgent form .zipBlk .txtBox {
    margin: 0 0 5px;
  }
  #findAgent form .zipBlk .webBtn {
    width: 100%;
    font-size: 13px;
    padding: 16px 8px 0;
  }
  #agents #findSeller .lBlk h2 {
    font-size: 36px;
  }
  #agents #hotSellers .inner .cntnt h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 380px) {
  #banner .content h1 {
    font-size: 22px;
  }
  #testimonial .tileLst > li .cntnt p {
    font-size: 15px;
  }
  #testimonial .tileLst > li .cntnt h3 {
    font-size: 16px;
  }
  #sBanner .content h1 {
    font-size: 24px;
  }
  .bidBlk h4.title {
    font-size: 15px;
  }
  #findAgent .blkLst > li {
    width: 100%;
  }
  #findAgent .inside h3 {
    font-size: 15px;
  }
  #agents #findSeller .lBlk h2 {
    font-size: 32px;
  }
}
@media screen and (min-height: 800px) {
  #dash {
    min-height: 100vh !important;
  }
}
@media screen and (max-height: 420px) {
  #banner,
  #sBanner.agentsBanner {
    min-height: 100vh;
  }
}
