@media only screen and (max-width:1200px){
    .rev img{
        position:absolute;
        left:0;
        top:0
    }
    .rev{
        position:relative;
        padding-left:40px;
        padding-bottom:7px
    }
}
@media only screen and (min-width:1200px){
    .rev img{
        position:absolute;
        left:0;
        top:0
    }
    .rev{
        position:relative;
        padding-left:40px;
        padding-bottom:7px
    }
}
@media only screen and (max-width:992px){
    #hello-about p,#hello-about li,#about-brands p,#about-brands li{
        text-align:left
    }
    #menu-k{
        display:none
    }
    #tizf-menu a{
        margin-right:0
    }
    #tizf-menu ul{
        margin:1.2em .3em 0 0
    }
    #reas-list{
        padding:0
    }
    #reas-list p{
        width:49%;
        padding:0;
        padding-left:1em
    }
    #process ul{
        background:0
    }
    .col-2{
        width:30%;
        margin-left:4%
    }
    #wm-for{
        text-align:center
    }
    #wm-for li{
        width:32%;
        text-align:center;
        float:none;
        display:inline-block;
        vertical-align:top
    }
    #wm-for a{
        min-height:80px
    }
    #wm-for img{
        max-width:230px;
        margin-top:-40px;
        float:none
    }
    #wm-for-hol{
        text-align:center
    }
    #wm-for-hol li{
        width:32%;
        text-align:center;
        float:none;
        display:inline-block;
        vertical-align:top
    }
    #wm-for-hol a{
        min-height:80px
    }
    #wm-for-hol img{
        max-width:230px;
        margin-top:-40px;
        float:none
    }
    #wm-for-tv{
        text-align:center
    }
    #wm-for-tv li{
        width:32%;
        text-align:center;
        float:none;
        display:inline-block;
        vertical-align:top
    }
    #wm-for-tv a{
        min-height:80px
    }
    #wm-for-tv img{
        max-width:230px;
        margin-top:-40px;
        float:none
    }
    #price-phone{
        font:160%/1 Nerissemibold
    }
    #price-phone span{
        font:53%/1 Nerislight
    }
    #text-ra{
        font-size:50%;
        margin-top:2em
    }
}
@media only screen and (max-width:800px){
    #products span{
        font-size:90%
    }
    #tiz-ra{
        height:auto;
        padding-bottom:20px
    }
    #tiz-ra img{
        display:none
    }
    #tiz-ra h1{
        float:none;
        width:100%;
        margin-top:.5em
    }
    #tiz-ra p{
        float:none
    }
    .i-wrpt img{
        float:none;
        width:100%
    }
    .i-wrpt .wrp-text>*{
        float:none
    }
    .i-wrpt .wrp-text{
        width:100%;
        padding:20px 0
    }
    .i-rmo{
        padding:.4em 2em .4em 2em
    }
    .i-errors img{
        float:none;
        width:100%
    }
    .i-errors .wrp-text>*{
        float:none
    }
    .i-errors .wrp-text{
        width:100%;
        padding:20px 0
    }
    .i-errors .wrp-text .i-rmo-errors{
        padding:5px
    }
    #price-phone{
        font:155%/1 Nerissemibold
    }
    #price-phone span{
        font:53%/1 Nerislight
    }
    #tizf-p{
        width:100%
    }
}
@media only screen and (max-width:768px){
    body{
        text-align:center
    }
    #products li{
        width:50%
    }
    #products span{
        font-size:120%;
        text-align:left;
        width:50%
    }
    #tizf-menu ol,#tizf-menu ul{
        font-size:115%;
        margin-top:1em
    }
    #process ul{
        font-size:95%
    }
    #reasons{
        padding:0 0 2em 0;
        text-align:left
    }
    #reas-h{
        margin:0 0 1em 0
    }
    #reviews{
        padding-bottom:4em
    }
    #tizf-h1{
        margin:0 auto
    }
    #tizer-main{
        text-align:center
    }
    #tizf-phone{
        float:none;
        margin-left:auto;
        margin-right:auto
    }
    #tizf-phone>span{
        float:none;
        display:block
    }
    #brands{
        padding:1em 0 1em 0
    }
    #brands li{
        width:16.66%
    }
    #about-brands{
        padding:20px 0
    }
    #about-brands img{
        float:none;
        margin:0 auto;
        display:block
    }
    .brands-wrap{
        width:100%
    }
    #ask-br{
        float:none;
        text-align:center;
        margin-bottom:10px
    }
    #ask-br>span{
        float:none
    }
    #ask-phone{
        width:100%;
        text-align:center
    }
    #footer-wrap-1{
        float:none;
        width:100%;
        text-align:center
    }
    #breadcrumbs li,#breadcrumbs li:after{
        display:none
    }
    #breadcrumbs li:first-child{
        display:inline;
        background:url(../img/home.png) no-repeat;
        padding-left:1.5em
    }
    #firma{
        float:none;
        display:block;
        text-align:center
    }
    #footer-wrap-2{
        float:none;
        width:100%;
        text-align:center
    }
    #doc{
        float:none
    }
    #hello-about{
        padding:1em 0 3em 0;
        text-align:center
    }
    #hello-about img{
        margin:0 auto;
        float:none
    }
    #grub-consult{
        padding:20px 0
    }
    #grub-consult img{
        display:none
    }
    #gc-wrp{
        float:none;
        margin:0 auto;
        left:auto;
        width:100%
    }
    #wm-for,#wm-for-hol{
        margin-bottom:2em
    }
    #price{
        padding-bottom:2em
    }
    #price table{
        width:100%;
        float:none;
        text-align:left
    }
    #price td{
        padding:5px
    }
    #price-wrap>*{
        float:none;
        clear:both
    }
    #price-wrap{
        float:none;
        margin:0 auto;
        width:100%;
        text-align:center
    }
    #price .btn{
        width:50%;
        display:block;
        margin:0 auto
    }
    #price p{
        margin:2em 0 .4em 0
    }
    #price-phone{
        font:220%/1 Nerissemibold
    }
    #price-phone span{
        margin-bottom:10px
    }
    #process{
        padding-bottom:3em
    }
    #reviews h2{
        float:none;
        margin-bottom:10px
    }
    #reviews #btn-add-review{
        float:none
    }
    .review{
        margin-top:20px
    }
    .review>*{
        float:none
    }
    .review p{
        float:none;
        width:100%;
        margin:0 auto
    }
    .rev img{
        float:none
    }
    .rev{
        float:none;
        display:inline-block
    }
    .rev-date{
        display:block;
        float:none;
        text-align:left
    }
    #companies{
        text-align:center
    }
    .firm-item{
        width:32%;
        margin:0 0 5px .5%;
        padding-left:2px;
        padding-right:2px
    }
    .request-call{
        width:80%;
        left:auto;
        margin:0 auto;
        float:none
    }
    .request-call-2{
        width:80%;
        float:none;
        left:auto;
        margin:0 auto
    }
    .request-call-2 p{
        width:100%
    }
    .request-call-2:before,.request-call-2:after,.request-call:before,.request-call:after{
        content:" ";
        display:table
    }
    .request-call-2:after,.request-call:after{
        clear:both
    }
    .rq-wrap .wrap-review{
        width:80%
    }
    #text-ra{
        margin-top:4em
    }
    .request-call-2 .inp{
        width:55%;
        margin:0 1em 2em 1em
    }
}
@media only screen and (max-width:700px){
    .firm-item{
        width:80%;
        float:none;
        margin:0 auto 10px auto
    }
    #reas-list{
        font-size:95%
    }
}
@media only screen and (max-width:600px){
    #products span{
        font-size:110%;
        width:45%
    }
    #hello-about img,#about-brands img{
        margin:0 auto;
        float:none;
        max-width:287px
    }
    #reas-list{
        padding:0;
        text-align:center;
        float:none
    }
    #reas-list p{
        width:49%;
        padding:0;
        display:inline-block;
        float:none;
        vertical-align:top
    }
    #reas-list b{
        font:120%/1 Nerissemibold
    }
    #reas-list p{
        font-size:90%;
        margin-bottom:20px
    }
    #reas-list img{
        float:none
    }
    #reas-list p:last-of-type{
        margin-bottom:0
    }
    #reas-list span{
        display:none
    }
    #wm-for a{
        font-size:90%;
        margin:0 0 3em 0
    }
    #wm-for-hol li{
        font-size:90%
    }
    #wm-for-tv li{
        width:49%
    }
    #process ul li>*{
        float:none
    }
    #process ul li{
        width:49%;
        display:inline-block;
        float:none;
        margin-bottom:20px;
        padding:0;
        vertical-align:top
    }
    #process ul p{
        font-size:90%
    }
    #process ul li i{
        font:140%/1 Nerissemibold
    }
    #process ul li:last-of-type{
        margin-bottom:0
    }
    #process ul li .btn{
        display:block;
        width:100%;
        margin:10px auto 0 auto
    }
    .firm-item{
        width:93%;
        height:auto;
        padding-right:10px;
        padding-left:10px
    }
    #more-firms{
        text-align:center
    }
    #mf-btn{
        width:80%;
        margin:0 auto;
        display:block;
        float:none
    }
    .col-1{
        width:65%;
        margin:0 auto 20px auto;
        float:none
    }
    .col-2{
        width:65%;
        margin:0 auto 20px auto;
        float:none
    }
    #pre-footer{
        display:none
    }
    .phone{
        backface-visibility:hidden;
        transform:translateZ(0);
        -webkit-transform:scale(0.8,0.8);
        transform:scale(0.8,0.8);
        bottom:50px;
        right:50px
    }
    .phone:hover{
        backface-visibility:hidden;
        transform:translateZ(0);
        -webkit-transform:scale(0.8,0.8);
        transform:scale(0.8,0.8);
        bottom:50px;
        right:50px
    }
    #ask span em{
        font:45%/1 Nerislight
    }
    #ch-sec,#ch-bt,#ch-cit{
        width:100%
    }
    #ch-cit{
        margin-top:15px
    }
    .request-call,.request-call-2{
        width:95%
    }
    .request-call-2 input,.request-call-2 .inp{
        float:none;
        width:70%;
        margin:0 auto 10px auto
    }
    .request-call-2 .btn{
        width:70%
    }
    .request-call-2 p{
        font:140%/1.2 Nerislight
    }
    #price td:last-child{
        width:105px
    }
}
@media only screen and (max-width:480px){
    #products{
        margin:1em 0 0 0
    }
    #products span{
        font-size:85%;
        width:43%
    }
    #brands{
        padding:.7em 0 .7em 0
    }
    #brands li{
        width:25%
    }
    #tizf-bg{
        right:-100em
    }
    #tizf-phone{
        width:100%;
        font:177%/1 Nerissemibold
    }
    #ask-phone{
        font:190%/0.75 Nerissemibold
    }
    #price-phone{
        font:190%/1 Nerissemibold
    }
    #plus{
        padding:1em 0 0 0
    }
    #plus p{
        margin-top:.3em
    }
    #plus ul{
        width:100%;
        float:none
    }
    #plus li{
        width:32%;
        padding:0;
        display:inline-block;
        vertical-align:top;
        float:none;
        margin-bottom:20px;
        font-size:85%
    }
    #plus li img{
        float:none;
        width:75%
    }
    #plus li b{
        float:none;
        display:block;
        font-size:100%
    }
    #hello-about{
        padding:20px 0
    }
    #gc-board input{
        width:80%;
        float:none;
        margin:0 0 10px 0
    }
    #gc-board .btn{
        width:80%;
        float:none
    }
    .request-call-2 .inp,.request-call-2 .btn{
        width:90%
    }
    #wm-for li,#wm-for-hol li{
        font-size:82%
    }
    #ask span,#ask2 span{
        font:190%/0.4 Nerissemibold
    }
    #reas-h,#proc-h,.wm-h2{
        font-size:220%
    }
    #gc-h{
        font-size:150%
    }
}