@media only screen and (max-width: 320px) {
    .footer-map {
        min-height: 95px;
    }

    .footer-details {
        color: #fff;
        font-size: 11px;
    }

    .derektamasz-details {
        margin-left: 0;
    }

    .ekparna-special-row {
        margin-left: 0px;
    }

    .product-derektamasz-btn {
        margin: 15px 0 0;
        text-align: right;
    }

    .product-gerinckenocs-desc {
        margin-left: 10px;
    }

    .product-image-mobile {
        margin: 0 auto;
    }

    .language-switcher {
        text-align: center;
    }

    .header-contact {
        text-align: center;
    }

    .logo {
        text-align: center;
    }

    .teljes-csomag-btn {
        width: 100%;
    }

    .product-desc {
        margin-left: 0px;
    }

    .product-order-section {
        margin-left: 0px;
    }

    .teljes-csomag-btn {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .special-btn {
        width: 100%;
        max-width: inherit;
    }

    .teljes-csomag-price {
        margin: 5px 0;
        width: 100%;
    }

    .teljes-order-btn-div {
        width: 100%;
        max-width: inherit;
    }

    .btn-order-small-weak > a {
        display: block;
        text-align: center;
        width: 100%;
    }

    .btn-order-small-weak {
        width: 100%;
        max-width: inherit;
    }

    .go-to-article {
        margin-top: 0px;
    }

    .section-left-block {
        min-height: 0px;
    }

    .site-index-arrow::before {
        border-color: transparent transparent transparent #ff5858;
        border-style: none;
        border-width: 0;
    }

    .site-index-arrow {
        margin: 10px -15px 20px -21px;
    }

    .ekparna-special-row {
        width: 100%;
    }

    .ekparna-order-btn {
        width: 100%;
    }

    .product-ekparna-desc {
        padding-right: 0px;
    }

    .ekparna-wrapper {
        min-height: inherit;
    }

    .product-ekparna-desc.product-derektamasz-desc {
        margin-left: 0px;
        padding-right: 0px;
    }

    .hengerparna-special-row {
        width: 100%;
    }

    .product-hengerparna-desc {
        padding-left: 15px;
    }

    .hengerparna-order-btn {
        margin: 25px 0 0;
        width: 100%;
    }

    .hengerparna-special-row {
        margin-left: 0px;
        padding-right: 15px;
    }

    .img-responsive {
        margin-top: 25px;
    }

    .footer {
        margin-top: 40px;
        width: 100%;
    }

    .first-left-block {
        margin-top: -35px;
    }

    .second-left-block {
        margin-bottom: -25px;
    }

    .separator.second-separator {
        margin: 21px 35px 35px;
    }

    .ekparna-product-page-teljes-price {
        font-size: 23px;
        margin: 15px 0;
        width: 100%;
    }
    .nav.navbar-nav {
        margin: 0;
        width: 100%;
    }
    .navbar-nav > li {
        min-width: 161px;
    }
    .navbar-nav > li.brown-menu {
        min-width: 161px;
    }
    .ribbon-header-right {
        margin-right: -15px;
    }
    .ribbon-header-right::after {
        border-width: 0;
    }
    .no-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-map {
        min-height: 165px;
    }
    .more-btn.hidden-xs.hidden-sm {
        display: block !important;
    }

    .more-btn-text {
        margin-top: 0 !important;
    }
    .more-btn-derektamasz {
        margin: 0;
    }
    .col-xs-3.col-sm-5.teljes-order-btn-div {
        margin-top: 13px;
    }
    .static-page {
        padding: 10px;
    }
    .mobile-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .all-in-text-title {
        text-align: center;
        margin-left: 0;
    }

    .all-in-text-subtitle {
        text-align: center;
        margin: 10px 0;
    }
    .mobile-margin {
        margin: 0 auto 20px auto !important;
    }
    .img-responsive.teljes-csomag-product-page-image {
        max-width: 100%;
    }
    .footer-links a {
        font-size: 12px;
    }
    .img-responsive.hengerparna-bg.align-center {
        display: none;
    }
    .product-circle-right {
        padding: 28px 50px 50px 35px;
        width: 309px;
    }
    .product-bottom-item {
        min-height: 190px;
    }
    .ribbon-text {
        font-size: 18px;
    }
    .order-page {
        padding: 1px;
    }
    .order-comment-div {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 479px) {
    .logo {
        text-align: center;
    }

    .language-switcher {
        text-align: center;
    }

    .header-contact {
        text-align: center;
    }

    .site-index-arrow::before {
        border-width: 17px 0 17px 25px;
    }

    .special-price {
        font-size: 15px;
        width: 100%;
    }

    .special-btn {
        font-size: 11px;
        margin-top: -5px;
    }

    .special-btn::before {
        border-width: 11px 0 10px 25px;
    }

    .btn-order-small-weak {
        margin: -10px 0 0;
    }

    .product-order-section {
        margin-left: 0px;
    }

    .product-ekparna-desc {
        margin-left: 0px;
    }

    .product-ekparna-wrapper {
        margin-left: 0px;
        margin-top: 0px;
    }

    .product-ekparna-image {
        position: relative;
        top: 0;
    }

    .product-order-section {
        margin-left: 25px;
    }

    .product-ekparna-details {
        margin-top: 30px;
        width: 100%;
    }

    .footer-links > li a {
        font-size: 11px;
    }

    .product-ekparna-desc {
        padding-right: 0px;
    }

    .ekparna-special-row {
        margin-left: 0px;
        padding-left: inherit;
        padding-right: inherit;
    }

    .ekparna-wrapper {
        height: auto;
        min-height: inherit;
    }

    .derektamasz-details {
        margin-left: 0px;
    }

    .product-derektamasz-btn {
        margin: 25px 0 15px 104px;
        text-align: right;
    }

    .hengerparna-image-mobile {
        margin: 25px auto;
    }

    .product-ekparna-desc {
        padding-right: 0px;
    }

    .derektamasz-details {
        margin-left: 0px;
    }

    .product-gerinc-desc {
        margin-left: 0px;
    }

    .btn-order-small-weak {
        margin: 18px auto;
    }

    .product-derektamasz-btn {
        margin: 0;
    }

    .ekparna-special-row {
        margin-left: 0px;
    }

    .product-gerinc-desc {
        text-align: center;
    }

    .product-image-mobile {
        margin: 10px auto;
    }

    .special-price {
        text-align: center;
    }

    .product-ekparna-desc {
        text-align: center;
    }

    .hengerparna-order-btn {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .product-ekparna-desc.product-derektamasz-desc {
        margin-left: 0px;
        padding-right: 0px;
    }

    .ekparna-order-btn {
        margin: 0 auto;
        width: 100%;
    }

    .teljes-csomag-price {
        margin: -20px 0 0;
    }

    .teljes-special-price {
        margin: -5px auto;
        text-align: center;
        width: 50%;
    }

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

    .section-left-block {
        margin: 17px 0 15px 0;
        max-width: 100%;
        padding: 3px 32px 10px;
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
        min-height: inherit;
    }

    .go-to-article {
        margin-top: 0px;
    }

    .site-index-arrow::before {
        border-color: transparent transparent transparent #ff5858;
        border-style: none;
        border-width: 0;
    }

    .site-index-arrow {
        margin: 10px -15px 20px -21px;
    }

    .navbar li {
        float: left;
        width: 49%;
    }

    .teljes-csomag-btn {
        width: 50%;
    }

    .teljes-order-btn-div {
        width: 100%;
    }

    .first-left-block {
        margin-top: -35px;
    }

    .second-left-block {
        margin-bottom: -25px;
    }

    .separator.second-separator {
        margin: 21px 35px 35px;
    }

    .site-index-left.section-right-block {
        min-height: inherit;
    }
    .nav.navbar-nav {
        margin: 0;
        width: 100%;
    }
    .navbar-nav > li {
        min-width: 161px;
    }
    .navbar-nav > li.brown-menu {
        min-width: 161px;
    }
    .ribbon-header-right {
        margin-right: -15px;
    }
    .ribbon-header-right::after {
        border-width: 0;
    }
    .no-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-map {
        min-height: 165px;
    }
    .more-btn.hidden-xs.hidden-sm {
        display: block !important;
    }

    .more-btn-text {
        margin-top: 0 !important;
    }
    .more-btn-derektamasz {
        margin: 0;
    }
    .col-xs-3.col-sm-5.teljes-order-btn-div {
        margin-top: 13px;
    }
    .static-page {
        padding: 10px;
    }
    .mobile-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .all-in-text-title {
        text-align: center;
        margin-left: 0;
    }

    .all-in-text-subtitle {
        text-align: center;
        margin: 10px 0;
    }
    .mobile-margin {
        margin: 0 auto 20px auto !important;
    }
    .img-responsive.teljes-csomag-product-page-image {
        max-width: 100%;
    }
    .product-full-circle {
        margin-left: -40px;
    }
    .ribbon-text {
        font-size: 19px;
    }
    .img-responsive.hengerparna-bg.align-center {
        display: none;
    }
    .product-circle-right {
        margin-left: -35px;
        padding: 36px 40px 49px 29px;
        width: 322px;
    }
    .product-bottom-item {
        min-height: 185px;
    }
    .order-comment-div {
        margin-top: 25px;
    }
    .shipping-text {
        text-align: left;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .static-page {
        padding: 40px;
    }
    .col-xs-3.col-sm-5.teljes-order-btn-div {
        margin-top: 13px;
    }
    .site-index-left.section-right-block {
        min-height: inherit;
    }

    .ekparna-product-page-teljes-price {
        font-size: 24px;
    }

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

    .header-logo-left {
        padding-left: 2px;
        text-align: left;
        width: 25%;
        float: left;
    }

    .header-right {
        float: right;
        width: 75%;
    }

    .language-switcher {
        padding-right: 2px;
        text-align: right;
    }

    .header-contact {
        text-align: right;
        padding-right: 2px;
    }

    .site-index-arrow::before {
        border-width: 15px 0 15px 25px;
    }

    .special-price {
        font-size: 20px;
    }

    .special-btn {
        font-size: 13px;
        margin-top: -5px;
    }

    .btn-order-small-weak {
        margin: -10px 0 0;
    }

    .special-btn::before {
        border-width: 12px 0 12px 25px;
    }

    .footer-subtitle {
        margin-top: 0px;
    }

    .footer-links > li a {
        font-size: 11px;
    }

    .product-image-mobile {
        margin: 25px auto;
    }

    .product-ekparna-desc {
        padding-right: 0px;
    }

    .derektamasz-details {
        margin-left: 0px;
    }

    .product-gerinc-desc {
        margin-left: 0px;
    }

    .btn-order-small-weak {
        margin: 7px auto;
    }

    .product-derektamasz-btn {
        margin: 0;
    }

    .ekparna-special-row {
        margin-left: 0px;
    }

    .product-gerinc-desc {
        text-align: center;
    }

    .hengerparna-order-btn {
        margin: 0 auto;
        width: 100%;
    }

    .product-ekparna-desc {
        text-align: center;
    }

    .special-price {
        margin: -25px auto;
        width: 100%;
    }

    .product-ekparna-desc.product-derektamasz-desc {
        margin: 0 auto;
        padding-right: 0;
    }

    .ekparna-order-btn {
        margin: 0 auto;
        width: 100%;
    }

    .ekparna-wrapper {
        min-height: inherit;
    }

    .product-desc {
        padding: 0 15px;
        text-align: center;
        max-width: inherit;
        margin-left: 0;
    }

    .product-order-section {
        margin-left: 0px;
    }

    .special-btn {
        margin-left: 20px;
        margin-top: 0;
    }

    .teljes-special-price {
        margin: 0 auto;
        text-align: center;
        width: 50%;
    }

    .ribbon-header-right {
        margin-right: -15px;
    }

    .section-left-block {
        margin: 17px 0 15px 0;
        max-width: 100%;
        padding: 3px 32px 10px;
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
        min-height: inherit;
    }

    .go-to-article {
        margin-top: 0px;
    }

    .site-index-arrow::before {
        border-color: transparent transparent transparent #ff5858;
        border-style: none;
        border-width: 0;
    }

    .site-index-arrow {
        margin: 10px -15px 20px -21px;
    }

    .navbar li {
        float: left;
        width: 33%;
    }

    .first-left-block {
        margin-top: -35px;
    }

    .second-left-block {
        margin-bottom: -25px;
    }

    .separator.second-separator {
        margin: 21px 35px 35px;
    }
    .navbar-nav > li {
        min-width: 160px;
    }
    .navbar-nav > li.brown-menu {
        min-width: 160px;
    }
    .nav.navbar-nav {
        margin: 0;
        width: 100%;
    }
    .footer-title {
        font-size: 12px;
    }
    .footer-subtitle {
        font-size: 12px;
    }
    .footer-details {
        left: 38%;
        top: -73px;
        font-size: 12px;
    }
    .contact-telephone-footer {
        margin-top: 0px;
    }
    .contact-email-footer {
        margin-top: 0px;
    }
    .no-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ribbon-header-right::after {
        border-width: 0;
    }
    .col-xs-3.col-sm-3.teljes-csomag-btn {
        width: 50%;
    }
    .col-xs-3.col-sm-5.teljes-order-btn-div {
        margin-top: 10px;
        width: 100%;
    }
    .product-price {
        margin: 10px 0 10px 38px;
    }

    .all-in-text-title {
        text-align: center;
        margin-left: 0;
    }

    .all-in-text-subtitle {
        text-align: center;
        margin: 10px 0;
    }
    .mobile-margin {
        margin: 0 auto 20px auto !important;
    }
    .more-btn.hidden-xs.hidden-sm {
        display: block !important;
    }

    .more-btn-text {
        margin-top: 0;
    }
    .product-circle-right {
        margin-top: 20px;
    }
    .img-responsive.hengerparna-bg.align-center {
        width: 74%;
    }
    .order-comment-div {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        padding-left: 0;
        padding-right: 0;
        width: 716px !important;
    }

    .footer {
        width: 720px !important;
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav > li {
        min-width: 119px !important;
    }

    .site-index-arrow::before {
        border-width: 15px 0 15px 25px;
    }

    .product-ekparna-desc {
        margin-left: 165px;
    }

    .footer-links > li a {
        font-size: 12px;
    }

    .hengerparna-image-2 {
        margin: -30px 0 0 55px;
    }

    .product-ekparna-desc {
        margin-left: 15px;
    }

    .ekparna-wrapper {
        min-height: inherit;
    }

    .product-ekparna-desc.product-derektamasz-desc {
        margin-left: 40px;
        padding-right: 0;
    }

    .product-derektamasz-btn {
        margin: 15px 0 0 40px;
        text-align: right;
    }

    .ekparna-special-row {
        margin-left: -10px;
    }

    .hengerparna-order-btn {
        margin: 25px 15px 0;
    }

    .product-derektamasz-btn {
        margin: 15px 0 0 15px;
        text-align: right;
    }

    .section-left-block {
        margin: 17px 0 15px 0;
        max-width: 100%;
        padding: 3px 32px 10px;
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 49%, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
        min-height: inherit;
    }

    .go-to-article {
        margin-top: 0px;
    }

    .col-md-4.no-padding {
        padding-right: 11px;
    }

    .first-left-block {
        margin-top: -35px;
    }

    .second-left-block {
        margin-bottom: -25px;
    }

    .separator.second-separator {
        margin: 21px 35px 35px;
    }

    .navbar.navbar-default .container {
        background: rgba(255, 211, 148, 1);
        background: -moz-linear-gradient(top, rgba(255, 211, 148, 1) 0%, rgba(220, 179, 121, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 211, 148, 1)), color-stop(100%, rgba(220, 179, 121, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 211, 148, 1) 0%, rgba(220, 179, 121, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 211, 148, 1) 0%, rgba(220, 179, 121, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 211, 148, 1) 0%, rgba(220, 179, 121, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 211, 148, 1) 0%, rgba(220, 179, 121, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd394', endColorstr='#dcb379', GradientType=0);
    }

    .footer-details {
        font-size: 11px;
    }

    .footer-title {
        font-size: 14px;
    }

    .footer-subtitle {
        margin-top: 0px;
    }

    .footer-details {
        top: -99px;
    }

    .footer {
        width: 100% !important;
    }

    .more-btn.hidden-xs.hidden-sm {
        display: block !important;
    }

    .ribbon-header-right {
        margin-right: -22px;
    }

    .ribbon-header-right::after {
        border-width: 8px 7px 10px 0;
    }

    .more-btn-text {
        margin-top: 0;
    }

    .mobile-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .all-in-text-title {
        text-align: center;
        margin-left: 0;
    }

    .all-in-text-subtitle {
        text-align: center;
        margin: 10px 0;
    }
    .mobile-margin {
        margin: 0 auto 20px auto !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1999px) {
    .container {
        width: 999px !important;
        padding-left: 0;
        padding-right: 0;
    }

    .teljes-csomag-btn {
        width: 25%
    }

    .teljes-csomag-price {
        width: 28%;
    }
}