/*lolo  70%*/

/*===================   ALL MEDIA FOR ALL DEVICES  ====================*/

@media (max-width: 575px) {
  /*style some of custom class*/
  .center {
    text-align: center !important;
  }

  .customRow {
    margin-top: 0 !important;
  }

  .containerPadding {
    padding: 0 13vw;
  }

  .margTop {
    margin-top: 20px;
  }

  .customPadBotm {
    padding-bottom: 16vw;
  }

  .customPadding {
    padding: 15px !important;
  }

  /*end style some of custom class*/
  header {
    height: auto;
  }

  header .header_menu {
    height: 6em;
  }

  .customMenu .navbar-brand img {
    margin-left: -89px;
    width: 308px;
    padding: 53px;
  }

  .customMenu .navbar-brand {
    padding: 0;
  }

  .customMenu .navbar {
    width: 100%;
    margin-top: 8px;
    font-size: 16px;
    text-align: center;
    background-color: transparent !important;
  }

  .customMenu .navbar-toggler {
    margin-right: 3vw;
    background-color: #d03b16 !important;
    outline: none !important;
  }
  .customMenu .togg-bottom {
    margin-bottom: 12px;
  }

  .customMenu .navbar-nav {
    position: relative;
    padding: 1em 0 1em 2em;
    background-color: #000;
    z-index: 16;
  }

  header .header_content .carousel-inner {
    height: 24rem !important;
  }

  header .header_content .carousel-inner .carousel-item {
    height: 100%;
  }

  header .header_content .carousel-inner .carousel-item img {
    height: 100%;
  }

  header .header_content .carousel-caption {
    bottom: -4.1rem;
    width: 22rem;
    padding: 0;
    z-index: 0;
  }

  header .header_content .carousel-inner .carousel-item .carousel-caption img {
    width: 4rem;
    height: auto;
  }

  header .header_content .carousel-caption .border-white {
    width: 17rem !important;
  }

  header .header_content .carousel-caption h5 {
    font-size: 1rem;
  }

  header .header_content .carousel-caption .lead {
    font-size: 1rem;
    width: 68vw;
    margin: auto;
  }

  main .who_are_we img {
    width: 34vw;
  }

  main .ourCafe img,
  main .our_Beans .col {
    padding: 0 !important;
  }

  main .ourCafe img,
  main .our_Beans .bean img,
  main .on_demand .avatar img,
  main .machines_parts .machine img {
    width: 18vw;
  }

  main .our_Beans .master_pic {
    height: 17rem;
  }

  main .our_Beans .master_pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  main .our_Beans .master_pic button {
    bottom: -4vw;
  }

  main .ourCafe .customBg,
  main .our_products .import button,
  main .our_Beans .cofeTitle,
  main .our_Beans .master_pic button,
  main .on_demand .cofeTitle {
    width: 57vw;
  }

  main .machines_parts .cofeTitle {
    width: 71vw;
  }

  main .our_products .bd-example {
    margin-top: 0 !important;
  }

  main .our_products .carousel {
    margin-bottom: 16px;
  }

  main .our_products .carousel-inner .carousel-item h5 {
    bottom: -3rem;
    margin-bottom: 0;
    font-size: 5vw;
  }

  main .our_products .carousel-control-prev {
    left: 18%;
  }

  main .our_products .carousel-control-next {
    right: 30%;
  }

  .custom_H,
  main .our_Beans .master_pic button {
    font-size: 4vw;
  }

  main .order_machine .right_border {
    display: none;
  }

  main .machines_parts .choose-itemes .owl-carousel.owl-loaded {
    padding-top: 42%;
    left: 0;
  }

  main .machines_parts .choose-itemes .left {
    width: 26.4vw;
  }

  main .machines_parts .choose-itemes .right {
    right: 0;
    width: 24.8vw;
  }

  main .machines_parts .choose-itemes ul {
    margin-top: 40vw;
  }

  main .machines_parts .choose-itemes ul h6 {
    width: 32vw;
    font-size: 3vw;
  }

  main .machines_parts .choose-itemes .owl-carousel .owl-dots.disabled,
  main .machines_parts .choose-itemes .owl-carousel .owl-nav.disabled {
    display: block !important;
  }

  main .machines_parts .owl-carousel .owl-nav button.owl-next {
    top: 33% !important;
    right: 24%;
  }
  main .machines_parts .owl-carousel .owl-nav button.owl-prev {
    top: 33% !important;
    left: 17%;
  }
  main .machines_parts .owl-carousel .owl-nav button.owl-prev:after,
  main .machines_parts .owl-carousel .owl-nav button.owl-next:after {
    font-size: 11vw !important;
  }

  main .machines_parts .machine img {
    width: 25vw;
  }

  main .machines_parts .owl-carousel .owl-item span {
    font-size: 0.8rem !important;
  }

  main .machines_parts .choose-itemes .left,
  main .machines_parts .choose-itemes .right {
    height: 42%;
    background-color: #fff;
  }

  main .machines_parts .choose-itemes ul {
    margin-top: 42vw;
  }

  main .machines_parts .choose-itemes ul li {
    font-size: 3vw;
  }

  main .machines_parts .choose-itemes ul h6 {
    width: 82%;
    font-size: 4vw;
    text-align: center;
  }

  main .machines_parts .handel_photo img {
    width: 75%;
    margin-bottom: 54vw;
    margin-top: 58vw;
    -webkit-transform: scale(3.2);
    -ms-transform: scale(3.2);
    -o-transform: scale(3.2);
    transform: scale(3.2);
  }

  main .order_machine {
    margin-top: 20vw;
    margin-right: 0;
  }

  main .order_text h3 {
    font-size: 5vw;
  }

  main .order_machine .order_input i {
    top: -34px;
    left: 85%;
  }

  main .job {
    margin-top: 0 !important;
  }

  main .delivery_section {
    margin-top: -96px;
  }

  footer .customMenu {
    margin-top: 10vw;
  }
  footer footer .navbar-toggler {
    position: absolute;
    top: -6vw;
    left: -9vw;
  }
  footer .customMenu .navbar-brand1 {
    margin-top: -55px;
    margin-left: -70px;
  }

  footer .customMenu .navbar-brand {
    margin-left: 25vw;
  }

  footer .copyright p {
    font-size: 4vw;
  }

  footer .top {
    bottom: 360px;
    right: 2vw;
  }
}
/*##################################################*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media (min-width: 576px) and (max-width: 991px) {
  /*some custum class*/
  .center {
    text-align: center !important;
  }

  .customRow {
    margin-top: 0 !important;
  }

  .margTop {
    margin-top: 20px;
  }

  .customPadBotm {
    padding-bottom: 12vw;
  }

  .customPadding {
    padding: 15px !important;
  }
  /*end some custum class*/
  /*start all header resp ===================================*/
  header {
    height: auto;
  }

  header .header_menu {
    height: 8rem;
    padding-top: 1.6rem;
  }

  .customMenu .navbar .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }

  .customMenu .navbar-brand {
    padding: 0;
  }

  .customMenu .navbar {
    width: 100%;
    font-size: 16px;
    margin-top: 0;
  }

  .customMenu .navbar-brand img {
    width: 264px;
    margin-left: -49px;
    padding: 12px;
    margin-top: -79px;
  }

  .customMenu .navbar-toggler {
    margin-top: 21px;
    margin-right: 3vw;
    background-color: #d03b16 !important;
    outline: none !important;
  }
  .customMenu .toggler1 {
    margin-top: -256px;
    margin-right: 25vw;
    background-color: #d03b16 !important;
    outline: none !important;
  }

  .customMenu .navbar-nav {
    position: relative;
    margin-top: 16px;
    padding: 1em 0 1em 2em;
    background-color: #000;
    text-align: center;
    z-index: 16;
  }

  /*header carosel slider resp*/
  header .header_content .carousel-inner {
    height: 24rem !important;
  }

  header .header_content .carousel-inner .carousel-item {
    height: 100%;
  }

  header .header_content .carousel-inner .carousel-item img {
    height: 100%;
  }

  header .header_content .carousel-caption {
    bottom: -4.1rem;
    width: 22rem;
    padding: 0;
    z-index: 0;
  }

  header .header_content .carousel-inner .carousel-item .carousel-caption img {
    width: 4rem;
    height: auto;
  }

  header .header_content .carousel-caption .border-white {
    width: 17rem !important;
  }

  header .header_content .carousel-caption h5 {
    font-size: 1rem;
  }

  header .header_content .carousel-caption .lead {
    font-size: 1rem;
    margin-bottom: 0;
  }

  /*end header carosel slider resp*/
  /*end all header resp ===================================*/
  /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  /* ================================= start  all main resp  */
  /*start first main carosel slider*/
  main .our_products .bd-example {
    margin-top: 0 !important;
  }

  main .our_products .carousel {
    margin-bottom: 16px;
  }

  main .our_products .carousel-control-prev {
    left: 34%;
  }

  /*end first main carosel slider*/
  /*make this element take the same width*/
  main .ourCafe .customBg,
  main .our_products .import button,
  main .our_Beans .cofeTitle,
  main .our_Beans .master_pic button,
  main .on_demand .cofeTitle {
    width: 37vw;
  }

  main .ourCafe img,
  main .our_Beans .bean img,
  main .on_demand .avatar img,
  main .machines_parts .machine img {
    width: 18vw;
  }

  main .machines_parts .cofeTitle {
    width: 58vw;
  }

  main .machines_parts .machine img {
    width: 25vw;
  }

  /*===========================================*/
  /* start main second carousel slider*/
  main .machines_parts .choose-itemes .owl-carousel.owl-loaded {
    padding-top: 21vw;
    left: 1px;
  }

  main .machines_parts .choose-itemes .owl-carousel .owl-dots.disabled,
  main .machines_parts .choose-itemes .owl-carousel .owl-nav.disabled {
    display: block !important;
  }

  main .machines_parts .owl-carousel .owl-nav button.owl-prev:after,
  main .machines_parts .owl-carousel .owl-nav button.owl-next:after {
    font-size: 4vw !important;
  }

  main .machines_parts .owl-carousel .owl-nav button.owl-next {
    top: 29vw !important;
    right: 32vw;
  }
  main .machines_parts .owl-carousel .owl-nav button.owl-prev {
    top: 29vw !important;
    left: 27vw;
  }
  main .machines_parts .choose-itemes .owl-carousel .owl-item img {
    width: 13vw;
  }

  main .machines_parts .owl-carousel .owl-item .name-of-item {
    font-size: 2vw;
  }

  main .machines_parts .choose-itemes .left,
  main .machines_parts .choose-itemes .right {
    height: 42%;
  }

  main .machines_parts .choose-itemes ul {
    margin-top: 26vw;
  }

  main .machines_parts .choose-itemes ul li {
    font-size: 1.5vw;
  }

  main .machines_parts .choose-itemes ul h6 {
    width: 51%;
    font-size: 17px;
    text-align: center;
  }

  main .machines_parts .handel_photo img {
    width: 75%;
    margin-bottom: 11vw;
    margin-top: 21vw;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
  }

  /* end main second carousel slider*/
  /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  main .order_machine .right_border {
    right: -50px;
  }

  main .delivery_section {
    margin-top: -13vw;
  }

  main .job {
    margin-top: 0 !important;
  }

  main .contact_us {
    margin-top: -5vw !important;
  }

  /* ================================= end  all main resp  */
  footer .customMenu .navbar-brand1 {
    bottom: 362px;
    margin-left: -47px;
  }

  footer .customMenu .navbar {
    width: 70vw;
  }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media (min-width: 991px) and (max-width: 1365px) {
  header {
    height: auto;
  }

  header .header_menu {
    height: 8rem;
    padding-top: 48px;
  }

  header .header_content {
    margin-top: 0;
  }

  header .header_content .carousel-inner {
    height: 39vw !important;
  }

  header .header_content .carousel-caption {
    bottom: 18vw;
    width: 45vw;
  }

  main .our_products .carousel {
    margin-bottom: 16px;
  }

  header .customMenu .navbar {
    margin-top: -8px;
  }

  main .machines_parts .cofeTitle {
    width: 37vw;
  }

  /*===========================================*/
  /* start main second carousel slider*/
  main .machines_parts .choose-itemes .owl-carousel.owl-loaded {
    padding-top: 22%;
    left: 0;
  }

  main .machines_parts .choose-itemes .left {
    width: 26.4vw;
  }

  main .machines_parts .choose-itemes .right {
    right: 0;
    width: 24.8vw;
  }

  main .machines_parts .choose-itemes .owl-carousel .owl-dots.disabled,
  main .machines_parts .choose-itemes .owl-carousel .owl-nav.disabled {
    display: block !important;
  }

  main .machines_parts .owl-carousel .owl-nav button.owl-prev:after,
  main .machines_parts .owl-carousel .owl-nav button.owl-next:after {
    font-size: 5vw !important;
    top: 52px;
  }

  main .machines_parts .owl-carousel .owl-nav button.owl-next {
    top: 24vw !important;
    right: 32vw;
  }
  main .machines_parts .owl-carousel .owl-nav button.owl-prev {
    top: 24vw !important;
    left: 30vw;
  }

  main .machines_parts .choose-itemes .owl-carousel .owl-item img {
    width: 15vw;
  }

  main .machines_parts .owl-carousel .owl-item span {
    font-size: 1.25rem !important;
  }

  main .machines_parts .choose-itemes .left,
  main .machines_parts .choose-itemes .right {
    height: 42%;
  }

  main .machines_parts .choose-itemes ul {
    margin-top: 24vw;
  }

  main .machines_parts .choose-itemes ul li {
    font-size: 1.7vw;
  }

  main .machines_parts .choose-itemes ul h6 {
    width: 51%;
    font-size: 17px;
    text-align: center;
  }

  main .machines_parts .handel_photo img {
    width: 75%;
    margin-bottom: 7vw;
    margin-top: 21vw;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
  }

  /* end main second carousel slider*/
  /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  footer .customMenu .navbar-brand {
    margin-left: 0;
  }

  footer .customMenu .navbar {
    width: 100vw;
    font-size: 15px;
  }

  footer .top {
    bottom: 279px;
  }
}

@media (min-width: 1367px) {
  header {
    height: auto;
  }

  header .header_content {
    margin-top: -1px;
  }

  header .header_content .carousel-inner {
    height: 39vw !important;
  }

  header .header_content .carousel-caption {
    bottom: 25vw;
    width: 45vw;
  }

  main .our_products .carousel {
    margin-bottom: 0;
  }

  main .our_products .carousel-inner .carousel-item h5 {
    bottom: -3.3vw;
  }

  /*===========================================*/
  /* start main second carousel slider*/
  main .machines_parts .choose-itemes .owl-carousel.owl-loaded {
    padding-top: 14vw;
    left: 0;
  }

  main .machines_parts .choose-itemes .left {
    width: 40.8vw;
  }

  main .machines_parts .choose-itemes .right {
    right: 0;
    width: 40.3vw;
  }

  main .machines_parts .choose-itemes .owl-carousel .owl-dots.disabled,
  main .machines_parts .choose-itemes .owl-carousel .owl-nav.disabled {
    display: block !important;
  }

  main .machines_parts .owl-carousel .owl-nav button.owl-prev:after,
  main .machines_parts .owl-carousel .owl-nav button.owl-next:after {
    font-size: 4vw !important;
    top: 20px;
  }

  main .machines_parts .owl-carousel .owl-nav button.owl-next {
    top: 15vw !important;
    right: 432px;
  }
  main .machines_parts .owl-carousel .owl-nav button.owl-prev {
    top: 15vw !important;
    left: 422px;
  }

  main .machines_parts .choose-itemes .owl-carousel .owl-item img {
    width: 8vw;
  }

  main .machines_parts .owl-carousel .owl-item span {
    font-size: 1vw !important;
  }

  main .machines_parts .choose-itemes .left,
  main .machines_parts .choose-itemes .right {
    height: 37%;
  }

  main .machines_parts .choose-itemes ul {
    margin-top: 15vw;
  }

  main .machines_parts .choose-itemes ul li {
    font-size: 1vw;
  }

  main .machines_parts .choose-itemes ul h6 {
    width: 51%;
    font-size: 1.5vw;
    text-align: center;
  }

  main .machines_parts .handel_photo img {
    width: 55%;
    margin-bottom: 9vw;
    margin-top: 9vw;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }

  /* end main second carousel slider*/
  /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  main .import {
    margin-top: 30px;
  }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media (min-width: 1900px) {
  main .machines_parts .choose-itemes ul {
    margin-top: 14vw;
  }
  main .machines_parts .owl-carousel .owl-nav button.owl-next {
    top: 15vw !important;
    right: 20vw;
  }
  main .machines_parts .owl-carousel .owl-nav button.owl-prev {
    top: 15vw !important;
    left: 20.5vw;
  }
}