@media screen and (min-width:768px){
    body.single-product .ccpc_containerbox {
      width: 100%;
      display: inline-block;
      float: left;
      position: relative;
      padding: 5px 0px;
      margin: 15px 0px;
        font-family:inherit;
  }  
      
  }
  
  @media screen and (max-width:767px){
    body.single-product .ccpc_containerbox {
      width: 100%;
      display: inline-block;
      float: left;
      position: relative;
      padding: 0px;
      margin: 15px 0px;
        font-family:inherit;
  }  
      .ccpc_formbox {
          min-width:100% !important;
          
          }
      .pincode-serviceabilityViewMore {
    cursor: pointer;
    font-weight: 700;
    color: #0a2242
    ;
    margin-left: 5px !important;
    font-size: 13px;
  }
  }
  .ccpc_containerbox h3 {
      font-size: 13px !important;
      width: 100%;
      display: inline-block;
      margin: 0px 0px 10px 0px !important;
      line-height: 10px !important;
  }
  
  
  .serviceavailtxt{
     color: #23c5a0;
     font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  }
  
  
  .deliverytime {
      margin-top: 10px;
      border-top: 1px solid #f5f5f5;
      font-size: 13px;
      padding-top: 10px;
      margin-bottom: 0px;
      font-family:inherit;
  }
  .notavailable{
      color:red;
	  font-size: 13px;
  }
  .pincode-enterPincode {
      font-size: 12px;
      color: #282c3f;
      margin: 8px 0 0;
      display: none;
  }
  .tickbox {
    height: 16px;
  width: 16px;
  position: absolute;
  left: 90px;
      display:none;
  }
  .pincode-tick {
     
      top: 3px;
      left: 6px;
      height: 8px;
      width: 4px;
      border: solid #fff;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family:inherit;
  }
  .pincode-tick {
      margin: 0 5px 0 0;
  }
  .sprites-lightTick {
     
      width: 10px;
      height: 11px;
  }
  .changepincode{
      background-color:#f4f4f5;
      border: 1px solid #d4d5d9;
  }
  .meta-info {
      color: #282c3f;
      font-size: 16px;
      margin: 5px 0;
      display: inline-block;
      width: 90%;
      vertical-align: top;
      font-family:inherit;
  }
  .ccpc_checkcode{
      margin: 16px 0 0;
      padding: 0;
      line-height: 20px;
  }
  .divResponse{
      margin: 0px 0px 0px 0px;
  padding: 0px;
  line-height: 20px;
  background-color: #f2f2f200;
  width: 100%;
  border-radius: 5px;
  }
  .pincode-serviceabilityViewMore {
     
      cursor: pointer;
      font-weight: 700;
      color: #0a2242
      ;
      margin-left: 30px;
      font-size: 13px;
      font-family:inherit;
  }
  .pincode-rightArrow {
      width: 16px;
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
      vertical-align: text-top;
      
  }
  .meta-container {
      margin: 20px 0 0;
  }
  .ccpc_delicons {
      display: inline-block;
      float: left;
  }
  .ccpc_avaddate {
      display: inline-block;
      float: left;
  }
  .ccpc_avacod {
      display: inline-block;
      float: left;
  }
  .ccpc_delicons svg {
      display: inline-block;
      width: 22px;
      height: auto;
      vertical-align: middle;
      margin-right:5px;
  }
  .ccpc_tficon {
      display: inline-block;
      float: left;
      margin-right: 10px;
  }
  .ccpc_tficon img {
      width: 16px;
  }
  
  .ccpc_avaddate ,.ccpc_avacod  {
      font-size: 13px;
       font-weight: 400;
  }
  .ccpc_avaddate p,.ccpc_avacod p{
      margin-bottom:0px;
      line-height: 20px;
      color:#333;
  }
  .ccpc_containerbox input.ccpcbtn ,.ccpc_containerbox input.ccpccheckbtn,.ccpc_formbox input.ccpc_btn,.ccpc_containerbox input.ccpcbtn ,.ccpc_containerbox input.ccpccheckbtn:hover,.ccpc_formbox input.ccpc_btn:hover{
     font-size: 14px;
      font-weight: 600;
      border: 0;
      color: #0a2242
      !important;
      background:transparent !important;
     
  }
  .ccpc_avaitxt {
      display: flex;
      width: 100%;
      margin-bottom: 10px;
      align-content: center;
      align-items: center;
      font-weight: 700;
      margin: 0 0px 10px 0px;
      color: #282c3f;
      font-size: 13px;
      padding: 0;
      font-family:inherit;
      line-height: 35px;
  }
  .ccpc_dlvrytxt {
      display: inline-block;
      width: 100%;
      align-content: center;
      align-items: center;
      color: #282c3f;
  font-size: 13px;
  padding: 0;
  line-height: 35px;
      font-family:inherit;
  font-weight: 700;
  }
  
  .ccpc_containerbox input.ccpcbtn:focus {
      outline: none;
      text-decoration: none;
  }
  .ccpc_containerbox input.ccpcbtn:hover {
      text-decoration: none;
  }
  
  .response_pin {
        margin: 5px 0px;
  }
  .ccpc_formbox .ccpccheck:focus {
        outline: none;
      text-decoration: none;
  }
  .ccpc_formbox {
      display: flex;
      flex-direction: row;
      padding: 4px;
      font-size: 14px;
      min-width: 160px;
      outline: 0;
      width: 260px;
      border-radius: 7px;
      border: 1px solid #d4d5d9;
      background-color:#fff;
      height:50px;
  }
  .ccpc_formbox .ccpccheck{
      flex-grow: 2;
  border: none;
  color: #000;
  padding: 2px 10px;
  height: auto;
  background-color: initial;
  width:150px;
  }
  .ccpc_formbox svg {
      width: 16px;
      height: auto;
      margin:12px auto;
  }
  .ddatecolor{
      color: #0a2242
      ;
  }
  .countOrderTime{
      color: #0a2242
      ;
  }
  .ccpcloading{
       color: #0a2242
       ;
       font-size:12px;
  }