/*-- responsive design --*/
@media (max-width:1366px){

  .wrap{
    width: 100%;
  }

  .as_item_nav_logo img{
    width: 54px;
  }

  .bc_left{
    width: 250px;
  }

  .bc_center{
    width: 56%;
    margin: 0 auto;
  }

  .ic_item h1{
    font-size: 2.3em;
  }

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

  .wrapper_header{
    height: 280px;
  }

  .bc_left{
    float: left;
    width: 30%;
  }

  .bc_center{
    float: left;
    width: 70%;
  }

  .bc_right{
    float: left;
    width: 100%;
  }

  .c_cont_item{
    display: inline-block;
    width: 250px;
    height: 280px;
    margin: 5px;
  }

  .ic_item h1{
    font-size: 2em;
  }


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

  .wrapper_header{
    height: auto;
  }

  .ic_right_play{
    top: 25%;
    left: 37%;
  }

  .ic_item h1{
    font-size: 1.5em;
  }

  .ic_item h2{
    font-size: 0.9em;
  }

  .cmic_item_left{
    float: none;
    width: 100%;

  }
  .cmic_item_right{
    float: none;
    width: 100%;
  }

  .c_cont_item{
    width: 280px;
  }

}

@media (max-width:880px){

  .as_item_nav_accordion{
    opacity: 1;
  }

  .ic_right_play{
    top: 23%;
    left: 33%;
  }

  .bc_left{
    display: none;
    position: fixed;
    top: 55px;
    left: -10000px;
    z-index: 99999;
    width: 100%;
    height: 100%;

    transition: left 0.3s ease-in-out;

  }

  .bc_center{
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .cmi_header{
    padding: 0;
    margin: 0;
  }

  .cmi_content{
    padding: 0;
  }
  .cmic_item{
    padding: 0;
  }

  .cmic_item_left img{
    padding: 0;
  }

  .cmic_item_right{
    padding: 5px;
  }

  #cm_intro,
  #cm_dp,
  #cm_pm,
  #cm_mi,
  #cm_cmap,
  #cm_cmai,
  #cm_cmaps,
  #cm_zd,
  #cm_fback{
    padding: 0px;
    margin: 0;
  }

  #table_pm_1,
  #table_pm_2,
  #table_cmap_1,
  #table_cmai_1,
  #table_cmaps_1{
    padding: 0px;
  }

  .cmdpc_item_img{
    padding: 5px;
    width: 100%;
  }

  .cmdpc_item{
    padding: 5px;
    margin: 0;
    width: 100%;
  }

  .cmpm_content{
    padding: 0;
    margin: 0;
  }

  .cmpmc_block{
    padding: 0;
    margin: 0;
  }

  .cmpmc_item{
    padding: 0;
    margin: 0;
  }

  .accordion_pm{
    padding: 0;
    margin: 0;
  }

  .cmdpc_item ul li{
    padding: 10px 5px;
    display: block;
  }

  .cmdpc_item ul li:nth-child(1){
    display: none;
    width: 0;
  }

  .cmdpc_item ul li:nth-child(2){
    width: 100%;
  }

  .cmdpc_item_text{
    padding: 0;
  }

  .cmcmai_content{
    padding: 0;
    margin: 0;
  }
  .cmcmai_block{
    padding: 0;
  }
  .cmcmai_item{
    padding: 0;
  }

  .accordion_cmai{
    padding: 0px;
  }

  .accordion_cmaps{
    padding: 5px 0px;
    margin: 0;
  }

  .cmcmap_content{
    padding: 0;
    margin: 0;
  }
  .cmcmap_block{
    padding: 0;
    margin: 0;
  }
  .cmcmap_item{
    padding: 0;
    margin: 0;
  }

  .cmmi_content{
    padding: 0;
    margin: 0;
  }
  .cmmic_block{
    padding: 0;
  }
  .cmmic_item{
    padding: 0;
  }

  .c_cont_item{
    width: 350px;
    height: 300px;
  }

  .cmi_view{
    padding: 20px 0 0 0;
    margin: 0;
    border: 0;
  }

  .accordion_cp{
    padding: 0 0 5px 0;
  }

  #cp_accor .title-games{

  	padding: 0px;
  	margin: 10px 3px 3px 3px;
  }

  #hd_view{
    display: none;
  }

}

/*Movil*/

@media (max-width:787px){

  .ch-img-1 {
    width: 70px;
    height: 70px;
  }

  .ch-item {
    box-shadow:
      inset 0 0 0 8px rgba(21, 28, 34, 0.31), 0 1px 2px rgba(0,0,0,0.1);
  }

  .ic_right_play{
    top: 25%;
    left: 37%;
  }

  .ch-item::before{
    top: 33%;
    left: 35%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid rgba(0, 0, 0, 0.3);
  }

  .ch-info::before{
    top: 33%;
    left: 35%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid rgba(255, 255, 255, 1);
  }

  .ic_item h1{
    font-size: 1.3em;
  }

  .ic_right img{
    padding-top: 10px;
  }

  .c_cont_item{
    width: 95%;
    height: auto;
  }

  .c_ciw_b_left{
  	width: 70%;
  }

  .cmmic_ilb_item select{
    width: 100%;
  }

  .cmmic_ib_left{
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .cmmic_ib_right{
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media (max-width:640px){

  .ic_left{
    float: none;
    width: 100%;
  }

  .ic_right{
    float: none;
    width: 100%;
  }

  .ch-img-1 {
    width: 100px;
    height: 100px;
  }

  .ch-item {
    box-shadow:
      inset 0 0 0 15px rgba(21, 28, 34, 0.31), 0 1px 2px rgba(0,0,0,0.1);
  }

  .ic_right_play{
    top: 35%;
    left: 45%;
  }

  .ch-item::before{
    top: 35%;
    left: 35%;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 30px solid rgba(0, 0, 0, 0.3);
  }

  .ch-info::before{
    top: 35%;
    left: 35%;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 30px solid rgba(255, 255, 255, 1);
  }

  .ic_item h1{
    font-size: 2.3em;
    text-align: center;
  }

  .ic_item h2{
    font-size: 1.2em;
    text-align: center;
  }

  .c_cont_item{
    height: 300px;
  }

}
@media (max-width:480px){
  .ic_right_play{
    top: 35%;
    left: 40%;
  }
  .ic_item h1{
    font-size: 1.8em;
    text-align: center;
  }

  .ic_item h2{
    font-size: 0.9em;
    text-align: center;
  }

  .c_cont_item{
    height: 300px;
  }
}
@media (max-width:320px){
  .ic_right_play{
    top: 27%;
    left: 33%;
  }
  .ic_item h1{
    font-size: 1.5em;
    text-align: center;
  }

  .c_cont_item{
    height: 250px;
  }

}