@media screen and (max-width: 960px){
    .obsah_pic {
        max-width:100%;
    }

    .std h2 {
        text-align:center;
    }

    .real_projs .links .link:first-child {
        margin-left:13px;
    }

    .real_projs {
        height:auto;
    }
    #hlavicka_grafika {
        height:auto;
    }

    #hlavicka_grafika .static_clanek {
        top:0;
        padding-top:10px;
    }
    #hlavicka_icons {
        display:none;
    }
    .facebook-like {
        display:none;
    }
    .std .obrazek_doprava {
        width:auto !important;
        max-width:100%;
    }
    #stred .cat_classic_detail .popis_zbozi .popis {
        float:none;
    }
    img {
        float:none !important;
        padding:0 !important;
        margin:0 auto !important;
    }
    .zvyraznit_text {
        text-align:center !important;
    }
    .lmenu li {
        text-align:left;
    }
    a.odkaz_otaznik,
    .std .lmenu li{
        background:transparent url(media/images/grey_butt_mob.jpg) left top no-repeat;
    }
    a.odkaz_otaznik:hover {
        background-position-x: -399px;
    }

    .std .lmenu li.butt_architekt:hover, .std .lmenu li.butt_architekt.active {
        background-position:-399px -46px;
    }

    .std .lmenu li.butt_doporuc:hover, .std .lmenu li.butt_doporuc.active {
        background-position:-399px -138px;
    }

    .std .lmenu li.butt_splatky:hover, .std .lmenu li.butt_splatky.active, .std .lmenu li.pol2:hover, .std .lmenu li.pol2.active {
        background-position:-399px -92px;
    }

    .std .lmenu li.butt_koupelny:hover, .std .lmenu li.butt_koupelny.active {
        background-position:-399px -184px;
    }

    .std .lmenu li.butt_interiery:hover, .std .lmenu li.butt_interiery.active {
        background-position:-399px -276px;
    }

    .std .lmenu li.butt_kuchyne:hover, .std .lmenu li.butt_kuchyne.active {
        background-position:-399px -230px;
    }

    /*vypnutí default stylů prohlížeče u iOS zařízení*/
    input[type="submit"] {
        -webkit-appearance: none;
    }

    /*skryté prvky v mobilní verzi*/
    .boxy,
    #hlavicka #logo,
    #firstStrip,
    #hw-87kwowifjjowiklsadh666right,
    #footer .socialButtons,
    #cesta,
    .nav,
    #kosik_info,
    #topPanel,
    #firstStrip #hledani_form,
    .header_motiv_text,
    #zahlavi_menu,
    #headerBanner {
        display:none;
    }

    /*Layout*/
    body {
        background:none;
        min-width:100%;
    }

    .stred_no_cesta,
    .container_24,
    .container_24 .grid_24 {
        width:100%;
        padding:0px;
    }

    .lmenu {
        margin:0 auto;
        width:100% !important;
        max-width: 400px;
    }

    .std h3,
    .std p,
    .home .layout_data tr td:first-child,
    .home .std table.layout_data,
    #novinky_stred .utitle, #novinky_stred2 .utitle, .list_akce .utitle,
    .col_prave_menu .stred_leva,
    .noLeftCol.col_prave_menu #stred,
    .noLeftCol.no_prave_menu #stred,
    .noLeftCol.noRightCol #stred {
        width:100% !important;
        padding:0px;
        font-size:100%;
    }

    #leve_menu.std.notHpLp .lmenu,
    #footerWrap .patka_iniv_in table tr td:first-child,
    iframe,
    .std .block_white,
    #hlavicka_grafika .static_clanek .obsah_wrap,
    .real_projs,
    .home #stred,
    #hlavicka_grafika,
    .kosik #stred,
    #leve_menu,
    #stred {
        width:90% !important;
         padding:0 5%!important;
    }

    .std .block_white {
        padding:5%!important;
    }

    #hlavicka_grafika,
    #hlavicka_grafika .static_clanek .obsah_wrap {
        padding:0 5%!important;
    }
        /*hlavička*/
    #rev_slider_29_1, #rev_slider_29_1_wrapper,
    #firstStrip,
    #headerBanner,
    #secondStrip,
    #footer,
    .tp-bannershadow.tp-shadow3 {
        width:100%;
        padding:0px;
    }
    .notHome #headerWrap,
    .home #headerWrap {
        height:auto;
        padding-top:60px;
    }

    #hlavicka_grafika .static_clanek {
        position:relative;
        left:auto;
        right:auto;

    }

    #patka_wrap table td,
    table td,
    .layout_data td {
        display:block;
        width:100% !important;
        padding:0 !important;
        clear:both;
        border:0px;

    }
    .forms_base textarea {
        width:90%;
    }
    .layout_data {
        text-align:center;
    }

    #footerWrap .patka_iniv_in table tr td + td {
        width:100% !important;
    }
    #footerWrap .patka_iniv_in table td {
        border-left:0px;
    }

    #hlavicka_icons .plus {
        right:0px !important;
        left:auto;
    }

    .std .real_projs .navi,
    .title_wrap {
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
    }

    .home .layout_data tr td:first-child {
        display:block;
        width:100% !important;
        padding:0 !important;
        clear:both;

    }
    #contentWrap {
        padding-top:30px;
    }
    .grid .block1 .bbody, .grid .block1 .bbody.bck, .grid .block1 > .act, .grid.merged .block1 .bbody, .grid.merged .block1 .bbody.bck, .grid.merged .block1 > .act {
        margin: 0.2em 0.6em;
    }
    .grid.c2 .block2 .bbody, .grid.c3 .block3 .bbody, .grid.c3 .block1.two + .block2 .bbody, .grid.c3 .block2.two .bbody, .grid.c4 .block4 .bbody, .grid.c4 .block1.three + .block2 .bbody, .grid.c4 .block1 + .block2.three .bbody, .grid.c4 .block1.two + .block2 + .block3 .bbody, .grid.c4 .block2.two + .block3 .bbody, .grid.c4 .block3.two .bbody, .grid.c4 .block1.two + .block2.two .bbody, .grid.c5 .block5 .bbody, .grid.c5 .block1.four + .block2 .bbody, .grid.c5 .block2.four .bbody, .grid.c5 .block1.three + .block2 + .block3 .bbody, .grid.c5 .block1.three + .block2.two .bbody, .grid.c5 .block2.three + .block3 .bbody, .grid.c5 .block2.tree .bbody, .grid.c5 .block1.two + .block2.two + .block3 .bbody, .grid.c5 .block3.two .bbody {
        margin: 0.2em 0.6em;
    }

    .grid.c3 .block1 {
        clear:none;
    }

    .block1,
    .block2,
    .block3,
    .block4,
    .block5 {
        width:90% !important;
        padding:5% !important;
    }

    .vypis_data .block1,
    .vypis_data .block2,
    .vypis_data .block3 {
        width:33% !important;
        padding:0px !important;
    }


    #patka_pod .patka_leva,
    #patka_pod .patka_prava {
        width:100% !important;
        padding:0px;
        text-align:center;
    }


    .home #obsah {
        padding-top:0;
    }

    .razeni_count_wrap .icos {
        position:relative;
        bottom:0px;
    }

    /*košík*/
    #dalsi_akce {
        width:96%;
        text-align:center;
    }
    #dalsi_akce .obal_ks label {
        width:73px;
        padding-top:15px;
    }

    .kosik .kos_right {
        width:100%;
    }
    .kosik .platba, .kosik .montaz {
        width:100%;
    }

    .kosik .left,
    .platba,
    .doruceni,
    .doruceni1{
        width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    .kosik .left {
        width:100% !important;
        margin:0;
    }
    .kosik .right {
        width:100% !important;
        margin:0;
    }


    /*Detail produktu */
    #stred .d_obsah_top {
        width:50%;
        padding:0;
    }

    #image_wrap {
        width:50%;
        padding:0;
    }
    .cenaboxleva {
        width:50%;
        padding:0;
    }



    /*Mobilní menu*/
    .buttonToggle {
        color: #ef4019;
        font-weight: bold;
        margin-right: 15px;
        padding-top: 5px;
        cursor: pointer !important;
        width:40px;
        float:right;
        margin-top:14px;
        position:relative;
        z-index:99;
        display:block !important;
        border-left:1px solid #ffffff;
    }

    .buttonToggle span.icon-bar {
        display: block;
        width: 22px;
        height: 4px;
        clear: right;
        border-radius: 1px;
        background: #ef4019;
        float: right;
        margin-bottom: 4px;
    }
    .buttonToggle .nav-text {
        float: left;
        margin-top: 3px;
        margin-left:8px;
    }

    .mob-nav {
        background: #ffffff;
        border-bottom:2px solid #d5382c;
        height:60px;
        display:block;
        width:100%;
        position:fixed;
        top:0px;
        z-index:999999;
    }

    .mob-logo {
        display: inline-block;
        height: 48px;
        margin-top: 0;
        float: left;
        margin-left:10px;
        width:55px;
    }
    .mob-logo #logo{
        max-width:150px;
        min-width:50px;
        height:50px;
        background-size: contain !important;
        margin-top:0px;
        display:block;
    }

    .mob-logo img {
        height: 48px;
    }
    #logo, #logo .logo_block {
        width:55px;
        height:55px;
    }
    .mob-menu {
        display:none;
    }
    .mob-search-btn {
        float:right;
        width:45px;
        height:45px;
        margin-top:7px;
        margin-right:3px;
        background:url(media/images/lupa.png) no-repeat center center;
        border:none;
        text-indent: -99999px;
        cursor:pointer;
    }
    .mob-search {
        background:#ef4019;
        width:100%;
        margin-top:60px;
        height:60px;
        display:none;
    }
    .mob-search #hledani_form {
        width:100%;
        margin:0px !important;
    }

    .mob-search:hover {

    }

    .mob-nav .odkaz_kosik:hover {
        background:transparent url(media/images/kosik.png) no-repeat center center;
    }

    .mob-search form{
        width: 100%;
        margin-top: 12px;
        margin-right:20px;
    }

    .mob-search .section {
        height:45px;
        background-color:#ef4019;
    }
    .mob-search input {
        margin-top:5px;
    }
    .mob-search #q {
        margin-left:10px;
    }
    .mob-nav {
        display: block;
    }

    .mob-nav .odkaz_kosik {
        float:right;
        text-indent: -9999px;
        display:block;
        width:35px;
        height:45px;
        margin-top:7px;
        margin-right:3px;
        background:#ffffff;

    }

    .mob-nav .odkaz_kosik .nazevKosik{
        display:none;
    }

    .mob-nav .odkaz_kosik .icoKosikTop {
        display:none;
    }

    .mob-menu {
        background: #ef4019;
        width: 100%;
        clear: both;
    }

    .mob-menu ul {
        padding: 10px 15px;
    }

    .mob-menu ul li {
        list-style: none;
        border-bottom: 1px solid #ffffff;
    }

    .mob-menu ul li:last-child {
        border: none;
    }

    .mob-menu ul li a, .mob-menu ul li span {
        display: block;
        padding: 8px 15px;
        background: #ef4019;
        color: #fff;
        text-decoration: none;
        position: relative;
        font-size: 120% !important;
    }

    .mob-menu ul li.mob-submenu a {
        padding-right: 35px;
    }

    .mob-menu ul li.mob-submenu a .caret,
    .mob-menu ul li.mob-submenu span .caret {
        display: inline-block;
        height: 100%;
        width: 30px;
        background: #ef4019;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mob-menu ul li.mob-submenu a .caret:hover,
    .mob-menu ul li.mob-submenu span .caret:hover {
        background: #ef4019;
    }

    .mob-menu ul li.mob-submenu a .caret:after, .mob-menu ul li.mob-submenu span .caret:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        border-top: 6px solid #fff;
        position: absolute;
        top: 14px;
        right: 9px;
        width: 0px;
    }

    .mob-menu ul li a:hover, .mob-menu ul li span, .mob-menu ul li.active > a {
        background: #d5382c;
    }

    .mob-menu ul ul {
        display: none;
        padding: 5px 0;
    }

    .mob-menu ul ul li {
        border: none;
    }

    .mob-menu ul ul li a, .mob-menu ul ul li span {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 100%;
    }



    .links {
        clear:both;
    }
    #footerWrap {
        background:#636267 !important;
    }

    #hlavicka_grafika .static_clanek .obsah_wrap {
        background:none;
        height:auto;
    }
    #hlavicka_grafika .static_clanek .obsah_wrap p {
        text-align:center;
    }

    #footerWrap .patka_iniv_in table tr td ul {
        clear:both;
    }

    #hlavicka_icons {
        width:100%;
    }

    .wrap_nextprevios {
        width:100%;
        clear:both;
        padding:0;
        position:relative;
        right:auto;
        top:auto;
    }

    #poptavka_form td{
        display:table-cell !important;
    }

    #footerWrap .patka_iniv_in table tr td:first-child,
    #footerWrap .patka_iniv_in table tr td + td {
        width: 27% !important;
        padding:3%;
        float: left;
        clear: none;
    }
    .std a.odkaz_zeleny {
        width:95% !important;
        padding:0 !important;
        padding-left:5% !important;
    }

    .std .classic_list .polozka,
    .home #stred.std .classic_list .polozka {
        width:100%;
        padding:0;
        text-align:left;
    }
    #stred.std .classic_list .polozka .anotace .obr {
        background-position-x:center;
        padding:0 !important;
        height:auto;
        background:none;
    }

    .popis img,
    #stred .classic_list .anotace .obr img {
        width:100% !important;
        height:auto;
        max-width:100%;
        border:none;
    }

    .forms_base#kontakt_form_wrap textarea {
        width:90% !important;
    }

    .forms_base table {
        width:100%;
    }

    #stred.std .classic_list .polozka .anotace .obr .img_over {
        bottom:0px;
    }

    #stred.std .classic_list .polozka .anotace .obr {
        margin-right:15px;
    }
	.kontakty_page .stred_no_cesta{
		width:100%;
	}
}


@media screen and (max-width: 780px) {
    .classic_list > .cleaner {
        clear:none;
    }
    .butt_obj {
        display:none !important;
    }

    .butt_obj--mobile {
        display: inline-block !important;
    }

    .butt_popt {
        margin-right:0px !important;
    }
    #stred.std .classic_list .polozka.boxItem {
        width:44% !important;
        float:left;
        margin:3%; !important;
        padding:0;
    }

    #stred.std .classic_list .polozka .anotace .obr,
    #leve_menu.std.notHpLp .lmenu {
        width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
        bottom:0px;
        background:none;
    }
    #stred.std .classic_list .polozka .anotace .obr .img_over {
        width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
        bottom:0px !important;
        left:0;
    }
    .real_projs .link {
        width:30%;
        text-align:left;
    }
    #stred.std  .lmenu .classic_list .polozka .anotace .obr img {
        width:auto !important;
    }
}
@media screen and (max-width: 640px) {
    #stred.std .classic_list .polozka .anotace .obr img {
        width:100% !important;
    }
    #stred.std .classic_list .polozka .anotace .obr {
        margin-right:0;
    }

    #stred.std  .lmenu .classic_list .polozka .anotace .obr img {
        width:auto !important;
    }
    .std .classic_list .polozka,
    .home #stred.std .classic_list .polozka {
        width:100%;
        padding:0;
        text-align:center;
    }
    .std .real_projs .title_wrap #fb2{
        position:relative;
        top:auto;
        display:block;
        margin:0 auto;
        margin-bottom:10px;
    }

    .std .real_projs .title_wrap .title {
        display:block;
        text-align:center;
    }
    .kosik_kontakt {
        width:100%;
        text-align:center;
        padding:0 !important;
        clear:both;
        padding-bottom:20px !important;
        padding-top:15px !important;
    }
    .kosik_kontakt span {
        padding:0 !important;
    }
    .w60p,
    .w40p {
        width:100% !important;
    }
    .vypis_data .block1,
    .vypis_data .block2,
    .vypis_data .block3 {
        width:50% !important;
        padding:0px !important;
    }
    /*Detail produktu */
    #stred .d_obsah_top {
        width:100%;
        padding:0;
    }

    #image_wrap{
        width:100%;
    }
    .cenaboxleva {
        width:100%;
        padding:0;
        margin-top:10px;
    }

    #footerWrap .patka_iniv_in table tr td + td {
        width: 50% !important;
        float: left;
        clear: none;
    }
    #stred.std .classic_list .polozka.boxItem {
        width:44% !important;
        float:left;
        margin:3%; !important;
    }

    .link.bwWrapper img {
        width:100% !important;
    }
    .real_projs .link {
        width:30% !important;
        right:0 !important;
        left:auto !important;
    }

}
@media screen and (max-width: 485px) {
    .std .obrazek_doleva {
        max-width:100%;
    }

    #stred.std .classic_list .polozka .anotace .obr,
    #stred.std .classic_list .polozka .anotace .obr img {
        width:100%;
    }
    #footerWrap .patka_iniv_in table tr td:first-child {
        width:90% !important;
        padding:5% !important;
    }
    #stred.std .classic_list .polozka.boxItem {
        width:100% !important;
        float:left;
        margin:0%; !important;
        clear:both;
        height:auto !important;
    }


    .link.bwWrapper img {
        width:100% !important;
    }
    .real_projs .link {
        width:50% !important;
    }

	.kontakty_box .kontakt {
		width:90%;
		padding:5%;
		float:left;

	}
	.form_box {
		margin-bottom:10px;
	}

	.form_box.half{
		width:98%;
		margin-right:2%;
		float:left;
	}
	.form_box.full{
		width:98%;
		margin-right:2%;
		float:left;
		margin-bottom:10px;
	}
}
@media screen and (max-width: 410px) {

    .link.bwWrapper img{
        width:100% !important;
    }
    .real_projs .link {
        width:50% !important;
    }
    .std .real_projs .navi li {
        width:100%;

    }
    .std .real_projs .navi li a {
        text-align:center;
    }

    .std .real_projs .navi li a:hover {
        background:#f6512c;
        padding:0;
        margin:0;
        height:auto;
    }

    .std .obrazek_doleva {
        float:none;
    }
    #admin_lista {
        display:none;
    }
    .dalsi_akce {
        text-align:center;
    }
    .obal_ks {
        width:100%;
    }
    .dalsi_akce input{
        float:none;
        margin-top:10px;
    }
    .filtr_cena.slider_wrapper {
        width:100%;
    }
    .sort.tabs li {
        width:100%;
        border-radius:0px;
        margin:0px;
    }
    .sort.tabs li span,
    .sort.tabs li a{
        width:90%;
        padding:5% 2%;
        border-radius:0px;
        margin:0px
    }
    #stred .razeni_count_wrap div.razeni {
        border-top:0px;
    }
    .w60p,
    .w40p {
        width:100% !important;
    }
    .vypis_data .block1,
    .vypis_data .block2,
    .vypis_data .block3 {
        width:100% !important;
        padding:0px !important;
    }


    #footerWrap .patka_iniv_in table tr td + td {
        width: 100% !important;
        float: left;
        clear: both;
    }

    #stred.std .classic_list .polozka.boxItem {
        width:100%;
        height:auto;
    }
    .real_projs .link,
    .real_projs .links .link,
    .real_projs .links .link:first-child {
        margin-left:0px;
        width:50%;
    }

    .link.bwWrapper img {
        float:left !important;
    }

}