.mb-15 {

    margin-bottom: 15px!important;

}

.fa-circle-small:before {

    content: "\e122";

    font-size: 14px;

    top: -4px;

    position: relative;

}

ul.feature li {

    float: left;

    width: 100%;

    margin-top: 13px;

    padding-left: 35px;

    text-align: left;

    font-size: 18px;

    line-height: 25px;

}

ul.feature li:first-child  {

    background: url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/icon-money.svg) no-repeat left 2px;

}

ul.feature li:nth-child(2)  {

    background: url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/icon-temp.svg) no-repeat left 2px;

}



.d-flex {

    display: flex!important;

}

.pl {

    padding-left: 10px;

}

.align-items-center {

    align-items: center!important;

}

.text-uppercase {

    text-transform:uppercase;

}



a.click-btn {

    border-radius: 45px;

}

img {

    height: auto;

}

.darkbg {

    background-color: #000!important;

}

.darkText {

    color: #000!important;

}

.whiteText {

    color: #fff!important;

}

.blueText {

    color: #007bc9;

}

.redText {

    color: #FC2201!important;

}

.orangeText {

    color: #FF6B00!important;



}

.yellowText {

    color: #ffb321;

}

.greenText {

    color: #43A047

}

.lightblueBG {

    background-color: #f5fbff;

}

.common-heading p {

    font-size: 20px;

    line-height: 42px;

    font-weight:700;

}

.nav-btn {

    border-radius: 35px;

}

.bnrStar {

    float: left;

    width: 100%;

    font-size: 14px;

    line-height: 18px;

    font-weight: 500;

    letter-spacing: 0.3px;

    padding: 15px 0px 15px 0px

}

.bnrStar img {

    display: inline-block;

    vertical-align: middle;

    margin: -6px 12px 0 0;

}



.bnrHeading {

    float: left;

    width: 100%;

    margin-top: 20px;

    font-size: 55px;

    line-height: 70px;

    font-weight: 600;

    color: #fff;

}



.bnrHeading span {

    color: #FFB829;

}

.bnrProd2 {

    position: absolute;

    top: 167px;

    left: 869px;

    z-index: 2;



}

.btnBox {

    display: inline-block;

    vertical-align: top;

    max-width: 450px;

    width: 100%;

    margin-top: 15px;

    text-align: center;

}

.btn-txt {

    text-align: center;

    width: 100%;

    margin: 10px 0px 0px 0px;

    float: left;

}



.btn-txt.blck {

    color: #000;

}



.btn-txt p {

    display: inline-block;

    vertical-align: middle;

    padding: 0 8px;

    font-size: 12px;

    line-height: 17px;

    letter-spacing: 0;

}



.btn-txt p span {

    font-weight: 500;

}



.hourglass {

    display: inline-block;

    vertical-align: middle;

    margin: -2px 3px 0 0;

    animation: rotateP 2.5s ease-in-out forwards infinite

}



@keyframes rotateP {

    0% {

        transform: rotate(0)

    }

    50% {

        transform: rotate(180deg)

    }

    100% {

        transform: rotate(180deg)

    }

}



@keyframes rotate {

    0% {

        transform: rotate(00deg)

    }

    100% {

        transform: rotate(360deg)

    }

}



.btn-text1:before {

    display: inline-block;

    vertical-align: middle;

    margin: -2px 5px 0 0;

    width: 9px;

    height: 9px;

    background: #6fb620;

    border-radius: 50%;

    content: "";

    animation: fade 1s ease-in-out infinite;

}

p.btn-text2 span {

    color: #FC2201

}

@keyframes fade {

    0% {

        opacity: 100%;

    }

    50% {

        opacity: 30%;

    }

    70% {

        opacity: 100%;

    }

    100% {

        opacity: 100%;

    }

}



.commonHead {

    float: left;

    width: 100%;

    font-size: 50px;

    line-height: 64px;

    font-weight: 600;

    color: #000;

    margin-top: 20px;

}



.commonText {

    float: left;

    width: 100%;

    font-size: 17px;

    line-height: 26px;

    font-weight: normal;

    color: #000;

    letter-spacing: 0.5px;

    margin-top: 20px;

}





.section-ft {

    width: 100%;

    padding: 20px 0 60px 0px;

    position: relative;

    overflow: hidden;

}



.ft-mid{

    float:left;

    width:100%;

    background-color:#fcf8eb;

    border-radius:20px;

    margin-top:25px;

    position:relative;

    display: flex;

    align-items: center;

    z-index:2;

}

.ft-mid-right{

        text-align: left;

	float:right;

	width:50%;

	padding:25px;

	position:relative;

	z-index:15;

	}

.ft-mid-left{

        text-align: left;

	float:left;

	width:50%;

	padding:25px;

	position:relative;

	z-index:15;

	} 

.ft-mid-right h1, .ft-mid-left h1 {

        font-size: 44px;

        line-height: 60px;

        } 

.ft-mid-right h2, .ft-mid-left h2 {

        font-size: 32px;

        line-height: 44px;

        }         

.ft-mid-rgt-bx{

	float:left;

	width:100%;

	background:#fff;

	height:350px;

        margin:auto;

	padding:25px;

	text-align:left;

        

	}

.ft-family,

.ft-temp,

.ft-money,

.ft-relax,

.ft-sleep {

    background-size:cover;

    height:390px;

}





.ft-family {

    background:url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/ft_family.png) no-repeat center left;

    border-radius:20px 0px 0px 20px;

}

.ft-temp {

    background:url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/ft_temp.png) no-repeat center right;

    border-radius:0px 20px 20px 0px;

}

.ft-money {

    background:url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/ft_money.png) no-repeat center left;

    border-radius:20px 0px 0px 20px;

}

.ft-relax {

    background:url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/ft_relax.png) no-repeat center right;

    border-radius:0px 20px 20px 0px;

}

.ft-sleep {

    background:url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/ft_sleep.png) no-repeat center left;

    border-radius:20px 0px 0px 20px;

}

.section-gty {

    float: left;

    width: 100%;

    position: relative;

    text-align: center;

    background: #000; 

    padding: 20px 5px;

}

.gty-mid {

    width: 100%;

    margin-top: 25px;

    position: relative;

    display: flex;

    align-items: center;

    text-align: left;

    color: #fff;

    padding: 25px 0px;

    margin: auto;

  

}



.gty-left {

    width: 100%;

    position: relative;

}

.gty-left img {

    width: 80%;

}

.gty-right {

    text-align: left;

}

.s6SealBg {



    width:289px;

}



.s6Seal {

    position: absolute;

    top: 86px;

    left: 41px;

}







.fs-50 {

    font-size: 50px;

    line-height: 54px;

}



.gty-right .commonText {

    padding-right: 46px;

    font-size: 18px;

}

.s1-mid {

    float: left;

    width: 100%;

    margin-left:0px;

    background: url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/s1-mid-bg.jpg) no-repeat center top #184d89;

    background-size: cover;

    border-radius: 20px;

    position: relative;

    border: 1px solid #DEDEDE;

    z-index: 2;

}

.s1-product {

    position: absolute;

    left: -224px;

    top: 9px;

    z-index: 0;

}

.s1-mid-right {

    float: right;

    width: 50%;

    padding: 5px 5px 5px 0;

    position: relative;

    z-index: 15;

}



.section-5 {



    float: left;



    width: 100%;



    padding: 60px 0 60px;



    position: relative;



    text-align: center;



    background:#fff;



}



.section-5 img {



    height:auto;



}



.s5_comp {



    display: inline-block;



    vertical-align: middle;



    width: 100%;



    max-width: 1030px;



    background: #fff;



    border-radius: 20px;



    margin-top: 150px;



    margin-bottom: 30px;



    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);



}







.s5-col-1 {



    float: left;



    width: 37%;



    padding: 25px 0;



    position: relative;



}







.s5-col-1 ul {



    float: left;



    width: 100%;



}







.s5-col-1 ul li {



    float: left;



    width: 100%;



    height: 70px;



    text-align: left;



    font-size: 19px;



    line-height: 74px;



    color: #000;



    letter-spacing: 0.3px;



    font-weight: 600;



    padding: 0 0 0 30px;



    position: relative;



    display: flex;



    flex-wrap: wrap;



    align-items: center;



    border-bottom: 1px solid #e7e7e7;



    background: url() no-repeat 22px 25px;



}







.s5-col-1 ul li:last-child {



    border: none;



}







.s5-col-1 ul li img {



    position: absolute;



    left: 0;



    top: 50%;



    margin-top: -13px;



}







.s5-col-2 {



    float: left;



    width: 18%;



    background: #E06A14;



    border-radius: 20px;



    margin: -95px 20px -25px 0;



}







.s5-col-2-top {



    float: left;



    width: 100%;



    height: 115px;



}







.s5-col-2-prod {



    display: block;



    margin: -38px auto 10px;



    max-width: 100%;



}







.s5-col-3-prod, .s5-col-4-prod  {



    display: block;



    margin: -37px auto 15px;



    max-width: 100%;



}









.s5-col-2-top p {



    font-size: 18px;



    line-height: 30px;



    color: #ffffff;



    font-weight: 600;



    letter-spacing: 0.5px;



}







.s5-col-3-top p,



.s5-col-4-top p {



    font-size: 19px;



    line-height: 19px;



}







.s5-col-2 ul {



    float: left;



    width: 100%;



    padding-top: 5px;



}







.s5-col-2 ul li {



    float: left;



    width: 100%;



    height: 70px;



    text-align: center;



    padding: 20px 0;



    border-bottom: 1px solid #C2C2C2



}







.s5-col-2 ul li:last-child {



    border: none;



    height: 115px;



}







.s5-col-3 {



    background: #8B8B8B;



}







.s5-col-3 ul li {



    border-bottom: 1px solid #979595;



}







.s5-col-4 {



    background: #8B8B8B;



}







.s5-col-4 ul li {



    border-bottom: 1px solid #979595;



}

.star {



    width: 110px;



}



.review {

    float: left;

    width: 100%;

    margin-top: 35px;

    margin-bottom: 15px;

    position: relative;

    display: flex;

    z-index: 2;

    text-align: center;

}

.review-mid p.bnrStar {

        margin-bottom:10px

    }

.review-mid {

    width:33%;

    position:relative;

}

.review-mid img {

    width: 80%;

    border-radius: 10px;

}

.review-mid h4 {

    font-size: 16px;

    line-height: 24px;

    margin-top: 10px;

    padding: 0px 25px

}



.review-mid p {

    font-size: 19px;

    line-height: 30px;

    margin-top: 10px;

    padding: 0px 25px

}



p.reviewer {

    font-size: 17px;

    line-height: 27px;

    margin-top: 10px;

    padding: 0px 25px

}

 .accordion {

    float: left;

    width: 100%;

    text-align: left;

    background: url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/close-btn.svg?v=1.5) no-repeat 98% center;

    padding: 6px 0px;

    font-size: 19px;

    line-height: 19px;

    border-radius: 2px;

    color: #000000;

    border-bottom: 0px solid #bfbfbf;

    font-weight: 500;

    letter-spacing: 0.5px;

    cursor: pointer;

    background-size: 30px;

  

}

.acdn-heading.accordion-open {

    background: url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/open-btn.svg?v=1.5) no-repeat 98% center;

    border-bottom: 0px solid #bfbfbf;

    background-size: 30px;

    padding: 6px 0px;

}

.up-slide-dwn {

    float: left;

    width: 100%;

    margin-bottom: 25px;

    background: #fff;

    border-radius: 10px;

    padding:25px;

    box-shadow: 0px 4px 8px 0px #9A9A9A17;    

}

.acdn-content {

    float: left;

    width: 100%;

    padding: 10px 10px 0px 0;

}   

    

@media only screen and (max-width:1200px) {

    .commonHead {

        font-size: 48px;

        line-height: 60px;

    }

    .bnrProd2 {

    position: absolute;

    top: 161px;

    left: 824px;

    z-index:2;

}



    .gty-right .commonText {

        padding-right: 22px;

    }

    .s6SealBg {

        left: 40px;

    }

    .s6Seal {

        left: 63px;

        top: 30px;

    }

}

@media only screen and (max-width: 1190px) {

.ft-family,

.ft-temp,

.ft-money,

.ft-relax,

.ft-sleep {

    width: 65%;

}    

}

@media only screen and (max-width: 1024px) {

.bnrProd2 {

    left: 663px;

}

.ft-family,

.ft-temp,

.ft-money,

.ft-relax,

.ft-sleep {

    background-size:cover;

    background-position:center center;

}



}

@media only screen and (max-width:1021px) {

    .commonHead {

        font-size: 38px;

        line-height: 44px;

        margin-top: 15px;

    }

    .commonText {

        font-size: 16px;

        line-height: 24px;

        margin-top: 15px;

    }

    .bnrProd2 {

    position: absolute;

    top: 163px;

    left: 706px;

}





    .gty-left,

    .gty-right {

        width: 100%;

    }

    .s6SealBg {

        left: 10px;

        width: 295px;

    }

    .gty-right .commonText {

        padding-right: 0;

    }

    .s6Seal {

        left: 33px;

        width: 250px;

        top: 47px;

    }

}

@media only screen and (max-width:1024px) {



 .sec-bottom-left h4, .sec-bottom-right h4 {

     padding-right: 0px;

     font-size: 34px;

    line-height: 40px;

}

.hide-mob-2 {

    display: none;

}

.show-mob-2 {

    display: block;

}

}

@media only screen and (max-width:1021px) {





    .s5-col-1 {



        padding: 15px 0;



        width: 40%;



    }



    .s5-col-1 ul li {



        height: 60px;



        font-size: 17px;



        line-height: 62px;



        font-weight: 500;



        padding: 0 0 0 50px;



        background-position: 20px 20px;



    }



    .s5-col-2 {



        width: 17%;



        margin: -95px 15px -25px 0;



    }



    .s5-col-2-top {



        height: 105px;



    }



    .s5-col-2-prod {



        margin: -41px auto 10px;



    }



    .s5-col-2 ul li {



        height: 60px;



    }



    .s5-col-2 ul li img {



        width: 24px;



    }



    .s5-col-2 ul li:last-child {



        height: 95px;



    }

    .s5-col-2-top p,

    .s5-col-3-top p,

    .s5-col-4-top p {



        font-size: 17px;



    }



    .s5-col-3-prod,



    .s5-col-4-prod {



        margin: -27px auto 5px;



        width: 110px;



    }



    a.click-btn {

        font-size: 24px;

    }





}

@media only screen and (max-width:991px) {

.ft-family,

.ft-temp,

.ft-money,

.ft-relax,

.ft-sleep {

    width: 85%;

} 

}

@media only screen and (max-width:767px) {

    

    .s1-bottom {

       margin-top: 25px;

    }

    .section-ft {

    padding: 20px 0 20px 0px;

}

    .common-heading p {

        font-size: 16px;

        line-height: 46px

    }

    .common-heading h1 {

        font-size: 28px;

        line-height: 35px;

    }

    .ft-mid {

        margin-top: 5px;

        margin-bottom: 25px;

        

    }

    .star {



        width: 55px;



    }

    .section-5 {



        padding: 10px 0 25px;



    }

    .section-1 {

        padding: 15px 0 0px;

    }

    .s1-mid {

        margin-left: 0;

        margin-top: 10px;

        background: url(https://purpleassets.blob.core.windows.net/web/snugheat/inter4/s1-mid-bg-m.jpg) no-repeat center top #fff;

        background-size: 400px;

    }

    .s1-mid-right {

        width: 100%;

        padding: 5px;

    }

    .s1-mid-rgt-bx h1 {

        line-height: 38px;

        margin-top:15px;

    }

    li.fw-bold.mb-2.common-text {

        text-align:left;

    }

    .s5_comp {



        border-radius: 10px;



        margin-top: 120px;



    }



    .s5-col-1 {



        width: 46%;



        padding: 10px 0;



    }



    .s5-col-1 ul li {



        font-size: 14px;



        line-height: 18px;



        padding: 13px 0 13px 10px;



        background-position: 10px 14px;



        background-size: 14px;



    }



    .s5-col-2 {



        width: 24%;



        margin: -95px 3% -25px 0;



    }



    .s5-col-2-top {



        height: 100px;



    }



    .s5-col-2-prod {



        margin: -5px auto 5px;



        width: 100px;



    }



    .s5-col-2-top p {



        font-size: 13px;

        line-height:16px

      



    }



    .s5-col-2-top {



        height: 100px;



    }



    .s5-col-3-top p,



    .s5-col-4-top p {



        font-size: 13px;



    }



    .s5-col-3-prod {



        margin: -0px auto 1px;





    } 

    

    .review {

    display: initial;

    align-items: initial;

    margin-bottom:0px;

    margin-top:0px;

    }



    .review-mid {

        width:100%;

        position:relative;

    }

    

    .review-mid img {

        width: 100%;

        margin-top: 25px;    

    }

    .review-mid h4 {

        font-size: 16px;

        line-height: 24px;

        margin-top: 10px;

        padding: 0px 25px

    }



    .review-mid p {

        font-size: 18px;

        line-height: 28px;

        margin-top: 10px;

        padding: 0px 25px

    }



    p.reviewer {

        font-size: 16px;

        line-height: 24px;

        margin-top: 10px;

        padding: 0px 25px

    }

    

    .accordion {

        font-size: 16px;

        line-height: 22px;

        background-size: 20px;

        padding: 3px 35px 3px 0px;

    }

    .acdn-heading.accordion-open {

        background-size: 20px;

        padding: 3px 35px 3px 0px;

    }

    .acdn-para {

        font-size: 16px;

        line-height: 22px;

    }

    .up-slide-dwn {

        float: left;

        width: 100%;

        margin-bottom: 25px;

        background: #fff;

        border-radius: 10px;

        padding:25px;

    }

    .acdn-content {

        float: left;

        width: 100%;

        padding: 10px 10px 0px 0;

    }

    .bnrStar {

        font-size: 14px;

        line-height: 20px;

        color:#000;

    }

    .bnrStar img {

        width: 75px;

        margin: -5px 4px 0 0;

    }

    .bnrHeading {

        font-size: 28px;

        line-height: 36px;

        margin: 0px 0px 5px 0px;

        color:#000;

    }



    .banner {

        background: initial;

        background-color: #fdf8ec;

    }

    .banner-left ul.banner-point {

        width: 85%;

        display: inline-block;

        /* vertical-align: middle; */

        /* max-width: 370px; */

        float: none;

        margin-top: 8px;

        margin-left: 15px;

        margin-bottom: 25px;

    }

    .banner-left h4 {

        font-size: 16px;

        line-height: 22px;



    }

    .commonHead {

        font-size: 26px;

        line-height: 32px;

        margin-top: 5px;

    }

    .gty-mid {

        padding: 30px 0 25px;

        display: initial;

        align-items: initial;

        margin-top: 0px;

        text-align: center;

    }



    .gty-left, .gty-right {

        width: 100%;

        text-align: center;

    }



    .gty-right {

        padding: 10px 0 15px;

    }

    .gty-right .commonText {

        padding-right: 0;

    }

    .gty-left img {

        width: 65%;

    }

    .ft-mid{

    display: initial;

    align-items: initial;

    }



    .ft-mid-right{

        width:100%;

    }

    .ft-mid-left{

        width:100%;

    }





    .ft-family, .ft-temp, .ft-money, .ft-relax, .ft-sleep {

        height:290px;

        border-radius:20px 20px 0px 0px;

    }



    .banner-left .btnBox {

        margin-top: 15px;

    }

    .banner-btm {

        padding-bottom: 5px!important;

    }

    

}