/*
  rsp = responsive
*/

.menu__responsive .dropdown-toggle::after{ display:none; }

.show-sm,
.show-sm-flex {
  display: none !important;
}

.hidden-sm {
  display: inherit !important;
}

.hidden-sm-flex{
  display: flex !important;
}

@media screen and (max-width: 767px) {
  .hide-rsp {
    display: none;
  }

  .sidebar {
    /*width: 100%;*/
    /*display: none !important;*/
    width: 400px;
    margin:0 auto;
    /*margin-left: 10%; */
  }

/*Nuevo*/

.sidebar2 {
    /*width: 100%;*/
    /*display: none !important;*/
    width: 300px;
    margin:0 auto;
    /*margin-left: 10%; */
  }


  .botones_re{
    margin:0 auto;
  }

  .header {
    padding: 0 15px;
  }

  .header__mini-menu {
    background-image: url('');
  }

  .permit__breadcrumbs {
    display: none;
  }

  .content {
    height: inherit;
    padding: 0;
  }

  .footer {
    margin-top: 20px;
    padding: 15px 30%;
  }

  .footer__menu {
    display: none;
  }

  .hidden-sm,
  .hidden-sm-flex {
    display: none !important;
  }

  .show-sm {
    display: inherit !important;
  }

  .show-sm-flex {
    display: flex !important;
  }

  .permit__total-button {
    text-align: center;
  }

  .permit__title {
    display: none;
  }

  .modal__pills-title > h2:nth-child(1),
  .modal__pills-title > h2:nth-child(2) {
    font-size: 20px;
  }

  .back-buton--rsp {
    width: 100px;
    height: 30px;
    border-radius: 20px;
    border: #838BB6;
    background-color: #838BB6;
    color: #FFFFFF;
    font-weight: 200;
    text-align: right;
    padding-right: 13px;
    float: right;
    background-image: url(../assets/permit_form/arrow_back.png);
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 20px;
    cursor: pointer;
    font-size: 15px;
  }

  .modal-list > div:nth-child(2) {
    border: none;
  }

  /*HOME*/
  .home__title {
    margin-top: 0;
  }

  .home__menu--rsp {
    padding: 0 30px;
  }

  .home__menu--rsp > div:nth-child(1),
  .home__menu--rsp > div:nth-child(2),
  .home__menu--rsp > div:nth-child(5),
  .home__menu--rsp > div:nth-child(6),
  .home__menu--rsp > div:nth-child(9),
  .home__menu--rsp > div:nth-child(10),
  .home__menu--rsp > div:nth-child(13),
  .home__menu--rsp > div:nth-child(14),
  .home__menu--rsp > div:nth-child(17),
  .home__menu--rsp > div:nth-child(18),
  .home__menu--rsp > div:nth-child(21),
  .home__menu--rsp > div:nth-child(25),
  .home__menu--rsp > div:nth-child(22){
    background-repeat: no-repeat;
    background-position-x: 15px;
    height: 80px;
    margin-top: 10px;
  }

  .home__menu--rsp > div:nth-child(1) {
    background-image: url('../assets/home/option1_group1.png');
  }

  .home__menu--rsp > div:nth-child(2) {
    background-image: url('../assets/home/option2_group1.png');
  }

  .home__menu--rsp > div:nth-child(5) {
    background-image: url('../assets/home/option3_group1.png');
  }

  .home__menu--rsp > div:nth-child(6) {
    background-image: url('../assets/home/option1_group2.png');
  }

  .home__menu--rsp > div:nth-child(9) {
    background-image: url('../assets/home/option2_group2.png');
  }

  .home__menu--rsp > div:nth-child(10) {
    background-image: url('../assets/home/option3_group2.png');
  }

  .home__menu--rsp > div:nth-child(13) {
    background-image: url('../assets/home/option1_group3.png');
  }

  .home__menu--rsp > div:nth-child(14) {
    background-image: url('../assets/home/option2_group3.png');
  }

  .home__menu--rsp > div:nth-child(17) {
    background-image: url('../assets/home/option3_group3.png');
  }

  .home__menu--rsp > div:nth-child(18) {
    background-image: url('../assets/home/option1_group4.png');
  }

  .home__menu--rsp > div:nth-child(21) {
    background-image: url('../assets/home/option2_group4.png');
  }

  .home__menu--rsp > div:nth-child(22) {
    background-image: url('../assets/home/option3_group4.png');
  }

  .home__menu--rsp > div:nth-child(25) {
    background-image: url('../assets/home/option1_group5.png');
  }

  .home__menu--rsp > div {
    padding-right: 15%;
    cursor: pointer;
  }

  .home__menu--rsp > div > span:nth-child(1) {
    color: #3A6E9D;
    font-weight: 200;
    margin-right: 2px;
  }

  .home__menu--rsp > div > span:nth-child(2) {
    color: #265F93;
    font-weight: 600;
    margin-bottom: 20px;
  }

  /*PERMIT*/
  .table-blue--rsp {
    border: 2px solid #236BA1;
    margin: 30px 0;
  }

  .table-blue--rsp > div {
    padding: 10px;
    color: #FFFFFF;
    background-color: #236BA1;
    font-weight: 500;
  }

  .table-blue__fix-header--rsp {
    background-color: #4187B3 !important;
  }

  .table-blue__fix-content--rspLight{
    display: flex !important;
    font-weight: 200 !important;
    background-color: #F8F8FE !important;
    color: #424251 !important;
    justify-content: space-between;
  }

  .table-blue__fix-content--rspLight > span > b,
  .table-blue__fix-content--rspDark > span > b {
    color: #4187B3;
    font-weight: 500;
  }

  .table-blue__fix-content--rspLight > a,
  .table-blue__fix-content--rspDark > a {
    color: #4187B3;
    font-weight: 500;
    font-size: 13px;
  }

  .table-blue__fix-content--rspDark{
    display: flex !important;
    font-weight: 200 !important;
    background-color: #DEDEE7 !important;
    color: #424251 !important;
    justify-content: space-between;
  }


  .table-red--rsp {
    border: 2px solid #6A1411;
    margin: 30px 0;
  }

  .table-red--rsp > div {
    padding: 10px;
    color: #FFFFFF;
    background-color: #6A1411;
    font-weight: 500;
  }

  .table-red__fix-header--rsp {
    background-color: #883533 !important;
  }

  .table-red__fix-content--rspLight{
    display: flex !important;
    font-weight: 200 !important;
    background-color: #F8F8FE !important;
    color: #424251 !important;
    justify-content: space-between;
  }

  .table-red__fix-content--rspLight > span > b,
  .table-red__fix-content--rspDark > span > b {
    color: #4187B3;
    font-weight: 500;
  }

  .table-red__fix-content--rspLight > a,
  .table-red__fix-content--rspDark > a {
    color: #4187B3;
    font-weight: 500;
    font-size: 13px;
  }

  .table-red__fix-content--rspDark {
    display: flex !important;
    font-weight: 200 !important;
    background-color: #DEDEE7 !important;
    color: #424251 !important;
    justify-content: space-between;
  }

  .table-red__fix-content--separator {
    background-color: #F8F8FE !important;
  }

  /*PAYMENT*/

  .payment__credit {
    margin-top: 20px;
  }

  .payment__steps {
    display: none;
  }

  .payment__first-step {
    margin-top: 50px;
  }

  .payment__first-step--logos {
    background-image: url(../assets/payment/icon_note.png), url(../assets/payment/icon_card.png);
    height: 160px;
    background-repeat: no-repeat;
    background-position: left, right;
  }

  .payment__first-step--logos > div {
    border-bottom: 5px #BCBEC3 solid;
    position: absolute;
    z-index: -1;
    height: 90px;
    width: 90%;
  }

  .payment__first-step--logos > p:nth-child(2) {
    color: #236BA1;
    position: absolute;
    font-size: 11px;
    text-align: center;
    font-weight: 600;
    top: 275px;
    width: 20%;
    left: 0px;
  }

  .payment__first-step--logos > p:nth-child(3) {
    color: #236BA1;
    position: absolute;
    font-size: 11px;
    text-align: center;
    font-weight: 600;
    top: 275px;
    width: 15%;
    right: 15px;
  }

  .payment__second-step--logos {
    background-image: url(../assets/payment/icon_note.png), url(../assets/payment/icon_card.png);
    height: 160px;
    background-repeat: no-repeat;
    background-position: left, right;
  }

  .payment__second-step--logos > div:nth-child(1) {
    border-bottom: 5px #246DA2 solid;
    position: absolute;
    z-index: -1;
    height: 90px;
    width: 90%;
  }

  .payment__text-description {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 160px;
    color: #236BA1;
    font-size: 11px;
    text-align: center;
    font-weight: 600;
  }

  .menu__responsive {
    color: #FFFFFF;
    position: absolute;
    right: 73px;
    top: 54px;
  }

  .menu__responsive--items {
    background-color: #838BB6;
    border-bottom: 9px solid #ED3F5D;
    left: -100px !important;
  }

  .menu__responsive--items > a {
    height: 50px;
    padding: 16px;
    font-size: 11px;
    border-bottom: 1px #A6AFC1 solid;
  }

  .menu__responsive--items > a:hover {
    text-decoration: underline;
    background-color: #838BB6;
    border-bottom: 1px #A6AFC1 solid;
  }

  .menu__responsive--footer {
    padding:16px;
  }
  
  .resp-foot-logo{ 
    padding:15px 0 0 0;
	overflow:hidden;
   }
   
  .logoFootRespLeft{
    width:100px; 
    float:left;
   }
   .txtFootRespRight{
    width:140px; 
    float:right;
   }
   .txtFootRespRight p{
	   font-size:11px; color:#FFF; line-height:14px; margin:0; text-align:right; 
	   }
  .menu__responsive--footer > div {
    color: #FFFFFF;
    font-weight: 500;
    width: 270px;
    font-size: 11px;
  }

  .menu__responsive--header {
    /*height: 30px;*/
    border-bottom: 1px #A6AFC1 solid;
  }

}


@media screen and (max-width: 1121px) {
  .payment__credit > h3 {
    margin-bottom: 40px;
  }

  .payment__container {
    height: 320px;
  }
}

@media screen and (max-width: 958px) {
  .payment__credit > h3 {
    margin-bottom: 20px;
  }

  .payment__container {
    height: 268px;
  }
}

@media screen and (max-width: 895px) {
  .payment__credit > h3 {
    margin-bottom: 40px;
  }

  .payment__container {
    height: auto;
  }
}


@media screen and (max-width: 598px) {
  .payment__first-step--logos > p:nth-child(2),
  .payment__first-step--logos > p:nth-child(3) {
    width: 20%;
  }
}

@media screen and (min-width: 900px) {
  .modal__pills-title > h2:nth-child(1),
  .modal__pills-title > h2:nth-child(2) {
    font-size: 16px;
  }

}