@media only screen and (max-width:1200px){body{overflow-y:auto;overflow:-moz-scrollbars-vertical;}
    header{width:100%;max-width:977px;margin-top:40px;}
    #menu li a{padding:7px;font-size:15px;}
    #menu li img{height:18px;}
    #menu ul{height:40px;position:relative;top:-2px;}
    #menu,footer{height:40px;}
}
@media only screen and (max-width:960px){body{background:#222222;}
    header{height:auto;}
    header div img{max-width:150px !important;}
    header h1{width:80%;}
    #menu li a{padding:12px 4px;font-size:13px;}
    #menu li img{height:23px;}
    .oblibene p{width:67%;}
    footer{font-size:13px;}
}

@media only screen and (max-width:1030px){.reklamaindex {
    max-width: 150px;
}
}


@media only screen and (max-width:870px){.cenik{width:100% !important;float:none;}
    .cenik li{width:75% !important;padding:0px 10px;font-size:14px;margin:0 0 20px 0px;line-height:40px;}
    .cenik li:nth-child(2){width:25% !important;padding:0;}
    
    .reklamaindex {
        display:none;
    }
    
    .reklamaindexmobile {
        display: block;
        max-width: 100%;
        position: relative;
        left: 0px;
        top: 0px;
        margin-bottom: 15px;
    }
    
    .index .reklamaindexmobile a {
        color: #728800;
        margin: 0px auto;
        height: auto;
        background: none;
        padding: 0 0 10px 0;
    }
    
    
    .index .reklamaindexmobile button {
        float: none;
        background: #728800;
        border: none;
        padding: 10px;
        margin: 20px auto;
        text-align: center;
        font-weight: 700;
        color: #fff;
    }
    
    
}
@media only screen and (max-width:750px){header div img{display:none;}
    header h1{width:100%;}
    .oblibene{width:100%;height:50px;margin:10px 0px 0px 0px;}
    .oblibene img{height:100%;width:auto;}
    .oblibene p{width:88%;padding:0px;margin:10px auto;}
    .team{width:75%;}
}
@media only screen and (max-width:550px){body,input,textarea,button,select{font-size:16px;}
    header h1,.content h2,.masaze figure h2{font-size:24px;}
    .content h3{font-size:20px;}
    .masaze,.rady{width:100%;}
    .viewbox-header{font-size:20px;}
    .col-md-3{padding:1px;}
    .oblibene p{width:86%;font-size:12px;margin:17px auto;padding:0px 5px;}
    .team{width:90%;}
    .cenik li{width:100% !important;margin:0;}
    .cenik li:nth-child(2){width:90px !important;float:right;margin-bottom:20px;}
}
@media only screen and (max-width:480px){
    body,input,textarea,button,select{font-size:14px;}
    header {
        margin-top: 72px;
        height:auto;
    }
    
    header div {
        position: relative;
        top: 0;
    }
    
    
    #menu{
        height: 72px;
    }
    #menu ul{height:80px;top:0px;}
    #menu li{height:auto;}
    #menu li:first-child{width:100%;}
    #menu .logo{padding:0px;}
    #menu li a {
        padding: 7px 5px;
        font-size: 11px;
        margin: 2px 0;
    }
    #menu li  {
        width:23%;
    }
    #menu li img{height:30px;}
    header h1,.content h2,.masaze figure h2{font-size:20px;}
    .thumbnail{width:300px;}
    .box,.konopi{width:150px;margin:5px 0px 5px 10px;padding:5px;}
    .konopi span{font-size:15px;padding:2px 0px;top:20px;}
    .konopi b{font-size:10px;}
    .team{width:96%;}
    .mhd{line-height:1.75;padding:20px 0px 5px 0px;}
    .mhd li{padding:0 0 10px 0px;}
    .mhd ul{padding:0px 0px 0px 15px;}
    footer{font-size:7px;height:auto;}
    footer i{padding:0 5px;font-size:7px !important;}
}
@media only screen and (max-width:380px){.index h1{font-size:16px;}
    .index h1 b{font-size:30px;}
    .index h2{font-size:13px;}
    .index h2 span{font-size:11px;}
}
@media only screen and (max-width:320px){.index button{margin:10px 10px 0 0;}
}