/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.s20 .otzyv,.s3 .content, .s9 .content, .s10 .content, .s19 .content,.s18 img {
    width: 100%;
}
.offer .buttons button {
    width: 95%;
}
.s18 img {
    margin-top: -25px;
}
.s17 .item {
    min-height: 520px;
}
.s16 .img {
    top: 13%;
}
.s13 .item {
    min-height: 210px;
}
.s8 .item {
    width: 23%;
}
.s7 .container {
    padding: 0 8%;
}
h1 {
    font-size: 50px;
}
.s1 p {
    font-size: 14px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.s1 {
    background-position: center left;
}
.offer .buttons,.s5 iframe,.s11 .items {
    width: 100%;
}
.s2 .row,.s12 .row {
    margin-bottom: 0;
}
.s2 .items,.s6 img,.s12 .row p,.s14 .item,.s17 .item{
	margin-bottom: 30px;
}
h2 {
    font-size: 25px;
}
.s6 img,.s18 img {
    width: 50%;
}
.s7 .container {
        padding-right: 15px;
    padding-left: 15px;
}
.s8 h2, .s10 h2, .s13 h2 {
    line-height: 1.7;
}
.s8 .item {
    width: 31%;
}
button {
    width: 60%;
}
.s9 .fon, .s10 .fon h3, .s18 .fon h3,.s9 .content h4 {
    font-size: 23px;
}
.s13 .item,.s17 .item,.s12 p {
    min-height: initial;
}
.s16 .img {
    top: 31%;
    right: 5%;
    left: inherit;
    width: 35%;
}
.s17 hr {
    width: 40%;
}
.s18 .mob{
	display: block;
}
.s18 .desk{
	display: none;
}
footer {
    text-align: center;
}
.s13 h2 br{
	display: none;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .offer .price {
        font-size: 40px;
    }
    .offer .oldprice {
        font-size: 23px;
    }
    .s16 .img {
        top: 38%;
    }
    .s8 .more{
    	height: 65px;
    }
    .s7 img{
    	width: 40%;
    }
    .s7 .mob{
    	display: block;
    }
    .s7 .desk{
    	display: none;
    }
    .slick-prev {
        left: 0;
        z-index: 999;
    }
    .slick-next {
        right: 0;
        z-index: 999;
    }
    .s8 .more1, .s8 .more2, .s8 .more3 {
        height: 45px;
    }
}
@media only screen and (max-width : 600px) {
.offer .buttons div {
    margin-bottom: 40px;
}
.s3 h3, .s7 h3, .s13 h4 {
    line-height: 1.5;
}
.s5 iframe {
    height: 315px;
}
.s8 h2 br,.s13 h4 br{
	display: none;
}
h2 {
    font-size: 21px;
}
.s9 .fon, .s10 .fon h3, .s18 .fon h3,.s15 .item,.offer .buttons div {
    width: 100%;
}
.s20 .oblako {
    margin-left: 0;
}
.partners img {
    width: 65%;
}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
h1 span:before{
    height: 5px;
    bottom: 1px;
}
h2 span:before{
    height: 5px;
    bottom: -2px;
}

button, input[type='submit'] {
    height: 50px;
    font-size: 17px;
}
.accordion .title_block {
    padding: 20px 0 20px 70px;
}
.accordion .info {
    padding: 20px;
}
.s1 {
    text-align: center;
}
.offer_new {
    width: 70%;
    margin: auto;
}
.s4 img{
    width: auto;
}
.s5 .frame{
    width: auto;
}
.s6 img, .s18 img {
    width: 80%;
}
.s16 .img{
	display: none;
}
.s11 h3 {
    font-size: 20px;
    line-height: 45px;
}
.s3 .content, .s9 .content, .s10 .content, .s19 .content {
    padding: 15px;
}
.s10 h2 br, .s9 h2 br,.s7 h3 br,.s7 h2 br,.s8 h2 br, .s12 h2 br{
	display: none;
}
.s8 .item {
    width: auto;
}
.s7 .num {
    font-size: 46px;
}
.s7 h2{
	line-height: 1.8;
}
.s5 iframe {
    height: 250px;
}
h1 {
    font-size: 40px;
}
.logo {
    max-width: 150px;
    margin-bottom: 60px;
}
.s7 .row {
    padding: 20px;
}
.s16 .item p{
	padding-top: 0;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 380px) {
h1 {
    font-size: 32px;
}

.s2 .items div {
    width: 70%;
}

.offer_new {
    width: 70%;
    margin: auto;
}
.s7 img {
    width: 75%;
}
.s8 .more {
    height: 55px;
    width: 70%;
}
.s9 .fon, .s10 .fon h3, .s18 .fon h3, .s9 .content h4 {
    font-size: 19px;
}
.s11 h3 {
    line-height: 36px;
}
.accordion .title_block {
    padding: 20px 0 20px 45px;
}
.accordion .title_block:before{
	left: 15px;
}
}
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1920px) {

}