/* @media screen and (max-width: 1366px) {
.register-body {height: initial !important;}
} */


/* Responsive styles for screens up to 1920px (typically 14-inch screens) */
@media screen and (max-width: 1920px) {

    /* Adjustments for screens up to 1920px */
    .container {
        width: 90%;
        /* Adjust width for responsiveness */
        max-width: 1190px;
        /* Prevents excessive stretching */
    }
}

/* Keep layout static above 1920px */
@media screen and (min-width: 1921px) {
    .container {
        width: 1190px;
        /* Locks the width to a fixed size */
        margin: 0 auto;
        /* Centers the layout */
    }
}


@media screen and (max-width: 1399px) {
    .font-size-48 {
        font-size: 28px;
    }

    .header-search .form-input {
        width: 320px;
    }

    .banner .dcs .banner-logo img {
        max-width: 120px;
    }

    .banner .banner-text-icon img {
        width: 14px !important;
        min-width: 14px;
        height: 14px;
    }

}

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

    body,
    html {
        font-size: 15px;
    }

    .logo img {
        max-width: 104px;
    }

    .font-size-54 {
        font-size: 34px;
    }

    .font-size-48 {
        font-size: 28px;
    }

    .font-size-40 {
        font-size: 30px;
    }

    .font-size-28 {
        font-size: 24px;
    }

    .font-size-25 {
        font-size: 20px;
    }

    .font-size-24 {
        font-size: 20px;
    }

    .font-size-22 {
        font-size: 18px;
    }

    .font-size-20 {
        font-size: 16px;
    }

    .font-size-16 {
        font-size: 15px;
    }

    .line-hight-3 {
        line-height: 1.3;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .header-search .form-input {
        width: 290px;
    }

    .footer-halal_logo img {
        height: 80px;
    }

}

@media screen and (max-width: 991px) {
    .font-size-54 {
        font-size: 34px;
    }

    .font-size-48 {
        font-size: 28px;
    }

    .font-size-40 {
        font-size: 26px;
    }

    .font-size-36 {
        font-size: 30px;
    }

    .font-size-32 {
        font-size: 28px;
    }

    .font-size-30 {
        font-size: 20px;
    }

    .font-size-26 {
        font-size: 20px;
    }

    .font-size-19 {
        font-size: 16px;
    }

    .font-size-18 {
        font-size: 16px;
    }

    .font-size-15 {
        font-size: 14px;
    }

    .font-size-13 {
        font-size: 12px;
    }

    .homepad {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .logo img {
        max-width: 90px;
    }

    .header-search .form-input {
        width: 100%;
    }

    .navbar-toggler-icon {
        width: 1.3em;
        height: 1.3em;
    }

    .navbar-toggler-icon i {
        font-size: 26px;
    }

    .rounded-52 {
        border-radius: 32px !important;
    }

    body.pad {
        padding-top: 72px;
    }

    /*---------menu------------*/
    /*.navbar .navbar-collapse {position: fixed; bottom: 0; z-index: 999; display: initial !important; max-width: 100%;  visibility: hidden; background-color: #fff; background-clip: padding-box;	outline: 0; transition: transform .3s ease-in-out; top: 0; left: 0;	width: 280px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%);}
.navbar .navbar-collapse.show,
.navbar .navbar-collapsimg{visibility: visible; transform: translateX(0%); display: initial !important;}
.navbar li.nav-item{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.navbar li.nav-item a{color: #041C40 !important;}*/
    /*.navbar li.nav-item.dropdown a.dropdown-toggle::after {border-color: #E9F7FF; position: absolute; right: 15px; top: 13px;}
.navbar li.nav-item.dropdown ul li {border-bottom: none;}
.navbar li.nav-item.dropdown ul li a {padding: 0.3rem 1.2rem !important;}
.navbar li.nav-item.dropdown a.nav-link + ul {margin-top: 0; margin-bottom: 14px; border-radius: 0; background-color: transparent;}
.navbar-expand-lg .navbar-nav > li.nav-item.active a, 
.navbar-expand-lg .navbar-nav > li.nav-item:hover a,
.navbar-expand-lg .navbar-nav > li.nav-item a.show {color: #FB0 !important;}
.navbar li.nav-item.dropdown a.dropdown-toggle.show::after {border-color: #FB0;}
.navbar li.nav-item.dropdown ul.dropdown-menu li a {position: relative; padding-left: 27px !important;}
.navbar li.nav-item.dropdown ul.dropdown-menu li a::before {content: ""; display: block; width: 4px; height: 4px; background-color: #fff; border-radius: 100%; position: absolute; left: 16px; top: 10px;}
.navbar li.nav-item.dropdown ul.dropdown-menu li a:hover::before,
.navbar li.nav-item.dropdown ul.dropdown-menu li a:focus::before{background-color: #FB0;}
.navbar .nav-item.dropdown ul li a.dropdown-item:focus, .navbar-nav .nav-item.dropdown ul li a.dropdown-item:hover {background-color: transparent; color: #FB0 !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu::before {display: none;}*/
    /*.navbar-expand-lg .navbar-nav .nav-link {padding: 0.8rem 1rem;}*/
    /*---------menu end------------*/

    /*menu arrow*/
    .navbar-toggler a.toggle i {
        position: relative;
        top: -5px;
        -webkit-transition-duration: 0s;
        -webkit-transition-delay: .2s;
        -moz-transition-duration: 0s;
        -moz-transition-delay: .2s;
        transition-duration: 0s;
        transition-delay: .2s;
        margin: 0
    }

    .navbar-toggler a.toggle i:after,
    .navbar-toggler a.toggle i:before {
        -webkit-transition-property: margin, -webkit-transform;
        -webkit-transition-duration: .2s;
        -webkit-transition-delay: .2s, 0;
        position: absolute;
        content: ''
    }

    .navbar-toggler a.toggle i,
    .navbar-toggler a.toggle i:after,
    .navbar-toggler a.toggle i:before {
        width: 26px;
        height: 3px;
        background-color: #C5A45A;
        display: inline-block;
        right: 0
    }

    .navbar-toggler a.toggle i:before {
        margin-top: -9px
    }

    .navbar-toggler a.toggle i:after {
        margin-top: 9px;
        width: 15px
    }

    button[aria-expanded="true"] a.toggle i {
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition-delay: .2s;
        box-shadow: 0 1px 1px transparent
    }

    button[aria-expanded="true"] a.toggle i:before {
        margin-top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition-delay: 0, .2s;
        box-shadow: 0 1px 1px transparent;
        height: 3px;
    }

    button.navbar-toggler[aria-expanded="true"] a.toggle i:after {
        margin-top: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition-delay: 0, .2s;
        -webkit-box-shadow: 0 1px 1px transparent;
        -moz-box-shadow: 0 1px 1px transparent;
        box-shadow: 0 1px 1px transparent;
        width: 26px;
        height: 3px;
    }

    header.fixed-tops .navbar-toggler a.toggle i,
    header.fixed-tops .navbar-toggler a.toggle i::after,
    header.fixed-tops .navbar-toggler a.toggle i::before {
        background-color: #2A2B26;
    }

    header.fixed-tops button[aria-expanded="true"] a.toggle i {
        background-color: rgba(0, 0, 0, 0);
    }

    .navbar-toggler.dark-border a.toggle i,
    .navbar-toggler.dark-border a.toggle i::after,
    .navbar-toggler.dark-border a.toggle i::before {
        background-color: #2A2B26;
    }

    /*menu arrow*/
    .footer-halal_logo img {
        height: 70px;
    }

    .banner .homebanner-dcs .dcs {
        font-size: 15px;
    }

    .banner .dcs .banner-logo img {
        max-width: 100px;
    }

    .home-section-img {
        border-top-left-radius: 150px;
        border-bottom-right-radius: 150px;
    }

    .app-store img {
        height: 40px;
    }

    .nav-tabs .nav-item button {
        height: 50px;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-link:hover {
        font-size: 18px;
    }

    .login-logo img {
        max-width: 120px;
    }

    .promocode .input-group-text {
        min-width: 134px;
    }

    .promocode .form-control {
        margin-right: -133px;
    }

    .profile-img img {
        max-width: 90px;
    }

    .symbols_upload a {
        right: -1px;
        bottom: -1px;
        width: 28px;
        height: 28px;
    }

    .symbols_upload a img {
        max-width: 100%;
        margin-right: 0;
    }

    .profile-img img {
        margin-right: -3px;
    }

    .delivery-step ul {
        margin-left: 40px !important;
        margin-right: 24px !important;
    }

    .delivery-step {
        margin-bottom: 2.5rem;
        margin-top: 3rem;
    }

    .delivery-step ul li .round {
        width: 24px;
        height: 24px;
    }

    .delivery-step ul li .step-name {
        width: 98px;
    }

    .delivery-step ul li::before {
        top: 26px;
    }

    .start-icon {
        max-width: 40px;
    }

    .savedaddress-icons img {
        max-width: 20px;
    }

    .qty-box {
        padding: 4px 8px;
    }

    .qty .count {
        min-width: 40px;
        max-width: 40px;
        font-size: 14px;
    }

    .qty .plus,
    .qty .minus {
        font-size: 24px;
    }

    .haduser,
    .haduser>a {
        width: 100%;
    }

    .haduser .dropdown-menu {
        right: 0;
    }

    .haduser>a {
        text-align: left;
    }

    .haduser>a::after {
        float: right;
        position: relative;
        top: 5px;
    }

    .contact-border-r::after {
        top: auto;
        right: 35px;
        bottom: 0;
        left: 35px;
        height: 1px;
        width: auto;
    }

    .haduser .btn {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .font-size-54 {
        font-size: 28px;
    }

    .font-size-48 {
        font-size: 26px;
    }

    .font-size-36 {
        font-size: 24px;
    }

    .font-size-32 {
        font-size: 22px;
    }

    .font-size-30 {
        font-size: 22px;
    }

    .font-size-28 {
        font-size: 22px;
    }

    .font-size-26 {
        font-size: 18px;
    }

    .font-size-24 {
        font-size: 18px;
    }

    .font-size-22 {
        font-size: 16px;
    }

    .font-size-17 {
        font-size: 16px;
    }

    .font-size-18 {
        font-size: 15px;
    }

    .form-control {
        height: calc(2.4em + .75rem + 2.6px);
    }

    .homepad {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .nav-tabs .nav-item button {
        padding-left: 15px;
        padding-right: 15px;
        height: 42px;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .owl-theme .owl-nav button {
        width: 30px;
        height: 30px;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-link:hover {
        font-size: 16px;
    }

    .home-section-img {
        border-top-left-radius: 120px;
        border-bottom-right-radius: 120px;
    }

    .feast-your-banner::after {
        top: auto;
        height: 58%;
        left: 0;
        right: auto;
        width: 70vw;
        border-top-right-radius: 200px;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 12px;
    }

    .feast-your-banner .beet-img h6 {
        margin-left: 0;
        margin-bottom: -22px !important;
        margin-top: 22px;
    }

    .feast-your-banner {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

    .promocode .input-group-text {
        line-height: 34px;
    }

    .delivery-step ul li .step-name {
        font-size: 12px;
    }

    .delivery-step ul {
        margin-left: 24px !important;
        margin-right: 20px !important;
    }

    .delivery-step ul li .step-name {
        top: -14px;
    }

    .btn-close img {
        max-width: 20px;
    }

    .breadcrumb {
        font-size: 12px;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: .4rem;
        font-size: 10px;
        padding-left: .0rem;
        bottom: -4px;
        position: relative;
    }

    .qty .count {
        min-width: 30px;
        max-width: 30px;
    }

    .selectdate {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: inherit;
    }

    .selectdate>div.col {
        min-width: 70px;
    }
}

@media screen and (max-width: 575px) {
    .font-size-40 {
        font-size: 24px;
    }

    .font-size-20 {
        font-size: 15px;
    }

    .font-size-50 {
        font-size: 22px;
    }

    .header-top .nav-menu {
        right: 0;
        left: 0;
    }

    .homepad {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .header-search .form-input {
        height: 40px;
    }

    .header-search .fa-search {
        top: 12px;
        left: 16px;
    }

    .header-search .form-input {
        text-indent: 26px;
    }

    .feast-your-banner .beet-img h6 {
        margin-top: 0px;
    }

    .new-address-btn button {
        min-width: 220px;
    }

}

@media screen and (max-width: 479px) {
    .font-size-36 {
        font-size: 25px;
    }

    .nav-tabs .nav-item button {
        padding-left: 10px;
        padding-right: 10px;
        height: 48px;
        padding-bottom: 5px;
        padding-top: 5px;
        line-height: 1;
    }

    .feast-your-banner::after {
        height: 48%;
        width: 80vw;
    }

    .feast-your-banner .beet-img h6 {
        margin-top: 0px;
        font-size: 22px;
        margin-bottom: -12px !important;
    }

    .offerproducts-row .col {
        flex: 0 0 auto;
        width: 100%;
    }

    .promocode .input-group-text {
        min-width: 94px;
    }

    .promocode .form-control {
        margin-right: -93px;
    }

    .visa-img img {
        max-width: 24px;
    }

    .offcanvas .cart-img {
        padding-right: 0;
    }

    .offcanvas-top .qty-box {
        padding: 4px 8px;
    }

    .offcanvas-top .qty-box .qty .plus,
    .offcanvas-top .qty-box .qty .minus {
        font-size: 22px;
    }

    .offcanvas-top .qty .count {
        font-size: 15px;
        min-width: 40px;
        max-width: 40px;
        line-height: 20px;
    }

    .new-address-btn button {
        min-width: 140px;
    }

    .myordermenu a {
        min-width: 140px;
    }

    .oderdetails-banner h3 {
        /*font-size: 16px;*/
        line-height: 1.1 !important;
    }

    .delivery-step ul {
        margin-left: -18px !important;
        margin-right: 25px !important;
    }

    .delivery-step ul li .step-name-top {
        min-width: 30px;
        margin-left: -17px;
        font-size: 0;
    }

    .delivery-step ul li .step-name {
        font-size: 11px;
        top: 3px;
        width: 64px;
    }

    .deliverypad {
        padding: 1rem !important;
    }

    .delivery-step ul li {
        min-height: 60px;
    }

    .delivery-step ul li .round {
        width: 20px;
        height: 20px;
    }

    .delivery-step ul li .step-name b br {
        display: none;
    }

    .delivery-step {
        margin-bottom: 2rem;
        margin-top: 0.5rem;
    }

    .timeslot .btn {
        min-width: 125px;
        line-height: 1.1;
    }
}