@media(max-width:2560px){
  body header ul.ms li.nav-item a.nav-link{
        color: #000 !important;

    }

    .deliveryAddiBox {
        display: block;
        height: 2.5rem !important;
    }
}
/*<<|---------------------------View -> 1600---------------------------|>>*/
@media (max-width:1600px) {
}
/*<<|---------------------------View -> 1440---------------------------|>>*/
@media (max-width:1440px) {
    section.contact-form {
        padding-top: 0px;
        padding-bottom: 70px;
        margin-top: 25px;
    }
}

/*<<|---------------------------View -> 1366---------------------------|>>*/
@media (max-width:1366px) {
    .banner h1{
        margin-left: -10px;
    }
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-prev {
        margin: 0px !important;
    }
    .category-slider-box .owl-prev, .category-slider-box .owl-next {
        margin: 0 0px !important;
    }
 /*   .owl-nav {
    left: -4px;
    width: calc(100% + 8px);

}*/
  .owl-nav {
    
    width: calc(100% + 90px);

}
}
/*<<|---------------------------View -> 1280---------------------------|>>*/
@media (max-width:1280px) {
    .video-img {
        background-size: 90%;
        min-height: 598px;
    }
    .contact-form .form {
        max-width: 450px;
        width: 100%;
        margin-left: 50px;
    }
  .footer-logo-block .footer-logo {
        width: 130px;
    }
    footer.text-white {
        padding-top: 75px;
    }
    .footer-item .gap {
        column-gap: 20px;
    }
    .footer-item .icon-content {
        margin-left: 12px;
    }
    .content-slider .owl-carousel {
    max-width: calc(100% - 100px);
        /*max-width: 100%;*/
    margin: 0 auto;
}
}
/*<<|---------------------------View -> 1169---------------------------|>>*/
@media (max-width:1199px) {
    .video-img {
        background-size: 85%;
        min-height: 535px;
    }
    .contact-form .form {
        margin-left: 50px;
    }
    .contact-form .form {
        max-width: 400px;
        margin: 0 auto;
    }

    .deliveryAddiBox {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 6rem !important;
    }
}
/*<<|---------------------------View -> 1023---------------------------|>>*/
@media (max-width:1023px) {
    .video-img {
        background-size: 90%;
        min-height: 495px;
    }
    .video-img .play-icon img{
        width: 85% !important;
    }
    div#video_iframe_img iframe{
        width: 100%;
    }
 
}
/*<<|---------------------------View -> 991---------------------------|>>*/

@media (max-width:991px) {
    header .navbar #navbarSupportedContent {
        position: absolute;
        top: 100px;
        background-color: var(--info);
        border-radius: 15px;
        width: 100%;
        transition: 0.5s;
        /* margin: 0 auto; */
        left: 0;
    }
    .footer-item a, .footer-item .icon-content p {
       font-size: 14px !important;
}
     body header ul.ms li.nav-item a.nav-link{
        color: #fff !important;
       
    }
  /*  header a.profile-icon{
        display: none;
    }*/
    section.uber-uns {
       padding-top: 50px;
       padding-bottom: 50px;
        
    }
    footer.text-white {
        padding-top: 70px;
    }
    .banner .banner-content{
        padding: 40px 0;
    }
    header ul.navbar-nav li.nav-item{
        padding: 0;
        border-bottom: 1px solid #ffffff1a;
    }
    section.bg-img:after {
       opacity: 0;
    }
    .email-form {
        width: 560px;
        margin: 0 auto;
    }
    header ul.navbar-nav li.nav-item a.nav-link img:last-child{
        display: none;
    }
    .banner h1 {
        font-size: 45px !important;
        line-height: 60px;
        
    }
    h2{
        font-size: 35px !important;
        line-height:50px;
        
    }
    .col.side-bar h3 {
       margin-top: 0px;
    }
    .categories-detail-setion .content-slider {
        margin-bottom: 0px;
    }
    .category-slider-box .owl-prev, .category-slider-box .owl-next{
        margin: 0;
    }
    .category-slider-box .owl-next {
         right: 25px;
       
    }
    /* .video-img {
        background-size: 64%;
        min-height: 340px;
    } */
    .video-img .play-icon img{
        width: 75% !important;
    }
    .contact-form .form {
        max-width: 330px;
       
    }
    .main-box {
    padding-top: 10px;
}
    header ul.navbar-nav li.nav-item a {
        padding: 10px 0px 10px 15px !important;
        color: #fff !important;
    }
    .navbar-toggler{padding: 0;}
    
    .navbar-toggler:hover,  .navbar-toggler:focus,  .navbar-toggler:active{
        outline: 0; box-shadow: none;
    }
    .navbar-toggler.collapsed .navbar-toggler-icon{
        background:  url(../images/Vector-1.svg) no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .navbar-toggler  .navbar-toggler-icon{ background: url(../images/Vector.svg) no-repeat;
        background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
}
div#video_iframe_img iframe{
    width: 100%;
    height: 400px;
}
.category-slider-box .owl-prev, .category-slider-box .owl-next {
    margin: 0 -31px !important;
}
.you-video a.play_icon img{ max-width: 90px;}
.popup-list-box3 {
    margin-top: 40px !important;
}
section.connect-with-us .icon .image {
    max-width: 130px;
    height: 130px;
 }
 .contact-form .form .form-content {
    margin-top: 15px !important;
}
.delicious-box .slide-tab-title-top {
    margin-top: -27px;
}
.category-popup .modal-body {
    padding: 60px 0px 0px 0px;
}
}

/*<<|---------------------------View -> 767---------------------------|>>*/
@media (max-width:767px) {

.owl-nav {
    width: calc(100% + 124px);
    left: -62px;
}

     .price-button a.btn {
        font-size: 16px;
        line-height: 30px;
        max-width: 286px;
        padding: 20px;
    }
    .price .btn {
        padding: 13px 20px !important;
    }
    .delicious-box .delicious-list .plus {
        width: 40px;
        height: 40px;
        top: -14px;
        left: -119px;
    }
/*    .bestellen .search input {
        padding: 0px;
    }*/
    .bestellen .search {
        max-width: 300px;
    }
    .uber-content .uber-title br {
        display: none;
    }
    .uber-uns .img-man {
    margin-top: 20px;
}
.uber-uns .img-box.img-man img {
    max-width: 100%;
}
.uber-uns .img-box.img-man {
    text-align: center;
}
     .get .get-form , .banner .banner-content,.contact-form .img-item,
     .contact-form .form .col input.form-control, textarea#Textarea1{
        max-width: 100%;
    }
    
    .news-latter:before {
        background-size: 45%;
        bottom: -95px;
    }
    .category-slider-box .owl-next {
        right: 45px;
    }
    .video-img {
        background-size: 95%;
        min-height: 388px;
    }
    section.uber-uns {
   padding-bottom: 20px;
}
  section.contact-form {
    padding-top: 0px;
    padding-bottom: 60px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(232,237,236,1) 50%);
}
    .contact-form .form {
        max-width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }
    .modal-dialog .modal-content .model-title select.form-select{
        max-width: 100%;
        margin-bottom: 40px;
    }
    .category-popup .modal-content {
        padding: 50px 30px 50px 30px;
    }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-prev {
    margin: 0px 15px !important;
}
.btn {
    font-size: 16px !important;
    padding: 20px 20px !important;
    line-height: 16px !important;
    height: auto !important;
}
.modal-dialog .modal-content .model-title h3 {
    font-size: 30px;
    margin-bottom: 10px !important;
    line-height: 34px;
}
.modal-dialog .modal-content .model-title p.price{
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px !important;
}
.append-text {
    padding: 20px 0px 11px;
}
.accordion-item .card.card-body {
    padding: 0!important;
}
.inner-model .modal-content {
  padding: 20px 15px;
}
.popup-list-box3 {
    margin-top: 28px !important;
}
.popup-list-box {
    margin-top: 20px;
}
.body-item ul li.list-group-item {
    line-height: 22px;

}
section.connect-with-us .icon .image img {
    width: 30px;
}
section.connect-with-us .icon .image {
    max-width: 100px;
    height: 100px !important;
}
section.connect-with-us .row.contact-icon-row .box {
    margin-bottom: 35px;
}
footer.text-white {
    padding-top: 50px;
}
.card.card-body a.btn {
    max-width: 200px;
    height: 50px !important;
    }
    .timer span {
    line-height: 25px;
}
}

/*<<|---------------------------View -> 675---------------------------|>>*/
@media (max-width:675px) {

   .video-img {
        min-height: 388px;
   }
   .bestellen .search {
    max-width: 100%;
   
}
div#video_iframe_img iframe{
    width: 100%;
    height: 300px;
}
header .navbar .last-nav-link {
    display: none;
}
.modal-footerr{
    display: block;
}
.modal-footerr a.btn.btn-primary{
    max-width: 100%;
}
}
/*<<|---------------------------View -> 575---------------------------|>>*/
@media (max-width:575px) {
 /*   .bestellen .search input {
        width: 70px;
    }*/
    .banner-content a.btn,.price-button a.btn,.uber-content a.btn{
        font-size: 16px;
        line-height: 10px;
    }
    .delicious-box .delicious-list .mr-auto {
        left: 39%;
    }
 .delicious-box .delicious-list{
     height: auto;
 }
 .delicious-box .delicious-list {
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: 20px;
    padding: 15px 15px 15px 15px;
}
.delicious-box .delicious-list .ml-auto {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    width: calc(100% - 0px);
    padding-top: 25px;
}
.search form button {
    width: 7%;
}
.search form button{
    margin-right: 4px;
}
.contact-form .form .form-content {
    margin-top: 30px !important;
}
/*
*/
 
}
/*<<|---------------------------View -> 540---------------------------|>>*/
@media (max-width:540px) {

    .video-img {
        min-height: 275px;
        margin-top: 10px !important;
    }
    footer.text-white {
        padding-top: 60px;
    }
    .you-video a.play_icon img{ max-width: 50px;}
    .side-bar-heading {
    line-height: 18px;
   }
 }
 
 /*<<|---------------------------View -> 425---------------------------|>>*/
@media (max-width:425px) {

       .category-slider-box li.tab-link.is-current:after {
    width: calc(100% - 0px);
}
    .delicious-box .delicious-list .mr-auto {
        left: 35%;
    }
    .video-img {
        min-height: 220px;
    }
    .video-img .play-icon img {
        width: 50% !important;
    }
    .footer-item .gap {
        column-gap: 20px !important;
    }
    .footer-item .icon-content {
        margin-left: 20px;
    }
    footer.text-white:after {
        bottom: 60px;
    }
    footer .copy-right-text {
        letter-spacing: 1.4px;
        font-size: 12px;
    }
    footer .footer-bottom {
        padding-top: 45px;
    }
    .modal-footerr {
        align-items: center;
        flex-wrap: wrap;
    }
    .category-slider-box li{
        font-size: 14px;
        padding: 20px 0px;
    }
    .category-popup .modal-body {
        padding: 60px 0px 0px 0px;
    }
    .modal-footerr a {
        margin-top: 20px;
    }
    .banner-content .map-share-icon {
        width: 25px;
    }
    .modal-header h5.modal-title,
    .modal-dialog .modal-content .model-title h3 {
        font-size: 25px;
    }
    .category-popup button.close, .inner-model button.close {
        background-size: 60px;
        top: 0;
    }
    .accordion-item .card.card-body button, .append-text p {
        font-size: 13px;
        padding: 7px 7px;
    }
    .accordion-body {
        padding: 1rem 1rem;
    }
    .category-popup .modal-content {
        padding: 50px 30px 50px 30px;
    }
    .contact-btn a.btn {
        max-width: 200px;
        min-height: 50px; 
    }
    section.connect-with-us .row.contact-icon-row .box .info {
        padding-right: 2rem!important;
        padding-left: 2rem!important;
    }
    .card.card-body a.btn {
    max-width: 160px;
    height: 45px !important;
}
.price-button .btn {
    padding: 20px 16px !important;
}
.price-button {
    padding: 0 10px;
}
 
 }
/*<<|---------------------------View -> 375---------------------------|>>*/
@media (max-width:375px) {
  /*  .owl-nav {
    left: -59px;
    width: calc(100% + 122px);
   }*/

    .bestellen .search input {
        width: 85%;
    }
    .delicious-box .delicious-list .mr-auto {
        left: 33%;
    }
    section.uber-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .timer p, .timer span {
        font-size: 14px;
    }
    .banner .banner-content .icon-content .nav-link {
        font-size: 16px !important;
    }
    .fs-18 {
        font-size: 14px !important;
    }
}


/*<<|---------------------------View -> 375---------------------------|>>*/
@media (max-width:375px) {
.quantity-container {
    margin-top: 6px;
}
.category-popup .modal-content {
    padding: 50px 15px 50px 15px;
}
.timer p, .timer span {
    font-size: 12px;
}
}