@media(max-width: 768px) and (min-width: 376px){ 
.global{
    max-width: 688px;
}

.collection-main_bg,
.choose-main,
.works-main{
    margin-bottom: 144px;
}
p{
    font-size: 15px;
    line-height: 25px; /* 162.5% */
}
h1{
    font-size: 48px;
    color: #FEFCF7;
    line-height: 48px;
    margin-bottom: 24px;
}
h4{
    font-size: 32px;
}
h5, .total{
    font-size: 28px;
    line-height: 32px; /* 112.5% */
}
.works-number{
    margin-bottom: 42px;
}
/* -----HEADER------ */
header{
    padding: 40px 0 53px 0;
  }
/* -----FOOTER------ */
.footer-conteiner{
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:65px;
  }

.footer-box{
    display: flex;
    flex-direction: column;
    gap:32px; 
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! HOME-------------------------- */
.about-main_bg{
    height: 500px;
    background-position-y: -350px;
    background-size: 1284px auto;
    padding: 104px 58px;
    margin-bottom: 136px;
  }
  /* ------FONTS----- */
  .about-main_content{
    text-align: left;
    max-width: 493px;
    color: #FEFCF7;
    mix-blend-mode: normal;
    opacity: 0.8;
    margin-bottom: 56px;
  }
  .about-main_content{
    max-width: 398px;
    margin-bottom: 40px;
  }
/* --------------------------COLLECTION-------------------------- */
.collection-main_bg{
    min-height: 927px;
    flex-direction: column;
    justify-content: flex-start;
    gap:32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    /* padding: 0 58px; */
  }

.collection-box_coffee{
  flex-direction: row;
  align-items: center;
  width: 573px;
}
.collection-box_coffee__text>h3,
.collection-box_coffee__text>p{
    text-align: left;
}
.collection-box_coffee__text{
    align-items: flex-start;
}
.collection-box_coffee__text>img{
    width: 255px;
}
/* --------------------------CHOOSE-------------------------- */
.choose-main{
  height: 863px;
}
.choose-main_bg{
  height: 573px;
}
.choose-box_text{
  gap:24px;
  margin-top: 56px;
  margin-bottom: 70px;
}
.choose-box_greenboxes{
  flex-direction: column;
  gap:24px;
}
.choose-conteiner_greenbox{
  flex-direction: row;
  align-items: center;
  gap:55px;
  max-width: 573px;
  max-height: 180px;
  padding: 41px;
}

.choose-conteiner_greenbox__text{
  gap:16px;
}

.choose-conteiner_greenbox__text>h3,
.choose-conteiner_greenbox__text>p{
  text-align: left;
}

.choose-conteiner_greenbox>img{
  margin-top: 0;
  margin-bottom: 0;
}
/* --------------------------HOW IT WORKS-------------------------- */
.works-main{
  padding-left: 0;
  min-height:622px;
}
.works-main_header>h3{
  margin-bottom: 40px;
}
 /* ------------------------------ */
.decoration_navigation__item-line {
  width: 215px;
}
    /* ------------------------------ */
.works-main_steps{
  gap:10px;
}
.works-main_step{
  width: 223px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ABOUT-------------------------- */
.cup-about_bg,
.commit-about,
.quality-about,
.headquartes-about{
    margin-bottom: 144px;
}
/* --------------------------CUP-------------------------- */
.cup-about_bg{
  height: 400px;
  padding: 85px;
  background-position-y: -200px;
  background-position-x: -25px;
  background-size: 1211px auto;
  padding: 58px;
}
/* --------------------------COMMIT-------------------------- */
.commit-about{
  gap:69px;
  padding: 0;

}
.commit-about_photo{
  width: 281px;
  height: 470px;
  background-position-x: -107px; 
}
.commit-about_text{
  max-width: 339px;
}
/* --------------------------QUALITY-------------------------- */
.quality-about{
  height: 648px;
  justify-content: center;
  align-items: flex-end;

}
.quality-about_bg{
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  width: 100%;
  height: 488px;
  padding: 67px;
}
.quality-about_text>h4{
  margin-bottom: 24px;
  text-align: center;
}
.quality-about_text>p{
  text-align: center;
}

.quality-about_photo{
  position: absolute;
  width: 573px;
  height:320px;
  top:-160px;
  background-position-y: -225px;
  background-size: 592px auto;
}
/* --------------------------HEADQUARTES-------------------------- */
.headquartes-about{
  padding: 0px;
}

.headquartes-boxes{
  gap:9px;
}

.headquartes-box{
  max-width: 285px;
  height: 262px;
  display: flex;
  flex-direction: column;
}
.headquartes-box_text{
  width: 223px;
}
.headquartes-box_text>h5{
  font-size: 24px;

}
.headquartes-box_icon{
  margin-bottom: 48px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! CREATE-YOUR-PLAN-------------------------- */
.cup-create_bg,
.steps-create,
.order-create{
    margin-bottom: 144px;
}

.cup-create_bg{
  height:400px;
  background-position-y: -130px;
  background-size: 1104px auto;
  padding: 126px 58px;
}
.cup-create_text{
  max-width: 398px;
}
/* --------------------------STEPS-CREATE-------------------------- */

.steps-create{
  height: 640px;
  padding: 70px 40px;
  flex-direction: column;
}
/* ----------------------LIST---------------------- */
.order-create_box-list{
  display: none;
}
/* -------------------------- */
.order-create{
  display: flex;
  flex-direction: row;
  padding: 0 0;
  gap:0;
}
/* ----------------------FORM-LIST---------------------- */

.order-create_steps__select{
  min-width: 689px;
}
.select-header>a{
  margin-bottom: 40px;
}
.select-boxes{
  gap: 10px;
}
.select-kind{
  width: 223px;
}
.order-create_steps__conteiners{
  margin-bottom: 100px;
}
/* ----------------------- */
.order-create_check__conteiners{
  margin-top: 44px;
  padding: 27px 44px;
  margin-bottom: 40px;
}
.order-create_btn__conteiners{
  justify-content: center;
}


}
@media(max-width: 500px) and (min-width: 150px){ 
  .burger-menu{
    display: inline;
    background-image: url(./assets/images/icons/burger_open.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 16px;
    border: transparent;
    }
    .burger-close{
      display: inline;
      background-image: url(./assets/images/icons/burger_close.png);
      background-repeat: no-repeat;
      width: 15px;
      height: 16px;
      border: transparent;

    }
    .header-menu{
      display: none;
    }
    /* // Burger */
.burger-adaptive{
  width: 100%;
  max-width: 327px;
  z-index: 20;
}
.burger-adaptive li{
  text-decoration: none;
  font-family: "Fraunces";
  font-weight: 900;
  text-align: center;
  font-size: 24px;
  line-height: 32px; /* 133.333% */
  margin-bottom: 32px;

}
.burger-adaptive li a{
  color: rgba(51, 61, 75, 1);
}
    .burger-adaptive{
      background: linear-gradient( rgba(254, 252, 247, 1),rgba(254, 252, 247, 0.505));
      position: fixed;
      width: 100%;
      height: 100%;
      top:130px;

    }
    .burger-adaptive ul{
      text-align: center;
      list-style-type: none; 
      padding: 0;
  
    }
    .burger-adaptive a{
      text-decoration: none;
    }

}