@media screen and (max-width: 1700px) {
.cp2i-right > ul > li{ width:50%; }


}

@media screen and (max-width: 1600px) {
.just-listed .cp2-marker > div > div{ top: 300px; width:34px; height:280px;  background-size:34px 280px;  }
.new-construction .cp2-marker > div > div{ top: 280px; width:34px; height:488px;  background-size:34px 488px;  } 
.virtual-tour .cp2-marker > div > div{top: 300px; width:34px; height:362px;  background-size:34px 362px;  } 

}


@media screen and (max-width: 1400px) {
.new-construction .cp2-marker > div > div{ top: 220px;   } 
}


@media screen and (max-width: 1350px) {
.cp2i-right > ul > li{ width:33%; }

.cp2i-left{ width:196px;}
.cp2i-left-wrapper{ height:182px;}
.cp2-line1 a { font-size: 16px;}
.cp2-line1 p, ul.cp2-types li a { font-size: 12px;}
.list-readmore{  max-height:168px; }

.cp2-line1{ flex-direction:column; }
.cp2-line1 p{ margin-left: 0px; margin-top: 6px; font-size:13px; line-height:13px;  }
.cp2-line2{ flex-direction: column; margin-top:2px; }
.cp2-line2 span{ display:none; }
ul.cp2-types li{ width: auto;  }

}






@media screen and (max-width: 850px) {
.cp2i-right > ul > li{ width:50%; }

}


@media screen and (max-width: 768px) {
.list-readmore{  max-height:182px; }
li.cp2-content-item{ flex-direction:column; margin-top:24px; }
.cp2i-left{ width:100%; height:56px; background:transparent; }
 .cp2i-left-wrapper{ height:auto; }
.cp2i-left img{ display:none; }
.cp2i-left div div{ display:none; }
.cp2i-left p{ position:absolute; bottom: 6px; left:6px; font-size:25px; line-height:25px; color:#000; }
.cp2i-left span{ bottom: 0px; left: 0px; width: 120px; height: 56px;   padding-bottom: 0;  background-size: 120px 56px; z-index: 0; opacity: 1;}

.cp2-los-angeles .cp2i-left span{background-image: url(../img/cp-la.svg); }
.cp2-monterey .cp2i-left span{background-image: url(../img/cp-mn.svg); }
.cp2-napa .cp2i-left span{background-image: url(../img/cp-np.svg); }
.cp2-orange .cp2i-left span{background-image: url(../img/cp-or.svg); }
.cp2-riverside .cp2i-left span{background-image: url(../img/cp-rs.svg); }
.cp2-sandiego .cp2i-left span{background-image: url(../img/cp-sd.svg); }
.cp2-sanfnacisco .cp2i-left span{background-image: url(../img/cp-sf.svg); }
.cp2-sanmateo .cp2i-left span{background-image: url(../img/cp-sm.svg); }
.cp2-santabarbara .cp2i-left span{background-image: url(../img/cp-sb.svg); }
.cp2-santaclara .cp2i-left span{background-image: url(../img/cp-sс.svg); }
.cp2-sonoma .cp2i-left span{background-image: url(../img/cp-sn.svg); }
.cp2-ventura .cp2i-left span{background-image: url(../img/cp-vn.svg); }

.cp2i-right > ul > li{ width:33%; padding-left: 0px; margin-top: 10px;}
.cp2i-right {  margin-left: 0%;}
.cp2-types{ margin-top:2px; }
ul.cp2-types li a { font-size: 13px;}

}



@media screen and (max-width: 600px) {
.cp2i-right > ul > li{ width:50%; }

}


@media screen and (max-width: 450px) {
	.cp2i-right > ul > li{ width:100%;}
li.cp2-content-item {  margin-top: 18px;  }
.cp2i-left span{ width: 103px; height: 48px;   background-size: 103px 48px;}
.cp2i-left p{ bottom: 4px; left:4px; font-size:23px; line-height:23px; }

 .cp2-line1 {  flex-direction: row;  }
 .cp2-line1 p {  margin-left: 6px;   margin-top: 0px;}
 .cp2-line2 {  flex-direction: row;  margin-top: 6px;}
 .cp2-types {  margin-top: 0px;  }
 .cp2-line2 span{ display:block; padding: 0 4px 0 4px; }
ul.cp2-types li a { font-size: 14px; margin: 0 6px 0 0; }
ul.cp2-types li { margin: 0 6px 0 0;}
	ul.cp2-types li:last-child{ margin-right:0px; }
		ul.cp2-types li:last-child a{ margin-right:0px; }

.just-listed .cp2-marker > div > div{ right: -14px; width:24px; height:198px;  background-size:24px 198px;  }
.new-construction .cp2-marker > div > div{ right: -14px; width:24px; height:344px;  background-size:24px 344px;  } 
.virtual-tour .cp2-marker > div > div{width:24px; height:255px;  background-size:24px 255px;  } 
}


@media screen and (max-width: 350px) {
	.list-readmore{  max-height:176px; }
.cp2i-right > ul > li {   margin-top: 2px;  }
  .cp2i-right{ margin-top:8px }
.cp2-line1 {  flex-direction: column;  }
.cp2-line1 p {  margin-left: 0px;   margin-top: 8px;  }

  .cp2-line2 {  flex-direction: column;  margin-top: 3px;}
   .cp2-line2 span{ display:none;}
 .cp2-types { margin-top: 3px;  }
}