body, html {
    height: 100%;
    margin: 0;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    width: 100%;
}
#products .pageTitle{
    display: none;
}
.lifestyle3Wrap {
    margin: 25vh auto 0;
    width: 83vw;
}

.lifestyle3Wrap figure, .pageTitle {
    padding-left: 0;
}

.uk-overlay-background {
    background: none;
}

#lifestyle3TextWrap {
    margin-right: 8%;
    width: 33%;
}

.lifestyleHeader3 {
    font-family: "GFS Didot";
    font-size: 23px;
    line-height: 55px;
    padding-top: 6vh;
}

.arabic .lifestyleHeader3{
    font-family: 'Mada', sans-serif;     text-align: right;     /* float: right; */     direction: rtl;
}

.lifestyleText3 {
    padding-bottom: 5vh;
    /*padding-left: 6%;*/
}

.lifestyleTextWrap3 {
    font-family: "GFS Didot";
    font-size: 30px;
    line-height: 46px;
    padding-top: 1vh;
}


.arabic .lifestyleTextWrap3{
    font-family: 'Mada', sans-serif;     text-align: right;     /* float: right; */     direction: rtl;
}

#lifestyle3TextWrap .mattGraphic svg {
    fill: #ffffff !important;
}





/*babies starts*/
#lifestyle3TextWrap .mattBtn{
    margin-top: -3vw;
    margin-left: 2vw;
}
/*babies ends*/

/*Sleep Awards Campaign Styles Starts*/
#lifestyle3TextWrap .mattBtn {
    margin-top: -6vw;
    margin-left: 4vw;
}
/*Sleep Awards Campaign Styles Ends*/

/*Architect Show*/
#lifestyle3TextWrap .mattBtn {
    margin-top: -6vw;
    margin-left: 10vw;
}
/*Architect Show*/


/*Christmas Offer Styles Starts*/
.lifestyleTextWrap3{
    left: 4vw;
    position: relative;
    top: 2vh;
}

/*Christmas Offer Styles Ends*/


/*MEDIA QUERY*/

@media (max-width: 1550px) {
    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        font-size: 19px;
        margin-left: 9vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    .lifestyleTextWrap3 {
        left: 9vw;
        position: relative;
        top: 1vh;
    }
    /*Christmas Offer Styles Ends*/


}

@media (max-width: 1440px) {

    .lifestyleText3 {
        padding-bottom: 5vh;
    }

    .lifestyleHeader3 {
        font-size: 19px;
        line-height: 35px;
    }

    .lifestyleTextWrap3 {
        font-size: 24px;
        line-height: 36px;
    }

    .lifestyle3Wrap {
        margin: 28vh auto 0;
    }

    #lifestyle3TextWrap {
        margin-right: 9%;
        width: 33%;
    }


    /*contest styles starts*/
    .mattBtn {
        font-size: 14px !important;
        line-height: 42px;
    }
    /*contest styles ends*/



    /*baby starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -7vw;
        margin-left: 3vw;
    }
    /*baby ends*/



    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -7vw;
        margin-left: 6vw;
    }
    /*Sleep Awards Campaign Styles Ends*/

}

@media (max-width: 1400px) {



}



@media (max-width: 1366px) {





}



@media (max-width: 1366px) and (max-height: 1026px){


}



@media (max-width: 1366px) and (max-height: 667px){




    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -6vw;
        margin-left: 6vw;
    }
    /*Sleep Awards Campaign Styles Ends*/

}






@media (max-width: 1280px) {

    #lifestyle3TextWrap {
        margin-right: 7%;
        width: 38%;
    }

    .lifestyleHeader3 {
        font-size: 17px;
    }




    /*baby starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -7vw;
        margin-left: 5vw;
    }
    /*baby ends*/



    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -9vw;
        margin-left: 9vw;
    }
    /*Sleep Awards Campaign Styles Ends*/


    /*Christmas Offer Styles Starts*/
    .lifestyleTextWrap3 {
        left: 5vw;
        top: 1vh;
    }
    /*Christmas Offer Styles Ends*/



}


@media (max-width: 1280px) and (max-height: 680px) {


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -7vw;
        margin-left: 9vw;
    }
    /*Sleep Awards Campaign Styles Ends*/


}



@media (max-width: 1115px) and (max-height: 850px){
    /*Christmas Offer Styles Starts*/

    #lifestyle3TextWrap .mattBtn {
        margin-left: 6vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 1024px) {

    .lifestyle3Wrap {
        margin: 31vh auto 0;
    }

    #lifestyle3TextWrap {
        width: 40%;
    }

    .lifestyleTextWrap3 {
        font-size: 21px;
        line-height: 31px;
    }

    .lifestyleHeader3 {
        padding-top: 9vh;
    }



    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -18vw;
        margin-left: 7vw;
    }
    /*babies ends*/


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -17vw;
        margin-left: 11vw;
    }
    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 7vw;
        margin-left: 13vw;
    }
    /*Architect Show*/


    /*Christmas Offer Styles Starts*/

    .lifestyleTextWrap3 {
        left: 9vw;
        top: 1vh;
    }

    #lifestyle3TextWrap .mattBtn {
        margin-top: -12vw;
        margin-left: 10vw;
    }

    /*Christmas Offer Styles Ends*/

}

@media (max-width: 1024px) and (max-height: 480px) {

    .lifestyle3Wrap {
        margin: 34vh auto 0;
    }

    .lifestyleTextWrap3 {
        font-size: 15px;
        line-height: 24px;
    }

    .lifestyleHeader3 {
        font-size: 16px;
        padding-top: 7vh;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 13px;
        line-height: 35px;
        padding: 0 31px;
    }




    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -3vw;
        margin-left: 9vw;
    }
    /*babies ends*/



    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -7vw;
        margin-left: 3vw;
    }
    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -6vw;
        margin-left: 15vw;
    }

    #lifestyle3 .mattBtn {
        font-size: 12px !important;
        line-height: 42px;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -6vw;
        margin-left: 6vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 965px) {

    .lifestyle3Wrap {
        margin: 34vh auto 0;
    }

    .lifestyleTextWrap3 {
        font-size: 15px;
        line-height: 22px;
    }

    .lifestyleHeader3 {
        font-size: 16px;
        padding-top: 6vh;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 13px;
        line-height: 35px;
        padding: 0 31px;
    }



    /*contest styles starts*/
    #lifestyle3TextWrap .mattBtn {
        font-size: 13px !important;
        margin-bottom: 1vw;
    }
    /*contest styles ends*/

}

@media (max-width: 1024px) and (orientation: portrait) {

    .lifestyle3Wrap {
        margin: 21vh auto 0;
    }

    #lifestyle3TextWrap {
        margin-right: 26%;
        width: 49%;
        margin-top: 2%;
    }

    .lifestyleHeader3 {
        font-size: 18px;
        padding-top: 1vh;
    }

    .lifestyle3Figure figcaption {
        align-items: baseline;
    }

    .lifestyleTextWrap3 {
        padding-top: 48vh;
        padding-left: 9vh;
    }




    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -7vw;
        margin-left: 1vw;
    }
    /*babies ends*/


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -43vw;
        margin-left: 0vw;
    }
    /*Sleep Awards Campaign Styles Ends*/


    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 1vw;
        margin-left: 0vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 0vw;
        margin-left: -8vw;
    }
    /*Christmas Offer Styles Ends*/

}


@media (max-width: 950px) and (orientation: portrait){
    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -4vw;
        margin-left: -11vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 900px) and (orientation: portrait){
    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -25vw;
        margin-left: 0vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -31vw;
        margin-left: -14vw;
    }
    /*Christmas Offer Styles Ends*/

}



@media (max-width: 840px) and (max-height: 1115px) {
    #lifestyle3TextWrap .mattBtn {
        margin-top: 4vw;
        margin-left: -3vw;
    }



    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -31vw;
        margin-left: -5vw;
    }
    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {

    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 1vw;
        margin-left: -11vw;
    }
    /*Christmas Offer Styles Ends*/


}



@media (max-width: 815px) and (max-height: 380px) {

    .lifestyleText3 {
        display: none;
    }




    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 0vw;
        margin-left: 6vw;
    }
    /*babies ends*/



    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -3vw;
        margin-left: 2vw;
    }
    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -3vw;
        margin-left: 8vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -5vw;
        margin-left: 2vw;
    }
    /*Christmas Offer Styles Ends*/



}

@media (max-width: 805px) {

    .lifestyle3Wrap {
        margin: 20vh auto 0;
        width: 80vw;
    }



    .lifestyle3Figure figcaption {
        align-items: baseline;
    }

    #lifestyle3TextWrap {
        /*margin-right: 26%;*/
        margin-right: 20%;
        width: 49%;
        margin-top: 2%;
    }

    .lifestyleHeader3 {
        font-size: 18px;
        padding-top: 1vh;
    }

    .lifestyleTextWrap3 {
        font-size: 21px;
        line-height: 32px;
        padding-top: 57vh;
        padding-left: 7vh;
    }


    .lifestyleText3 {
        padding-bottom: 3vh;

    }



    #lifestyle3TextWrap .mattBtn {
        margin-top: -7vw;
        margin-left: -4vw;
    }




    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -56vw;
        margin-left: -6vw;
    }
    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -13vw;
        margin-left: -6vw;
    }
    /*Architect Show*/



}

@media (max-width:805px) and (max-height: 1280px){
    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -24vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -29vw;
        margin-left: -18vw;
    }
    /*Christmas Offer Styles Ends*/

}



@media (max-width: 768px) {

    #lifestyle3TextWrap {
        margin-top: 2%;
    }


    .lifestyleTextWrap3 {
        font-size: 20px;
        line-height: 30px;
        padding-top: 49vh;
        padding-left: 7vh;
    }


    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -6vw;
        margin-left: -3vw;
    }
    /*babies ends*/

    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -47vw;
        margin-left: -6vw;
    }
    /*Sleep Awards Campaign Styles Ends*/


    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -15vw;
    }
    /*Architect Show*/


    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -15vw;
        margin-left: -17vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 740px) and (max-height: 415px) {

    .lifestyle3Wrap {
        margin: 36vh auto 0;
    }

    #lifestyle3TextWrap {
        margin-right: 4%;
        margin-top: 0;
    }

    .lifestyleHeader3 {
        font-size: 15px;
        padding-top: 0;
        margin-bottom: 1vh;
    }



    #lifestyle3TextWrap .mattBtn {
        font-size: 11px;
        line-height: 32px;
    }


    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 0vw;
        margin-left: -2vw;
    }
    /*babies ends*/


    /*OFFER GRETA*/
    .lifestyleTextWrap3 {
        font-size: 13px;
        line-height: 20px;
        padding-top: 13vh;
        padding-left: 21vh;
    }


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 1vw;
        margin-left: 0vw;
    }
    /*Sleep Awards Campaign Styles Ends*/


    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 6vw;
        margin-left: 1vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 0vw;
        margin-left: -10vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 740px) and (max-height: 360px) {
    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 4vw;
        margin-left: 0vw;
    }
    /*babies ends*/

    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 4vw;
        margin-left: 2vw;
    }
    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 10vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 4vw;
        margin-left: -8vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 667px) and (max-height: 415px) {

    .lifestyleHeader3 {
        padding-top: 0;
    }

    .lifestyleHeader3 {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .lifestyleTextWrap3 {
        font-size: 13px;
        line-height: 20px;
        padding-top: 0;
    }

    .lifestyle3Wrap {
        margin: 42vh auto 0;
        height: 50%;
    }

    #lifestyle3TextWrap {
        margin-top: 4%;
        padding-top: 0;
        width: 55%;
    }

    #lifestyle3 figcaption {
        padding: 1vh;
    }



    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 2vw;
        margin-left: 2vw;
    }
    /*babies ends*/



    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -1vw;
        margin-left: 4vw;
    }
    /*Sleep Awards Campaign Styles Ends*/


    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 12vw;
    }
    /*Architect Show*/


    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 8vw;
        margin-left: -8vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 667px) and (max-height: 315px) {




    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 3vw;
        margin-left: 9vw;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 11px !important;
    }


    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 12vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 9vw;
        margin-left: -3vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 601px) {

    .lifestyleHeader3 {
        font-size: 15px;
    }

    .lifestyleTextWrap3 {
        font-size: 16px;
        line-height: 26px;
        padding-top: 0;
        padding-bottom: 2vh;
    }



    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 1vw;
        margin-left: -7vw;
    }
    /*babies ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: 77vw;
    }
    /*Architect Show*/


}

@media (max-width: 601px) and (max-height: 415px) {

    .lifestyleTextWrap3 {
        font-size: 13px;
        line-height: 21px;
    }
}



@media (max-width: 485px) {
    .lifestyleTextWrap3 {
        padding-top: 25vh;
        padding-left: 5vh;
    }


}

@media (max-width: 480px) {

    .lifestyle3Wrap {
        margin: 24vh auto 0;
        width: 75vw;
        height: 66%;
    }

    #lifestyle3TextWrap {
        margin-right: 17%;
        width: 70%;
        /*margin-top: 90%;*/
    }

    .lifestyleTextWrap3 {
        font-size: 14px;
        line-height: 23px;
        /*padding-top: 0;*/
        padding-top: 25vh;
        padding-left: 5vh;
    }


    .lifestyleHeader3 {
        padding-top: 0;
    }

    .lifestyleText3 {
        display: none;
    }

    #lifestyle3TextWrap .mattBtn {
        margin-top: 0;
    }

    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -21vw;
        margin-left: 0vw;
    }
    /*babies ends*/



    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -63vw;
        margin-left: -6vw;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 12px !important;
    }


    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -98vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -98vw;
        margin-left: -16vw;
    }
    /*Christmas Offer Styles Ends*/


}

@media (max-width: 480px) and (max-height: 736px){
    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -8vw;
        margin-left: 0vw;
    }
    /*babies ends*/



    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -31vw;
        margin-left: -5vw;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 12px !important;
    }


    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -98vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -79vw;
        margin-left: -12vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 415px) and ( max-height: 915px){

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -100vw;
        margin-left: -14vw;
    }
    /*Christmas Offer Styles Ends*/
}

@media (max-width: 415px) and ( max-height: 840px) {
    #lifestyle3TextWrap .mattBtn {
        margin-top: -28vw;
        margin-left: -3vw;
    }


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -63vw;
        margin-left: -6vw;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 11px !important;
    }


    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -98vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -79vw;
        margin-left: -14vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 398px) and (max-height: 890px) {
    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -98vw;
        margin-left: -7vw;
    }
    /*Architect Show*/
}

@media (max-width: 398px) and (max-height: 860px) {

    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        font-size: 11px !important;
    }

    #lifestyle3TextWrap .mattBtn {
        margin-top: -63vw;
        margin-left: -7vw;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 11px !important;
    }

    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -98vw;
        margin-left: -7vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -98vw;
        margin-left: -16vw;
    }
    /*Christmas Offer Styles Ends*/


}

@media (max-width: 398px) and (max-height: 720px) {
    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -13vw;
        margin-left: -1vw;
    }
    /*babies ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -70vw;
        margin-left: -5vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -79vw;
        margin-left: -16vw;
    }
    /*Christmas Offer Styles Ends*/

}


@media (max-width: 375px) and (max-height: 820px) {

    .lifestyle3Wrap {
        margin: 31vh auto 0;
    }

    .lifestyle3Wrap {
        margin: 25vh auto 0;
    }

    #lifestyle3TextWrap {
        margin-top: 0;
    }

    .lifestyleTextWrap3 {
        padding-top: 23vh;
        padding-left: 3vh;
    }

    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -2vw;
        margin-left: 1vw;
    }
    /*babies ends*/


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -24vw;
        margin-left: -4vw;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 11px !important;
    }

    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -73vw;
    }
    /*Architect Show*/


    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -88vw;
        margin-left: -13vw;
    }
    /*Christmas Offer Styles Ends*/

}


@media (max-width: 375px) and (max-height: 812px){
    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -24vw;
        margin-left: -4vw;
    }

    #lifestyle3TextWrap .mattBtn {
        font-size: 11px !important;
    }

    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -75vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -87vw;
        margin-left: -13vw;
    }
    /*Christmas Offer Styles Ends*/

}

@media (max-width: 375px) and (max-height: 680px) {

    .lifestyle3Wrap {
        margin: 31vh auto 0;
    }

    #lifestyle3TextWrap {
        margin-top: 0;
    }

    .lifestyleTextWrap3 {
        padding-top: 23vh;
        padding-left: 3vh;
    }


    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -8vw;
        margin-left: 1vw;
    }
    /*babies ends*/


    #lifestyle3TextWrap .mattBtn {
        margin-top: -11vw;
        margin-left: 1vw;
    }


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -45vw;
        margin-left: -3vw;
    }

    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -76vw;
        margin-left: -3vw;
    }
    /*Architect Show*/


    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -84vw;
        margin-left: -13vw;
    }
    /*Christmas Offer Styles Ends*/


}

@media (max-width: 365px) {

    #lifestyle3TextWrap .mattBtn {
        font-size: 10px;
        line-height: 35px;
        padding: 0 19px;
    }



    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -23vw;
        margin-left: 4vw;
    }
    /*babies ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -57vw;
        margin-left: 2vw;
    }
    /*Architect Show*/


}

@media (max-width: 360px) {


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -46vw;
        margin-left: -1vw;
    }

    /*Sleep Awards Campaign Styles Ends*/

    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -81vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -89vw;
        margin-left: -11vw;
    }
    /*Christmas Offer Styles Ends*/


}

@media (max-width: 360px) and (max-height:640px ){



    /*babies starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -14vw;
        margin-left: 4vw;
    }
    /*babies ends*/


    /*Sleep Awards Campaign Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -50vw;
        margin-left: 1vw;
    }
    /*Sleep Awards Campaign Styles Ends*/


    /*Architect Show*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -74vw;
    }
    /*Architect Show*/

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -89vw;
        margin-left: -10vw;
    }
    /*Christmas Offer Styles Ends*/

}


@media (max-width: 320px) {
    #lifestyle3TextWrap .mattBtn {
        margin-top: -90vw;
        margin-left: -5vw;
    }

    /*Christmas Offer Styles Starts*/
    #lifestyle3TextWrap .mattBtn {
        margin-top: -112vw;
        margin-left: -15vw;
    }
    /*Christmas Offer Styles Ends*/

}






/*CAMPAIGN CONTACT FOOTER STYLES STARTS*/

.contactSocialWrap {
    margin: 9vh auto 0;
    width: 77vw;
    padding-bottom: 3vh;
}

#contactFormContainer {
    font-family: "Open Sans";
    margin-bottom: 8vh;
    margin-left: 2vw;
    width: 75%;
}

.arabic #contactFormContainer{
    font-family: 'Mada', sans-serif;     text-align: right;     /* float: right; */     direction: rtl;
}

#contactSocialExplain {
    font-family: "Open Sans";
    font-size: 21px;
    line-height: 26px;
    margin-left: 5.5%;
    width: 70%;
}

.arabic #contactSocialExplain{
    font-family: 'Mada', sans-serif;     text-align: right;     /* float: right; */     direction: rtl;
}

#contactSocialIcons {
    margin-left: 2.5%;
    padding-bottom: 5%;
    padding-top: 2%;
    width: 62%;
}

.contactSocialTag {
    font-family: "GFS Didot";
    font-size: 21px;
    line-height: 28px;
    padding-left: 2%;
    vertical-align: bottom;
}

.arabic .contactSocialTag{
    font-family: 'Mada', sans-serif;     text-align: right;     /* float: right; */     direction: rtl;
}

.contactSocialIcon svg {
    fill: #ffffff;
}

.contactSocialIcon:hover svg, .contactSocialIcon:active svg {
    fill: #3e2723;
}

.contactSocialIcon:hover .contactSocialTag, .contactSocialIcon:active .contactSocialTag {
    color: #3e2723 !important;
}


/*MEDIA QUERY*/

@media (max-width: 1440px) {

    /*contact social media starts*/
    #contactSocialExplain {
        font-size: 17px;
        line-height: 21px;
    }

    .contactSocialTag {
        font-size: 17px;
    }

    /*contact social media ends*/


}



@media (max-width: 1280px) {


    /*contact social media starts*/
    #contactSocialExplain {
        width: 80%;
    }

    /*contact social media ends*/


}




@media (max-width: 801px) {

    /*contact social media starts*/
    .contactSocialWrap .pageTitle {
        padding-bottom: 2vh;
    }

    .contactFormWrap .pageTitle {
        padding-bottom: 2vh;
    }

    .contactSocialIcon {
        width: 50%;
    }

    #contactSocialIcons {
        margin-left: 2%;
    }

    #contactSocialExplain {
        margin-left: 7.5%;
    }

    .contactSocialWrap {
        margin: 5vh auto 0;
    }

    /*contact social media ends*/





}

@media (max-width: 768px) {


    /*contact social media starts*/
    #contactSocialExplain {
        font-size: 15px;
        line-height: 20px;
    }

    /*contact social media ends*/



}

@media (max-width: 601px) {





}

@media (max-width: 740px) and (max-height: 415px) {


    /*contact social media starts*/
    .contactSocialWrap {
        margin: 14vh auto 0;
    }

    #contactSocialExplain {
        font-size: 13px;
        line-height: 20px;
    }

    .contactSocialWrap .pageTitle {
        padding-bottom: 6vh;
    }

    .contactSocialTag {
        font-size: 14px;
    }

    /*contact social media ends*/



}


@media (max-width: 667px) and (max-height: 415px) {


}


@media (max-width: 601px) {
    /*contact social media starts*/
    #contactSocialExplain {
        font-size: 13px;
        line-height: 20px;
    }

    #contactSocialIcons {
        width: 80%;
    }

    .contactSocialTag {
        font-size: 14px;
    }

    /*contact social media ends*/


}

/*CAMPAIGN CONTACT FOOTER STYLES ENDS*/



/* EXTENSION FOR CATEGORIES STARTS*/
.uk-grid > .categoriesWrap {
    margin-bottom: 8vh;
    margin-top: 9vh;
    width: 75%;
}

.categories{
    width: 60vw;
    margin-bottom: 10vh;
}

.categoriesTitle{
    font-family: "GFS Didot";
    font-size: 60px;
}

.arabic .categoriesTitle{
    font-family: 'Mada', sans-serif;

    direction: rtl;
}

.categories:nth-child(2n){
    float: right;

}
.categories:nth-child(2n+1){
    float: left;
}

.categories:nth-child(2n+1) .mattBtn {
    margin-top: -25vh;
    position: relative;
    right: -54vw;
}

.categories:nth-child(2n+1) .mattGraphic {
    left: 3vw;
    position: absolute;
    top: 4vh;
}



.categories:nth-child(2n) .mattBtn {
    left: -5vw;
    margin-top: -25vh;
    position: relative;
}

.categories:nth-child(2n) .mattGraphic {
    right: 3vw;
    position: absolute;
    top: 4vh;
}


#categories .uk-overlay-background {
    background: rgba(62, 39, 35, .7) none repeat scroll 0 0;
}


/*arabic styles starts */

.arabic #hotelCustomers{
    text-align: end;
}

/*arabic styles ends*/

/*MEDIA QUERY*/

@media (max-width: 1440px) {


    .categories:nth-child(2n+1) .mattBtn {
        margin-top: -24vh;
        right: -52vw;
    }

    .categories:nth-child(2n) .mattBtn {
        margin-top: -22vh;
        left: -8vw;
    }

    .categoriesTitle {
        font-size: 51px;
    }


}
@media (max-width: 1366px) {


    .categoriesTitle {
        font-size: 48px;
    }



}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {

    .categoriesTitle {
        font-size: 40px;
    }

    .categories:nth-child(2n+1) .mattBtn {
        margin-top: -21vh;
    }

    .categories:nth-child(2n) .mattBtn {
        margin-top: -21vh;
    }




}

@media (max-width: 1024px) and (max-height: 480px){


    .categories:nth-child(2n+1) .mattBtn {
        margin-top: -26vh;
    }

    .categories:nth-child(2n) .mattBtn {
        margin-top: -26vh;
    }
}

@media (max-width: 965px) {

    .categories:nth-child(2n+1) .mattBtn {
        margin-top: -28vh;
    }

    .categories:nth-child(2n) .mattBtn {
        margin-top: -28vh;
    }

}
@media (max-width: 801px) {

    .categories:nth-child(2n) .mattBtn, .categories:nth-child(2n+1) .mattBtn {
        margin-top: -12vh;
    }

    .categoriesTitle {
        font-size: 31px;
    }

    .uk-grid > .categoriesWrap {
        width: 70%;
    }

}
@media (max-width: 768px) {

    .categoriesTitle {
        font-size: 30px;
    }

    .categories:nth-child(2n+1) .mattBtn, .categories:nth-child(2n) .mattBtn {
        margin-top: -12vh;
        position: relative;
    }

    .categories:nth-child(2n+1) .mattBtn {
        right: -50vw;
    }

    .categories:nth-child(2n) .mattBtn {
        left: -11vw;
    }

    .categories:nth-child(2n+1) .mattGraphic, .categories:nth-child(2n) .mattGraphic {
        top: 3vh;
    }

}

@media (max-width: 740px) and (max-height: 415px){



    .uk-grid > .categoriesWrap {
        margin-bottom: 25vh;
        margin-top: 25vh;
        width: 70%;
    }


    .categories:nth-child(2n+1) .mattBtn, .categories:nth-child(2n) .mattBtn {
        margin-top: -31vh;
    }

    .categories:nth-child(2n+1) .mattBtn{
        right: -47vw;
    }

    .categories:nth-child(2n) .mattBtn {
        left: -13vw;
    }

    .categories:nth-child(2n+1) .mattGraphic, .categories:nth-child(2n) .mattGraphic {
        top: 7vh;
    }

    .categoriesTitle {
        font-size: 23px;
    }
}

@media (max-width: 667px) and (max-height: 415px) {}


@media (max-width: 601px) {


    /*categories starts*/
    .uk-grid > .categoriesWrap {
        width: 60%;
        margin-bottom: 15vh;
    }

    .categories:nth-child(2n+1) .mattBtn, .categories:nth-child(2n) .mattBtn {
        margin-top: 2vh;
        width: 100%;
        left: 0vw;
    }

    .categories {
        margin-bottom: 7vh;
    }

    /*categories ends*/




}
@media (max-width: 601px) and (max-height: 415px) {}
@media (max-width: 480px) {

    /*categories starts*/
    .uk-grid > .categoriesWrap {
        width: 60%;
        margin-bottom: 15vh;
    }

    .categories {
        margin-bottom: 7vh;
        width: 100%;
    }


    .categoriesTitle {
        font-size: 20px;
    }


    /*categories ends*/

    /*lifestyle starts*/
    #lifestyle img {
        height: 100%;
    }
    /*lifestyle ends*/


}

/* EXTENSION FOR CATEGORIES ENDS*/

/*EXTENSION FOR PRODUCTS LISTING STARTS*/

a, .uk-link {
    color: #3e2723;
}

#products .uk-overlay-background {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
}


/*product css*/

.productOverlay {
    padding: 0;
}

.productsWrap {
    margin: 10vh auto 0;
    width: 75vw;
    padding-bottom: 10vh;
}

.uk-grid > .productsWrap {
    margin-bottom: 8vh;
    margin-top: 9vh;
    width: 85%;
}

.product .mattGraphic {
    padding-bottom: 1vh;
}

.productsContainer {
    width: 100%;
    margin-top: 6vh;
    margin-left: 1vw;
    padding-left: 0;
}

.product {
    margin-left: 0;
    margin-right: 4%;
    margin-bottom: 9vh;
    max-width: 365px;
    width: 29%;
}

.uk-grid .product {
    padding-left: 0;
}

.productName {
    font-family: "GFS Didot";
    font-size: 30px;
    line-height: 40px;
    margin-top: 5px;
}

/*ifi prices styles starts*/
.productGeneralPrice{
    font-family: "Open Sans";
    font-size: 19px;
    line-height: 40px;
    position: absolute;
    bottom: 2px;
}

.productGeneralPrice .promoPrice, .productGeneralPrice .defaultPrice {
    font-size: 25px;
}

.defaultPrice.striked{
    font-size: 19px;
}

.productGeneralPrice .striked{
    text-decoration: line-through;
}


.cy .productGeneralPrice {
    display: none;
}

/*ifi prices styles ends*/

.arabic .productName {
    /*text-align: right; !* float: right; *!*/
    direction: rtl;
}

.pageTitle {
    padding-left: 0;
    margin-left: 0;
}

.badgeWrap {
    padding-bottom: 2vh;
    padding-top: 1vh;
}

.productNameResume {
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 2vh;
}

.arabic .productNameResume {
    font-family: 'Mada', sans-serif;
    text-align: right; /* float: right; */
    direction: rtl;
}

.productsFilter {
    font-family: "Open Sans";
    font-size: 14px;
    padding-left: 0;
}

.arabic .productsFilter {
    font-family: 'Mada', sans-serif;
    text-align: right; /* float: right; */
    direction: rtl;
}

.productsFilter span {
    cursor: pointer;
    margin-right: 2vw;
}

.arabic .uk-badge{
    font-family: 'Mada', sans-serif;
    font-size:15px;
}

/*arabic styles starts*/


.arabic #products {
    text-align: end;
}

.arabic .productsWrap .pageTitle {
    width: 100%;
    font-size:19px;
}

.arabic .productOverlay {
    /*text-align: end !important;*/
}





.arabic .productNameResume {
    visibility: hidden;
}
/*arabic styles ends*/

.productsWrap .pageTitle{
    padding-bottom: 0;
}

/*MEDIA QUERY*/

@media (max-width: 1440px) {


    /*products starts */
    .product {
        max-width: 275px;
    }

    .productOverlay {
        padding: 0;
    }

    .productNameResume {
        font-size: 15px;
        line-height: 21px;
    }

    /*products ends */

}

@media (max-width: 1366px) {


    /*products starts*/
    .productName {
        font-size: 27px;
    }

    .productNameResume {
        font-size: 14px;
        line-height: 21px;
        padding-bottom: 3vh;
    }

    /*products ends*/

    /*ifi prices styles starts*/
    .productGeneralPrice{
        font-size: 18px;
    }

    .productGeneralPrice .promoPrice, .productGeneralPrice .defaultPrice{
        font-size: 24px;
    }


    .defaultPrice.striked{
        font-size: 18px;
    }

    /*ifi prices styles ends*/

}

@media (max-width: 1280px) {

    /*products starts*/
    /*products ends*/

}

@media (max-width: 1024px) and (orientation: landscape) {


    /*products starts*/
    .product {
        margin-left: 5vw;
        margin-right: 2vw;
        max-width: 38%;
        width: 35%;
    }

    /*products ends*/

}

@media (max-width: 1024px) and (max-height: 480px) {



}

@media (max-width: 965px) {


    /*products starts*/
    .productNameResume {
        font-size: 13px;
        line-height: 19px;
        padding-bottom: 3vh;
    }

    /*products ends*/

}

@media (max-width: 801px), (max-width: 1024px) and (orientation: portrait) {


    /*PRODUCTS STARTS*/
    .product {
        margin-bottom: 9vh;
        max-width: 50%;
        width: 40%;
        margin-left: 4vw;

    }

    .productsWrap {
        margin: 7vh auto 0;
    }

    .productName {
        font-size: 24px;
    }

    .productNameResume {
        font-size: 14px;
        line-height: 21px;
        padding-bottom: 2vh;
    }

    .badgeWrap {
        padding-bottom: 1vh;
        padding-top: 1vh;
    }

    /*PRODUCTS ENDS*/

    /*ifi prices styles starts*/
    .productGeneralPrice{
        font-size: 16px;
    }

    .productGeneralPrice .promoPrice, .productGeneralPrice .defaultPrice{
        font-size: 23px;
    }

    .defaultPrice.striked{
        font-size: 16px;
    }


    /*ifi prices styles ends*/

}

@media (max-width: 768px) {


    /*products starts*/
    /*products ends*/

    /*ifi prices styles starts*/
    .productGeneralPrice{
        font-size: 15px;
    }

    .productGeneralPrice .promoPrice, .productGeneralPrice .defaultPrice{
        font-size: 22px;
    }

    .defaultPrice.striked{
        font-size: 15px;
    }


    /*ifi prices styles ends*/



}

@media (max-width: 740px) and (max-height: 415px), (max-width: 813px) and (max-height: 380px) {


    /*products starts*/
    .productNameResume {
        font-size: 14px;
        line-height: 23px;
    }

    .product {
        margin-bottom: 15vh;
    }

    /*products ends*/

    /*ifi prices styles starts*/
    .productGeneralPrice{
        font-size: 15px;
    }

    .productGeneralPrice .promoPrice, .productGeneralPrice .defaultPrice{
        font-size: 22px;
    }

    .defaultPrice.striked{
        font-size: 15px;
    }

    /*ifi prices styles ends*/

}

@media (max-width: 667px) and (max-height: 415px) {


    /*products starts*/
    .badgeWrap {
        padding-bottom: 2vh;
        padding-top: 2vh;
    }

    .productNameResume {
        font-size: 13px;
        line-height: 20px;
        padding-bottom: 4vh;
    }

    .productOverlay {
        padding: 0;
    }

    .productName {
        font-size: 22px;
    }

    /*products ends*/

    /*ifi prices styles starts*/
    .productGeneralPrice{
        font-size: 15px;
    }

    .defaultPrice.striked{
        font-size: 15px;
    }

    /*ifi prices styles ends*/
}

@media (max-width: 667px) and (max-height: 280px) {


    /*products styles starts*/
    .productNameResume {
        font-size: 12px;
        line-height: 18px;
    }

    /*products styles ends*/

}

@media (max-width: 601px) {


    /*products starts*/
    .product {
        margin-left: 2.5vw;
        margin-right: 1vw;
        margin-bottom: 9vh;
        max-width: 75%;
        width: 43%;
    }

    .productNameResume {
        font-size: 13px;
        line-height: 19px;
    }

    /*products ends*/

}

@media (max-width: 601px) and (max-height: 415px) {


    /*products  starts*/
    .product {
        margin-bottom: 14vh;
        margin-left: 3.5vw;
        margin-right: 2vw;
        max-width: 45%;
        width: 40%;
    }

    .productsContainer {
        margin-top: 8vh;
    }

    .productsWrap {
        margin: 19vh auto 0;
    }

    /*products  ends*/

}

@media (max-width: 480px) {


    /*products starts*/
    .product {
        margin-left: 8.5vw;
        margin-right: 2vw;
        max-width: 75%;
        width: 75%;
    }

    .productNameResume {
        font-size: 13px;
        line-height: 20px;
    }

    .productName {
        font-size: 22px;
    }

    .productOverlay {
        padding: 0;
    }

    /*products ends*/

    /*ifi prices styles starts*/
    .productGeneralPrice{
        font-size: 15px;
    }

    .productGeneralPrice .promoPrice, .productGeneralPrice .defaultPrice {
        font-size: 21px;
    }

    .defaultPrice.striked{
        font-size: 15px;
    }

    /*ifi prices styles ends*/

}

@media (max-width: 375px) {


}

@media (max-width: 365px) {


    /*PRODUCTS STARTS*/
    .productName {
        font-size: 20px;
    }

    /*PRODUCTS ENDS*/



}


/*EXTENSION FOR PRODUCTS LISTING ENDS*/