/* Media Query With Funtions */
@media screen and (max-width: 1360px) {
  /* Owl Carousel */
  .rounded-arrow-controls .owl-nav div.owl-next {
    right: -10px; }

  .rounded-arrow-controls .owl-nav div.owl-prev {
    left: -10px; } }
@media screen and (max-width: 1199px) {
  .header .navbar-nav > li > a {
    font-size: 12px; }

  .pup-infoTab.custom-size {
    padding-left: 50px; }

  .pup-infoTab.custom-size .sale-wrap .image-tab {
    width: 300px;
    margin-left: 0px; }

  .pup-infoTab.custom-size .image-tab .img-wrap {
    margin-left: -65px !important; }

  .pup-infoTab.custom-size .sale-wrap .content-tab {
    width: calc(100% - 300px); }

  .pup-infoTab.custom-size .sale-wrap .content-tab .content-sec {
    padding-left: 0px; }

  .pup-infoSec,
  .dogbreed-sec {
    padding: 30px 15px !important; }

  .dogbreed-tab.custom-size {
    padding-left: 50px; }

  .dogbreed-tab.custom-size .sale-wrap .image-tab {
    width: 300px;
    margin-left: 0px; }

  .dogbreed-tab.custom-size .image-tab .img-wrap {
    margin-left: -65px !important; }

  .dogbreed-tab.custom-size .sale-wrap .content-tab {
    width: calc(100% - 300px); }

  .dogbreed-tab.custom-size .sale-wrap .content-tab .content-sec {
    padding-left: 0px; }

  .puppy-single {
    padding: 30px 20px; }
    .puppy-single .image-sliderTab {
      width: 300px; }
    .puppy-single .detail-tab {
      padding-left: 20px;
      width: calc(100% - 300px); }

  .ty-tab .inner .value,
  .ty-tab .inner .label-th {
    font-size: 14px; } }
@media screen and (min-width: 992px) {
  .mob-show,
  .close-nav,
  .profile-filters,
  .close-profile {
    display: none !important; }

  .mob-options {
    display: none; } 
    .profileNav-sec .head .email a{font-size:80%;}}
@media screen and (max-width: 991px) {
  .desk-nav {
    display: none; }
  .result-block .result-tab:nth-child(3n+1){clear: unset}
  .result-block .result-tab:nth-child(2n+1){clear: both}

  /* Global */
  h1 {
    font-size: 28px; }

  h2 {
    font-size: 24px; }

  h3 {
    font-size: 22px; }

  h4,
  .size_20 {
    font-size: 20px; }

  h5 {
    font-size: 16px; }

  /* Padding and margins */
  .section-padding,
  .small-padding,
  .large-padding {
    padding: 60px 0px; }

  .marger ~ .marger {
    margin-top: 50px; }

  .pd_tp-70 {
    padding-top: 40px !important; }

  /* Header */
  .header {
    padding-bottom: 10px; }
    .header .user-nav {
      display: none; }
    .header .navbar-default .navbar-toggle {
      display: none; }
    .header .navbar-collapse {
      position: fixed;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      z-index: 999;
      border: none;
      overflow-x: hidden; }
    .header .navbar-collapse .navbar-nav {
      position: absolute;
      top: 0px;
      left: -250px;
      height: 100%;
      overflow-y: auto;
      width: 250px;
      background: #fff;
      padding: 30px 15px;
      -moz-transition: all 0.5s linear;
      -webkit-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      transition: all 0.5s linear; }
    .header .navbar-collapse.open {
      display: block; }
    .header .navbar-collapse.open .navbar-nav {
      left: -0px; }
    .header .close-nav {
      background: rgba(0, 0, 0, 0.9);
      position: absolute;
      top: 0px;
      left: 2000px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      -moz-transition: all 0.5s linear;
      -webkit-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      transition: all 0.5s linear; }
    .header .navbar-collapse.open .close-nav {
      left: 250px; }
    .header .close-nav .nav-close {
      position: absolute;
      left: 15px;
      top: 0px;
      font-size: 40px;
      font-weight: 400;
      display: inline-block;
      line-height: 1;
      cursor: pointer;
      color: #fff;
      -moz-transition: all 0.5s linear;
      -webkit-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      transition: all 0.5s linear; }
    .header .close-nav .nav-close:hover {
      color: #ca4848; }
    .header .logo-tab, .header .nav-tab {
      width: auto !important; }
    .header .logo-tab {
      float: left; }
    .header .nav-tab {
      float: right; }

  .mob-options {
    display: block;
    position: relative;
    float: none;
    text-align: right;
    margin-top: 60px; }

  .mob-options .inline-opt {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #2c3848; }

  .mob-options .inline-opt:hover {
    color: #ee8100; }

  .mob-options .inline-opt + .inline-opt:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -10px;
    height: 100%;
    width: 2px;
    background: #ddd; }

  .mob-options .inline-opt .fa-sign-in {
    margin-right: 5px; }

  .mob-options .inline-opt ~ .inline-opt {
    margin-left: 20px; }

  .navbar-toggler {
    position: relative;
    cursor: pointer; }

  .header-foot {
    margin: auto; }

  .header .navbar-nav {
    text-align: left; }
    .header .navbar-nav > li + li {
      margin-left: 0px; }
    .header .navbar-nav > li {
      display: block;
      float: none;
      padding: 0px; }
    .header .navbar-nav > li + li:before {
      display: none; }
    .header .navbar-nav > li > a {
      color: #444;
      padding: 10px 0px;
      line-height: 1;
      display: block;
      position: relative;
      font-weight: 500; }
    .header .navbar-nav > li > a:hover, .header .navbar-nav > li.active > a {
      background: transparent;
      color: #ca4848; }

  .banner-wrapper {
    padding: 20px 0; }
    .banner-wrapper .table-layout, .banner-wrapper .table-col {
      display: block;
      width: 100%;
      padding: 0px; }
    .banner-wrapper .table-col {
      padding: 20px 15px; }
    .banner-wrapper .table-col.banner-place-add .inner {
      background: rgba(255, 255, 255, 0.4);
      padding: 20px;
      width: 100%; }
    .banner-wrapper .table-col.banner-place-add:before {
      display: none; }
    .banner-wrapper .form-style {
      display: block;
      margin: auto; }

  .banner.inner-banner .banner-container {
    padding: 60px 0px 0px; }

  .banner-caption .caption-block {
    padding: 20px 15px; }
    .banner-caption .caption-block::before {
      width: 100%; }
  .banner-caption .banner-heading {
    font-size: 26px !important; }

  .service-collarge li {
    width: 50%; }
  .service-collarge li:nth-child(4n + 1) {
    clear: unset; }
  .service-collarge li:nth-child(2n + 1) {
    clear: both; }

  .featured-tab ~ .featured-tab {
    margin-top: 30px; }

  .contest-sec {
    padding: 30px 10px; }
    .contest-sec .img-wrap, .contest-sec .aboutContst {
      display: block;
      width: 100%;
      padding: 0px; }
    .contest-sec img {
      max-width: 100%; }
    .contest-sec .aboutContst {
      margin-top: 20px; }

  .angle-list li {
    font-size: 14px; }

  .topState-sec .body ul li {
    flex: 1 1 50%;
    width: 50%;
    max-width: 50%; }

  .breedTab:nth-child(3n + 1) {
    clear: unset; }
  .breedTab:nth-child(2n + 1) {
    clear: both; }

  .puppy-single .image-sliderTab {
    width: 100%; }
  .puppy-single .detail-tab {
    padding: 0;
    width: 100%;
    margin-top: 20px; }
    .puppy-single .detail-tab .ttl {
      font-size: 18px; }

  .placeAd-section .table-layout, .placeAd-section .table-col {
    display: block; }
  .placeAd-section .table-col {
    float: left; }

  .placeadd-sec {
    display: block; }
    .placeadd-sec .head, .placeadd-sec .body {
      display: block; }
    .placeadd-sec .head {
      padding: 50px 15px; }
      .placeadd-sec .head .img-poster {
        height: 160px;
        width: 160px;
        box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.3), 0px 0px 0px 30px rgba(255, 255, 255, 0.1);
        margin-bottom: 0px; }
        .placeadd-sec .head .img-poster img {
          width: 180px;
          max-width: 190px; }
    .placeadd-sec .body {
      padding: 20px 15px; }
      .placeadd-sec .body p {
        font-size: 14px;
        min-height: auto; }

  .breedMatch-section .match-tab:nth-child(3n + 1) {
    clear: unset; }
  .breedMatch-section .match-tab:nth-child(2n + 1) {
    clear: both; }

  .content-container {
    padding: 30px; }
    .content-container .angle-list {
      margin-bottom: 20px; }
      .content-container .angle-list li + li {
        margin-top: 10px; }

  .value-block {
    margin-bottom: 20px; }
    .value-block .body {
      padding: 0px 30px 30px; }
      .value-block .body p {
        font-size: 16px; }

  .thanks-thumb {
    padding: 30px; }

  .status-icon {
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 30px; }

  .status-wrap .inner .thank-ttl {
    font-size: 24px;
    margin-bottom: 20px; }
  .status-wrap .inner p {
    color: #000;
    font-size: 14px; }
  .status-wrap .inner .btn {
    margin-top: 20px; }

  .top100-tab:nth-of-type(3n+1) {
    clear: unset; }
  .top100-tab:nth-of-type(2n+1) {
    clear: both; } }
@media screen and (min-width: 768px) {
  .toggle-state {
    display: none; } 
.result-sec .img-wrap a.image_over_link{height:300px;
  }
}
@media screen and (max-width: 767px) {
  /* Global */
  h1 {
    font-size: 28px; }

  h2 {
    font-size: 22px; }

  h3 {
    font-size: 20px; }

  h4,
  .size_20 {
    font-size: 18px; }

  h5 {
    font-size: 16px; }

  /* Padding and margins */
  .section-padding,
  .small-padding,
  .large-padding,
  .pd_60 {
    padding: 30px 0px; }

  .marger ~ .marger {
    margin-top: 30px; }

  .pd_bt-60 {
    padding-bottom: 30px !important; }

  .mr_tp-80 {
    margin-top: 30px !important; }

  .mr_tp-60 {
    margin-top: 30px !important; }

  .mr_tp-40 {
    margin-top: 20px !important; }

  /* Btns */
  .btn {
    min-width: auto !important; }

  .inline-btn {
    font-size: 14px !important; }

  /* Heading */
  .heading-tab {
    margin-bottom: 30px; }

  .heading small {
    font-size: 14px; }

  /* Form style */
  .form-style label {
    font-size: 14px !important; }
  .form-style .form-control {
    height: 35px !important;
    padding: 0px 15px !important;
    font-size: 14px !important; }
  .form-style textarea.form-control {
    min-height: 80px !important; }
  .form-style.contact .submit-group {
    margin-top: 0px !important; }
  .form-style .btn {
    height: 35px !important;
    line-height: 35px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important; }

  .consult-section .form-style.inline-form {
    margin: auto;
    width: 480px;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 30px; }

  .form-style.inline-form label {
    font-size: 14px; }

  .combine-group .form-control {
    font-size: 14px; }

  .banner-wrapper {
    padding: 20px 0; }
    .banner-wrapper .table-layout, .banner-wrapper .table-col {
      display: block;
      width: 100%;
      padding: 0px; }
    .banner-wrapper .table-col {
      padding: 20px 15px; }
    .banner-wrapper .table-col.banner-place-add .inner {
      background: rgba(255, 255, 255, 0.4);
      padding: 20px;
      width: 100%; }
    .banner-wrapper .table-col.banner-place-add:before {
      display: none; }
    .banner-wrapper .form-style {
      display: block;
      margin: auto; }

  .banner.inner-banner .banner-container {
    padding: 60px 0px 0px; }

  .banner-caption .caption-block {
    padding: 20px 15px; }
    .banner-caption .caption-block::before {
      width: 100%; }
  .banner-caption .banner-heading {
    font-size: 26px !important; }

  .featured-sec {
    padding: 30px 15px; }

  /* Owl Carousel */
  .arrow-controls .owl-nav div {
    height: 30px !important;
    width: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
    background: #fff !important;
    border-radius: 4px; }

  .arrow-controls .owl-nav div i {
    font-size: 14px !important;
    color: #777 !important; }

  .arrow-controls .owl-nav div:hover {
    background: #e32e2f !important;
    border-color: #e32e2f !important; }

  .arrow-controls .owl-nav div:hover i {
    color: #fff !important; }

  .arrow-controls .owl-nav div.owl-prev {
    left: 5px !important; }

  .arrow-controls .owl-nav div.owl-next {
    right: 5px !important; }

  .contest-section {
    padding: 30px 0; }
    .contest-section .table-layout, .contest-section .table-col {
      width: 100%;
      display: block; }
    .contest-section .table-col ~ .table-col {
      margin-top: 30px; }

  .contest-sec:before, .contest-sec:after {
    width: 100%; }

  .puppy-ad-sec {
    text-align: center; }
    .breeder_style_img{top:auto;bottom:20px;width:90px !important;}
    .sale-wrap .verified-icon img{width:50px !important;}

  .top30-section .table-layout, .top30-section .table-col {
    display: block;
    width: 100%; }

  .topState-sec {
    padding: 30px 0px; }
    .topState-sec .head {
      text-align: center; }
    .topState-sec .body {
      display: none; }
      .topState-sec .body ul li {
        flex: 1 1 33.33%;
        width: 33.33%;
        max-width: 33.33%; }

  .topBreed-sec {
    padding: 30px 0px; }

  .bred-inner .img-wrap {
    min-height: 300px; }

  .testimonials .inner-container {
    padding: 20px; }

  .testimonials .arrow-controls .owl-nav div.owl-prev {
    left: -30px !important; }
  .testimonials .arrow-controls .owl-nav div.owl-next {
    right: -30px !important; }

  .client-says .client-info .name:before {
    width: 20px;
    margin-right: 5px; }

  .pup-infoTab.custom-size {
    padding-left: 0px; }

  .pup-infoTab.custom-size .sale-wrap .image-tab {
    width: 100%; }

  .pup-infoTab.custom-size .image-tab .img-wrap {
    margin-left: 0px !important; }

  .pup-infoTab.custom-size .sale-wrap .content-tab {
    width: 100%;
    margin-top: 20px; }

  .pup-infoTab.custom-size .sale-wrap .content-tab .content-sec {
    padding-left: 0px; }

  .pagination-wrap {
    margin-top: 20px; }

  .pagination {
    margin-top: 20px; }
    .pagination.style-1 li a {
      height: 35px;
      width: 35px;
      line-height: 35px;
      font-size: 14px;
      font-weight: 600; }

  .dogbreed-tab.custom-size {
    padding-left: 0px; }

  .dogbreed-tab.custom-size .sale-wrap .image-tab {
    width: 100%; }

  .dogbreed-tab.custom-size .image-tab .img-wrap {
    margin-left: 0px !important; }

  .dogbreed-tab.custom-size .sale-wrap .content-tab {
    width: 100%;
    margin-top: 20px; }

  .dogbreed-tab.custom-size .sale-wrap .content-tab .content-sec {
    padding-left: 0px; }

  .puppy-single .detail-tab .ttl {
    font-size: 16px; }
  .puppy-single .detail-tab .btn {
    display: block;
    width: 100% !important;
    margin: auto auto 10px !important; }

    .contest .puppy-single .btn-cols .btn-items,.contest .puppy-single .detail-tab .btn{margin:0px !important;}

  .ty-tab.style1:last-child {
    margin-bottom: 0px; }

  .faq-panel-block {
    display: block;
    width: 100%; }
    .faq-panel-block .head {
      padding: 10px;
      background: #777;
      color: #fff !important;
      border: none;
      border-radius: 4px; }
      .faq-panel-block .head .ttl span {
        color: #fff; }
    .faq-panel-block .head, .faq-panel-block .acc-tab {
      display: block;
      width: 100%; }
    .faq-panel-block .acc-tab {
      padding-left: 0px;
      margin-top: 20px; }

  .ty-tab {
    margin-bottom: 10px; }

  .ty-tab .inner {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 4px; }
    .ty-tab .inner span, .ty-tab .inner a {
      flex: 1 1 50%;
      width: 50%;
      max-width: 50%;
      margin-bottom: 0px !important; }
    .ty-tab .inner .label-th {
      text-align: left; }
    .ty-tab .inner .value {
      text-align: right;
      padding-left: 15px; }
  .ty-tab.style1 .inner .label-th {
    padding: 0px;
    background: transparent; }

  .placeAd-section .table-col {
    width: 50%; }

  .breedMatch-section .match-tab {
    clear: both; }
    .breedMatch-section .match-tab:last-child {
      margin-bottom: 0px; }

  .form-container {
    padding: 30px 15px; }

  .user-form .head {
    margin-bottom: 20px; }
  .user-form .head, .user-form .form-body {
    padding: 0px; }
  .user-form .form-group.label-group .input-field {
    text-align: left !important; }
  .user-form .form-group {
    margin-bottom: 15px !important; }

  .top100-tab {
    clear: both; }
    .top100-tab:last-child {
      margin-bottom: 0px; }

  /* My Account Pages */
  .verify-status p {
    padding: 10px 0px;
    padding-right: 30px; }

  .dashboard-section .aside-tab, .profile-table .left-column {
    margin-bottom: 30px; }

  .profile-table .profile-inner {
    padding: 20px; }
    .profile-table .profile-inner .breedSec, .profile-table .profile-inner .pup-infoSec {
      padding: 0px !important; }

  .halform-row {
    margin: auto; }

  .halform-row .halfForm {
    width: 100%;
    margin-bottom: 20px;
    padding: 0px; }

  .halform-row .halfForm .half-col ~ .half-col {
    margin-top: 20px; }

  .halform-row .halfForm label {
    line-height: 1.2; }

  .profile-section .table-layout, .profile-section .table-col {
    width: 100%;
    display: block; }
  .profile-section .table-col + .table-col {
    margin-top: 20px; } }
@media screen and (max-width: 640px) {
  /* Global CSS */
  h1 {
    font-size: 24px; }

  h2 {
    font-size: 20px; }

  h3 {
    font-size: 18px; }

  h4,
  .size_20 {
    font-size: 16px; }

  h5 {
    font-size: 14px; }

  p {
    font-size: 14px !important;
    line-height: 1.4 !important; }

  /* Btns */
  .btn {
    font-size: 12px !important;
    letter-spacing: 1px;
    padding: 10px 15px !important;
    font-weight: 400 !important; }

  .btn.btn-sm-mid {
    font-size: 12px !important; }

  .tbl,
  .tbl .tbl-col {
    display: block;
    width: 100%;
    padding: 0px; }

  .tbl .tbl-col + .tbl-col {
    margin-top: 20px; }

  .header .logo-tab img {
    max-width: 110px; }

  .mob-options .inline-opt {
    font-size: 12px; }.mob-options .inline-opt ~ .inline-opt{margin-left:10px}.mob-options .inline-opt + .inline-opt::before{left:-5px}
    .mob-options .inline-opt i,.mob-options .inline-opt span{font-size:0px;}	.mob-options .navbar-toggler.inline-opt i{font-size:14px !important;margin-right:0 !important}

  .mob-options {
    margin-top: 40px; }

  .placeAd-section .table-col {
    width: 100%; }
  .placeAd-section .table-col + .table-col {
    margin-top: 20px; }

  /* My Account Page */
  .dash-nav li {
    margin-bottom: 5px; }

  .dash-nav li a {
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px;
    background: transparent;
    color: #2c3848;
    border: 1px solid #2c3848; }

  .dash-nav li a:hover {
    background: #8ad8fd;
    color: #fff; }

  .dash-nav li.current a {
    background: #2c3848;
    color: #fff; }

  .dash-nav li a h1 {
    font-size: 12px !important; }

  .dash-nav li a i {
    display: none; }

  .dash-nav li:not(:last-child) {
    margin-right: 5px; }

  .profile-block .avtar {
    height: 120px;
    width: 120px; }

  .profile-block .avtar-outside .avtar-breder-img {
    bottom: -9px !important; }

  .profile-block .avtar-outside img.img-responsive {
    width: 90px !important; }

  .nested-tabing .tab-nav {
    display: block; }

  .nested-tabing .tab-nav li {
    margin-bottom: 5px;
    float: none;
    display: block;
    width: 100%; }

  .nested-tabing .tab-nav li + li {
    margin-left: 0px; }

  .nested-tabing .tab-nav li a {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px;
    background: transparent;
    color: #ca4848;
    border: 1px solid #ca4848; } }
@media screen and (max-width: 480px) {
  /* Global CSS */
  h1 {
    font-size: 22px; }

  h2 {
    font-size: 18px; }

  h3 {
    font-size: 17px; }

  h4,
  .size_20 {
    font-size: 15px; }


  .banner-caption .banner-heading {
    font-size: 20px !important; }

  .service-collarge li {
    width: 100%;
    clear: both;
    margin-bottom: 20px; }
  .service-collarge li:last-child {
    margin-bottom: 0px; }

  .topState-sec .body {
    display: none; }
    .topState-sec .body ul li {
      flex: 1 1 50%;
      width: 50%;
      max-width: 50%; }

  .breedSec .head .inline-btn-group {
    position: relative;
    width: 100%;
    background: transparent;
    padding: 0px;
    text-align: center; }
    .breedSec .head .inline-btn-group .inline-btn {
      display: block;
      padding: 10px;
      text-align: center;
      background: #fff;
      border: 1px solid #d8b21b;
      color: #d8b21b;
      border-radius: 4px; }
    .breedSec .head .inline-btn-group .inline-btn:hover {
      background: #d8b21b !important;
      color: #fff !important;
      border-color: #d8b21b !important; }
    .breedSec .head .inline-btn-group .inline-btn ~ .inline-btn {
      margin-left: 0px;
      margin-top: 10px; }
    .breedSec .head .inline-btn-group .inline-btn ~ .inline-btn:before {
      display: none; }

  .ty-tab .inner {
    border: 1px solid #ddd;
    padding: 0px !important; }
    .ty-tab .inner span, .ty-tab .inner a {
      flex: 1 1 100%;
      width: 100%;
      max-width: 100%;
      text-align: left !important;
      padding: 10px !important; }
    .ty-tab .inner .label-th {
      background: #ddd !important; }
    .ty-tab .inner .value {
      background: #fff !important; }

  .info-list li {
    width: 100%;
    clear: both; }

  .tbl-data-li li {
    display: block !important; }
    .tbl-data-li li .tbl {
      display: block !important;
      width: 100% !important;
      text-align: left !important; }
    .tbl-data-li li .tbl.th {
      background: #ddd; }

  .content-container {
    padding: 20px 15px; }

  .value-block {
    margin-bottom: 20px; }
    .value-block .head {
      margin-bottom: 15px; }
    .value-block .body {
      padding: 0px 20px 20px; }
      .value-block .body::after {
        width: 10px; }
      .value-block .body p {
        font-size: 16px; } 
        .pager-wrap{margin:auto -5px;}

        .pager-wrap li{width:50%;margin:auto auto 5px !important;padding:0px 5px;float:left;}
        .pager-wrap li.back{width:100%;}
.pager-wrap li a{padding:10px !important;font-size:12px;text-align:center;}

.breeder_style_img{width:70px !important;} .header .logo-tab{width:80px !important;}  .header .nav-tab{width:calc(100% - 80px) !important;}  .header .logo-tab img{width:80px}    .header .nav-tab .mob-options{margin-top:30px}
      }

/*# sourceMappingURL=responsive.css.map */