@charset "UTF-8";
/* CSS Document */

.main-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	background-color: #fff;
}

.there-levels-to-play {
        padding: 0;
    margin-bottom: 30px;
}

.there-levels-to-play img {
	width: 100%;
    padding: 0;
    margin: 0;
}

.there-levels-to-play2 {
       padding: 0;
    margin-bottom: 30px;
}

.there-levels-to-play2 img {
	width: 100%;
    padding: 0;
    margin: 0;
}

.sect-box {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    padding: 0;
    justify-content: center;
    align-items: center;
    background: #f3f3f3;
}

.sect-box2 {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    padding: 0;
    justify-content: center;
    align-items: center;
    background: #f3f3f3;
}


.lenovo-legion-img-section {
    padding: 0px 0px;
    margin: 0;
    flex-basis: 50%;
    display: flex;
}

.lenovo-legion-img-section img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.legion-content-section {
    position: relative;
    text-align: left;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0px;
    flex-basis: 50%;
    align-items: center;
    background-color: #f3f3f3;
}

.welcome-dji-txt {
    width: 85%;
    padding: 30px 0px;
}

.legion-text h2 {
    font-family: 'Currys Sans', sans-serif;
    font-weight: 500;
    font-size: 35px;
    padding-bottom: 15px;
    margin: 0;
    color: #1D1C1C;
    line-height: initial;
	text-transform: uppercase;
}

.legion-text p {
    font-family: 'Currys Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin: 0;
    color: #292929;
    padding: 0px 80px 0px 0px;
    line-height: normal;
}

.legion-text button {
   text-decoration: none;
    border: none;
    background: #444;
    color: #fff;
    margin-top: 50px;
	padding: 0;
}

a.see-all-range {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    padding: 15px 30px;
    font-family: 'Currys Sans', sans-serif;
    transition: background-color 0.5s;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid #444;
    margin: 0;
	text-transform: uppercase;
    display: block;
    text-align: center;
}

.legion-text button a.see-all-range:hover{
	background-color: #fff;
	color: #444;
    font-weight: 700;
    border: 1px solid #444;
}

.G923-Trueforce-section{
	background-image: url(https://currysprod.a.bigcontent.io/v1/static/WHEELSHEADER-BG);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	width: 100%;
    padding: 50px;
}

.banner-content-section {
    width: 50%;
    text-align: center;
}

.banner-content-section img{
	width: 80%;
    margin: 20px 0px;
}

.banner-content-section h2 {
    font-family: 'Currys Sans', sans-serif;
    font-weight: 500;
    font-size: 35px;
    padding-bottom: 15px;
    margin: 0;
    color: #fff;
    line-height: initial;
	text-transform: uppercase;
}

.banner-content-section p {
    font-family: 'Currys Sans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    margin: 0;
    color: #fff;
	padding: 0;
    line-height: normal;
}

.banner-content-section button {
   text-decoration: none;
    border: none;
    background: #00b5ef;
    color: #fff;
    margin-top: 50px;
	padding: 0;
}

a.G923-trueforce-btn {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    padding: 15px 30px;
    font-family: 'Currys Sans', sans-serif;
    transition: background-color 0.5s;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
	text-transform: uppercase;
    display: block;
    text-align: center;
}

a.G923-trueforce-btn:hover{
	background-color:#FFF7F7;
	color: #00b5ef;
    font-weight: 700;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px)
{
		.main-page{
		padding: 0px;
	}
	
	.there-levels-to-play {
    padding: 0;
    margin: 0;
}
	
	.there-levels-to-play2 {
    padding: 50px 0px 0px 0px;
}
	
	.sect-box {
    flex-wrap: wrap;
    padding: 0px 0px;
}
	
	.legion-content-section {
    flex-basis: 100%;
}
	.legion-content-section {
    flex-basis: 100%;
}
	
	.sect-box:nth-child(odd){
    flex-flow: column-reverse;
    padding: 0px 0px;
	}
	
		.sect-box2 {
    flex-wrap: wrap;
    padding: 0px 0px;
}
	.sect-box2:nth-child(even){
    flex-flow: column-reverse;
    padding: 0px 0px;
	}
	
	.lenovo-legion-img-section{
    flex-basis: 100%;
		padding: 0;
	}
	
	.lenovo-legion-img-section img {
    width: 100%;
    margin-top: 0;
    padding: 20px 0px 0px 0px;
}
	
	.legion-text {
    padding: 0px;
}
	
	.legion-text h2{
    font-size: 23px;
	}
	
	.legion-text p {
		font-size: 15px;
    padding: 0;
	}
	
	.G923-Trueforce-section{
	background-image: url(https://currysprod.a.bigcontent.io/v1/static/WHEELSHEADER-BG-Mobile);
    background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
    padding: 20px;
    margin-top: 30px;
}
	
	.banner-content-section {
    width: 90%;
    text-align: left;
}

	
	.banner-content-section img {
    width: 100%;
    margin: 20px 0px;
}
	
	.banner-content-section h2 {
    font-size: 19px;
    padding-bottom: 15px;
}
	
	.banner-content-section p {
    font-size: 15px;
}
	
	.banner-content-section button{
    margin-top: 30px;
	}
	
a.G923-trueforce-btn {
    font-size: 15px;
    padding: 15px 30px;
}
}

@media screen and (max-width: 767px){
	
		.main-page{
		padding: 0px;
	}
	
	.there-levels-to-play {
    padding: 0;
    margin: 0;
}
	
	.there-levels-to-play2 {
    padding: 50px 0px 0px 0px;
}
	
	.sect-box {
    flex-wrap: wrap;
    padding: 0px 0px;
}
	
	.legion-content-section {
    flex-basis: 100%;
}
	.legion-content-section {
    flex-basis: 100%;
}
	
	.sect-box:nth-child(odd){
    flex-flow: column-reverse;
    padding: 0px 0px;
	}
	
			.sect-box2 {
    flex-wrap: wrap;
    padding: 0px 0px;
}
	.sect-box2:nth-child(even){
    flex-flow: column-reverse;
    padding: 0px 0px;
	}
	
	.lenovo-legion-img-section{
    flex-basis: 100%;
		padding: 0;
	}
	
	.lenovo-legion-img-section img {
    width: 100%;
	margin-top: 0;
    padding: 20px 0px 0px 0px;
}
	
	.legion-text {
    padding: 0px;
}
	
	.legion-text h2{
    font-size: 23px;
	}
	
	.legion-text p {
		font-size: 15px;
    padding: 0;
	}
	
	.G923-Trueforce-section{
	background-image: url(https://currysprod.a.bigcontent.io/v1/static/WHEELSHEADER-BG-Mobile);
    background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
    padding: 20px;
    margin-top: 30px;
}
	
	.banner-content-section {
    width: 90%;
    text-align: left;
}

	
	.banner-content-section img {
    width: 100%;
    margin: 20px 0px;
}
	
	.banner-content-section h2 {
    font-size: 19px;
    padding-bottom: 15px;
}
	
	.banner-content-section p {
    font-size: 15px;
}
	
	.banner-content-section button{
    margin-top: 30px;
	}
	
a.G923-trueforce-btn {
    font-size: 15px;
    padding: 15px 30px;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	
	.legion-text p {
    font-size: 15px;
    padding: 0;
}
	
	.legion-text h2{
    font-size: 26px;
	}
	a.see-all-range{
	font-size: 17px;
    padding: 10px 20px;
	}
	.legion-text button{
	margin-top: 25px;
	}
	.G923-Trueforce-section{
		padding: 20px;
	}
	
	.banner-content-section {
    width: 55%;
}
	
	.banner-content-section img {
    width: 55%;
    margin: 20px 0px;
}
	
	.banner-content-section h2{
		font-size: 21px;
	}
	
	.banner-content-section p{
		font-size: 15px;
	}
	
	.banner-content-section button{
    margin-top: 30px;
	}
	
	a.G923-trueforce-btn{
	font-size: 15px;
	padding: 10px 20px;
	}
}