@media only screen and (min-width: 1200px) {
    .header-menu ul li:hover ul.child-menu {
        display: inline-block;
        transition: all 0.8s;
    }
    .logo-broder-box-con .row .col-xl-2 {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media only screen and (max-width: 1399px) {
    body {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1199px) {
    body {
        font-size: 14px;
    }
    .header-menu ul ul {
        position: relative;
        background: #f1f1f1;
        width: 100%;
        top: 0;
        left: 0;
        border-color: #ffffff;
        text-align: left;
        padding: 0;
        border: 0;
    }
    .header-menu ul {
        width: 100%;
    }
    .header-menu ul li {
        padding: 0;
        width: 100%;
        /* border-bottom: 1px solid #000000; */
    }
    .header-menu ul li a {
        padding: 8px 12px;
        width: 100%;
        display: inline-block;
        position: relative;
        border: 0;
        color: #000000;
        font-weight: 500;
    }
    .header-menu ul>li.active>a {
        color: #F04E30;
    }
    .header-menu ul>li>a:hover {
        color: #F04E30;
    }
    .header-menu {
        position: absolute;
        left: 0;
        background: #FFDD00;
        width: 100%;
        top: 90px;
        padding-top: 0;
        right: 0;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
    }
    .header-menu ul.child-menu {
        width: 100%;
        position: relative;
        top: inherit;
        margin: 0;
    }
    .header-menu ul>li.sub-menu>a {
        padding-right: 40px;
    }
    .header-menu .mega-menu ul.child-menu {
        top: 0;
    }
    .header-menu .mega-menu {
        position: relative;
    }
    .header-menu .mega-menu ul.child-menu li {
        width: 100%;
    }
    .header-menu li.sub-menu>a:after {
        content: "\f107";
        z-index: 99;
        cursor: pointer;
        font-family: "FontAwesome";
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 24px;
        line-height: 16px;
    }
    .header-menu ul ul li a {
        padding: 8px 30px;
    }
    /*Start Navbar Toggle Icon*/
    .navbar-toggler-icon label {
        display: flex;
        flex-direction: column;
        width: 24px;
        cursor: pointer;
        margin: 0;
    }
    .navbar-toggler-icon label span {
        background: #ffffff;
        border-radius: 4px;
        height: 3px;
        margin: 2px 0;
        transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    }
    .navbar-toggler-icon span:nth-of-type(1) {
        width: 50%;
    }
    .navbar-toggler-icon span:nth-of-type(2) {
        width: 100%;
    }
    .navbar-toggler-icon span:nth-of-type(3) {
        width: 75%;
    }
    .navbar-toggler-icon input[type="checkbox"] {
        display: none;
    }
    .navbar-toggler-icon input[type="checkbox"]:checked~span:nth-of-type(1) {
        transform-origin: bottom;
        transform: rotatez(45deg) translate(3px, 0px);
    }
    .navbar-toggler-icon input[type="checkbox"]:checked~span:nth-of-type(2) {
        transform-origin: top;
        transform: rotatez(-45deg);
    }
    .navbar-toggler-icon input[type="checkbox"]:checked~span:nth-of-type(3) {
        transform-origin: 11px;
        width: 50%;
        transform: translate(10px, 0) rotatez(45deg);
    }
    /*End Navbar Toggle Icon*/
    .header-btn .btn {
        padding: 8px 15px;
        margin-right: 15px;
        font-size: 12px;
    }
    .banner-cont {
        padding: 32px 0px;
    }
    .sold-cont {
        top: 10%;
    }
}

@media only screen and (max-width: 991px) {
    body {
        font-size: 13px;
    }
    .item-cont .item-title {
        font-size: 18px;
    }
    .item-cont .item-price {
        font-size: 22px;
    }
    .career-cont-detail .card-title h5 {
        font-size: 20px;
    }
    .banner-cont {
        padding: 16px 0px;
    }
    .sold-title-desc h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .sold-icon {
        padding:8px;
    }
    .sold-title-desc h2{
        font-size: 32px;
        line-height: 1.6;
    }
    .location-caption h3 {
        font-size: 28px;
        margin: 20px 0px;
    }
    .location-caption p {
        font-size: 18px;
    }
    .location-add::after {
        margin: 12px 0px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 12px;
    }
    .card-cont-detail {
        grid-template-columns: 1fr 1fr;
    }
    .career-cont-detail {
        grid-template-columns: 1fr 1fr;
    }
    .item-cont .item-title {
        font-size: 16px;
        font-weight: bold;
        opacity: 1;
    }
    .item-cont .item-price {
        font-size: 18px;
    }
    .menu-cont-detail .item-cont {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .item-img-title {
        margin-bottom: 26px;
    }
    .career-cont-detail .card-title h5 {
        font-size: 18px;
    }
    .order-online .modal-title {
        font-size: 18px;
    }
    .project-con-text p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 16px;
    }
    .banner-img img {
        height: auto;
    }
    .sold-title-desc h3 {
        line-height: 20px;
        font-size: 18px;
    }
    .sold-title-desc h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .sold-icon, .sold-title-desc {
        padding: 5px;
    }
    .sold-cont {
        margin: 0px 10px;
        top: 15%;
    }
    .project-con-text h4 {
        margin-bottom: 8px;
    }
    .line-icon-ul ul {
        text-align: center;
    }
    .header-cont{padding: 8px 0px;}
    .banner-caption {
        position: relative;
    }
    .banner-caption-img{
        position: relative;
    }
    .item-img-title::after {
        /* display: block;
        content: '';
        width: 180px;
        height: 1px;
        background: #dcdcdc;
        margin: 0 auto; */
    }
    .mobile-menu select {
        display: block;
        margin-bottom: 16px;
    }
    .mobile-menu .dropdown-menu {
        width: 100%;
        background-color: #fd0;
        color: #000;
        cursor: pointer;
        padding: 10px;
        font-weight: bold;
        font-size: 14px;
    }
    .mobile-menu .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #adcd5c;
    }
    .side-menu-fixd {
        display: none;
    }
    .sidemenu-cont {
        grid-template-columns: 1fr;
    }
    .menu-cont {
        border: 0;
    }
    .sidemenu-cont .menu-cont {
        padding: 0px 8px;
    }
    .sold-icon {
        padding:8px;
    }
    .header-banner-cont {
        padding-bottom: 26px;
    }
    .header-banner-cont a {
        margin: 16px 0px;
    }
    .deskBanner img{
        display: none;
    }
    .mobBanner img{
        display: block;
    }
    .location-caption {
        position: relative;
        top: 0px;
        width: 100%;
    }
    .location-caption h3 {
        font-size: 24px;
        margin: 20px 0px;
    }
    .location-caption p {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}

@media only screen and (max-width: 575px) {
    body {
        font-size: 11px;
    }
    .header-btn {
        width: auto;
        display: flex;
        justify-content: space-between;
        margin: 10px 0px;
    }
    .navbar-toggler-icon {
        margin-right: 16px;
    }
    .header-logo img {
        width: 140px;
    }
    .card-cont-detail {
        grid-template-columns: 1fr;
    }
    .career-cont-detail {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .slick-prev:before {
        left: 10px;
    }
    .slick-next:before {
        right: 10px;
    }
    .footer-menu-copyright {
        grid-template-columns: 1fr;
    }
    .copyright-text p {
        text-align: center;
    }
    .footer-col {
        grid-template-columns: 1fr;
    }
    .slick-next {
        right: -36px;
    }
    .top-header {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .sidemenu-cont {
        gap: 8px;
    }
    .side-menu-fixd {
        top: 150px;
    }
    .side-menu-fixd ul li a {
        font-size: 12px;
        padding: 8px 0px;
    }
    .sidemenu-cont .menu-cont {
        padding: 0px 0px 0px 0;
    }
    .menu-heading::after {
        margin: 0px 0px 16px 0px;
    }
    .item-cont .item-title {
        font-size: 14px;
        line-height: normal;
    }
    .item-cont .item-price {
        font-size: 14px;
    }
    .menu-cont-detail .item-cont {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .item-img-title {
        margin-bottom: 16px;
    }
    .career-cont-detail .card-title {
        margin-bottom: 8px;
    }
    .career-cont-detail .card-text {
        line-height: 18px;
        margin-bottom: 12px;
    }
    .career-cont-detail .btn {
        padding: 8px 12px;
        font-size: 10px;
    }
    .banner-title {
        padding: 8px 12px;
    }
    .career-cont-detail .card-title h5 {
        font-size: 14px;
    }
    .franchise-sect {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .franchise-cont h3 {
        margin-bottom: 8px;
        line-height: 32px;
    }
    .franchise-cont p {
        line-height: 22px;
    }
    .service-icon-cont {
        grid-template-columns: 2fr 6fr;
    }
    .contact-textbox {
        grid-template-columns: 1fr;
        grid: 8px;
    }
    .contact-icon img {
        width: 20px;
    }
    .contact-detail .contentUl {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .contact-detail .contentUl .cont-title p,
    .contact-detail .contentUl .cont-title a {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .contact-detail .restu-empl {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .contact-title h5 {
        font-size: 14px;
    }
    .restaura-descr {
        margin-bottom: 16px;
    }
    .restaura-descr p {
        line-height: 22px;
    }
    .slide-descr-list ul li {
        align-items: start;
        line-height: normal;
        margin-bottom: 8px;
    }
    .slide-descr-list ul li::before {
        font-size: 8px;
        padding-top: 3px;
    }
    .slide-descr-list .contentUl .contact-icon i {
        font-size: 9px;
    }
    .project-con-text .btn {
        padding: 12px 12px;
    }
    .restaura-descr .contact-title h5 {
        line-height: 22px;
    }
    .order-online .modal-title {
        font-size: 16px;
    }
    .banner-cont {
        padding: 16px 0px;
    }
    .sold-cont {
        margin: 0px 14px;
        top: 22%;
        align-items: center;
    }
    .sold-icon,
    .sold-title-desc {
        padding: 8px;
    }
    .sold-title-desc h2{
        font-size: 28px;
        line-height: 1.4;
    }

    .sold-title-desc h3 {
        font-size: 24px;
        line-height: normal;
    }
    .footer-logo,
    .footer-menu ul {
        text-align: center;
    }
    .contact-textbox input,
    .contact-fulltext input {
        height: 36px;
    }
    .shape-sect {
        grid-template-columns: 1fr;
    }  
    .career-cont-detail .card {
        padding-bottom: 40px;
    }  
}
@media only screen and (max-width: 480px) {
    .sold-title-desc h2{
        font-size: 22px;
        line-height: 1.4;
    }

    .sold-title-desc h3 {
        font-size: 18px;
        line-height: normal;
    }
}
@media only screen and (min-width: 767px) {
    .mobile-menu select {
        display: none;
    }
    .mobile-menu .menu-dropdown {
        display: none;
    }
}