@media only screen and (max-width: 750px) {
            .prod-img-cart {
                max-width: 5em;
            }
            .div-baliky {
                min-height: 0 !important;
                padding-bottom: 85% !important;
            }
            .gnmr {
                margin-top: 1em !important;
                font-size: 1.8em !important;
            }
            .mt-xl-5 {
                margin-top: 0 !important;
            }
            .sizer-compar {
                padding-top: 0rem !important;
            }
            .pytlos {
                max-width: 80% !important;
            }
            .poradna-filter {
                border-right: 0px !important;
                margin-top: 1em;
            }
            .loader {
                top: 30%;
                left: 37%;
            }
            .plemeno-dot-mob {
                left: 2em;
            }
            .mb-5-none {
                margin-bottom: 0em !important;
            }
            .bb-desk-1 {
                border-bottom: 0px solid #f2f2f2;
                padding-top: 0em;
            }
            .pytlos {
                margin-top: 0;
            }
            .icon-why {
                max-height: 4em !important;
            }
            .why-text {
                font-size: 0.9em;
            }
            .veterinar {
                background-size: contain !important;
            }
            .carousel-subtitle {
                font-size: 0.9em !important;
            }
            .poradna-filter b {
                font-size: 1em !important;
            }
            .owl-nav {
                right: 0 !important;
            }
            .slozeni-icons {
                max-width: 1.6em;
                position: absolute;
                left: 4.9em;
                top: 1.2em;
            }
            .mt-mob-2 {
                margin-top: 0.5em;
            }
            .pl-mob-0 {
                padding-left: 0 !important;
            }
            .pr-mob-0 {
                padding-right: 0 !important;
            }
            .pb-xl-5 {
                padding-bottom: 0em !important;
            }
            .stin-pytel {
                opacity: 0.4;
                background: radial-gradient(closest-side, #7a4b66, #7a4b66, #3d182c);
                width: 100%;
                height: 100%;
                margin-top: -1em !important;
                left: 0;
                position: absolute;
            }
            .surovinaNazev {
                display: block !important;
                text-align: left;
            }
            .mb-xl-5 {
                margin-bottom: 0em !important;
            }
            .jak-dog {
                margin-top: -1.2em !important;
            }
            .nadpisSlozeniKrmiva {
                margin-top: 3em !important;
            }
            .navbar-collapse {
                margin-top: 1.5em;
            }
            .poradna-component img {
                top: 9.95em !important;
            }
            #fotka-balik {
                max-width: 2.95em;
                position: absolute;
                top: 5.75em;
                left: 5.1em;
            }
            .ramecek-krmivo-na-miru {
                width: 5.3em;
                position: absolute;
                top: 8.3em;
                display: block;
                z-index: 1000;
                left: 7.2em;
            }
            #ramecek {
                position: absolute;
                top: 36%;
                left: 35%;
                max-width: 31%;
            }
            #fotkapsa {
                position: absolute;
                top: 37.1%;
                left: 37%;
                max-width: 27%;
            }
            .logo {
                max-width: 2.3em !important;
                height: auto;
                width: auto;
                margin-left: 0.5em;
                margin-top: 0.5em !important;
                margin-bottom: 0.4em !important;
            }
            .navbar-brand {
                padding-top: 0em !important;
                padding-bottom: 0em !important;
            }
            .big-links {
                padding-bottom: 1em;
                padding-left: 1.5em !important;
            }
            .hide-xl {
                display: block;
            }
            .sestaveno-balik {
                margin-bottom: 7em !important;
            }
            #foto-pytel-srovnano {
                position: absolute;
                max-width: 4.25em;
                z-index: 9997;
                top: 9.1em;
                right: 8.49em;
            }
            .ramecek-srovnano {
                width: 5em !important;
                right: 8.1em !important;
                top: 8.85em;
                position: absolute;
                z-index: 9998;
            }
            .main-slider h1 {}
            .hide-mob {
                display: none;
            }
            .balik {
                position: relative;
            }
            .mt-mob-7 {
                margin-top: 0.7em !important;
            }
            .balik-3 {
                position: relative;
            }
            .d-xs-none-my {
                display: none !important;
            }
            .main-photo .p-4 {
                padding-top: 0 !important;
            }
            .main-photo .pt-4,
            .main-photo .pt-5 {
                padding-top: 0 !important;
            }
            .main-photo .mt-5 {
                margin-top: 0 !important;
            }
            .triangle {
                display: none;
            }
            .srst-img {
                display: none;
            }
            .krmivo-info {
                display: none !important;
            }
            .farmy {
                background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/farmy.png");
                background-position: center;
                height: 23em;
            }
            .steps-container h2 {
                font-size: 1.2em;
                line-height: 1.45;
                letter-spacing: -1.4px;
            }
            .sub-page-hedline {
                font-family: 'Katahdin Round Regular';
                font-size: 2em;
            }
            .mt-mob-2 {
                margin-top: 0.5em;
            }
            .pohlavi-radio {
                width: 100%;
                margin: 0 !important;
                text-align: left !important;
            }
            .farmy h5 {
                font-size: 2.5em;
            }
            .owl-nav {
                top: -4.4em;
                right: -0.5em !important;
            }
            .preliv {
                display: none;
            }
            .preliv-2 {
                display: none;
            }
            .pl-3 {
                padding-left: 0em !important;
            }
            .pl-5 {
                padding-left: 0em !important;
            }
            .pr-5 {
                padding-right: 0em !important;
            }
            .w-phone-80 {
                max-width: 80%;
                text-align: center;
            }
            .text-mob-right {
                text-align: right !important;
            }
            .text-mob-left {
                text-align: left !important;
            }
            .pl-mob-0 {
                padding-left: 0 !important;
            }
            .pr-mob-0 {
                padding-right: 0 !important;
            }
            .br-1 {
                border-right: 0px solid #f2f2f2 !important;
            }
            .bb-1 {
                border-bottom: 1px solid #f2f2f2 !important;
            }
            .bb-1-mob {
                border-bottom: 1px solid #f2f2f2 !important;
            }
            .bb-bl-1-mob {
                border-bottom: 1px solid #f2f2f2 !important;
                border-left: 1px solid #f2f2f2 !important;
            }
            .bl-1-mob {
                border-left: 1px solid #f2f2f2 !important;
            }
            .play-btn {
                margin-top: 7em;
            }
            .btn-primary {
                margin: 0.1em !important;
                font-size: 0.9em !important;
            }
            .text-mob-left {
                text-align: left !important;
            }
            .text-mob-center {
                text-align: center !important;
            }
            .bootstrap-select .dropdown-menu .show {
                max-width: 18em !important;
            }
            .mob-ml-0 {
                margin-left: 0 !important;
            }
            .mob-mt-0 {
                margin-top: 0 !important;
            }
            .mob-pb-0 {
                padding-bottom: 0 !important;
            }
            .odrazka {
                display: none;
            }
            .main-slider h3 {
                font-size: 1.5em;
            }
            .main-slider button {
                display: inline;
                padding: 0.7em;
                margin: 0.1em;
            }
            #jak-to-funguje button {
                display: inline;
                padding: 0.7em;
                margin: 0.1em;
            }
            .p-5 {
                padding: 2em !important;
            }
        }
        
        @media only screen and (max-width: 1024px) {
            .div-pro-pytel-sestaveno {
                margin-bottom: 1em !important;
            }
            .balik {
                min-width: 100% !important;
            }
            nav li {
                margin-left: 0em;
            }
            .google-rate {
                font-size: 1em;
            }
            .d-xs-none-my {
                display: none !important;
            }
            .main-slider button {
                display: inline;
                padding: 0.7em;
                margin: 0.1em;
            }
            #jak-to-funguje button {
                display: inline;
                padding: 0.7em;
                margin: 0.1em;
            }
            .main-slider h1 {
                margin-top: 1em !important;
            }
            .main-slider h3 {
                font-size: 1.5em;
            }
            .main-slider button {
                display: inline;
                padding: 0.7em;
                margin: 0.1em;
            }
            #jak-to-funguje button {
                display: inline;
                padding: 0.7em;
                margin: 0.1em;
            }
        }
        
        @media only screen and (max-width: 1400px) {
            .dokosiku {
                font-size: 0.95em;
            }
        }
        
        @media only screen and (min-width: 1400px) {}
        /* tablety */
        
        @media only screen and (device-width: 768px) {
            #foto-pytel-srovnano {
                position: absolute;
                max-width: 5em;
                z-index: 99999;
                top: 18em;
                right: 8.9em;
                transform: rotate(358deg);
                border-radius: 8px;
                border: 2px solid white;
            }
            #fotka-balik {
                max-width: 2.2em;
                position: absolute;
                top: 6.7em;
                left: 11.9em;
            }
            .ramecek-krmivo-na-miru {
                width: 5.3em;
                position: absolute;
                top: 8.3em;
                display: block;
                z-index: 1000;
                left: 18.2em;
            }
        }
        /* TABLET - IPAD NORMAL */
        
        @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
            #foto-pytel-srovnano {
                position: absolute;
                max-width: 5em;
                z-index: 99999;
                top: 18em;
                right: 8.9em;
            }
            .stin-pytel {
                z-index: -1;
            }
            .btn-primary {
                margin: 0.1em !important;
                font-size: 0.9em !important;
            }
            .main-slider .btn-primary {
                font-size: 0.9em !important;
            }
            #fotkapsa {
                position: absolute;
                top: 45%;
                left: 38%;
                max-width: 26%;
            }
            #ramecek {
                position: absolute;
                top: 44%;
                left: 36%;
                max-width: 30%;
            }
            .br {
                border: 0px !important
            }
            .bb-1 {
                border: 0px !important
            }
            .bb-1-mob {
                border: 0px !important
            }
            .br-test-1 {
                border: 0px !important
            }
            .poradna-component .btn-primary {
                font-size: 0.9em !important;
            }
            .hide-xl {
                display: none !important;
            }
            #fotka-balik {
                max-width: 2.9em;
                position: absolute;
                top: 5.8em;
                left: 11.7em;
            }
            .text-slozeni {
                font-size: 0.50em !important;
            }
            .ramecek-krmivo-na-miru {
                width: 5.3em;
                position: absolute;
                top: 8.3em;
                display: block;
                z-index: 1000;
                left: 17em;
            }
            .ramecek-srovnano {
                width: 7em;
                right: 8.7em;
                top: 11.7em;
                position: absolute;
                z-index: 99999;
            }
        }
        /* IPAAAAD protaky */
        
        @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
            #foto-pytel-srovnano {
                position: absolute;
                max-width: 5em;
                z-index: 9997;
                top: 10.65em;
                right: 7.25em;
            }
            .produkt-vysledek .number {
                font-size: 0.9em !important;
            }
            .btn-primary {
                margin: 0.1em !important;
                font-size: 0.9em !important;
            }
            .stin-pytel {
                z-index: -1;
            }
            .poradna-component .btn-primary {
                font-size: 0.9em !important;
            }
            .main-slider .btn-primary {
                font-size: 0.9em !important;
            }
            .text-slozeni {
                font-size: 0.65em !important;
            }
            .ramecek-srovnano {
                width: 6em;
                right: 6.75em;
                top: 10.2em;
                position: absolute;
                z-index: 9998;
            }
            #fotka-balik {
                max-width: 2.2em;
                position: absolute;
                top: 6.7em;
                left: 16.8em;
                border-radius: 8px;
            }
        }
        /* Landscape*/
        
        @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
            .text-slozeni {
                font-size: 0.50em !important;
            }
        }
        /* Portrait*/
        
        @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
            .text-slozeni {
                font-size: 0.50em !important;
            }
        }
        
        @media only screen and (max-width: 1000px) {
            .pytel-preview {
                left: 13% !important;
            }
        }
        /* telefon na šířku*/
        
        @media only screen and (min-device-width: 200px) and (max-device-width: 850px) and (orientation: landscape) {
            .mb-5-none {
                margin-bottom: 9em !important;
            }
        }
        
        @media only screen and (max-width: 1200px) {
            .main-slider h1 {
                font-size: 4em;
            }
        }
        
        @media only screen and (max-width: 1000px) {
            .main-slider h1 {
                font-size: 3.5em;
            }
        }
        
        @media only screen and (max-width: 980px) {
            .main-slider h1 {
                font-size: 3em;
            }
            .subtitle-slider {
                font-size: 1.2em !important;
            }
        }
        
        @media only screen and (max-width: 900px) and (orientation:landscape) {
            .div-baliky {
                min-height: 28.5em !important;
                padding-bottom: 0 !important;
            }
        }