@media screen and (max-width: 1300px){
	.item-right {
		width: 51%;
	}
	.item-left {
		width: 400px;
	}
	.thinkcolour-h2{
		font-size: 22px;
	}
}
@media screen and (max-width: 1200px){
	.monitorBanner h1 {
		margin-left: 100px;
	}
	.swiper-slide {
		padding: 0 10%;
	}

	.swiper-button-prev {
    left: 50px;
}

.swiper-button-next {
    right: 50px;
}
}

@media screen and (max-width: 1180px){
	.monitorBanner {
		margin-top: 75px;
	}
}

@media screen and (max-width: 1070px){
	.montitorFilter {
		/* height: 200px; */
	}
}

@media screen and (max-width: 1024px){
	.thinkcolour{
		background-size: 1024px 100%;
		background-position: center center;
	}
	.item-left {
		width: 300px;
	}
	.item-right {
		width: 50%;
	}
	.swiper-button-prev, .swiper-button-next {
		display: none;
	}
	.rightFilter .item {
		width: 40%;
	}
	.rightProduct ol li {
		width: 30%;
	}

	.swiper-slide {
		padding: 0 5%;
	}

	.filterLabel {
		width: 65%;
	}
}


@media screen and (max-width: 767px){
	.item-left {
		width: 250px;
	}
	.item-right .item-button {
		display: none;
	}

	.mobile-button {
		display: block;
		position: absolute;
    	left: 0;
    	top: 0;
    }
	.leftFilter {
		width: 20%;
	}
	.rightFilter {
		width: 78%;
	}
	.rightFilter .item {
		width: 40%;
	}

	.filterLabel {
		width: 55%;
	}

	.leftPadding {
		width: 20%;
	}

	.rightProduct {
		width: 77%;
	}
	.rightProduct ol li {
		width: 45%;
	}
	
	.rightProduct ol li .featureList {
		padding-left: 0;
	}

	.rightProduct ol li .featureList ul {
		margin-left: 10%;
	}

}

@media screen and (max-width: 580px){
	.item-left {
		width: 200px;
	}
	.thinkcolour{
		background-size: 1024px 100%;
		background-position: center center;
		background-image:url('https://static.lenovo.com/mea/campaign/newmonitors/images/banner/Updated_LDCC Hero banner_web header_CLEAN_1920x528.jpg?sss');
	}
}

@media screen and (max-width: 500px) {
	.swiper-slide {
		text-align: center;
	}
	 .item-left {
		float: none;
		width: 100%!important;
		margin-bottom: 10px;
	}
	 .item-left img {
		width: 140px;
	}
	 .item-right {
		float: none;
		width: 100%;
	}
	 .item-right .item-title {
		font-size: 16px;
		margin-bottom: 10px;
	}
	 .item-right .item-des {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 0;
    }
	.monitorBanner h1 {
		margin-left: 30px;
	}

	.montitorFilter {
		margin-top: 0;
	}

	.leftFilter {
		width: 100%;
		position: relative;
		float: left;
	}

 	.montitorFilter .rightFilter {
 		display: none;
 	}

 	.leftPadding {
 		width: 0;
 	}

 	.productList {
 		width: auto;
 	}

 	.rightProduct {
		width: 90%;
	}

	.rightProduct ol li {
		width: 100%;
		margin: 10px;
	}

	.rightProduct ol li .featureList ul {
		margin-left: 30%;
	}

	#pageChange {
		width: 300px;
    	margin: 0 auto;
    	position: static;
    	left: unset;
    	transform: unset;
    	-ms-transform: unset;
    	-moz-transform: unset;
    	-webkit-transform: unset;
    	-o-transform: unset
	}
}