/*===========Choose your living style============*/
#living-style32{width:100%;max-width:970px;position:relative;color:#fff;font-size:14px; margin: 0 auto;}
#living-style32 h1{font-size:28pt;color:#fff;margin:0 0 10px;text-align:center;}
#living-style32 h4{color:#25a1e1;font-size:20px;text-align:center}
#living-style32 .col-sm-5{width:40% ; box-sizing: border-box;}
#living-style32 .col-sm-5.pull-right {
    width: 55% !important;
}
#living-style32 .list-livng{padding:0;margin:50px 0 0;list-style:none}
#living-style32 .list-livng li{padding:0 30px;margin:0 0 10px;cursor:pointer}
#living-style32 .list-livng li:hover{background:rgba(255,255,255,0.35);color: #000}
#living-style32 .list-livng li.active-bg{background:rgba(255,255,255,1); color: #000}
#living-style32 .list-livng li .living-bx{min-height:100px; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
resize: vertical;
text-align:left;
}
#living-style32 .list-livng li .living-bx img{max-width:70px;margin-right:15px}
#living-style32 .list-livng .blk-spn span{display:block;width:100%;text-align:left;position:relative;padding-left:8px}
#living-style32 .list-livng .blk-spn span:before{position:absolute;display:inline;content:"-";color:#fff;display:block;left:0;top:0}

#set-new-living-55  li {  
    border: 1px solid #b1d7d9;
    border-radius: 5px;
	position:relative;
}

#set-new-living-55 li.active-bg {
    background: rgba(255,255,255,0) !important;
    color: #fff !important;
}

/*=====checkbox=====*/
    

#set-new-living-55 li input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}
#set-new-living-55 li label {
	display: block;
    position: absolute;
    font-weight: 300;
    font-size: 1.35em;
    margin: 0 auto;
    z-index: 9;
    cursor: pointer;
    height: 100%;
    padding: 0;
    width: 100%;
    z-index: 111;
}
#set-new-living-55 li .check {
	display: block;
position: absolute;
border-radius: 0;
height: 30px;
width: 30px;
top: 0;
z-index: 5;
transition: border 0.25s linear 0s;
left: 55px;
background: transparent;
border: 1px solid #b1d7d9;
bottom: 0;
margin: auto;
}
#set-new-living-55 li input[type=checkbox]:checked ~ .check::before {
	background: url(../images/checked-pg.png) no-repeat  center center;
	background-size:22px auto;
}

#set-new-living-55 li .check::before {
	display: block;
	position: absolute;
	content: "";
	border-radius: 100%;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	margin: auto;
	
}
/*====end of check box=====*/

#set-new-living-55 li .col-sm-5:first-child{padding-left:15%;}
#set-new-living-55 li .flx-bx {
    padding-left: 20%;
	
}

#living-style32 #set-new-living-55 .col-sm-5 , #living-style32 #set-new-living-55 .col-sm-5.pull-right {
    float: left;
	width:50% !important;
}

#living-style32 .cnted-55{position:static !important;}
 



@media (max-width:1120px){
	  #living-style32{margin: 0 auto;}
}
@media (max-width:991px) {
#living-style32 .list-livng li .living-bx img{max-width:40px}
#living-style32{font-size:14px}
#living-style32 .col-sm-5{float:left; box-sizing:border-box;}
#living-style32 {   
    max-width:870px;   
    margin: 0 auto;
}
#living-style32 h4 {text-align:center; padding:0;}
}
@media (max-width:767px) {
#living-style32 .col-sm-5{float:left}
#living-style32{font-size:12px}
.blk-spn{padding:15px 0}
#living-style32 .list-livng li{padding:0 3%}
#living-style32 .list-livng{margin:30px 0 0}
#living-style32 h1{font-size:30px}
#living-style32 h4{font-size:16px}
#living-style32 .list-livng li .living-bx img{max-width: 70px;
float: left;
margin: -16px 5px 0 0;}
#set-new-living-55 li .flx-bx{margin-top: 0  padding-left:0}

#set-new-living-55 li .flx-bx  span{float: left;
width: 70%;}
#set-new-living-55 li .check {width:20px; height:20px;}

#set-new-living-55 li input[type="checkbox"]:checked ~ .check::before {
    background-size: 15px auto;
}


}
@media (max-width:480px) {
#living-style32 .list-livng li .living-bx img {
    max-width: 50px;
    float: left;
   margin: -10px 5px 0 0;
    width: 40px;
}

#new_h_page #living-style32 .list-livng li:nth-child(2) .cnted-55 .flx-bx img , #new_h_page #living-style32 .list-livng li:nth-child(3) .cnted-55 .flx-bx img {
    width: 50px !important;
    max-width: 50px !important;
}

#living-style32 .list-livng li .living-bx .flx-bx span{float:left; width:40px;}	
#living-style32 h1{font-size:22px}
#living-style32 h4{font-size:14px}
#living-style32 .list-livng li{padding:0}
#living-style32 .col-sm-5{width:40%; padding:0 15px 0 5px;}
#living-style32 .col-sm-5.pull-right{width:60%; }
#living-style32{font-size:11px}
#new_h_page .container{margin:0;     padding: 0; }

#living-style32 .list-livng li:first-child .living-bx img {
    margin-top: 8px;
}

}


#living-style32.mx-width33{max-width:750px}
#living-style32.mx-width33 .text-pad55{padding:0 ; text-align:center;}
#living-style32.mx-width33 .text-pad55 h1{text-align:center;}

#living-style32.mx-width33 h4 {
    color: #25a1e1;
    font-size: 23px;
   text-align:center;
    padding: 0 0 0 0;
}

#living-style32.mx-width33 .list22-box-in{list-style:none; padding:0; margin-top:50px; overflow: hidden;
   
}
#living-style32.mx-width33 .list22-box-in li{display:inline-block; width:49%; box-sixing:border-box; padding:15px 35px; text-align:center; max-width: 350px; 
float:left; cursor:pointer;
}
#living-style32.mx-width33 .list22-box-in li:nth-child(2){float:right;}

#living-style32.mx-width33 .list22-box-in li h3{margin:15px 0 20px;}

#living-style32.mx-width33 .list22-box-in li p{font-size:15px;}

#living-style32.mx-width33 .list22-box-in li.active-set{background: rgba(255,255,255,1)!important; color: #000}

#living-style32.mx-width33 .list22-box-in li:hover{background: rgba(255,255,255,0.35) none repeat scroll 0% 0%;color: #000}
	#living-style32 li{position:relative;}

@media (max-width:767px){
	#living-style32.mx-width33{max-width:650px; text-align:center;}
	#living-style32.mx-width33 .text-pad55 h1 {
    text-align: center;
}
	#living-style32.mx-width33 h4{font-size:18px; text-align:center;}
	#living-style32.mx-width33 .list22-box-in li p {
    font-size: 13px;
}	
}


@media (max-width:580px){
	
	#living-style32.mx-width33 .text-pad55 h1 {
    text-align: center;
	font-size:20px;
}

#living-style32.mx-width33 .list22-box-in li h3 {
    margin: 12px 0 15px;
	font-size:18px;
}

#living-style32.mx-width33 .list22-box-in li p{font-size:12px;}
	#living-style32.mx-width33 h4{font-size:14px; text-align:center;}
	
	#living-style32.mx-width33 .list22-box-in li{width:100%; float:none;}
	#living-style32.mx-width33 .list22-box-in li:nth-child(2){float:none; margin-top:15px;}
	#living-style32 .cnted-55 .flx-bx img{position:absolute;  margin:auto !important; width:30px; top:50%; left:15%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
	
	#living-style32 .cnted-55 .flx-bx span{width:90px; position:absolute; margin:auto; left:25%; top:50%; transform: translate(-50%, -50%);}
	
}

#living-style32 .cnted-55 .flx-bx img{position:absolute;  margin:auto !important; width:55px; top:50%; left: 65px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}

#new_h_page  #living-style32 .list-livng li:nth-child(2) .cnted-55 .flx-bx img{width:70px; max-width:70px;}
#new_h_page  #living-style32 .list-livng li:nth-child(3) .cnted-55 .flx-bx img{width:70px; max-width:70px;}
	
	#living-style32 .cnted-55 .flx-bx span{width:180px; position:absolute; margin:auto; left: 200px; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
	
#living-style32 #set-new-living-55 .cnted-55 .flx-bx img{left: 130px;}

#living-style32 #set-new-living-55 .cnted-55 .flx-bx span{left: 270px;}

@media (max-width:767px) {
	#living-style32 .cnted-55 .flx-bx img {left: 40px;}
	#living-style32 .cnted-55 .flx-bx span {left: 130px; width:90px;}
	#set-new-living-55 li .check {left: 25px;}
	#living-style32 #set-new-living-55 .cnted-55 .flx-bx img {left: 80px;}
	#living-style32 #set-new-living-55 .cnted-55 .flx-bx span{left: 160px; width:90px;}

}

@media (max-width:480px) {
	#living-style32 .cnted-55 .flx-bx img {left: 35px;}
	#living-style32 .cnted-55 .flx-bx span {left: 85px; width:60px;}
	#set-new-living-55 li .check {left: 12px;}
	#living-style32 #set-new-living-55 .cnted-55 .flx-bx img {left: 50px;}
	#living-style32 #set-new-living-55 .cnted-55 .flx-bx span{left: 103px; width:60px}
}

/*-----full btn-----*/

#full-btn-bx-55 {
    box-sizing: border-box;
  max-width: 930px;
    margin: 0 auto;
}


#full-btn-bx-55  .full-btn-new  {
	  display: block;
width: 100%;
text-align: center;
margin: 0;
padding: 25px 0;
float:none;
}

#listing_2 #living-style32  .cnted-55 img{max-width:55px !important;
width: 55px !important;} 

@media (max-width:991px){
#listing_2	#living-style32 .cnted-55 img{max-width:50px !important;
width: 50px !important;}
}

@media (max-width:480px){
#listing_2 #set-new-living-55 .check {
    left: 10px;
}

#listing_2 #living-style32 .cnted-55 img{max-width:35px !important;
width: 35px !important;}

#listing_2 #listing_2 #set-new-living-55 li .check {
    width: 15px;
    height: 15px;
}

}
