/*moj grid SYSTEM*/

.volumen__grid__wrapper_Tulum {
  display: -ms-grid;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 30px;
}



.volumen__block_1_tulum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-row: 1 / 1;
  grid-column: 1 / span 1;
  width: 306px;
  height: 430px;
}


.volumen__block_2_tulum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-row: 1 / 1;
  grid-column: 2 / span 3;
  width: 100%;
  height: 100%;
}


.volumen__block_3_picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-row: 1 / 1;
  grid-column: 1 / span 3;
  width: 100%;
  height: 100%;
}


.volumen__block_3_picture picture img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}




@media (max-width: 767px) {


  .volumen__block_3_picture picture img {
   width: 98%;
   padding-left: 26px;
   padding-right: 26px;
  }


  .volumen__block_3_picture img {
    position: relative;
    right: 0;
    /*width: 50vw;*/
    width: 50%;
  }

}


@media (min-width: 768px) and (max-width: 1025px) {
  .volumen__block_3_picture img {
    position: relative;
    right: 0;
    width: 48vw;
  }

}





@media (max-width: 769px) {

  .volumen__grid__wrapper_Tulum {
    grid-template-columns: 100%;
  }

  .volumen__block_1_tulum {
    grid-row: 1/-2;
    grid-column: 1 / span 4;
    width: 57%;
    height: 130px;
    padding-left: 26px;
    padding-right: 26px;

  }

  .volumen__block_2_tulum {
    /*grid-row: 4/4;*/
    grid-column: 1 / span 4;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}





.good__block_1_Left_1 {
  position: relative;
  z-index: 2;
}

.good__block_1_right_1 {
  position: relative;
  z-index: 2;
}


.good__block_1_Left_1 picture img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.good__block_1_right_1 picture img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}


@media (min-width: 768px) and (max-width: 1366px) {
  .good__block_1_right_1 picture img {
    height: 110%;
  }
}

@media (min-width: 768px) and (max-width: 1026px) {
  .good__block_1_Left_1 {
    bottom: 0;
    position: absolute;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }

  .good__block_1_right_1 {
    bottom: 0;
    position: relative;
    margin-left: 100%;
    width: 100%;
  }



  .good__block_1_Left_1 picture img {
    width: 40%;
  }

  .good__block_1_right_1 picture img {
    width: 79%;
  }



}

/*
@media (max-width: 767px) {
  .good__block_1_Left_1 {
    bottom: 0;
    position: absolute;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1;
  }



  .good__block_1_Left_1 picture img {
    position: relative;
    right: 0;
    width: 20vw;
  }
}
*/



.good__block_1_right_2 {
  grid-column: 2/3;
  position: relative;
}

@media (max-width: 767px) {
  .good__block_1_right_2 {
    grid-column: initial;
    margin-left: 50vw;
  }

  .good__block_1_right_2 img {
    position: relative;
    right: 0;
    width: 50vw;
  }

  .good__block_1_right_2 .picture__caption {
    left: calc(-32vw - 30px) !important;
    width: 32vw !important;
  }
}

@media (min-width: 768px) and (max-width: 1025px) {
  .good__block_1_right_2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/1;
    width: 48vw;
  }
  .good__block_1_right_2 img {
    position: relative;
    right: 0;
    width: 48vw;
  }
  .good__block_1_right_2 .picture__caption {
    left: -330px !important;
    width: 290px !important;
  }
}
.good__block_1_right_2 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.good__block_1_right_2 .picture__caption {
  left: -515px;
  position: absolute;
  text-align: right;
  top: 0;
  width: 470px;
}




/*fixeri*/
.pinFix_up__2{
  margin-top: -22%;
}


.pinFix_up__1{
  margin-top: -2%;
}

/*element space*/
.pinFix_down__up__space__50 {
  margin-top: 5%;
}

/*element space*/
.pinFix_down__up__space__70 {
  margin-top: 7%;
}



@media (min-width: 1366px) {

    /*fixeri*/
    .pinFix_up__1{
      margin-top: -15%;
    }
}

@media (min-width: 768px) and (max-width:1025px) {

    .pink_Wrapper_part_sec_column  .volumen__wrapper {
        margin-top: 39px;
    }

     .pinFix_down__1{
      margin-top: 81px;
    }

  }



/*---------------mobile, only mobile----------------*/
@media (max-width: 768px) {
  .desktop_wrap{
    display: none;
    visibility: hidden;
  }

  .mobile_wrap{
    display: block;
  }

  .mobile_wrap_fullWidth {
    display: block;
  }
}


/*not visible for desktop*/
@media (min-width: 768px)  {
  .desktop_wrap{
    display: block;
    visibility: visible;
  }

  .mobile_wrap{
    display: none;
    visibility: hidden;
  }

  .mobile_wrap_fullWidth {
    display: none;
    visibility: hidden;
  }

}