@media only screen and (max-width: 750px)  {
	#web-logo{
		margin-top: 10px;
	}

	#web-logo img{
		max-height: 75px;
	}

	#lenovo-logo img{
		max-height: 85px;
	}

	#header-text{
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 22px;
	}

	#header-text h1{
		width: 100%;
		line-height: 35px;
	}

	header{
		min-height: 550px;
		background-position: -700px 0px;
	}

	#menu {
    	padding: 25px 0px;
	}

	#menu li {
		display: inline-table;
	    margin-right: 15px;
	    width: 44%;
	    max-width: 100%;
	    margin-bottom: 15px;
	}

	#menu img{
		max-width: 100px;
		margin-bottom: 20px;
	}

	#page-header {
	    position: relative;
	    padding: 5px 0px;
	    margin-bottom: 33px;
	}

	#page-header h3{
		margin-bottom: 0px;
	}

	.title-box.name,
	.main-box .icon{
		margin-top: 45px;
	}

	.main-box{
		margin-bottom: 10px;
   	 	padding-bottom: 25px;
	}

	.box-2 .number{
		left: -19px;
	}

	.box-3 .icon,
	.box-4 .icon{
		max-width: 50px;
    	margin: 5px 5px 5px 10px !important;
	}

	.main-box .box-content{
		max-height: 150px;
		overflow: hidden;
		background-image:url('../images/box-shadows.png');
	}

	.main-box .box-content.active{
		max-height: none !important;
	}

	.box-after:after {
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 15px 15px 0 15px;
	    border-color: #ff6b00 transparent transparent transparent;
	    bottom: 0;
	    margin: 0 auto;
	}

	.box-after{
		background-image:url('../images/box-shadows.png');
		background-size: contain;
	    width: 91%;
	    height: 100px;
	    position: absolute;
	    bottom: 0;
	    text-align: center;
	}

	.main-box .box-content.active .box-after{
		background-image:none;
	}

	.main-box .box-content.active .box-after:after{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 15px 15px 15px;
		border-color: transparent transparent #ff6b00 transparent;
	}

	.fcarousel{

	}

	.components-icon img {
	    display: none;
	}

	.carousel-nav{
		display: none;
	}

	.positions-2 .item img{
		max-width: 100%;
	}

	.owl-item .item{
		top:0px !important;
		opacity: 1  !important;
	}

	.owl-item.positions-0 .item img,
	.owl-item.positions-4 .item img{
		max-width: 40px !important;
	}

	.owl-item.positions-1 .item img,
	.owl-item.positions-3 .item img{
		max-width: 45px !important;
	}

	.owl-item.positions-0 .item,
	.owl-item.positions-4 .item{
		top:8px !important;
	}

	.owl-item.positions-1 .item,
	.owl-item.positions-3 .item{
		top:5px !important;
	}

	#page-header.carousel{
		min-height: auto;
		padding-top:25px;
	}

	.owl-carousel{
		position: relative;
		left:10px;
	}

	.tools-box{
		position: relative;
	    left: 0px !important;
	    top: 0px !important;
	    width: 100%;
	    border-color:#000;
	}

	.notebook-box{
		padding: 25px 0px 0px 0px;
		margin-bottom: 50px;
	}

	.meta .col-lg-5{
		text-align: left !important;
	}

	.recenze .image,
	.recenze .content{
		padding: 0px 15px; 
	}

	.recenze .image{
		margin-bottom: 10px;
	}

	.responsive-menu{
		cursor: pointer;
		position: absolute;
		width: 50%;
		top:25px;
	}

	.responsive-menu img{
		width: 25%;
	}

	.tab-list > div > div{
		margin-bottom: 50px;
	}
}

@media only screen and (min-width: 401px) and (max-width: 750px) {
 	#header-text {
		margin-top: 110px;
	}
}
/* Tablet Styles */
@media only screen and (min-width: 751px) and (max-width: 960px) {
  
}