@media only screen and (min-device-width: 768px) and (max-device-width: 1082px) {

    /* mobile menu */

    a.main-logo img {

        width: 120px;

    }

    div#main-menu {

        display: none;

    }

    .header-logo-wrap {

        position: absolute;

        top: 5px;

        display: flex;

        justify-content: left;

        width: 100%;

        padding-left: 15px;

    }

    .mob-ham-wrap {

        text-align: right;

        padding-right: 15px;

    }

    .header-in-wrap {

        padding: 23px 0;

    }

    .mob-menu {

        position: absolute;

        top: 68px;

        background: #5b0a21;

        z-index: 5;

        width: 100%;

        max-height: 0;

        overflow: hidden;

        transition: all 0.4s ease;

        display: block;

    }

    .mob-menu.menu-open {

        max-height: 500px;

        overflow: visible;

        transition: all 0.4s ease;

    }

    .mob-menu div#main-menu {

        display: block;

        padding-bottom: 20px;

    }

    .mob-menu #m-menu {

        flex-direction: column;

    }

    .mob-menu #m-menu li{

        padding: 0;

        margin: 10px 0;

    }

    .mob-ham-wrap {

        display: block;

    }

    .mob-menu {

        display: block;

    }

    .home-ban-con-wrap h1 {

        font-size: 50px;

    }

    a.ord-nw {

        font-size: 18px;

    }

    .our-p-head h3 {

        font-size: 20px;

    }

    .our-p-head h2 {

        font-size: 50px;

    }

    .o-p-item h3 {

        font-size: 20px;

    }

    .op-disc p {

        font-size: 16px;

        line-height: 28px;

    }

    .order-nw-btn span, .bws-all-p-wrap a {

        font-size: 18px;

    }

    .dazs-way-disc h2 {

        font-size: 60px;

    }

    .d-disc {

        font-size: 22px;

        line-height: 36px;

        padding: 0px 12%;

    }

    .ou-s-link a {

        font-size: 18px;

    }

    .dazs-m-con-wrap {

        height: 480px;

    }

    section.order-online-wrap {

        margin: 55px 0 35px 0;

    }

    .order-online-head h2 {

        font-size: 54px;

    }

    .order-online-head h3 {

        font-size: 20px;

        margin-bottom: 50px;

    }

    .order-item h3 {

        font-size: 20px;;

    }

    .order-item .order-nw-btn span {

        padding: 15px 25px 18px 25px;

        font-size: 15px;

    }

    ul#footer-m-menu li {

        padding: 0 6px;

    }

    ul#footer-m-menu li a {

        font-size: 14px;

    }

    .sm-item {

        padding-left: 18px;

    }

    .footer-l-wrap {

        width: 22%;

    }.footer-sm-wrap {

        width: 22%;

    }

    .footer-menu-wrap {

        width: 56%;

    }

    .dazs-way-wrap .modal-dialog {

        max-width: 90%;

    }

    .p-cat-head h2 {

        font-size: 20px;

        margin-bottom: 35px;

        margin-top: 35px;

        margin-left: 8%;

    }

    .o-p-l-wrap {

        margin-left: 8%;

    }

   .dazs-way-wrap .modal-dialog {

	width: fit-content;

	max-width: fit-content;

}

    .video-wrap video {

	height: 400px;

}
.our-p-list {
    display: flex;
    gap: 20px;
  }
  .o-p-item {
    width: 48%;
  }
}

@media only screen and (max-width: 767px) {

    .home-ban-con-wrap h1 {

        font-size: 40px;

        padding-top: 12%;

    }

    a.ord-nw {

        font-size: 18px;

    }

    .our-p-head h3 {

        font-size: 20px;

    }

    .our-p-head h2 {

        font-size: 40px;

    }

    .o-p-l-wrap {

        margin-left: 5%;

    }

    .o-p-item h3 {

        font-size: 20px;

        line-height: 28px;

        min-height: 58px;

    }

    .order-nw-btn span {

        font-size: 18px;

    }

    .bws-all-p-wrap a {

        font-size: 20px;

    }

    .dazs-way-disc h2 {

        font-size: 40px;

    }

    .d-disc {

        font-size: 20px;

        line-height: 34px;

        padding: 0 3%;

    }

    .ou-s-link a {

        font-size: 18px;

    }

    .dazs-m-con-wrap {

        height: 411px;

    }

    .order-online-head h2 {

        font-size: 40px;

    }

    section.order-online-wrap {

        margin: 60px 0 40px 0;

    }

    .order-online-head h3 {

        font-size: 20px;

        margin-bottom: 65px;

    }

    .order-list-wrap {

        flex-wrap: wrap;

    }

    .order-item {

        width: 47.1%;

    }

    .order-item .order-nw-btn span{

        width: 100%;

        padding: 15px 15px 18px 15px;

    }

    .order-nw-btn {

        margin-top: 35px;

        margin-bottom: 30px;

    }

    .footer-con-wrap {

        flex-direction: column;

        justify-content: center;

    }

    .footer-l-wrap {

        width: 100%;

        text-align: center;

        margin-bottom: 30px;

    }

    .footer-menu-wrap {

        width: 100%;

    }

    ul#footer-m-menu {

        flex-direction: column;

    }

    ul#footer-m-menu li {

        padding: 0;

        text-align: center;

        margin-bottom: 20px;

    }

    .footer-sm-wrap {

        width: 100%;

        justify-content: center;

        margin-top: 25px;

    }

    .sm-item {

        padding: 0 30px;

    }

    a.main-logo img {

        width: 120px;

    }

    div#main-menu {

        display: none;

    }

    .header-logo-wrap {

        position: absolute;

        top: 5px;

        display: flex;

        justify-content: left;

        width: 100%;

        padding-left: 15px;

    }

    .mob-ham-wrap {

        text-align: right;

        padding-right: 15px;

    }

    .header-in-wrap {

        padding: 23px 0;

    }

    .mob-menu {

        position: absolute;

        top: 70px;

        background: #5b0a21;

        z-index: 5;

        width: 100%;

        max-height: 0;

        overflow: hidden;

        transition: all 0.4s ease;

        display: block;

    }

    .mob-menu.menu-open {

        max-height: 500px;

        overflow: visible;

        transition: all 0.4s ease;

    }

    .mob-menu div#main-menu {

        display: block;

        padding-bottom: 20px;

    }

    .mob-menu #m-menu {

        flex-direction: column;

    }

    .mob-menu #m-menu li{

        padding: 0;

        margin: 10px 0;

    }

    .mob-ham-wrap {

        display: block;

    }

    .mob-menu {

        display: block;

    }

    .dazs-way-wrap .modal-dialog {

        max-width: 100%;

    }

    .dazs-way-wrap iframe {

        height: 300px;

    }

    .op-disc p {

        font-size: 15px;

        line-height: 24px;

    }

    .p-cat-head h2 {

        font-size: 20px;

        margin-bottom: 30px;

        margin-top: 30px;

        margin-left: 5%;

    }

    .dazs-way-wrap .modal-dialog {

	width: fit-content;

	max-width: fit-content;

}

    .video-wrap video {

	height: 175px;

}

.modal-open .modal {

	padding-right: 0 !important;

}

/* order model */

.mod-order-list-wrap {

	flex-direction: column;

}

.mod-order-list-wrap {

    flex-direction: column;

  }

  .or-icon {

    width: 28%;

    text-align: left;

  }

  .or-item-con {

    width: 58%;

    text-align: left;

  }

  .or-shp-icon {

    width: 14%;

    text-align: right;

  }

  .order-item-wrap {

	width: 100%;

	display: flex;

	align-items: center;

	padding: 10px 10px;

	border: 1px solid #c5c5c5;

}

.or-item-con h3 {

	text-align: left;

}
.our-p-list {
    display: flex;
    gap: 20px;
  }
  .o-p-item {
    width: 48%;
  }
}