body .mobile-menu {
	display:none;
}
body header .hamburger {
	display:none;
}

ul li .menu-collapser {
	display:none !important;
}

/*Main 1160px*/
@media only screen and (max-width: 1160px) {
    html, body {width: auto!important; overflow-x: hidden!important}
	.inner {
		max-width:95%;
	}
    body.sub.contact .col-map {
		margin-left:0px;
		margin-right:0px;
		width:100%;
	}
}

/*Main 992px*/
@media only screen and (max-width: 992px) {
    body .content .contact-section.row2 .col {
        background-image:none;
        padding-left:15px;
    }
    body .content .contact-section.row2 .col2 {
        padding-left:50px;
    }
	body.sub .content .category-toolbar {
        margin-top:0px;
        text-align:left;
        margin-bottom:20px;
    }
    body .grey-banner .col2,
	body .white-banner .col2 {
		display:none;
	}
    body .grey-banner .col1,
    body .white-banner .col1 {
		width:100%;
	}
    body .grey-banner .inner,
    body .white-banner .inner {
		background-image:none;
	}
    body .grey-banner .col:first-child,
	body .white-banner .col:first-child {
    	background: url('../img/banner-img.png') no-repeat 100px center transparent;
    	padding-left: 330px;
	}
	body .content .promo-categories .icon-box {
		flex: 0 0 25%;
		max-width:25%;
	}
	body .content .tx-cart-products .product-item {
		max-width: 50%;
		flex: 0 0 50%;
	}
	body {
		overflow-x:hidden;
	}
    body.sub .content .ce-gallery {
		text-align:center;
	}
    body.sub .content .ce-gallery .ce-column {
		float:none;
		display:inline-block;
		vertical-align:top;
		margin-bottom:15px;
	}
    body.sub.contact .col-map::after {
		left:40%;
	}
    body.home .banner {
		height:660px;
	}

    body.home .banner .content {
		top:200px;
	}

	footer .row1 .col {
		margin-bottom:15px;
		width:33%;
		float:left !important;
	}

    header .inner .logo {
		width:130px;
	}

    header .inner .logo img {
		width:100%;
		height:auto;
	}
}

/*Main 900px*/
@media only screen and (max-width: 900px) {
    body.home .banner {
		height:560px;
	}

    body.home .banner .content {
		top:150px;
	}
    .mobile-menu {
		display:block;
	}

    .mobile-menu {
		width:100%;
	}

	header .menu {
		width:30%;
		position:Relative;
		z-index:50;
		padding-right:15px;
	}

    header .menu .slimmenu li.home {
		display:none;
	}

    header .menu .slimmenu {
		position:absolute;
		z-index:200;
	}

    .regular-menu {
		display:none;
	}
	
	body header .hamburger {
		display:block;
		width:35px;
		height:35px;
		margin-left:auto;
		margin-right:10px;
		margin-top:0px;
		position:relative;
	}	
	header .inner .menu {
		margin-top:15px;
	}
	body.sticky header .sticky .inner .social,
	header .inner .social {
		margin-top:10px;
	}
	body.sticky header .hamburger {
		margin-top:0px;
	}
	body header .hamburger span {
		position:absolute;
		display:block;
		width:100%;
		height:3px;
		left:0px;
		top:6px;
		background-color:white;
		border-radius:5px;
		transition: all 0.2s ease;
	}
	body header .hamburger span + span {
		top:16px;
	}
	body header .hamburger span + span + span {
		top:auto;
		bottom:6px;
	}
	body header .hamburger:hover {
		cursor:pointer;
	}
	body.open-mobile-menu header .hamburger span + span{
		opacity:0;
	}
	body.open-mobile-menu header .hamburger span:last-child {
		opacity:1;
		transform: rotate(-45deg);
		top:15px;
	}
	body.open-mobile-menu header .hamburger span:first-child {
		transform: rotate(45deg);
		top:15px;
	}
	body.open-mobile-menu .mobile-menu {
		z-index:100;
	}
	body .mobile-menu {
		position:fixed;
		height:100%;
		z-index:-1;
		width:100%;
		display:block;
		background-color:rgba(0,0,0,0.4);
		top:110px;
		right:0px;
		overflow:hidden;
		opacity:0;
		transition: all 0.2s ease;
	}
	body .mobile-menu > span:hover {
		cursor:pointer;
	}
	body .mobile-menu > span {
		position:absolute;
		z-index:10;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
	}
	body.open-mobile-menu .mobile-menu .body {
		right:0px;
	}

	html.open-mobile-menu-up,
	body.open-mobile-menu {
		overflow:hidden !important;
	}

	body.open-mobile-menu .mobile-menu{
        opacity:1;
	}
	body .mobile-menu .body {
		position:absolute;
		right:-300px;
		width:300px;
		background-color:#fab613;
		height:100%;
		max-height: calc( 100% - 60px );
		overflow:auto;
		transition: all 0.2s ease;
		z-index:15;
	}
	body.sticky .mobile-menu .body{
		max-height: calc( 100% - 70px );
	}
	body .mobile-menu .body > ul > li > ul,
	body .mobile-menu .body > ul {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	body .mobile-menu .body > ul {
		margin-top:20px;
		list-style:none;
	}
	body .mobile-menu .body > ul > li > ul {
		display:none;
	}
	body .mobile-menu .body > ul > li.open > ul {
		display:block;
	}
	body .mobile-menu .body > ul > li.open > ul > li a {
		color:white;
		font-size:16px;
		border-bottom:1px solid white;
		display:block;
		padding:4px 0 4px 15px;
	}
	body .mobile-menu .body > ul > li {
		padding-left:20px;
		padding-right:20px;
		position:relative;
	}
	body .mobile-menu .body > ul > li.has-sub span {
		display:block;
		width:45px;
		height:25px;
		right:20px;
		top:8px;
		position:absolute;
		background:url('../img/menu-arrow-right.png') no-repeat center center transparent;
		background-size:10px auto;
	}
	body .mobile-menu .body > ul > li.has-sub span:hover {
		cursor:pointer;
	}
	body .mobile-menu .body > ul > li > a {
		font-weight:300;
		color:white;
		font-size:19px;
		padding:5px 0px 5px 0px;
		border-bottom:1px solid white;
		display:block;
	}
	body .mobile-menu .body > ul > li:last-child > a {
		border:0px solid transparent;
	}
	body .mobile-menu .body > ul > li > a:hover {
		text-decoration:none;
	}
	body.sticky .mobile-menu {
		top:70px;
	}	
}

/*Main 800px*/
@media only screen and (max-width: 800px) {	
    footer .row1 {
		text-align:center;
	}

    footer .row1 .col {
        text-align:left;
		margin-bottom:15px;
		width:50%;
		float:none !important;
		display:inline-block;
		vertical-align:top;
	}
}

/*Main 768px*/
@media only screen and (max-width: 768px) {
    header .inner .menu {
        margin-top: 15px;
    }
    header .inner .social .login-button {
        margin-top:17px;
    }
    body .co-hovoria-nasi-klienti h2,
    body .home-new-products h2 {
        font-size: 30px;
        line-height:35px;
    }
    body.login .col1,
    body.login .col2 {
		width:100%;
		border:0px solid transparent;
		padding-left:30px !important;
		padding-right:30px !important;
	}
	body .content .show-categories .show-categories__item {
		max-width: 50%;
		flex: 0 0 50%;
	}
	header .inner .logo  {		
		text-align:left;
	}

    header .inner .logo img {
		max-width:250px;
	}

    header .inner {
		padding:5px 0 5px 0;
	}

    header .inner .social,
    header .inner .menu {
		/*margin-top:10px;
		width:50%;*/
		float:right;
		margin-right:0px;
	}
	body.sticky header .inner .social,
	header .inner .social{
		margin-top:-3px !important;
	}

    header .inner .menu {
		width:auto;
	}

    body.home .banner {
		margin-top:-125px;
	}

    body.sticky header .sticky .inner .logo img {
		height:auto;
		width:100%;
	}
	
	
	body .mobile-menu {
		top:85px;
	}
	body.sticky .mobile-menu{
		top:80px;
	}

    body.sticky header .sticky {
		padding-bottom:10px;
	}

    body.sticky header .sticky .menu {
		margin-top:5px;
	}

    header .inner .social {
		width:220px;
		padding-left:15px;
		text-align:right;
		vertical-align:Top;
		height:auto;		
	}

    body header .logged-user {
        margin-top:14px;
    }
    header .inner .social ul {
        margin-top:17px;
    }
	
	body header .sticky .inner .logo,
	body.sticky header .sticky .inner .logo {
		margin-top:2px;
		padding-left:10px;
	}
	
	header,
	header .inner {
		min-height:85px;
	}
	
	header .inner .social .login-button{
		text-indent:-9000px;
		/*url('../img/icon_-_user-30x30px.svg') no-repeat center center transparent*/
		font-size:0px;
	}
	
	body header .logged-user {
		width:43px;
		height:43px;
		background: url('../img/icon_-_user-30x30px.svg') no-repeat center center transparent;
		font-size:0px !important;
        border:1px solid #fab613;
		text-indent:-9000px;
		display:inline-block;
	}
	
	body header #c103 {
		display:inline-block;
		vertical-align:Top;
	}
	
	header .inner .social .cart-button {
		font-size:0px;
        margin-top:17px;
	}

     body.home .banner {
		height:460px;
	}

    body.home .banner .content {
		top:120px;
	}

    body.home footer {
		margin-top:-2px;
	}
    .powermail_fieldset_1,
	.powermail_fieldset_2 {
		width:100%;
		margin:0px 0 15px 0 !important;
	}

    body .powermail_fieldwrap_type_textarea {
		padding-left:15px;
		padding-right:15px;
	}
}
/*Main 690px*/
@media only screen and (max-width: 690px) {
    
}    

/*Main 650px*/
@media only screen and (max-width: 650px) {
    body .content .contact-section .row .col-md-6.col1:after {
        display:none;
    }
    body .content .contact-section .row .col-md-6.col1 {
        margin-bottom:30px;
    }
    body .content .contact-section .row .col-md-6.col2 {
        padding-left:15px;
    }
    body .content .contact-section.row2 .col {
        padding-top:0px;
        padding-bottom:0px;
    }
    body .content .powermail_form {
        padding-left:15px;
        padding-right:15px;
    }
    body .content .powermail_form .powermail_fieldset_1 {
        margin-bottom:30px;
    }
    body .content .powermail_form .powermail_fieldset_1,
    body .content .powermail_form .powermail_fieldset_2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    body .content .contact-section.row2 {
        padding-top:30px;
        padding-bottom:30px;
    }
    body .content .contact-section .row .col-md-6 {
        flex:0 0 100%;
        max-width:100%;
    }
	body.sub .content .category-toolbar a {
		margin-bottom:7.5px;
	}
	body.sub .content .category-toolbar a:first-child {
		margin-right:7.5px;
	}
	body.sub .content .category-toolbar .divider {
		display:block;
		height:1px;
		background-color:transparent;
	}
	body.sub .content .category-toolbar .dph-switch {
		margin-left:0px;
		margin-right:7.5px;
	}
	body.sub .content .category-toolbar .dph-switch + .dph-switch {
		margin-right:0px;
	}
	body.sub .content .category-toolbar {
		text-align:center;
	}
	body.sub .content .category-toolbar a:first-child + a {
		margin-right:0px;
	}
	body .content .promo-categories .icon-box {
    	flex: 0 0 33.33%;
    	max-width: 33.33%;
	}
    body .grey-banner h3,
    body .white-banner h3 {
		font-size:20px;
	}
	body .content .special-header h2 {
		font-size:20px;
	}    	
	header .inner .logo {
		text-align:left;		
		/*width: calc( 95% - 100px );*/
	}
	body header .logged-user {
		font-size:12px;
	}
	header .inner .logo img {
		width:auto;
		max-height:81px;
		height:auto;
	}	
}

@media only screen and (max-width: 550px) {
    body .grey-banner .col:first-child,
    body .white-banner .col:first-child {
		padding-left:200px;
		background:url('../img/ikony/img_-_tablet-shop-210x110px.png') no-repeat 30px center transparent;
		background-size:150px auto;
	}
	body .content .promo-categories .icon-box h3 {
		font-size:14px;
	}
	body .content .promo-categories {
		padding-left:15px;
		padding-right:15px;
	}
}

/*Main 500px*/
@media only screen and (max-width: 500px) {
    body.login .tx-powermail .powermail_fieldwrap label {
		padding-left:15px !important;
		width:35%;
	}
    body.login .tx-powermail .powermail_fieldwrap .col-sm-10 {
		width:65%;
	}
    body.login .powermail_fieldset_5 .powermail_fieldwrap_firemneudaje .col-sm-10 {
		margin-left:35%;
	}
    body .login-form label.form-control {
		padding-left:0px;
		padding-right:0px;
	}
	body .content .show-categories .show-categories__item {
    	max-width: 100%;
    	flex: 0 0 100%;
	}
	body .content .tx-cart-products .product-item {
		max-width: 100%;
		flex: 0 0 100%;
	}
}	

@media only screen and (max-width: 450px) {
    body header .logged-user {
        width: 30px;
        height: 30px;
    }
    header .inner .social .cart-button {
        width: 30px;
        height: 30px;
    }
    header .inner .social ul > li > a {
        width: 30px;
        height: 30px;
        line-height:26px;
    }
    header .inner .social .login-button {
        width: 30px;
        height: 30px;
        margin-top:21px;
    }
    header .inner .social ul {
        margin-top: 21px;
    }
     header .inner .social .cart-button {
        margin-top: 21px;
    }
     body header .logged-user {
        margin-top: 22px;
    }
    header .inner .social ul > li > a::before {
        font-size: 18px;
    }
    body header .logged-user + div,
    body header .logged-user + div + div {
        margin-top:4px;
    }
    body .grey-banner .col:first-child,
    body .white-banner .col:first-child {
		padding-left:15px;
        background:url('../img/banner-img.png') no-repeat center top transparent;
		text-align:center;
		padding-top:150px;
		background-size:200px auto;		
	}
	body .content .promo-categories .icon-box {
    	flex: 0 0 50%;
    	max-width: 50%;
	}
}

/*Main 460px*/
@media only screen and (max-width: 460px) {
	
	header .inner .social {
		padding-left:15px;
		width:auto;
		margin-right:5px;
	}
	body header .hamburger {
		margin-right:0px;
	}
	header .inner .logo {
		width:130px;
		margin-top:6px !important;
	}
	body .search-box .row .col-12 {
		width:95%;
	}
    body.sub .content {
		padding:10px 0 10px 0;
	}
	body.sub .content h1 {
		font-size:20px;
	}
    body.sub .content h2 {
		font-size:18px;
	}

    body.sub .content h6 {
		font-size:16px;
	}
    body.sub .content h4 {
		font-size:14px;
	}
    body.sub .content h5 {
		font-size:12px;
	}
    body.sub .content h6 {
		font-size:10px;
	}
	body {
		font-size:15px;
	}

    footer .row1 .inner h3 {
		font-size:18px;
	}
	.inner {
		max-width:99%;
	}
    body.sub.contact .content-body > .row:first-child {
        margin: 0 0 20px 0;
		padding: 0 0 20px 0;
	}
    body.sub.contact footer {
		margin-top:-20px;
	}
    body.sub.contact .content .col{
		margin-bottom:15px;
	}
    body.sub.contact .col-map::after {
		left:32%;
	}
    body.home .banner .content img {
		display:none;
	}
    body.home .banner .content {
		top:160px;
	}
    body.home.sticky header .sticky {
    	background-color: #101a1c;
	}
    header .inner .logo img{
		max-width:100%;
		height:auto;
	}
    
    footer .row1 .col {
		float:none;
		width:100%;
		max-width:320px;
		margin-left:auto;
		margin-right:auto;
	}

    body.home .banner .content h1 {
		padding:0px;
	}

    body.home .banner .content h1:after,
    body.home .banner .content h1:before {
		display:none;
	}

     body.home .banner {
		height:360px;
	}

    body.home .banner .content {
		top:140px;
	}
}