/* min with 1081px  */
@media only screen and (max-width: 1920px) and (min-width: 1081px) {
    .row {
        --bs-gutter-x: 0rem !important;
    }

    .contact-contains {
        z-index: 99;
    }

    .conx{
        margin-top:-400px;
    }

     .closebtn {
        margin-top: 20px;
        z-index: 99;
        width: 200px;
        height: 65px;
        text-align: center;
        font-size: 28px;
        color: white;
        /* background: linear-gradient(0deg, rgb(145, 21, 138) 36%, rgb(108, 12, 146) 100%); */
        background-color: #76004E;
    }

    .modal-header h3 {
        font-size: 3.5em;
        text-align: center;
        margin-top:-850px;
    }

    .kioskslider{
        display:none !important;
    }

    .kissli {
        display: none !important;
    }

    .navigationbar {
        padding: 50px;
    }

    body {
        margin: 0px !important;
        /* background-image: url("../images/main-background.png"); */
    }

    /* header logo  */
    .logo {
        width: 35%;
        height: auto;
        float: left;
        padding: 40px;

    }

    .main-logo {
        width: 35% !important;
        height: auto;
        float: left;
        padding: 40px;
    }

    .main-logo-king {
        width: 30% !important;
        height: auto;
        float: right;
        padding: 5px;
    }

    .main-logo-kingx {
        width: 30%;
        height: auto;
        float: right;
        padding: 40px;

    }

    .logo-king {
        width: 30%;
        height: auto;
        float: right;
        padding: 40px;
    }

    .atm {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: -150px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }



    .header {
        color: #671fa9;
        position: relative;
        text-align: center;
        margin-top: 50px !important;
        margin-bottom: 10px !important;
        font-weight: bold;
        font-size: 3.5em;
    }

    .sliderlargescreean {
        margin-top: 15%;
    }

    .search-btn-container {
        text-align: center;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .search-btn-area {
        text-align: center;
        margin-top: -850px;
    }

    .find-shop-btn {
        background: #00008B !important;
        position: relative;
        width: 60% !important;
        height: 20% !important;
        font: weight 600px !important;
        margin-top: 50px !important;
    }

    .buttonLevel {
        text-align: center;
        margin-top: 50px;
    }

    .footercontainer {
        background-image: url("../images/background1920.png");
        width: 10%;
        height: auto;
        background-repeat: no-repeat;
        padding-top: 130px;
        padding-bottom: 90px;
        margin-right: 0 !important;
    }

    .mobilecat-container {
        display: none;
    }

    .card-body {
        text-align: center !important;
    }

    .category-i {
        position: relative;
        display: block;
        /* width: 88px !important;
        height: 88px !important; */
        text-align: center !important;
        padding: auto !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .card-text {
        text-align: center;
    }

    .cat-title {
        text-align: center;
        color: white;
        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .contact-us-btn {
        color: white;
        background-color: #f44336;
        border-radius: 0 5px 5px 0;
        border: none;
        font-size: 20px;
        padding: 15px;
        z-index: 99;
        margin-top: 40px;
        position: absolute;
        transition: 0.3s;
        width: 200px;
        font-weight: bold;
    }

    .shop-logo {
        margin-top: 40px;
    }

    .contact-us-btn:hover {
        width: 300px;
    }

    .contact-model {
        margin-top: 200px;
    }

    .container {
        margin-top: 80px;
    }

    .shopbackground {
        text-align: center;
        background: rgb(99, 100, 159);
        background: linear-gradient(0deg, rgba(99, 100, 159, 1) 36%, rgba(193, 82, 154, 1) 100%);
        border-radius: 5px 5px 5px 50px;
        height: 540px;
        box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        -webkit-box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        -moz-box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
        -webkit-box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
        -moz-box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
        padding: 15px;
        border: 5px solid white;
    }

    .shopname {
        color: white;
        margin-top: 50px;
        padding: 10px;
        height: 75px;
    }

    .shopno {
        color: white;
        margin-bottom: 5px;
        padding: 5px;
    }

    #loader {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        width: 120px;
        height: 120px;
        margin: -76px 0 0 -76px;
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    /* Add animation to "page content" */
    .animate-bottom {
        position: relative;
        -webkit-animation-name: animatebottom;
        -webkit-animation-duration: 1s;
        animation-name: animatebottom;
        animation-duration: 1s
    }

    @-webkit-keyframes animatebottom {
        from {
            bottom: -100px;
            opacity: 0
        }

        to {
            bottom: 0px;
            opacity: 1
        }
    }

    @keyframes animatebottom {
        from {
            bottom: -100px;
            opacity: 0
        }

        to {
            bottom: 0;
            opacity: 1
        }
    }

    #myDiv {
        display: none;
        text-align: center;
    }

    .image-thumbs {
        width: 100%;
        height: auto;
    }

    .nav-bar-x {
        width: 100%;
    }

    #sub-header-cat {
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
    }

    .text-content {
        text-align: center;
        color: white;
    }

    .modelgif {
        width: 450px;
        height: auto;
    }

    /* end  */
    #sub-header-cat {
        font-size: 16px;
        font-weight: bold;
        margin-top: -50px;
        text-align: center;
        color: white;
        text-transform: capitalize;
    }

    .option-text {
        font-size: 16px;
    }

    .navigationbar {
        /* border: 1px solid red; */
        height: 80px;
    }

    .carouselmobile {
        display: none;
    }

    .sliderlargescreean {
        display: block;
    }

    .restroom {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 150px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    .backbtn {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 300px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    .carparkbtn {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 150px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    .washroombtn {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 0px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    /* back button animation  */
    .backbtn::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all .3s ease-in-out 0s;
    }

    .backbtn:hover,
    .backbtn:focus {
        color: #313133;
        transform: translateY(-6px);
    }

    .backbtn:hover::before,
    .backbtn:focus::before {
        opacity: 1;
    }

    .backbtn::after {
        content: '';
        width: 30px;
        height: 30px;
        border-radius: 100%;
        border: 3px solid #7a86f0;
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: ring 1.5s infinite;
    }
}

@media only screen and (min-width: 1080px) {
    .row {
        --bs-gutter-x: 0rem !important;
    }

    body {
        margin: 0px !important;
        /* background-image: url("../images/main-background.png"); */
    }

    .kissli {
        display: block;
    }

    /* header logo  */
    .logo {
        width: 35%;
        height: auto;
        float: left;
        padding: 40px;

    }

    .main-logo {
        width: 25%;
        height: auto;
        float: left;
        padding: 40px;
    }

    .main-logo-king {
        width: 40%;
        height: auto;
        float: right;
        padding: 40px;
    }

    .main-logo-kingx {
        width: 30%;
        height: auto;
        float: right;
        padding: 40px;
    }

    .logo-king {
        width: 30%;
        height: auto;
        float: right;
        padding: 40px;
    }

    .header {
        color: #671fa9;
        position: relative;
        text-align: center;
        margin-top: 5%;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .search-btn-container {
        text-align: center;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .find-shop-btn {
        background: #00008B !important;
        position: relative;
        width: 60% !important;
        height: 20% !important;
        font: weight 600px !important;
        margin-top: 50px !important;
    }

    .footercontainer {
        background-image: url("../images/background1920.png");
        width: 100%;
        height: auto;
        background-repeat: no-repeat;
        padding-top: 130px;
        padding-bottom: 90px;
        margin-right: 0 !important;
    }

    .mobilecat-container {
        display: none;
    }

    .card-body {
        text-align: center !important;
    }

    .category-i {
        position: relative;
        display: block;
        /* width: 88px !important;
        height: 88px !important; */
        text-align: center !important;
        padding: auto !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
    }

    .card-text {
        text-align: center;
    }

    .cat-title {
        text-align: center;
        color: white;
        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .contact-us-btn {
        color: white;
        background-color: #f44336;
        border-radius: 0 5px 5px 0;
        border: none;
        font-size: 20px;
        padding: 15px;
        z-index: 99;
        margin-top: 40px;
        position: absolute;
        transition: 0.3s;
        width: 200px;
        font-weight: bold;
    }

    .contact-us-btn:hover {
        width: 300px;
    }

    .contact-model {
        margin-top: 200px;
    }

    .container {
        margin-top: 80px;
    }

    .shopbackground {
        text-align: center;
        background: rgb(99, 100, 159);
        background: linear-gradient(0deg, rgba(99, 100, 159, 1) 36%, rgba(193, 82, 154, 1) 100%);
        border-radius: 5px 5px 5px 50px;
        height: 540px;
        box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        -webkit-box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        -moz-box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
        -webkit-box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
        -moz-box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
    }

    .shopname {
        color: white;
        margin-top: 50px;
        padding: 10px;
        height: 75px;
    }

    .shopno {
        color: white;
        margin-bottom: 5px;
        padding: 5px;

    }

    #loader {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        width: 120px;
        height: 120px;
        margin: -76px 0 0 -76px;
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    /* Add animation to "page content" */
    .animate-bottom {
        position: relative;
        -webkit-animation-name: animatebottom;
        -webkit-animation-duration: 1s;
        animation-name: animatebottom;
        animation-duration: 1s
    }

    @-webkit-keyframes animatebottom {
        from {
            bottom: -100px;
            opacity: 0
        }

        to {
            bottom: 0px;
            opacity: 1
        }
    }

    @keyframes animatebottom {
        from {
            bottom: -100px;
            opacity: 0
        }

        to {
            bottom: 0;
            opacity: 1
        }
    }

    #myDiv {
        display: none;
        text-align: center;
    }

    .image-thumbs {
        width: 100%;
        height: auto;
    }

    .nav-bar-x {
        width: 100%;
    }

    #sub-header-cat {
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
    }

    .text-content {
        text-align: center;
        color: white;
    }

    .modelgif {
        width: 450px;
        height: auto;
    }

    /* end  */
    #sub-header-cat {
        font-size: 16px;
        font-weight: bold;
        margin-top: -50px;
        text-align: center;
        color: white;
        text-transform: capitalize;
    }

    .option-text {
        font-size: 16px;
    }

    .navigationbar {
        /* border: 1px solid red; */
        height: 100px;
    }

    .carouselmobile {
        display: none;
    }

    .sliderlargescreean {
        display: block;
    }
}



/* end  */





/* 1080px resolution  */

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

    .navigationbar {
        height: 250px;
    }

    .sliderlargescreean {
        display: none;
    }

    .logo {
        width: 60%;
        height: auto;
        float: left;
        padding: 40px;
    }

    .main-logo {
        width: 60%;
        height: auto;
        float: left;
        padding: 40px;
    }

    .main-logo-king {
        width: 40%;
        height: auto;
        float: right;
        padding: 35px;
    }

    .main-logo-kingx {
        width: 60%;
        height: auto;
        float: right;
        padding: 35px;
    }

    .logo-king {
        width: 60%;
        height: auto;
        float: right;
    }

    /*home pahe header*/
    .header {
        color: #9634FF;
        position: relative;
        text-align: center;
        font-weight: 800;
        font-size: 3.4em;
        margin-top: 40px;
        margin-bottom: 20px;
        font-family: 'Poppins', sans-serif;
    }

    .shop-logo {
        margin-top: 40px;
    }

    .shopbackground {
        text-align: center;
        background: rgb(99, 100, 159);
        background: linear-gradient(0deg, rgb(183, 76, 255) 36%, rgba(110, 37, 255, 0.87) 100%);
        border-radius: 50px 50px 50px 50px;
        height: 540px;
        box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        -webkit-box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        -moz-box-shadow: 18px -15px 0px 4px rgba(49, 51, 130, 0.75) inset !important;
        box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
        -webkit-box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
        -moz-box-shadow: 18px -15px 0px 4px rgba(224, 224, 224, 0.75);
        width: 300px !important;
        margin: 5px;
    }

    .search-btn-area {
        text-align: center;
    }

    .search-btn {
        text-decoration: none;
        color: white;
    }

    .search-btn:hover {
        color: white;
    }

    .mobilecat-container {
        display: block;
    }

    .footercontainer {
        background-image: url("../images/pink.png");
        width: 100%;
        padding-top: 20px;
        padding-bottom: 40px;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .category-i {
        position: relative;
        display: block;
        text-align: center !important;
        width: 300px !important;
        /* height: 300px !important; */
        margin-left: auto;
        margin-right: auto;

    }

    .card-text {
        text-align: center;
    }

    .cat-title {
        text-align: center;
        color: white;
        font-weight: bold;
        font-size: 21px;
        margin-top: 30px;
    }

    .contact-us-btn {
        color: white;
        background-color: #f44336;
        border-radius: 0 5px 5px 0;
        border: none;
        font-size: 20px;
        padding: 15px;
        z-index: 99;
        margin-top: 40px;
        position: absolute;
        transition: 0.3s;
        width: 200px;
        font-weight: bold;
    }

    .contact-us-btn:hover {
        width: 300px;
    }

    .shop-search-box {
        border: 1px solid black;
    }

    .contact-model {
        margin-top: 400px;
    }

    .image-thumbs {
        width: 100%;
        height: auto;
    }

    .nav-bar-x {
        width: 100%;
    }

    #sub-header-cat {
        font-size: 16px;
        font-weight: bold;
        margin-top: -40px;
        text-align: center;
        color: white;
        text-transform: capitalize;
    }

    .image-fream {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .text-content {
        position: absolute;
        margin-bottom: 60px;
    }

    .modelgif {
        width: 450px;
        height: auto;
    }



    .backbtn {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 1000px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    .carparkbtn {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 800px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    .atm {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 200px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    .restroom {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 400px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    .washroombtn {
        z-index: 1;
        display: block;
        border-radius: 60px;
        position: static;
        margin-left: 85%;
        position: fixed;
        margin-top: 600px;
        transition: all 0.3s ease-in-out 0s;
        cursor: pointer;
        outline: none;
        font-size: 24px;
        border: none;
    }

    /* back button animation  */
    .backbtn::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all .3s ease-in-out 0s;
    }

    .backbtn:hover,
    .backbtn:focus {
        color: #313133;
        transform: translateY(-6px);
    }

    .backbtn:hover::before,
    .backbtn:focus::before {
        opacity: 1;
    }

    .backbtn::after {
        content: '';
        width: 30px;
        height: 30px;
        border-radius: 100%;
        border: 3px solid #7a86f0;
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: ring 1.5s infinite;
    }

    /* end  */
    .modal-header {
        text-align: center;
    }

    .modal-header h3 {
        font-size: 3.5em;
        text-align: center;
    }

    /* .contactmodelbackground {
        background-image: url("../images/ui_bgt.jpg");

    } */

    .img-uibg {
        width: 600px;
        height: 550px;
        display: block;
        position: absolute;
    }

    .contact-contains {
        z-index: 99;
    }

    .conx li {
        font-size: 28px;
        list-style-type: square;
    }

    .closebtn {
        margin-top: 50px;
        z-index: 99;
        width: 200px;
        height: 65px;
        text-align: center;
        font-size: 28px;
        color: white;
        /* background: linear-gradient(0deg, rgb(145, 21, 138) 36%, rgb(108, 12, 146) 100%); */
        background-color: #76004E;
    }

    .buttonLevel {
        text-align: center;
        margin-top: 50px;
    }

    .myBtnContainer {
        text-align: center;
    }

    .carouselmobile {
        display: block;
    }

    .shopname {
        color: white;
        margin-top: 50px;
        padding: 10px;
        height: 75px;
    }

    .shopno {
        color: white;
        margin-bottom: 5px;
        padding: 5px;
    }

    .searching-area {
        padding: 25px 35px 25px 10px;
    }


}

.catlink {
    text-decoration: none;
}