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

body {
    margin: 0;
    font-family: 'Currys Sans', sans-serif;
}
.google-tv p {
    font-size: 18px;
    line-height: normal;
}

.bg-image{
    max-width: 100%;
}
.google-tv{
    max-width: 1366px;
    font-family: 'Currys Sans', sans-serif;
    background-color: #000 !important;
    color: #fff;
}
.google-tv-intro img {
    width: 60%;
    margin-bottom: 30px;
}
.google-tv-intro p {
    padding: 0 320px;
}
.qled-hero {
    position: relative;
    background-image: url(https://media.currys.biz/i/currysprod/google-tv-header-bg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-flow: column;
    height: 1140px;

}
video.isite-video {
    border: 1px solid #fff;
    box-shadow: 0px 0px 20px #fff;
}
.isitetv-video {
    padding: 185px 300px 0;
}

.google-tv-intro {
    position: absolute;
    top: 60%;
    text-align: center;
}
.entertainment-section {
    display: flex;
    flex-direction: row;
    padding-left: 140px;
}
.left-sect h3 {
    font-size: 40px;
    line-height: normal;
    margin-bottom: 40px;
}
.right-sect {
    margin-left: 160px;
}
.left-sect {
    width: 70%;
}
.movie-show {
    padding-top: 50px;
    text-align: center;
}
.movie-show h3 {
    font-size: 35px;
    font-family: 'Currys Sans', sans-serif;
}
.mobile-view-weather {
    display: none;
}
.desktop-view-weather {
    display: block;
}
.watch-4k {
    padding: 80px;
}
.watch-4k {
    padding: 80px;
    text-align: center;
}
.watch-4k h3{
    font-size: 35px;
    font-family: 'Currys Sans', sans-serif;
}
.shop-now-sect {
    display: flex;
    flex-direction: row;
    margin-top: 50px;
}
.tv-block-one, .tv-block-two, .tv-block-three, .tv-block-fourth {
    width: 25%;
    padding: 5px;
}
.tv-block-one p, .tv-block-two p, .tv-block-three p, .tv-block-fourth p{
    margin-top: 20px;
}
.tv-block-one button, .tv-block-two button, .tv-block-three button, .tv-block-fourth button {
    margin-top: 20px;
    padding: 5px 30px;
    color: #fff;
    background: transparent;
    border-radius: 28px;
    border: 1px solid #fff;
    font-size: 18px;
    font-weight: 100 !important;
}
.feature-sect{
    padding-top: 40px;
    text-align: center;
    padding-bottom: 30px;
}
.feature-sect h3{
    font-size: 35px;
    font-family: 'Currys Sans', sans-serif;
}
.feature-card {
    display: flex;
    margin-top: 95px;
}


.right-sect p {
    margin-top: 20px;
    font-size: 15px;
}
.weather-section {
    position: relative;
    display: flex;
    /* justify-content: center; */
    color: #fff;
    text-align: end;
}
.weather-content {
    position: absolute;
    width: 27%;
    right: 5%;
    top: 21%;
}
.weather-content h3 {
    font-size: 40px;
    line-height: normal;
}
.card-one, .card-two, .card-three, .card-four {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: left;
    text-align: left;
    width: 25%;
}
.card-one-cotent, .card-two-cotent, .card-three-cotent, .card-four-cotent {
    position: absolute;
    top: 52%;
    left: 7%;
}
.card-one-cotent h3, .card-two-cotent h3, .card-three-cotent h3, .card-four-cotent h3 {
    font-size: 22px;
    line-height: normal;
    font-weight: 800;
}
.card-one-cotent p, .card-two-cotent p, .card-three-cotent p, .card-four-cotent p {
    font-size: 16px;
    padding: 8px 24px 0 0;
}
@media only screen and (min-width: 1201px) and (max-width: 1380px){
.isitetv-video {
    padding: 160px 210px 0;
}
.card-one-cotent h3, .card-two-cotent h3, .card-three-cotent h3, .card-four-cotent h3 {
    font-size: 20px;
    line-height: normal;
    font-weight: 800;
}
.card-one-cotent, .card-two-cotent, .card-three-cotent, .card-four-cotent {
    position: absolute;
    top: 46%;
    left: 5%;
}
.card-one-cotent p, .card-two-cotent p, .card-three-cotent p, .card-four-cotent p {
    font-size: 14px;
    padding: 8px 2px 0 0;
}
}




@media only screen and (min-width: 1025px) and (max-width: 1200px){
    .qled-hero {
        position: relative;
        background-image: url(https://media.currys.biz/i/currysprod/google-tv-header-bg);
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        flex-flow: column;
        height: 960px;
    }
    .google-tv-intro {
        position: absolute;
        top: 58%;
        text-align: center;
        left: 0%;
    }
    .google-tv-intro p {
        padding: 0 200px;
    }
    .weather-content {
        position: absolute;
        width: 35%;
        right: 5%;
        top: 21%;
    }
    .card-one-cotent h3, .card-two-cotent h3, .card-three-cotent h3, .card-four-cotent h4 {
        font-size: 17px;
        line-height: normal;
    }
    .card-one-cotent, .card-two-cotent, .card-three-cotent, .card-four-cotent {
        position: absolute;
        top: 45%;
        left: 10%;
    }
    .card-one-cotent p, .card-two-cotent p, .card-three-cotent p, .card-four-cotent p {
        font-size: 14px;
        padding: 6px 33px 0 0;
    }
    .card-one-cotent h3, .card-two-cotent h3, .card-three-cotent h3, .card-four-cotent h4 {
        font-size: 17px;
        line-height: normal;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .google-tv-intro {
        position: absolute;
        top: 60%;
        text-align: center;
        left: 0%;
    }
    .isitetv-video {
        padding: 144px 115px 0;
    }
    .qled-hero {
        position: relative;
        background-image: url(https://media.currys.biz/i/currysprod/google-tv-header-bg);
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-flow: column;
        height: 975px;
        background-position: center;
    }

    .google-tv-intro p {
        padding: 0 100px;
    }
    .right-sect {
        margin-left: 42px;
    }
    .weather-content {
        position: absolute;
        width: 55%;
        right: 5%;
        top: 21%;
    }
    .tv-block-one button, .tv-block-two button, .tv-block-three button, .tv-block-fourth button {
        margin-top: 20px;
        padding: 5px 30px;
        color: #fff;
        background: transparent;
        border-radius: 28px;
        border: 1px solid #fff;
        font-size: 14px;
        font-weight: 100 !important;
    }
    .card-one-cotent p, .card-two-cotent p, .card-three-cotent p, .card-four-cotent p {
        font-size: 10px;
        padding: 6px 33px 0 0;
    }

}

@media (max-width: 767px){
    .qled-hero {
        position: relative;
        background-image: url(https://media.currys.biz/i/currysprod/google-tv-header-bg);
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-flow: column;
        height: 806px;
        background-position: center;
    }
    .isitetv-video {
        padding: 144px 72px 0;
    }
    .movie-content h3 {
        padding: 10px 40px;
    }
    .google-tv-intro img {
        width: 100%;
        margin-bottom: 30px;
    }
    .movie-show {
        display: flex;
        flex-direction: column-reverse;
    }
    .movie-content {
        margin-bottom: 80px;
    }
    .weather-section {
        position: relative;
        display: flex;
        justify-content: center;
        color: #fff;
        text-align: center;
        flex-direction: column;
    }
    .weather-content {
        width: 100%;
        position: absolute;
        right: 0%;
        top: 112%;
        padding: 20px;
    }
    .card-one, .card-two, .card-three, .card-four {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: left;
        text-align: left;
        width: 100%;
    }
    .card-one-cotent, .card-two-cotent, .card-three-cotent, .card-four-cotent {
        position: absolute;
        top: 56%;
        left: 10%;
    }
    .card-one-cotent h3, .card-two-cotent h3, .card-three-cotent h3, .card-four-cotent h4 {
        font-size: 34px;
        line-height: normal;
    }
    .card-one-cotent p, .card-two-cotent p, .card-three-cotent p, .card-four-cotent p {
        font-size: 20px;
        padding: 40px 60px 0 0;
    }
    .entertainment-section {
        display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding-left: 0;
    }
    .google-tv-intro {
        position: absolute;
        top: 60%;
        text-align: center;
        left: 0;
        padding: 20px;
    }
    .google-tv-intro p {
        padding: 0 10px;
    }
    .watch-4k {
        padding: 80px;
        text-align: center;
        margin-top: 300px;
    }

    .left-sect {
        width: 100%;
        order: 2;
    }
    .right-sect {
        margin-left: 0;
        padding: 30px;
        width: 100%;
    }
    .desktop-view-weather {
        display: none !important;
    }
    .mobile-view-weather {
        display: block !important;
        text-align: center !important;
        padding: 80px !important;
    }
    .mobile-view-weather img{
        width: 100% !important;
    }
    .mobile-view-weather h3 {
        font-size: 35px !important;
        line-height: normal;
        margin-top: 40px;
    }
    .shop-now-sect {
        display: flex;
        flex-direction: column;
        margin-top: 50px;
        justify-content: center;
        text-align: center;
    }
    .tv-block-one, .tv-block-two, .tv-block-three, .tv-block-fourth {
        width: 100%;
        padding-top: 65px;
    }
    .feature-card {
        display: flex;
        margin-top: 65px;
        flex-wrap: wrap;
    }
    p{
        font-size: 15px;
        font-weight: 300;
        line-height: normal;
    }
    .feature-sect h3{
        line-height: normal;
    }



}
@media (max-width: 500px){
    .qled-hero {
        position: relative;
        background-image: url(https://media.currys.biz/i/currysprod/google-tv-header-bg);
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-flow: column;
        height: 670px;
        background-position: center;
    }
    .isitetv-video {
        padding: 50px 20px 0;
    }

}
@media (max-width: 400px){
    .qled-hero {
        position: relative;
        background-image: url(https://media.currys.biz/i/currysprod/google-tv-header-bg);
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-flow: column;
        height: 481px;
        background-position: center;
    }
    .google-tv-intro {
        position: absolute;
        top: 51%;
        text-align: center;
        left: 0;
        padding: 20px;
    }

}