@media (max-width: 400px) {
  .modal-form,
  .modal-dialog {
    width: 100%;
    max-width: inherit;
  }
}

@media (max-width: 420px) {
  .card {
    min-height: 200px;
  }
}

@media (max-width: 450px) {
  .onur-yurt {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact-map {
    display: none;
  }
  .feature-content {
    padding-left: 12px;
    margin-left: 12px;
  }
  .feature-desc {
    display: none;
  }
  .cart-sidebar {
    right: 0px;
    width: 100%;
    height: 100vh;
    -webkit-transform: scale(0);
            transform: scale(0);
    margin: 80px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
  }
  .cart-sidebar.active {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  .cart-close {
    left: 50%;
    top: -45px;
    bottom: inherit;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 50px 50px 0px 0px;
    -webkit-box-shadow: 0px -8px 10px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px -8px 10px 0px rgba(0, 0, 0, 0.15);
  }
  .cart-list {
    max-height: calc(100vh - 290px);
  }
  .cart-media a img {
    width: 80px;
  }
}

@media (max-width: 575px) {
  .author-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .copyright-menu {
    display: none;
  }
  .runo-slider > ul {
    height: 200px;
  }
  .gallery img {
    height: 120px;
  }
  .news-form {
    display: none;
  }
  .custom-blog {
    display: none;
  }
  .author-image {
    margin: 0px;
  }
  .blog-details ul li {
    list-style: disc;
  }
  .blog-details-title {
    font-size: 28px;
    line-height: 38px;
  }
  .blog-details-share li a {
    width: 40px;
    float: left;
  }
  blockquote {
    padding: 75px 25px 25px;
  }
  blockquote::before {
    font-size: 30px;
    left: 25px;
    top: 25px;
  }
  blockquote p {
    font-size: 22px;
  }
  .blog-details-content iframe {
    height: auto;
  }
  .blog-details-list {
    margin: 0px 15px 0px 35px;
  }
  .blog-details-footer {
    margin-top: 0px;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog-details-navigate li a {
    padding: 13px 13px;
  }
  .blog-details-profile {
    padding: 25px 15px;
  }
  .blog-details-comment {
    padding: 15px;
  }
  .comment-item {
    padding: 20px 20px;
  }
  .comment-reply {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .comment-reply input {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .comment-reply-list {
    margin-left: 15px;
  }
  .blog-details-form {
    padding: 20px;
  }
  .col {
    padding: 0px 4px;
  }
  .backtop {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
  }
  .nav-tabs {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .nav-tabs li {
    padding: 5px;
    border: none;
  }
  .slider-dots ul {
    bottom: 10px;
  }
  .slider-dots ul li {
    margin: 0px 6px;
  }
  .order-track {
    overflow-x: scroll;
  }
  .order-track-list {
    width: 575px;
  }
  .product-card {
    padding: 8px;
    margin-bottom: 8px;
  }
  .product-name {
    font-size: 15px;
    line-height: 22px;
  }
  .onur-yurt {
    display: none;
  }
  .feature-image img {
    width: 100%;
  }
  .feature-name {
    font-size: 15px;
    line-height: 22px;
  }
  .product-standard {
    padding: 10px 10px;
    margin-right: 7px;
    margin-left: 7px;
  }

  .standard-image img {
    width: 130px;
    height: 85px;
  }
  .standard-content {
    margin-left: 10px;
    padding-left: 10px;
  }
  .standard-name {
    font-size: 16px;
    margin-bottom: 3px;
  }
  .standard-price {
    font-size: 15px;
    margin-bottom: 3px;
    display: none;
  }
  .standard-rating {
    margin-bottom: 6px;
    display: none;
  }
  .standard-desc {
    display: none;
  }
  .standard-action-group {
    grid-gap: 10px;
    -ms-grid-columns: (minmax(140px, 1fr))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
  .product-add,
  .standard-wish {
    padding: 8px 0px;
  }
  .product-add i,
  .standard-wish i {
    display: none;
  }
  .standard-action input {
    height: 38px;
  }
  .category-wrap {
    width: 150px;
  }
  .account-card {
    padding: 0px 15px 15px;
  }
  .team-card {
    width: 290px;
    margin: 0px auto 50px;
  }
  .news-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog-widget-social li {
    margin-right: 5px;
  }
  .blog-widget-social li a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
  .bottom-paginate {
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-info {
    margin-bottom: 15px;
  }
  .contact-form,
  .contact-map {
    padding: 15px;
  }
  .faq-part {
  margin-top: 0px;
  }
}

@media (max-width: 767px) {
  .section {
    margin-bottom: 55px;
  }
  .inner-section {
    margin-bottom: 0px;
  }
  .blog-widget {
    display: none;
  }
  .page-item {
    margin: 0px 3px;
  }
  .product-view {
    max-width: 480px;
  }
  .news-text {
    margin-bottom: 30px;
  }
  .header-part {
    margin-bottom: 30px;
  }
  .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .footer-copytext {
    margin-bottom: 10px;
  }
  .footer-card a {
    margin: 0px 3px;
  }
  .single-banner {
    padding: 60px 0px;
  }
  .single-banner h2 {
    font-size: 32px;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  .footer-part .container-fluid {
    padding: 0px 25px;
  }
  .footer-widget.contact {
    margin-left: 0px;
  }
  .card {
    min-height: 200px;
  }
}

@media (max-width: 991px) {
  .content-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .theme-switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px;
  }
  .backtop {
    bottom: 55px;
  }
  .page-link {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .nav {
    margin-bottom: 30px;
  }
  .header-content {
    padding: 10px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header-media-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-widget-group,
  .header-widget,
  .header-logo {
    display: none;
  }
  .header-form {
    display: none;
    margin: 10px 0px 0px;
  }
  .header-form.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbar-part {
    display: none;
  }
  .mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-part {
    padding: 50px 30px 60px;
  }
  .news-part .container-fluid {
    padding: 0px;
  }
  .blog-widget {
    display: none;
  }
}

@media (max-width: 1100px) {
  .modal-dialog {
    margin: 80px auto 50px;
  }
  .modal-close {
    right: 50%;
    top: -45px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

@media (max-width: 1199px) {
  .category-meta {
    padding: 0px 5px;
  }
  .category-meta h4 {
    font-size: 17px;
    margin-bottom: 0px;
  }
  .category-meta p {
    font-size: 15px;
  }
  .footer-part {
    padding-top: 20px;
  }
  .footer-widget {
    margin-top: 30px;
  }
  .footer-bottom {
    margin-top: 10px;
  }
  .standard-desc {
    display: none;
  }
}

@media (min-width: 401px) and (max-width: 575px) {
  .contact-part .container {
    max-width: 400px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  blockquote {
    padding: 120px 60px 60px;
  }
  .blog-details-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .comment-reply-list {
    margin-left: 30px;
  }
  .nav-tabs {
    padding: 25px 10px;
  }
  .nav-tabs li {
    padding: 0px 20px;
  }
  .slider-dots ul {
    bottom: 20px;
  }
  .slider-dots ul li {
    margin: 0px 6px;
  }
  .order-track-item span {
    white-space: inherit;
  }
  .standard-image img {
    width: 150px;

  }
  .standard-content {
    margin-left: 10px;
    padding-left: 10px;
  }
  .standard-name {
    font-size: 18px;
  }
  .standard-price {
    font-size: 16px;
  }
  .standard-desc {
    display: none;
  }
  .standard-action-group {
    grid-gap: 10px;
    -ms-grid-columns: (minmax(140px, 1fr))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
  .product-add,
  .standard-wish {
    padding: 8px 0px;
  }
  .product-add i,
  .standard-wish i {
    display: none;
  }
  .standard-action input {
    height: 38px;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .bottom-paginate {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .section {
    margin-bottom: 75px;
  }
  .inner-section {
    margin-bottom: 5px;
    margin-top: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .feature-image img {
    width: 190px;
  }
  .navbar-list li {
    margin-right: 18px;
  }
  .navbar-link {
    font-size: 15px;
  }
  .header-widget span {
    display: none;
  }
  .blog-widget-media img {
    width: 95px;
  }
  .blog-widget-social li {
    margin-right: 5px;
  }
  .blog-widget-social li a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
}