@media (max-width: 1200px) {
  .container {
    width: 100%;
  }

  .txt-page .txt-page-content .spec-inputs {
    width: 34%;
  }
  footer .copyright a{
    margin-right: 40px;
  }
}

@media (max-width: 1023px) {
  .motiv {
    height: 480px;
    padding-top: 60px;
  }

  .categories {
    margin-top: -200px;
  }

  .categories .category {
    height: 200px;
  }

  .newsletter .fl-lft h4 {
    font-size: 35px;
    line-height: 40px;
  }

  .newsletter .fl-rght input {
    width: 300px;
  }

  footer ul li.cntct a {
    font-size: 13px;
  }

  .advantages {
    padding: 30px 0;
  }

  .advantages .advantage {
    text-align: center;
  }

  .advantages .advantage p {
    text-align: left;
  }

  .newsletter {
    padding: 30px 0;
  }

  .scrollToTop {
    width: 30px;
    height: 30px;
    padding-top: 30px;
  }

  .product-description {
    padding-top: 20px;
  }

  .product-description {
    padding-bottom: 30px;
  }

  .product-description h1 {
    font-size: 30px;
    line-height: 35px;
  }

  .hodi-se .product-small h3 {
    padding: 0 5px;
  }

  .category-page .products {
    width: 100%;
  }

  .filtrace-button {
    display: inline-block;
  }

  aside .close {
    display: block;
  }

  aside {
    width: 100%;
    height: 100%;
    padding-right: 0;
    position: fixed;
    left: 15px;
    top: 15px;
    background: #fff;
    max-width: calc(100% - 30px);
    max-height: calc(100vh - 30px);
    overflow-y: auto;
    padding: 15px;
    border: 2px solid #d0ad61;
    border-radius: 6px;
    z-index: 99;
    display: none;
  }

  aside .checkbox-styled {
    width: auto;
    margin-right: 15px;
  }

  aside h2 {
    margin-top: 15px;
  }

  .slider-content .amount {
    width: 70%;
  }

  aside .button {
    position: fixed;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
    display: block;
  }

  .slider-content {
    margin-bottom: 60px;
  }

  article.product figcaption .velikosti {
    display: none !important;
  }

  .category-page {
    padding-bottom: 30px;
  }

  .colections article .cara {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .colections .article-content p {
    line-height: 25px;
    height: 51px;
    margin-bottom: 5px;
  }

  .colections .article-content h2 {
    margin-bottom: 15px;
  }

  .colections .article-content figure {
    height: auto;
  }

  .colections article hr {
    margin: 25px 0;
  }

  .inputs {
    width: 100%;
  }

  .border-page h2 {
    margin-bottom: 30px;
  }

  .button-reg {
    margin-top: 30px;
  }

  .registration-page {
    margin-bottom: 30px;
  }

  .delivery-page {
    margin-top: 30px;
  }

  .doprava-content, .platba-content {
    margin-bottom: 30px;
  }

  .delivery-page h2 {
    margin-bottom: 20px;
  }

  .savechanges {
    margin-top: 20px;
  }

  .account-content {
    padding: 30px 0;
    padding-left: 15px;
  }

  .txt-page {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .txt-page .menu-left-aside {
    width: 100%;
    padding-right: 0;
  }

  .txt-page .txt-page-content {
    width: 100%;
    margin-top: 30px;
  }

  .txt-page .menu-left-aside ul li a {
    line-height: 40px;
  }

  .txt-page .txt-page-content .poradime, .txt-page .txt-page-content .mapa-content {
    padding: 20px 0;
  }

  .txt-page .txt-page-content h2 {
    margin-bottom: 20px;
  }

  .txt-page .txt-page-content .spec-inputs {
    width: 50%;
  }

  .txt-page .txt-page-content .spec-inputs .box-input {
    width: 100% !important;
  }

  .txt-page .txt-page-content .rychli-dotaz .button-arrow {
    margin-top: 10px;
    margin-left: 0;
  }

  .txt-page .txt-page-content .spec-inputs .box-input textarea {
    height: 152px;
  }

  .txt-page .txt-page-content .poradime a {
    margin-top: 15px;
    margin-right: 15px;
  }

  .checkbox-styled.another {
    margin-left: 20px;
  }

  nav ul li .submenu {
    padding: 30px 0;
  }

  nav ul li:nth-child(3) .submenu li.container ul li {
    width: 50%;
  }

  footer .fl-25 {
    width: 33.333%;
  }

  .catnum {
    margin-bottom: 20px;
  }

  .categories .category .category-content h2 {
    font-size: 30px;
    line-height: 33px;
  }

}

@media (max-width: 768px) {
  div.packetery-branch-list a {
    width: 100%;
    float: left;
    padding-left: 35px;
    margin-top: 10px;
  }

  .spinner-master * {
    transition: all 0.3s;
    box-sizing: border-box;
  }

  .spinner-master {
    float: left;
    position: relative;
    height: 30px;
    width: 25px;
    display: block !important;
    z-index: 21;
    margin-right: 20px;
    margin-top: 22px;
  }

  .spinner-master label {
    cursor: pointer;
    position: static;
    height: 100%;
    width: 100%;
  }

  .spinner-master .spinner {
    position: absolute;
    height: 3px;
    width: 100%;
    padding: 0;
    background: #cda756;
  }

  .spinner-master .diagonal.part-1 {
    position: relative;
    float: left;
  }

  .spinner-master .horizontal {
    position: relative;
    float: left;
    margin-top: 4px;
  }

  .spinner-master .diagonal.part-2 {
    position: relative;
    float: left;
    margin-top: 4px;
  }

  .spinner-master.open .spinner-spin > .horizontal { opacity: 0; }

  .spinner-master.open .spinner-spin > .diagonal.part-1 {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-top: 8px;
  }

  .spinner-master.open .spinner-spin > .diagonal.part-2 {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -10px;
  }

  .menu {
    padding-top: 0;
    height: 60px;
  }

  .menu .logo {
    width: 150px;
    margin-top: 10px;
  }

  nav {
    position: fixed;
    top: 0;
    right: -102%;
    height: 100vh;
    width: 100%;
    overflow-y: auto;
    background: #fff;
    z-index: 20;
    padding-top: 40px;
  }

  nav ul li {
    width: 100%;
  }

  nav ul li.has-sub.open a span, nav ul li.has-sub:hover a span {
    opacity: 1;
    bottom: -5px;
  }

  nav ul li.has-sub.open a {
    position: relative;
  }

  nav ul li.has-sub > a:after {
    content: "";
    background: url("../img/arrowmenu.svg") no-repeat center;
    position: absolute;
    margin-left: 10px;
    top: 21px;
    width: 14px;
    height: 8px;
    background-size: contain;
  }

  nav ul li.has-sub.open > a:after {
    background: url("../img/close.svg") no-repeat center;
  }

  nav ul li:after {
    display: none;
  }

  nav ul li .submenu {
    position: relative;
    float: left;
    top: -1px;
    margin-top: 5px;
    padding: 30px 0;
  }

  nav ul li .submenu li.container ul li a {
    padding-right: 15px;
  }

  nav ul li .submenu li.container ul {
    display: block !important;
  }

  .menu .cart .cart-button {
    margin-left: 20px;
  }

  .newsletter {
    text-align: center;
  }

  .newsletter .fl-lft, .newsletter .fl-rght {
    width: 100%;
  }

  .newsletter .fl-rght input {
    width: 70%;
  }

  .newsletter .fl-rght .button {
    width: 30%;
    padding: 0;
  }

  footer .fl-25 {
    width: 100%;
    text-align: center;
  }

  footer .fl-25 h5 {
    margin-bottom: 0;
    margin-top: 20px;
  }

  footer .fl-25 ul {
    margin-top: 20px;
    display: none;
  }

  footer .fl-25 h5:after {
    content: "";
    background: url("../img/arrowdown.svg") no-repeat center;
    display: inline-block;
    margin-left: 15px;
    width: 14px;
    height: 8px;
    background-size: contain;
  }

  footer .fl-25 h5.active:after {
    background: url("../img/arrowup.svg") no-repeat center;
  }

  .categories .category .category-content h2 {
    font-size: 22px;
    line-height: 26px;
  }

  .product-page {
    border-top: 0;
    text-align: center;
    margin-bottom: 30px;
  }

  .product-description {
    width: 100%;
    border-left: 0;
    padding-left: 0;
  }

  .image-content {
    width: 100%;
    padding-right: 0;
  }

  .sliderMain {
    height: 320px;
    line-height: 320px;
  }

  .sliderMain img {
    max-height: 300px;
  }

  #slideBox {
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .table-responsive {
    margin-top: 0px;
  }

  .table-responsive.anothertrick {
    margin-top: 30px;
  }

  .stacktable.large-only {
    display: none !important;
  }

  .stacktable.small-only {
    display: block !important;
    width: 100%;
    overflow: hidden;
  }

  .stacktable tbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .stacktable {
    width: 100%;
    border: none;
    height: auto;
  }

  .table-responsive table th:first-child {
    display: none;
  }

  .table-responsive table td:first-child {
    display: unset;
    margin: 0;
  }

  .table-responsive table tbody tr {
    border-bottom: 0;
  }

  .table-responsive tr td {
    display: inline-block;
    border: 1px solid #d6dacd;
    border-top: 0;
    text-align: center !important;
  }

  .table-responsive tr td span {
    vertical-align: middle;
    color: #0d1523;
    font-size: 14px;
    font-weight: 600;
  }

  .table-responsive .st-key {
    width: 40%;
    padding: 10px !important;
    float: left;
  }

  .table-responsive .st-val {
    width: 60%;
    padding: 10px !important;
    float: left;
    border-left: 0;
  }

  .table-responsive tr {
    display: flex;
    word-wrap: break-word;
    width: 100%;
    text-align: center;
  }

  .table-responsive table tbody tr {
    border-bottom: 0;
  }

  .table-responsive tr.first {
    margin-top: 30px;
    border-top: 1px solid #d6dacd;
  }

  .table-responsive table td.produkt .table .tb-cell span {
    padding-right: 0;
    text-align: center;
  }

  .table-responsive table td.produkt .table .tb-cell a {
    margin-bottom: 10px;
    display: inline-block;
  }

  .table-responsive table td.produkt .table .tb-cell {
    display: inline-block;
    width: 100%;
  }

  .table-responsive table td.pocet .styled-quantity {
    float: none;
    display: inline-block;
  }

  .table-responsive table td.disnone {
    display: block;
  }

  .slevovy-kupon {
    margin-top: 15px;
  }

  .dragdealer {
    margin-top: 30px;
  }

  .filtrace-button {
    padding: 0 15px ;
    margin-right: 0px;
    float: none;
    display: inline-block;
    width: 100%;
  }

  .category-page .products article.product {
    width: 50%;
  }

  .category-page {
    text-align: center;
  }

  .selectBox {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: left;
  }

  .selectBox .selected {
    width: 100%;
  }

  .selectBox .selectOptions {
    width: 100%;
    padding: 0 2%;
  }

  .bread-holder .breadcrumb {
    width: 100%;
  }

  .slider-content {
    width: 95%;
  }

  aside {
    text-align: left;
  }

  .banner-category h1 {
    text-align: center;
  }

  .colections .article-content {
    width: 100%;
  }

  .colection-page {
    text-align: center;
  }

  .colections article .cara {
    margin: auto;
    margin-bottom: 15px;
  }

  .colections .article-content p {
    padding-right: 0;
  }

  .colections .article-content.img-center {
    float: none !important;
    text-align: center !important;
  }

  .colections .kolekce-button {
    margin-bottom: 15px;
  }

  .box-input {
    width: 50% !important;
    margin-bottom: 20px;
  }

  .border-page {
    padding: 15px;
    padding-bottom: 0;
  }

  .buttons-in-cart {
    padding: 30px 0;
  }

  .account-content {
    padding: 30px 0;
    width: 100%;
    border-left: 0;
  }

  .account-page .menu-left {
    width: 100%;
    padding-top: 30px;
  }

  .product-description .velikosti-produktu .button-checkbox {
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }

  .product-description .tabulka-velikosti {
    margin-right: 10px;
  }

  .txt-page {
    border-top: 0px;
  }

  .txt-page .txt-page-content .map {
    width: 100%;
    margin-right: 0;
  }

  .txt-page .txt-page-content .popisek {
    margin-top: 20px;
  }

  .txt-page .txt-page-content .op-content {
    margin-top: 20px;
  }

  .txt-page .txt-page-content .op-content hr, .txt-page .txt-page-content .op-content p {
    margin-bottom: 20px;
  }

  .table-handler .table-content {
    padding: 0 15px;
    overflow: auto;
    max-width: 100%;
    max-height: calc(100vh - 30px);
  }

  .table-handler .table-content .table-head .title {
    margin: 15px 0;
  }

  .table-handler .table-content table th {
    font-size: 10px;
    padding: 5px 5px 5px 0;
    line-height: 15px;
  }

  .table-handler .table-content table td {
    font-size: 11px;
    padding: 5px 5px 5px 0;
    line-height: 15px;
  }

  .table-handler .table-content table td:first-child {
    text-transform: lowercase;
  }

  .table-handler .table-content table td:last-child, .table-handler .table-content table th:last-child  {
    white-space: nowrap;
    text-align: left;
    padding-right: 5px;
  }

  .table-handler .table-content table {
    margin-top: 20px;
    min-width: 450px;
  }

  .buy-content {
    padding: 10px;
  }

  .buy-content .title, .table-handler .title {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .buy-content .summary-table .button-arrow {
    width: 48% !important;
    padding: 0;
    background: #cda756 !important;
    text-align: center;
    margin-top: 25px !important;
  }

  .buy-content .summary-table .button-arrow.zpet {
    background: #fff !important;
    color: #cda756 !important;
  }

  .buy-content.upgrade .content table tr td .separ p {
    top: 10px;
    position: relative;
  }

  .summary-table {
    padding-bottom: 15px;
  }

  .buy-content a.close {
    top: 15px;
    right: 15px;
  }

  .checkbox-styled.another {
    margin-left: 0px;
  }

  .cc_container {
    width: calc(100% - 15px) !important;
    left: 15px !important;
    margin-left: 0 !important;
  }

  .searching {
    top: 60px;
    left: -15px;
    width: calc(100% - -30px);
  }

  .searching form {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }

  .searching input {
    width: calc(100% - 170px);
    margin: 0;
  }

  .searching .button {
    width: 170px;
  }

  .motiv h1, .motiv p {
    text-shadow: 1px 1px #232323;
  }

  .cart-content .arrow {
    right: 7px;
  }
  .cart-content {
    padding: 15px;
  }

}

@media (max-width: 540px) {
  footer .copyright a {
    margin-right: 30px;
  }
  .product-description .button-arrow {
    width: 100%;
  }
  .desc-product {
    margin-top: 20px;
  }
  .cart-content {
    top: 59px;
  }
  .hover-buttons {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .newsletter {
    padding-bottom: 15px;
  }
  .categories .category {
    width: 50%;
    height: 165px;
  }

  article.product {
    align-items: center;
  }

  article.product .button {
    width: calc(100% - 15px);
    padding: 0;
    font-size: 13px;
  }

  .dragdealer {
    height: 470px;
  }

  nav ul li:nth-child(3) .submenu li.container ul li {
    width: 100%;
  }

  .catchresponsive {
    width: 50%;
  }

  .catchresponsive .category {
    width: 100%;
  }

  .categories .category.w66 {
    width: 100%;
  }

  .categories {
    margin-top: -165px;
  }

  .categories .category .category-content h2 {
    font-size: 19px;
    line-height: 22px;
  }

  .categories .category .category-content p {
    display: none;
  }

  .motiv {
    padding-top: 30px;
    height: 400px;
  }

  .motiv h1 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 15px;
  }

  article.product {
    width: 200px;
    padding: 0;
  }

  article.product figcaption h3 {
    padding: 0 5px;
  }

  .menu .login, .menu .cart {
    position: static;
  }

  .login-content {
    width: 100%;
    padding: 15px;
    padding-bottom: 0;
    height: 100vh;
  }

  .login-content .footer {
    width: calc(100% - -10px);
    margin-left: -5px;
    padding: 15px;
  }

  .login-content .footer img {
    top: 15px;
    left: 15px;
  }

  .login-content .footer .text {
    padding-left: 50px;
  }

  .cart-content {
    width: 100%;
    padding: 15px;
  }

  .table-price .button-arrow {
    width: 140px;
  }

  header .container {
    padding: 0;
  }

  nav ul li .submenu {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    background: black !important;
  }

  nav ul li .submenu li.container ul li.nadpis p, nav ul li .submenu li.container ul li.nadpis a {
    float: none;
  }

  nav ul li .submenu li.container ul li.nadpis p {
    margin-top: 20px;
  }

  nav ul li .submenu li.container ul li a {
    float: none;
    padding: 0 15px;
  }

  nav ul li .submenu li.container ul {
    width: 100%;
  }

  .searching {
    height: auto;
    width: 100%;
    left: 0;
  }

  .searching input {
    width: calc(100% - 140px);
  }

  .searching .button {
    width: 140px;
  }

  .spinner-master {
    margin-left: 15px;
    margin-right: 10px;
  }

  .menu .logo {
    width: 150px;
    height: auto;
  }

  .menu .cart {
    margin-right: 15px;
    margin-left: 10px;
  }

  .menu .cart .cart-button {
    margin-left: 0;
  }

  .breadcrumb li.special:last-child {
    display: none;
  }

  .banner-category.bgblack {
    padding: 20px 0;
  }

  .buttons-in-cart .button-arrow {
    width: 100% !important;
  }

  .button-arrow.zpet {
    margin-top: 25px;
  }

  .checkbox-delivery p {
    top: 10px;
    right: 10px;
    font-size: 15px;
  }

  .checkbox-delivery label {
    font-size: 15px;
    padding: 10px 10px 10px 40px;
  }

  .checkbox-delivery label::before {
    left: 10px;
    top: 10px;
  }

  div.packetery-branch-list {
    margin: -20px 0 10px 5px;
  }

  .checkbox-delivery select {
    width: 100%;
    margin-left: 0;
  }

  .banner-category h1 {
    font-size: 30px;
    line-height: 35px;
  }

  .slevovy-kod input {
    width: 65%;
  }

  .slevovy-kod button {
    padding: 0;
    width: 35%;
  }

  .txt-page .txt-page-content .spec-inputs {
    width: 100%;
  }

  .txt-page .txt-page-content .title {
    font-size: 26px;
    line-height: 30px;
  }

  .table-handler .table-content table th {
    font-size: 9px;
  }

  .table-handler .table-content table td {
    font-size: 10px;
  }

  .box-input {
    width: 100% !important;
  }

  .box-input label {
    font-size: 13px;
    margin-bottom: 5px;
  }

  .box-input input {
    height: 40px;
    line-height: 38px;
  }

  .registration-page .checkbox-styled {
    margin-top: 10px;
  }

  aside {
    padding-top: 0;
  }

  .button-checkbox label {
    padding: 0 10px;
  }

  .button-firm {
    margin-bottom: 15px;
  }
  .login-content .button-arrow {
    margin-top: 15px;
  }
  .user-loged {
    left: auto;
    right: 58px;
  }
  .user-loged ul li a {
    padding-left: 0;
    text-align: center;
  }
  .button-arrow {
    width: 100%;
  }

}

@media (max-width: 420px) {
  .separ .lst-pw {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
  .login-content .button-arrow {
    width: 100%;
  }
  .categories .category {
    height: 125px;
  }

  .categories {
    margin-top: -125px;
  }

  .motiv {
    height: 350px;
  }

  .motiv h1 {
    font-size: 28px;
    line-height: 34px;
    margin-top: 20px;
  }

  .motiv p {
    line-height: 25px;
  }

  .menu .login .login-button, .menu .cart .cart-button, .search label {
    width: 48px;
    overflow: hidden;
  }

  .menu .logo {
    width: 100px;
    margin-top: 18px;
  }

  .spinner-master {
    margin-left: 10px;
    margin-right: 5px;
  }

  .menu .cart {
    margin-right: 10px;
    margin-left: 5px;
  }

  .category-page .products article.product {
    height: 370px;
    margin-top: 15px;
  }

  .category-page article.product .box-height {
    height: 200px;
    line-height: 200px;
  }

  .category-page article.product .box-height img {
    max-height: 200px;
  }

  .box-input {
    width: 100% !important;
  }

  .registration-page .checkbox-styled {
    margin-top: 10px;
  }

  .registration-page .checkbox-styled label {
    font-size: 12px;
  }

  .checkbox-delivery label {
    font-size: 14px;
  }

  .checkbox-delivery label span {
    font-size: 12px;
  }

  .checkbox-delivery p {
    font-size: 14px;
  }

  .hover-buttons {
    padding: 0 5px;
  }

  article.product .button {
    font-size: 12px;
  }

  .checkbox-delivery label {
    padding-right: 65px;
  }
  .checkbox-delivery select {
    width: calc(100% - 6px) !important;
    margin-left: 0 !important;
  }

  div.packetery-branch-list a {
    padding-left: 0;
    text-align: center;
  }
}