/* Responsive css */
/* navbar section css */
:root {
  --bachgorundColor: #ffbe33;
  --paragraphColor: #222831;
  --btnColor: #ffbe33;
  /* --btnColor: #b27805; */
}

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

  /* navbar section start */

  .nav-bar .nav-content .items a {
    padding: 0px 6px;
    line-height: 27px;

  }

  .src-content {
    height: 590px;
    /* margin-top: 100px; */
  }

  .src-content .src-left {
    display: flex;
    /* flex-wrap: wrap; */
    /* height: 550px; */
    justify-content: center;
  }

  .src-content .src-left .sr-left-items {
    width: 150px;
  }

  .src-content .src-left .sr-left-items h5 {
    font-size: 14px;
    bottom: 27px;
  }

  .navigation-section .container .logo a img {
    height: 48px;
    width: 60px;
  }

  .main-order {
    width: 100%;
  }

  /* table tr th, td{
    padding: 0px !important ;
  } */
  /* nvabar section end */
  .p-items-details a h3 {
    margin: 5px 0px;
    font-size: 1.3rem;
  }

  /* order list cs */
  .orderUl {
    flex-direction: column;
  }

  .orderUl .left {
    margin-bottom: 10px;
  }

  .order-list .container .sidebar {
    display: none;
  }

  .order-list .container {
    justify-content: center;
  }
}

@media only screen and (max-width: 1080px) {
  .service-categories-container .service-content {
    height: 120px;
    width: 84px;
  }

  .service-categories-container {
    flex-wrap: wrap;
  }
}

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

  /* nav section start */

  .cart-iten {
    height: 50px;
    width: 150px;

  }

  .cart-iten a i {
    width: 50px;
    line-height: 50px;
    margin-right: -30px;
  }

  .cart .profile i,
  .wiselist i {
    height: 40px;
    width: 40px;
  }

  /* nav section end */
  /* testimonial section start */
  .testi-content .testimonial {
    min-width: calc(100% / 2);
  }

  /* testimonial section end */
}

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

  /* navbar section start */
  .nav-bar .nav-content .items,
  .apnt-btn {
    width: 100%;
    margin: 0px 0px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .navigation-section .container {
    height: 100px;
    display: block;
    color: white;
    position: relative;
  }

  .navigation-section .container .left-side-logo {
    display: inline-block;
    position: absolute;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
  }

  .navigation-section .container .nav-bar {
    width: 100%;
    flex-direction: column;
    margin-right: 0px;
    height: auto;
    background-color: var(--paragraphColor);
    /* display: none; */

  }

  .p-cetagory-items-list {
    width: 48%;
  }

  .clint-details {
    display: none;
  }

  #service-left-container {
    height: auto;
    overflow-y: hidden;
    padding: 0;
  }

  .cart-content-details {
    height: auto;
  }

  .service-container .container {
    height: auto;
  }

  .service-container .container {
    flex-direction: column;
  }

  .service-container .container .left {
    width: 100%;
    padding: 0!important;
  }

  .service-container .container .right {
    width: 100%;
    flex-direction: column;
    margin-left: 0;
  }

  /* nav profile */
  .nav-bar .nav-content .items {
    width: auto;
  }

  .nav-bar .nav-content .items {
    line-height: normal;
  }

  .nav-bar .nav-content .nav-profile {
    display: block;
  }

  .nav-bar .nav-content {
    flex-direction: column;
    height: auto;
    /* background-color: red; */
    width: 200px;
  }

  .right-sideHamb {
    /* flex-direction: row-reverse; */
    top: 100px;
    flex-direction: column;
    position: absolute;
    width: 100%;
    display: none;
    left: 0;
  }

  .hambargar-icon,
  .profile-icon {
    display: block;
    position: absolute;
    z-index: 555;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .profile-icon {
    right: 40px;
  }

  .hambargar-icon .hambar-logo,
  .profile-icon .user-logo {
    position: relative;
    right: 12px;
  }

  .right-sideHamb .cart {
    display: none;
    justify-content: center;
    background-color: rgba(10, 10, 10, 0.5);
    width: 100%;
    height: 55%;
  }

  .userDropDown-icon {
    display: block;
  }

  /* .cart .item {
    width: 100%;

  } */

  .cart .item:not(:last-child) {
    margin-bottom: 5px;
  }

  /* navbar section end */
  /* search section css start */
  .search-btn {
    width: 70%;
  }

  .src-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* height: auto; */
    margin-top: 130px;
    height: 700px;
  }

  .src-content .src-left .sr-left-items button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 4px 7px;
    flex-wrap: wrap;
  }

  .src-content .src-right {
    width: 100%;
    height: 350px;
  }

  .src-content .src-left {
    width: 100%;
    margin: 20px 0px;
  }

  /* search section css end */
  .order-list .container .respon-bar {
    /* display: block; */
  }

  .orderMenuLi {
    background-color: rgba(128, 128, 128, 0.196);
  }

  /* reach section css start */
  .our-reach-content .reach-text textarea {
    margin: 10px 0px 20px 38px;
    width: 96%;
    margin-left: 6px;
  }

  .our-reach-content .reach-text button {
    margin: 0px 0px 20px 38px;
    padding: 7px 24px;
    width: 30%;
    position: relative;
    left: 35%;
    transform: translateX(-50%);
  }

  .src-content .src-left .sr-left-items {
    padding-top: 15px;
  }

  .src-content .src-left .sr-left-items h5 {
    font-size: 14px !important;
    bottom:27px;
  }

  .src-content .src-left .sr-left-items h5 a {
    padding: 3px 10px;
    border-radius: 10px;
  }

  .reach-section .container .our-reach-content {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    width: 85%;
  }

  .our-reach-content .reach-text,
  .reach-heading {
    display: flex;
    flex-direction: column;
  }

  .reach-heading h4 {
    margin-left: 38px;
  }

  /* reach secton css end */

  /* top service section start */
  .fndbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .sale-item {
    min-width: calc(100% / 3);
  }

  .slider .single-slider h1 {
    position: relative;
    top: 50px;
  }

  .slider .single-slider .button {
    margin-top: 90px;
  }

  /* contact page css */
  .contactfrm-section .container {
    flex-direction: column;
    align-items: center;
    /* flex-direction: column; */
    height: auto;
  }

  .contact-cart {
    margin-bottom: 20px;
  }

  .contact-map {
    height: 500px;
    width: 80%;
  }

  .contactfrm-section .container .contactfrm-right {
    width: 80%;
  }

  .cartItem-section .container .cart-list {
    width: 100%;
  }

  .cartItem-section .container {
    flex-direction: column;
    height: auto;
  }

  .cartItem-section .container .cart-details {
    margin-bottom: 15px;
    width: 100%;
  }
}

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

  /* sale section start */
  .sale-details .left {
    display: none;
  }

  .sale-item {
    min-width: calc(100% / 2);
  }

  .sale-details .sale-items {
    padding: 7px 20px;
  }

  .sale-details .right {
    /* justify-content: space-between; */
    width: 100%;
  }

  .fndbtn {
    /* bottom: 15%; */
    bottom: 10%;
    margin-left: -14px;
    top: -19px;
  }

  .p-items-details a h3 {
    font-size: 1.0rem;
  }

  .p-items-details p {
    font-size: 0.8rem;
  }

  tbody tr {
    position: relative;
  }

  .p-main-items .p-items {
    flex-direction: column;
    height: auto;
  }

  /* sale details end */
  .membership-section .container .gold-plan,
  .membership-section .container .silver-plan {
    height: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .p-main-items .p-items-content {
    width: 90%;
    /* display: flex;
    justify-content: space-between; */
  }

  .p-main-items .p-items-img {
    width: 235px;
  }

  .table th {
    line-height: 60px;
  }

  .src-content .src-left .sr-left-items {
    width: 137px;
  }

  .src-content {
    height: 790px;
    margin: 165px 0px;
  }

  .src-content .src-left .sr-left-items h5 {
    font-size: 15px !important;
  }

  /* .membership-section .container .gold-plan a,
  .membership-section .container .silver-plan a {} */

  .subscribe-section .container .subscribefrm {
    /* flex-direction: column; */
    align-items: center;
  }

  .subscribe-section .container .subs {
    width: 60%;
  }

  .order-date {
    flex-direction: column;
  }

  .table td,
  .table th {
    padding: .50rem;
    vertical-align: inherit;
  }

  .main-order {
    width: 100%;
  }

  .order-history img {
    height: 30px;
    width: 30px;
  }

  .order-container .order-history tr,
  th,
  td {
    line-height: normal;
  }

  .order-searach {
    margin-bottom: 20px;
  }

  /* .subscribe {
    margin-top: 15px;
  } */

  /* footer section start */
  .footer-top .container #footer-aline,
  .f-aline {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .footer .single-footer .time-sidual li span {
    margin-left: 50px;
  }

  /* footer section end */
  /* membership section start */
  .membership-section .container {
    display: block;
    height: 415px;
  }
  .membership-section .container{
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .membership-section .container .gold-plan, .membership-section .container .silver-plan{
    width: 100%;
    height: 48%;
    margin: 20px 0px;
  }
  .membership-section .container .gold-plan a, .membership-section .container .silver-plan a {
    width: 50% !important;
  }

  #topbar {
    display: none;
  }

  .product-img {
    height: 90px;
    width: 87px;
  }

  .resp-add-cart-btn {
    position: relative;
    margin: auto;
    left: -50%;
    transform: translateX(50%);
  }

  .edit-package, .view-details {
    position: relative;
    left: -50%;
    transform: translateX(50%);
    margin-right: 20px;
  }

  /* membership section end */
}

@media only screen and (max-width: 767px) {
  .top-sale-section .container {
    height: 630px;
  }
}

@media only screen and (max-width: 630px) {
  .slider .owl-carousel .owl-controls .owl-nav .owl-next {
    display: none;
  }
  .card span img{
    width: 100%;
  }
}

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

  /* testimonial section start */
  .testi-content .testimonial {
    min-width: calc(100%);
  }

  .sale-item {
    min-width: calc(100%);
  }


  .sale-item .sale-image img {
    height: 378px;
    /* width: 86%; */
  }

  .top-sale-section .container {
    height: 700px;
  }

  .subscribe-section .container input[type="submit"] {
    padding: 18px 25px;
  }

  .subs .subs-icon {
    display: none;
  }

  .subscribe-section .container input[type="email"] {
    padding: 10px;
    width: auto;
  }

  .table td,
  .table th {
    padding: 0.30rem;
    font-size: 12px;
  }

  /* testimonial content end */

  /* service section css start  */
  .src-content .src-left {
    display: grid;
    grid-template-columns: auto auto auto;
  }

  /* service section css end */
  /* .cart-option{
    justify-content: center;
    position: relative;
    left: -13%;
  } */
  .cart-option {
    margin-bottom: 20px;
  }

  .cart-option h6 {
    margin-right: 40px;
  }

  .pro-edit-details-container {
    width: 300px;
  }

  .view-details-container {
    width: 300px;
  }

  .otherwise-details {
    width: 47%;
  }
}

@media only screen and (max-width: 495px) {
  .header-top .header-left .text {
    display: flex;
    flex-direction: column;
    line-height: 25px;
  }

  .table td,
  .table th {
    padding: 0.10rem;
  }

  .sale-item {
    min-width: calc(100%);
  }

  .top-saleContent {
    position: relative;
    height: 544px;
    overflow: hidden;
  }

  .tab_content {
    height: 100%;
  }

  .topContent,
  .productContent,
  .traningContent,
  .popularContent {
    display: inline;
  }

  .src-content .src-left .sr-left-items .sr-img-container {
    height: 80px;
    width: 80px;
  }

  .sale-details .right span {
    display: none;
  }

  .cart-option h6 {
    margin-bottom: 15px;
  }

  .cart-option a {
    margin-bottom: 15px;
    height: 37px;
    width: 37px;
  }

  .fndbtn {
    top: 14px;
  }

  .p-main-items .p-items-content {
    flex-direction: column;
  }

  .p-main-items .p-items-img {
    width: 90%;
    margin-top: 20px;
  }

  .p-items-top {
    width: 90%;
    margin: auto;
  }

  .p-items-price h4 {
    margin: 0px 0px 0px 20px;
  }

  /* .top-sale-section .container {} */
}

@media only screen and (max-width: 450px) {
  .sale-details .sale-items {
    padding: 4px 19px;
  }

  .src-content .src-left .sr-left-items {
    width: 140px;
  }

  .sale-item {
    min-width: calc(100%);
  }

  .src-content .src-left .sr-left-items {
    width: 110px;
  }

  .p-cetagory-items-list {
    width: 100%;
  }

  .sale-item .sale-image img {
    height: 378px;
    /* width: 86%; */
  }

  #testimonial_area .container h4 {
    font-size: 30px;
  }

  /* .slider .single-slider .button{
    width: 30%;
  } */
  .pro-edit-details-container {
    width: 250px;
  }

  .pro-edit-detailes-content h3 {
    font-size: 25px !important;
  }

  .view-details-container {
    width: 295px;
  }

  .otherwise-details {
    width: 46%;
  }

  .view-details-p-img {
    height: 70px;
    width: 70px;
  }

  .sazjo-right img {
    height: 50px;
    width: 50px;
  }

  .promise .icon i {
    font-size: 9px;
  }

  .promise .details-heading p {
    font-size: 7px;
  }
  .edit-package, .view-details{
    left: -40%;
  }
  /* .resp-add-cart-btn{
    margin-left: 20px;
  } */
  .resp-add-cart-btn{
    left: -30%;
  }
}

/* @media only screen and (max-width: 402px) {
  
} */

@media only screen and (max-width: 402px) {
  .top-sale-section .container .top-saleBtn {
    width: auto;
  }

  .table td,
  .table th {
    font-size: 8px;
    padding: 0.05rem;
  }

  .src-content .src-left .sr-left-items {
    width: 110px;
  }

  /* .service_slider_area .owl-stage-outer .owl-stage .owl-item {
    width: 300px !important;
  } */

  .cart-add .cart-mobile div img {
    display: none;
  }

  .p-2 {
    padding: 0.3rem !important;
  }

  .mob-btn {
    padding: 5px 8px;
  }

  .trigger {
    padding: 5px;
  }
}

@media only screen and (max-width: 376px) {
  .src-content .src-left .sr-left-items {
    width: 110px;
  }
}

@media only screen and (max-width: 345px) {
  .search-btn .search-icon {
    margin-left: 18px;
  }

  .search-btn input[type="search"] {
    padding-left: 50px;
  }

  .sale-details .right .sale-items:not(:last-child) {
    margin-right: 5px;
  }

  .src-content .src-left .sr-left-items {
    width: 100px;
  }
}