@media all and (min-width:960px){




body {
    width: 100%;
    height: auto;
    text-align: center;
    font-family: "Times New Roman";
    font-size: 10px;
    font-weight: 100;
    font-style: normal;
}
h1 {
    font-family: "Times New Roman";
    font-size: 3em;
}
h2 {
    font-family: "Times New Roman";
    font-size: 2.8em;
}
h3 {
    font-family: "Times New Roman";
    font-size: 2.4em;
}
h4 {
    font-family: "Times New Roman";
    font-size: 1.8em;
}
h5 {
    font-family: "Times New Roman";
    font-size: 1.6em;
}
h6 {
    font-family: "Times New Roman";
    font-size: 1.4em;
}
p {
    font-family: "Verdana";
    font-size: 1.4em;
    text-align: justify;
}
a {
color: #781a7b;
}
strong {
    font-weight: 700;
}
header {
    width: 100%;
	padding-bottom: 20px;
    display: flex;
    flex-flow: row wrap;
    position: relative;
background-image: url("/netcat_template/template/integral/files/img/header-bg.jpg");
	background-position: left top;
	background-repeat: repeat;
    color: #ffffff;
    border-bottom: 5px solid transparent;
	-moz-border-image: -moz-linear-gradient(left, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	-webkit-border-image: -webkit-linear-gradient(left, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	border-image: linear-gradient(to right, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	border-image-slice: 1;
}

.header-social, #position-a, #position-b, #position-c, #position-d, #position-e, #position-f, #usligi, #restarant, #hotel, #sauna, .slovo, .bludo-line, #footer-top, #footer-kontakt, #debug, #content-position, #uslugi-bottom, #links {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.panorama, .bludo-intro {
    width: 100%;
    box-sizing: border-box;
}
.content {
    width: 93.7%;
    margin: 0 auto;
    box-sizing: border-box;
}
.instagram {
    width: 94.3%;
    margin: 0 auto;
    box-sizing: border-box;
}
.slider {
    width: 100%;
    box-sizing: border-box;
    min-height: 300px;
}
.venki, .social{
    width: 70%;
    margin: 2% auto;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}
.social{
    width: 35%;
    margin: 75px auto;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}
.usluga, .bludo, .social-icon, .footer-menu-left, .footer-logo, .footer-menu-right, .footer-kontakt-left, .footer-kontakt-center, .footer-kontakt-right{
    width: calc(100%/3);
    box-sizing: border-box;
}
.venok1, .venok3{
    width: 25%;
    box-sizing: border-box;
}
.venok2, .foto-bizness, .text-bizness, .bludo-price, .bludo-more, .debug-left, .debug-right {
    width: 50%;
    box-sizing: border-box;
}
.header-right, .header-left {
    width: calc(85%/2);
    box-sizing: border-box;
}
.header-center {
    width: 15%;
    box-sizing: border-box;
}
.header-top {
    width: 100%;
    box-sizing: border-box;
}
.header-bottom{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.logo-slovo {
    width: 17%;
    box-sizing: border-box;
    margin-left: 20%;
}
.slovo-intro {
    width: 40%;
    box-sizing: border-box;
    margin-right: 20%;
    margin-left: 3%;
}
.footer-menu-left, .footer-menu-left {
    width: 40%;
    box-sizing: border-box;
}
.footer-logo {
    width: 20%;
    box-sizing: border-box;
}
.bludo {
    width: 27%;
    margin: 10px auto;
    min-width: 200px;
}
footer {
    width: 100%;
    color: #ffffff;
    background-image: url("/integral/img/footer-bg.jpg");
    background-position: center 90%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}
.restoran-bottom, .hotel-bottom, .sauna-bottom {
    width: calc(100%/3);
    box-sizing: border-box;
}
#header-top-phone, .menu-tab, .venki-mob, .slider-mob, #footer-kontakt-ph {
	display: none;
}
}




@media (min-width: 768px) and (max-width: 959px) {
  body {
    width: 100%;
    height: auto;
    text-align: center;
    font-family: "Times New Roman";
    font-size: 10px;
    font-weight: 100;
    font-style: normal;
}
h1 {
    font-family: "Times New Roman";
    font-size: 3em;
}
h2 {
    font-family: "Times New Roman";
    font-size: 2.8em;
}
h3 {
    font-family: "Times New Roman";
    font-size: 2.4em;
}
h4 {
    font-family: "Times New Roman";
    font-size: 1.8em;
}
h5 {
    font-family: "Times New Roman";
    font-size: 1.6em;
}
h6 {
    font-family: "Times New Roman";
    font-size: 1.4em;
}

p {
    font-family: "Verdana";
    font-size: 1.4em;
    text-align: justify;
}
a {
color: #781a7b;
}
strong {
    font-weight: 700;
}

    header {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        position: relative;
        background-image: url("/netcat_template/template/integral/files/img/header-bg.jpg");
	background-position: left top;
	background-repeat: repeat;
        color: #ffffff;
		padding-bottom: 20px;
    border-bottom: 5px solid transparent;
	-moz-border-image: -moz-linear-gradient(left, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	-webkit-border-image: -webkit-linear-gradient(left, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	border-image: linear-gradient(to right, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	border-image-slice: 1;
    }


    .header-social, #position-a, #position-b, #position-c, #position-d, #position-e, #position-f, #usligi, #restarant, #hotel, #sauna, .slovo, .bludo-line, #footer-top, #footer-kontakt, #debug, #content-position, #uslugi-bottom, #links {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }

    .menu-tab, .panorama, .bludo-intro, .venok2 {
        width: 100%;
        box-sizing: border-box;
    }
    .content {
        width: 93.7%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .instagram {
        width: 94.3%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .slider {
        width: 100%;
        box-sizing: border-box;
    }
    .venki-mob, .social{
        width: 70%;
        margin: 2% auto;
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }
    .social{
        width: 35%;
        margin: 75px auto;
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }
    .usluga, .bludo, .social-icon, .footer-menu-left, .footer-logo, .footer-menu-right, .footer-kontakt-left, .footer-kontakt-center, .footer-kontakt-right{
        width: calc(100%/3);
        box-sizing: border-box;
    }
    .venok1, .venok3, .foto-bizness, .text-bizness, .bludo-price, .bludo-more, .debug-left, .debug-right {
        width: 50%;
        box-sizing: border-box;
    }
    .header-right, .header-left {
        width: calc(80%/2);
        box-sizing: border-box;
    }
    .header-center {
        width: 20%;
        box-sizing: border-box;
    }
    .header-top {
        width: 100%;
        box-sizing: border-box;
    }
    .logo-slovo {
        width: 22%;
        box-sizing: border-box;
        margin-left: 15%;
    }
    .slovo-intro {
        width: 45%;
        box-sizing: border-box;
        margin-right: 15%;
        margin-left: 3%;
    }
    .footer-menu-left, .footer-menu-left {
        width: 35%;
        box-sizing: border-box;
    }
    .footer-logo {
        width: 30%;
        box-sizing: border-box;
    }
    .bludo {
        width: 40%;
        margin: 20px auto;
        min-width: 200px;
    }
    footer {
        width: 100%;
        color: #ffffff;
        background-image: url("/integral/img/footer-bg.jpg");
        background-position: center 90%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }
    .restoran-bottom, .hotel-bottom, .sauna-bottom {
        width: calc(100%/3);
        box-sizing: border-box;
    }
#header-top-phone, .header-bottom, #restarant, #hotel, #sauna, .venki, .slider-mob, #footer-kontakt-ph {
	display: none;
}
}



@media (max-width: 768px) {
  body {
    width: 100%;
    height: auto;
    text-align: center;
    font-family: "Times New Roman";
    font-size: 10px;
    font-weight: 100;
    font-style: normal;
}
h1 {
    font-family: "Times New Roman";
    font-size: 2.6em;
}
h2 {
    font-family: "Times New Roman";
    font-size: 2.4em;
}
h3 {
    font-family: "Times New Roman";
    font-size: 2.0em;
}
h4 {
    font-family: "Times New Roman";
    font-size: 1.6em;
}
h5 {
    font-family: "Times New Roman";
    font-size: 1.3em;
}
h6 {
    font-family: "Times New Roman";
    font-size: 1.1em;
}
p {
    font-family: "Times New Roman";
    font-size: 1.2em;
    text-align: justify;
}
a {
color: #781a7b;
}
strong {
    font-weight: 700;
}

    header {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        position: relative;
        background-image: url("/netcat_template/template/integral/files/img/header-bg.jpg");
	background-position: left top;
	background-repeat: repeat;
        color: #ffffff;
		padding-bottom: 20px;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
    border-bottom: 5px;
	-moz-border-image: -moz-linear-gradient(left, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	-webkit-border-image: -webkit-linear-gradient(left, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	border-image: linear-gradient(to right, #7b6860 10%, #d5b9a1 30%, #867168 50%, #d5b9a1 70%, #7b6860 90%);
	border-image-slice: 1;
    }


    #header-top-phone, .header-social, #position-a, #position-b, #position-c, #position-d, #position-e, #position-f, #usligi, #restarant, #hotel, #sauna, .slovo, .bludo-line, #footer-top, #debug, #content-position, #uslugi-bottom {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }

    .bludo-intro, .venok2 {
        width: 100%;
        box-sizing: border-box;
    }
    .content {
        width: 93.7%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .instagram {
        width: 94.3%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .slider-mob {
        width: 100%;
        box-sizing: border-box;
    }
    .venki-mob, .social{
        width: 70%;
        margin: 2% auto;
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }
    .social{
        width: 70%;
        margin: 50px auto;
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }
    .usluga, .bludo, .social-icon {
        width: calc(100%/3);
        box-sizing: border-box;
    }
    .header-menu-phone, .header-nomber-phone, .foto-bizness, .text-bizness, .bludo-price, .bludo-more, .debug-left, .debug-right {
        width: 50%;
        box-sizing: border-box;
    }
    .header-center, .venok1, .venok3, #footer-kontakt-ph, .footer-kontakt-phcon{
        width: 100%;
        box-sizing: border-box;
    }
    .header-bottom{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .logo-slovo {
        width: 22%;
        box-sizing: border-box;
        margin-left: 15%;
    }
    .slovo-intro {
        width: 90%;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .footer-menu-left, .footer-menu-left {
        width: 30%;
        box-sizing: border-box;
    }
    .footer-logo {
        width: 40%;
        box-sizing: border-box;
    }
    .bludo {
        width: 90%;
        margin: 20px auto;
    }
    footer {
        width: 100%;
        color: #ffffff;
        background-image: url("/integral/img/footer-bg.jpg");
        background-position: center 90%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }
    .restoran-bottom, .hotel-bottom, .sauna-bottom {
        width: 100%;
		margin: 10px 0;
        box-sizing: border-box;
    }
  .header-right, .header-left, .menu-tab, .slider, #restarant, #hotel, #sauna, .venki, .panorama, #footer-kontakt {
	display: none;
}
}