@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Prata&display=swap');







* {



    box-sizing: border-box;



    margin: 0;



    padding: 0;



    border: 0;



}







body {



    margin: 0;



    padding: 0;



    overflow-x: hidden;



    font-size: 16px;



    line-height: 29px;



    font-weight: 400;



    background: #231d16;



    font-family: "Manrope", sans-serif;







}




html {
    margin-top: 0px !important;
}


h1 {



    margin: 0;



    font-size: 74px;



    line-height: 89px;



    color: #fff;



    font-weight: 400;



    font-family: "Prata", serif;



    max-width: 795px;



    margin: 0 auto;



}







h2 {



    margin: 0;



    font-size: 50px;



    line-height: 60px;



    color: #fff;



    font-weight: 400;



    font-family: "Prata", serif;



    /* padding-bottom: 10px; */



}







h3 {



    margin: 0;



    font-size: 40px;



    line-height: 48px;



    color: #fff;



    font-weight: 400;



    font-family: "Prata", serif;



}







h4 {



    margin: 0;



    font-size: 24px;



    line-height: 1.2;



    color: #fff;



    font-weight: 400;



}







h5 {



    margin: 0;



    font-size: 24px;



    line-height: 1.2;



    color: #fff;



    font-weight: 300;



}







h6 {



    margin: 0;



    color: #d05806;



    font-size: 16px;



    letter-spacing: 2px;



    font-weight: 400;



    line-height: 19px;



    text-align: center;



}







a {



    color: #ffffff;



    outline: none;



    text-decoration: none !important;



    cursor: pointer;



    vertical-align: middle;



    max-width: 100% !important;



    white-space: normal !important;



    display: inline-block;



    font-size: 16px;



    font-weight: 400;



    transition: ease-in-out 0.4s;



}







ul,



ol {



    list-style: none;



    padding: 0;



    margin: 0;



}







.fullwidth {



    float: left;



    width: 100%;



}







.wrapper {



    box-sizing: border-box;



    width: 100%;



    float: none !important;



    display: block;



    margin: 0 auto !important;



    max-width: 1340px;



    padding-right: 20px !important;



    padding-left: 20px !important;







}







.btn-all a {



    border-radius: 15px;



    background-color: #d05807;



    text-align: center;



    padding: 10px 36px;



    display: inline-flex;



    align-items: center;



}







.btn-all a:hover {



    background-color: #af4a07;



    color: #fff;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}







.btn-all-a {



    border-radius: 15px;



    background-color: #d05807;



    text-align: center;



    padding: 10px 39px;



}







.flex-box {



    display: flex;



    flex-wrap: wrap;



}







nav li a {



    line-height: 19px;



}







.nav-btn a {



    border-radius: 15px;



    background-color: #d05807;



    padding: 15px 0;



    width: 180px;



    text-align: center;







}







.nav-btn a:hover {



    background-color: #af4a07;



    color: #fff !important;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}







.nav-btn a i {



    margin-left: 10px;



}







ul.navbar-nav {



    align-items: center;



}







.nav-item .nav-link {



    color: #fff;



}





.nav-item a i:hover{
    color: #d05807;
}

.nav-item .nav-link:hover {



    color: #d05807;



}







.nav-item a .s1 {



    background-color: #fff;



    height: 2px;



    position: absolute;



    z-index: 9999;



}







.menu-icon:hover .s1 {



    background-color: #d05807;



}







.nav-item a .s1:nth-child(1) {



    width: 22px;



    left: 6px;



    top: 9px;







}







.nav-item a .s1:nth-child(2) {



    width: 22px;



    top: 4px;



}







.nav-item a .s1:nth-child(3) {



    width: 14px;



    top: 14px;



    left: 16px;



}







.right-nav .nav-item .nav-link {



    padding-right: 15px;



    position: relative;



}







.right-nav .nav-item .nav-link:before {



    content: " ";



    position: absolute;



    width: 5px;



    height: 1px;



    background: #fff;



    right: -3px;



    top: 50%;



}







.right-nav .nav-item:nth-child(4) .nav-link:before {



    display: none;



}







.left-nav .nav-item {



    margin-left: 20px;



}







.left-nav .menu-icon {



    width: 35px;



}







header {



    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9999999999999999) 0%, rgba(0, 0, 0, 0) 100%);



    /* opacity: 0.651; */



    position: absolute;



    z-index: 55;



}







.hero-content-inner {



    position: relative;



}







.navbar {



    margin: 10px 0;



}







.d-lg-block {

margin-right: 75px;

    min-width: 260px;

text-align: center;

}







.d-lg-block img {



    width: 200px;



}







.menu-click {


    cursor: pointer;
    position: relative;



    right: 20px;



    background: transparent;



    outline: 0;



    border: 0;



}







.menu-top-icon .s2 {



    background-color: #fff;



    height: 2px;



    position: absolute;



    z-index: 9999;



    transition: ease-in-out 0.4s;



}







.menu-top-icon .s2:nth-child(1) {



    width: 27px;



    left: 6px;



    top: 12px;



}







.menu-top-icon .s2:nth-child(2) {



    width: 27px;



    top: 4px;



}







.menu-top-icon .s2:nth-child(3) {



    width: 19px;



    top: 20px;



    left: 16px;



}











.hero-section {



    position: relative;



    border-bottom: 5px solid #d05807;



    z-index: 1;



    overflow: hidden;



}







.hero-section .over-ly {



    position: absolute;



    width: 100%;



    height: 100%;



    opacity: 0.451;



    top: 0;



    left: 0;



    z-index: 1;



    background-color: #000000;



}







.hero-sec {



    width: 100%;



    text-align: center;



    margin: 0 auto;



    padding: 318px 0;



    position: relative;



    display: flex;



    justify-content: center;



    background-size: cover;



    background-repeat: no-repeat;



    background-position: center;



}















.hero-subtitle {



    text-align: center;



    margin-bottom: 15px;



}







.hero-content {



    position: relative;



    max-width: 61%;



    margin: 0 auto;



    z-index: 5;



}







.hero-subtitle h5 {



    font-size: 22px;



    letter-spacing: 6px;



    line-height: 26px;



    color: #ffffff;



    font-weight: 400;



}







.hero-btn {



    text-align: center;



    margin-top: 30px;



}







.btn-errow {



    margin-left: 10px;



}







.btn-errow img {



    object-fit: none;



    width: 25px;



}







.book-errow img {



    width: 45px;



    object-fit: cover;



}







.book-errow {



    margin-left: 10px;



}







.hero-row .slick-arrow {



    font-size: 0px;



    position: absolute;



    top: 50%;



    width: 100px;



    height: 100px;



    background: transparent;



    transform: translateY(-50%);



    display: flex;



    align-items: center;



    justify-content: center;



    z-index: 55;



    cursor: pointer;



}







.hero-row .hero-slider-prev::before,



.hero-row .hero-slider-next::before {







    content: " ";



    position: absolute;



    width: 64px;



    height: 64px;



    border: 3px solid #ffffff6b;



    rotate: 45deg;



    border-radius: 2px;



    z-index: 5;







}







.hero-row .hero-slider-prev:hover::before {



    /* border:3px solid #d05806; */



    border-color: #d05807;



}







.hero-row .hero-slider-next:hover::before {



    border-color: #d05807;



}







.hero-row .hero-slider-prev::before {



    border-right: 0;



    border-top: 0;



}







.hero-row .hero-slider-next::before {



    border-left: 0;



    border-bottom: 0;



}











.hero-row .hero-slider-next {



    right: 0;



}











.hero-row .hero-slider-prev {



    left: 0;



}







.smokis-logo {



    width: 100%;



    display: flex;



}







.smokis-logo .smokis-img {



    max-width: 230px;



    margin: 0 auto;



    /* margin-top: -120px; */



    position: relative;



    z-index: 1;







}







.smokis-logo .smokis-img img {



    width: 100%;



    object-fit: cover;



}







.daily-basis {



    position: relative;



    box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.23);



    padding-bottom: 90px;



}







.sec-design {



    position: absolute;



    right: 0px;



    top: -458px;



    width: 355px;



}







.sec-design img {



    width: 100%;



}







.daily-basis .sub-title {



    text-align: center;



    margin-top: 50px;



}
.sub-title-1{
    text-align: center;
    margin-top: 50px;
    background-color: aliceblue;
    border-radius: 16px;
    font-family: system-ui;
}


.sub-title-1 h5{
    color: #d05806;
    font-size: 36px;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 45px;
    padding: 20px 20px;

}




.daily-basis .sub-title h6 {



    color: #d05806;



    font-size: 16px;



    letter-spacing: 2px;



    font-weight: 400;



    line-height: 19px;



}







.daily-basis h2 {



    max-width: 68%;



    margin: 0 auto;



    text-align: center;



    margin-top: 15px;



}







.line-des {



    max-width: 1px;



    height: 60px;



    background: #d05807;



    margin: 0 auto;



    margin-top: 35px;



}







.daily-basis-row {



    display: flex;



    margin-top: 30px;



    justify-content: space-between;



    align-items: center;



}



.event-inner-row{
    width: 100%;
    /* display: flex;
    justify-content: space-between; */
    margin-top: 30px;
}
.day-box{
    width: 31%;
    background-color: #000000;
    border: 2px solid #fff;
    border-radius: 13px;
    color: #fff;
    text-align: center;
    padding: 30px 20px;
    min-height: 284px;
}

.heading-content h4{
    margin-top: 20px;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Prata", serif;
    text-transform: uppercase;
}
.heading-content{
    position: relative;
}
.heading-content h4 span::after, .heading-content h4 span::before {
    content: "";
    position: absolute;
    height: 4px;
    width: 37px;
    background-color: #d05806;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.heading-content h4 span::before {
    left: 0;
}
.heading-block span {
    position: relative;
    padding: 0px 60px;
    display: inline-block;
}
.subtext h5{
    font-size: 17px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 600;
    display: none;
}
.content-prg p{
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 20px;
}
.content-prg h4{
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 600;
}

.event-inner-row .slick-slide > div{
    margin: 0 20px;
}
.event-arrows .prev-arrow, .event-arrows .next-arrow{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #000000;
    border: 2px solid #ffffff;
    font-size: 0;  position: relative;
}
/* .event-inner-row button.slick-arrow{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #000000;
    border: 2px solid #ffffff;
    font-size: 0;
    position: absolute;
    bottom: 70px;
    left: 180px;
    z-index: 1;
} */
.event-inner-row button.slick-arrow::after, .event-arrows .slick-arrow:after {
    content: "";
    background-image: url("https://tophatbilliards.com/wp-content/themes/tophats/assets/images/right-erros.png");
    color: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
button.slick-prev.slick-arrow, .event-arrows .prev-arrow.slick-arrow:after {
    transform: translate(-50%, -50%) rotate(180deg);
}
/* .event-inner-row button.slick-next.slick-arrow {
    left: auto;
    right: 180px;
} */
.btn-wrap.event-arrows {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.event-inner-row .slick-slide.slick-current.slick-center .day-box {
    background-color:  #d05807;
    /* padding: 50px 0; */
    border: none;
}
.event-inner-row .slick-current.slick-center .day-box .subtext h5{
    display: block;
}
.event-inner-row .slick-current.slick-center .heading-content h4 span::after, .event-inner-row .slick-current.slick-center .heading-content h4 span::before{
    background-color: #fff;
}
.event-inner-row .slick-current.slick-center .content-prg{
    background: #000;
    width: 100%;
    border-radius: 16px;
    /* max-width: 87%; */
    margin-top: 10px;
    padding: 30px;
    margin: auto;
} 
.event-inner-row .slick-current.slick-center .content-prg p{
    font-family: "Prata", serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.3;
}
.heading-content{
    padding: 20px 0px;
}
.slick-track {
    display: flex;
    align-items: center;
}







.daily-basis .daily-box,



.daily-basis .last-box {



    width: 31.8%;



    border: 2px solid #fff;



    border-radius: 13px;



    background-color: #000000;



    display: flex;



    text-align: center;



    justify-content: center;



    align-items: center;



    position: relative;



}







.daily-basis .daily-box a::before {



    content: " ";



    position: absolute;



    background-image: url(../Image/dayli-basis-monday-design.png);



    z-index: -1;



    left: -23px;



    height: 59%;



    width: 38%;



    top: -23px;



}







.daily-basis .daily-box a,



.daily-basis .last-box a {



    width: 100%;



    display: flex;



    text-align: center;



    justify-content: center;



    align-items: center;



    position: relative;







}







.daily-basis .daily-box h5,



.daily-basis .last-box h5 {



    font-size: 17px;



    /* line-height: 60px; */



    color: #ffffff;



    font-weight: 600;

    padding: 0 40px;
    margin-top: 20px;







}







.daily-basis .daily-box h2,



.daily-basis .last-box h2 {



    margin-top: 0;



    max-width: 100%;



    text-transform: uppercase;



}







.daily-basis .daily-box .contant,



.daily-basis .last-box .contant {



    margin-top: 40px;



    margin-bottom: 60px;



}







.daily-basis .daily-box .daily-line,



.daily-basis .last-box .daily-line {



    height: 4px;



    width: 37px;



    background-color: #d05806;



    position: absolute;



    left: 60px;



    transform: translateX(50%);



    top: 45%;



    transform: translateY(55%);



}







.daily-basis .daily-box .daily-line-right,



.daily-basis .last-box .daily-line-right {



    height: 4px;



    width: 37px;



    background-color: #d05806;



    position: absolute;



    right: 60px;



    transform: translateX(100%);



    top: 45%;



    transform: translateY(55%);



}







.elips-right {



    width: 52px;



    height: 52px;



    border-radius: 26px;



    background-color: #000000;



    border: 2px solid #ffffff;



    display: flex;



    align-items: center;



    justify-content: center;



    position: absolute;



    bottom: -25px;



}







.elips-right img {



    width: 23px;



}



.daily-basis .sub-title h5 {
    font-weight: bold;
    color: #d05807;
}



.daily-basis .tuesday-box {



    width: 31.5%;



    padding: 50px 0;



    border-radius: 15px;



    background-color: #d05807;



    display: flex;



    text-align: center;







}







.daily-basis .tuesday-box a {



    width: 100%;



    display: flex;



    text-align: center;



    justify-content: center;



    align-items: center;



    position: relative;



    flex-wrap: wrap;



}







.daily-basis .tuesday-box a h2 {



    margin: 0;



    max-width: 74%;



    font-size: 64px;



    line-height: 70px;



    display: flex;



    align-items: center;



    justify-content: center;



    flex-wrap: wrap;



    margin: 0 auto;



}







.daily-basis .tuesday-box a .line-tit {



    width: 37px !important;



    height: 4px !important;



    background: #000;



    margin: 0 10px;



}







.daily-basis .tuesday-box a .tu-left {



    position: absolute;



    top: 28%;



    left: 8%;



    transform: translateY(-72%);



}







.daily-basis .tuesday-box a .tu-right {



    position: absolute;



    right: 8%;



    top: 28%;



    transform: translateY(-72%)



}







.daily-basis .tuesday-box a .contant h5 {



    font-size: 17px;



    line-height: 50px;



    color: #ffffff;



    font-weight: 600;







}







.daily-basis .tuesday-box a .p-l {



    background: #000;



    width: 100%;



    border-radius: 16px;



    max-width: 87%;



    margin-top: 10px;



    padding: 10px;



}







.daily-basis .tuesday-box a .p-l h3 {



    font-size: 30px;



    font-weight: 400;



    /* line-height: 60px; */



}







.daily-basis .tuesday-box a .p-l h4 {



    font-size: 20px;



    letter-spacing: 3px;



    line-height: 40px;



    color: #ffffff;



    font-weight: 600;



    margin-bottom: 15px;



}







/* .daily-basis .last-box::before{



    content: " ";



    position: absolute;



    background-image: url(../Image/dayli-basis-monday-design.png);



    z-index: -1;



} */



.daily-basis .last-box a:before {







    content: " ";



    background-image: url(../Image/dayli-basis-monday-design.png);



    position: absolute;



    height: 59%;



    width: 38%;



    bottom: -23px;



    right: -23px;



    z-index: -1;



}







.daily-basis .sub-title h5 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 50px;
}







.blog-section {



    /* margin-top: 90px; */



    position: relative;



}







.blog-section .blog-page-design {



    position: absolute;



    left: 0px;



    top: 0px;



    width: 30%;



}







.blog-section h6 {



    margin-top: 100px;



}







.blog-section h2 {



    max-width: 68.8%;



    text-align: center;



    margin: 0 auto;



    margin-top: 20px;



}







.blog-section .blog-sec-content {



    font-size: 16px;



    line-height: 28px;



    font-weight: 400;



    text-align: center;



    color: #fff;



    max-width: 59.6%;



    margin: 0 auto;



    margin-top: 30px;



}







.blog-section .blog-box-row {



    margin-top: 150px;



}







.blog-section .blog {



    width: 31.84%;



    background: transparent;



    border: 0;



    margin-right: 2.24%;



    position: relative;



}







.blog-section .blog:nth-child(3n) {



    margin-right: 0;



}







.blog-section .blog .blog-img {



    position: relative;



    width: 100%;



    border-radius: 12px;



    padding-bottom: 133.55%;



    /* overflow: hidden; */



    background: #000;



}




.daily-inner p{
    color: #fff;
    line-height: 1.4;
    padding-top: 10px;
}


.blog-section .blog .blog-img img {



    position: absolute;



    width: 100%;



    height: 100%;



    object-fit: fill;



    border-radius: 12px;



    left: 0;



    top: 0;



}







.blog-section .blog-title {



    font-size: 40px;



    line-height: 48px;



    color: #ffffff;



    font-weight: 400;



    font-family: "Prata", serif;



    margin: 25px 0;



}







.blog-section .blog-text {



    font-size: 15px;



    line-height: 29px;



    color: #ffffff;



    font-weight: 400;



    margin-bottom: 35px;



}







.blog-section .card-body a.btn-all-a {



    color: #fff;



    letter-spacing: 1px;



    line-height: 19px;



    font-weight: 700;



    transition: ease-in-out 0.4s;



    padding: 15px 30px;



}







.blog-section .card-body a.btn-all-a:hover {



    background-color: #af4a07;



    color: #fff;



}







.blog-section .card-body a.btn-all-a i {



    margin-left: 10px;



}







.blog-section .blog-1 {



    position: relative;



}







.blog-section .blog-1::before {



    content: " ";



    position: absolute;



    width: 90%;



    height: 48%;



    left: -23px;



    top: -23px;



    background: url(../Image/blog-box-design.png);



}







.blog-section .blog-box-row .blog:nth-child(3) .blog-img::before {



    content: " ";



    position: absolute;



    width: 90%;



    height: 48%;



    right: -23px;



    bottom: -23px;



    background: url(../Image/blog-box-design.png);







}







.blog-section .blog-box-row .blog:nth-child(2n) {



    margin-top: -50px;



}







.blog-section .blog-box-row .blog:nth-child(2n) .blog-img img {



    object-position: left;



   



}







.img-gallery {



    padding: 0 20px;



    margin-top: 140px;



    position: relative;



}







.gallery-row .img-col {



    width: 32.6%;



    margin-right: 1.1%;



}







.gallery-row .img-col:nth-child(3n) {



    margin-right: 0;



}







.gallery-row .img-col .g-img {



    width: 100%;



    border-radius: 12px;



    /* background-color: #231d16; */



    overflow: hidden;



    position: relative;



    margin-bottom: 13px;



}







.gallery-row .img-col .g-i-1 {



    padding-bottom: 88.80%;



}







.gallery-row .img-col .g-i-2 {



    padding-bottom: 43%;



}







.gallery-row .img-col .g-img img {



    width: 100%;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0;



    object-fit: cover;



}







.gallery-row .img-col .galy-content h2 {



    text-align: center;



    font-size: 50px;



    line-height: 60px;



    color: #ffffff;



    font-weight: 400;



    max-width: 75.66%;



    margin: 0 auto;



    margin-top: 20px;



}







.gallery-row .img-col .galy-content {



    text-align: center;



    position: relative;



    /* max-width: 66.66%; */



    margin: 0 auto;



    margin-bottom: 13px;



    /* padding: 78px 0; */



    display: flex;



    justify-content: center;



    flex-flow: column;



    align-items: center;



    padding-bottom: 89%;



}







.gallery-row .img-col .galy-content::before {



    content: " ";



    position: absolute;



    background-color: #d05807;



    width: 100%;



    opacity: 0.8;



    height: 200%;



}







.gallery-row .img-col .galy-content a {



    padding: 10px 32px;



    border-radius: 15px;



    background-color: #231d16;



    margin-top: 35px;



    /* display: inline-flex; */



}







/* .gallery-row .img-col .galy-content a .btn-errow{



    margin-left: 10px;



}



.gallery-row .img-col .galy-content a .btn-errow img{



    width: 25px;



    display: none;



} */



.gallery-row .img-col .galy-content a:hover {



    background-color: #fff;



    color: #d05807;



}







.gallery-row .img-col .galy-content a i {



    margin-left: 10px;



}







.gallery-row .gel-text {



    position: absolute;



    width: 100%;



    top: 50%;



    left: 50%;



    transform: translate(-50%, -50%);



}







.img-gallery .gall-sec-deg {



    position: absolute;



    right: 0;



    bottom: -150px;



    z-index: -1;



}







.great-pride {



    margin-top: 140px;



}







.great-pride h2 {



    text-align: center;



    margin-top: 15px;



}







.great-pride .great-col-1 {



    width: 18.8%;



}







.great-col-1 .great-col-img {



    max-width: 42.8%;



    margin: 0 0 0 auto;



}







.great-col-1 .great-col-img-l {



    max-width: 42.8%;



    margin: 0 auto 0 0;



}







.great-pride .great-pride-row {



    margin-top: 30px;



    justify-content: space-evenly;



    position: relative;



}







.great-pride .great-pride-row::before {



    content: " ";



    position: absolute;



    width: 1px;



    background-color: #d05806;



    opacity: 0.14;



    height: 240px;



    left: 50%;



    transform: translateX(-50%);



    bottom: 0;



}







.great-pride .great-col-1 h2 {



    font-size: 40px;



    line-height: 48px;



    margin: 35px 0 30px;



}







.great-pride .great-col-1 .grrat-text-r {



    font-size: 16px;



    line-height: 29px;



    color: #ffffff;



    font-weight: 400;



}







.great-pride .great-col-bg-img {



    width: 55.7%;



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center;



    position: relative;



}







.great-pride .great-col-bg-img .poo-8-img {



    position: absolute;



    left: 50%;



    top: 50%;



    max-width: 26.46%;



    margin: 0 auto;



    transform: translate(-50%, -50%);



}







.great-pride .great-col-bg-img .poo-8-img img {



    width: 100%;



}







.some-everyone {



    margin-top: 165px;







}







.some-everyone .some-everyone-row {



    position: relative;



    border-radius: 20px;



    width: 100%;



    padding: 70px 0;



}







.some-everyone .some-everyone-row::before {



    content: " ";



    position: absolute;



    opacity: 0.65;



    background-color: #231d16;



    width: 100%;



    top: 0;



    height: 100%;



    z-index: 2;



    left: 0;



}







.some-everyone-row .some-everyone-bg-img {



    position: absolute;



    left: 0;



    top: 0;



    width: 76.92%;



    height: 100%;



    border-radius: 20px;



    object-fit: cover;



    overflow: hidden;



}







.some-everyone-row .some-everyone-bg-img img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}







.some-everyone-row .some-everyone-content {



    width: 36.15%;



    position: relative;



    z-index: 50;



    margin-left: 6.5%;



}







.some-everyone-row .some-everyone-content h6 {



    text-align: left;



}







.some-everyone-row .some-everyone-content h2 {



    margin: 15px 0 35px;



}







.some-everyone-row .som-ever-img {



    position: absolute;



    width: 43%;



    padding-bottom: 29.25%;



    z-index: 5;



    right: 0;



    top: -54px;



    border-radius: 19px;



    overflow: hidden;



}







.some-everyone-row .som-ever-img img {



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    object-fit: cover;



}







.some-everyone-row .some-everyone-btn i {



    margin-left: 10px;



}











.latest-blog {



    margin-top: 100px;



    overflow: hidden;



}







.latest-blog h2 {



    text-align: center;



    margin-top: 15px;



}







.latest-blog-row {



    margin-top: 35px;



    justify-content: space-between



}







.latest-blog-row .latest-blog-post {



    position: relative;



    width: 48.46%;



    border-radius: 10px;



    padding: 30px 30px 35px 40px;



}







.latest-blog-row .latest-blog-post:nth-child(1)::before {



    content: " ";



    position: absolute;



    background: url(../Image/latest-blog-desg.png);



    background-repeat: no-repeat;



    background-size: cover;



    width: 63.50%;



    height: 114.2%;



    left: -25px;



    top: -25px;



    z-index: -1;



}







.latest-blog-row .latest-blog-post:nth-child(2)::before {



    content: " ";



    position: absolute;



    background: url(../Image/latest-blog-desg.png);



    background-repeat: no-repeat;



    background-size: cover;



    width: 63.50%;



    height: 114.2%;



    right: -25px;



    top: -25px;



    z-index: -1;



}







.latest-blog-row .latest-blog-post .l-b-img {



    width: 100%;



    position: absolute;



    height: 100%;



    border-radius: 10px;



    overflow: hidden;



    z-index: -1;



    left: 0;



    top: 0;



}







.latest-blog-row .latest-blog-post .l-b-img img {



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    object-fit: cover;







}







.latest-blog-post .post-date span {



    background: #d05807;



    border-radius: 12px;



    padding: 7px 25px;



    color: #fff;



    position: relative;



    transition: ease-in-out 0.4s;



    z-index: 1;



}







/* .latest-blog-post .post-date{



    background-color: #fff;



    color: #d05807;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



} */







.latest-blog-post .post-date a i {



    margin-right: 10px;



}







.latest-blog-post h3 {



    font-size: 32px;



    line-height: 38px;



    font-weight: 400;



}







.latest-blog-post .l-b-content {



    font-size: 16px;



    line-height: 28px;



    color: #fff;



    margin-top: 156px;



    position: relative;



    z-index: 1;



}







.latest-blog-post .l-b-content p {



    margin: 0;



}







.latest-blog-post .post-layers {



    position: absolute;



    opacity: 0.65;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9999999999999999) 52%, rgba(0, 0, 0, 0.9999999999999999) 100%);



}







.latest-blog-btn {



    text-align: center;



    margin-top: 55px;



}







.latest-blog-btn i {



    margin-left: 10px;



}







.book-now {



 



    position: relative;



}



video#vjs_video_739_html5_api {

    object-fit: cover;
    width: 100%;
    height: 100%;

}



.book-now h2 {



    max-width: 70.3%;



    text-align: center;



    margin: 0 auto;



    margin-top: 15px;



}







.book-now-btn .book-now-bg-img {



    width: 24.38%;



    min-width: 173px;



}







.book-now-btn .book-now-bg-img img {



    width: 100%;



}







.book-now .book-now-btn {



    justify-content: center;



    margin-top: 35px;



    position: relative;



    align-items: center;



}







.book-now .book-now-btn a {



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    background: #d05807;



    border-radius: 30px;



    padding: 32px 85px;



    font-size: 32px;



    transition: ease-in-out 0.4s;



    line-height: 38px;



    font-weight: 600;
    bottom: -70px;


}







.book-now .book-now-btn a:hover {



    background-color: #af4a07;



    color: #fff;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}







.book-now .book-now-btn a i {



    margin-left: 10px;



}







.book-now .book-now-design {



    position: absolute;



    right: 0;



    bottom: -500px;



}







footer {



    background-color: #000;



    margin-top: 100px;



    position: relative;



    padding-top: 90px;



    overflow: hidden;



}







footer .follow {



    width: 27.84%;



}







footer .follow h3 {



    font-size: 32px;



    line-height: 44px;



    font-weight: 500;



}







footer .follow a.follow-insta {



    background-color: #d05807;



    font-size: 16px;



    line-height: 19px;



    font-weight: 600;



    border-radius: 15px;



    padding: 16px 41px;



    margin-top: 35px;



    transition: ease-in-out 0.4s;



}







footer .follow a.follow-insta:hover {



    background-color: #af4a07;



    color: #fff;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}







footer .follow a.follow-insta i {



    margin-left: 10px;







}







footer .f-logo-social {



    width: 20.38%;



}







footer .f-logo-social a.f-logo {



    max-width: 260px;



    margin: 0 auto;



    width: 100%;



}







footer .f-logo-social a.f-logo img {



    width: 100%;



    object-fit: cover;



}







footer .f-logo-social .social-icon {



    justify-content: center;



    margin-top: 25px;


    gap: 25px;



}







/* footer .f-logo-social .social-icon a {



    margin-right: 25px;



} */







footer .f-logo-social .social-icon a:nth-child(3n) {



    margin-right: 0;



}







footer .f-logo-social .social-icon a:hover {



    color: #d05807;



}







footer .address-contect {



    width: 23.69%;



}







footer .address-contect h3 {



    color: #d05807;



    font-size: 20px;



    line-height: 24px;



    font-weight: 500;



    margin-bottom: 5px;



}







footer .address-contect span {



    font-size: 16px;



    line-height: 28px;



    color: #fff;







}







footer .address-contect .contact {



    display: flex;



    flex-flow: column;



    margin-top: 25px;



}



footer .address-contect .contact a:hover{



    color: #af4a07;



}



footer .footer-row {



    justify-content: space-between;



    align-items: center;



    padding-bottom: 90px;



    border-bottom: 1px solid #fff;



}







footer .copy-right {



    text-align: center;



    padding: 30px 0;



}







footer .copy-right p {



    color: #fff;



    letter-spacing: 1px;



}







footer .copy-right a {



    color: #d05807;



}







footer .f-design-l,



footer .f-design-r {



    position: absolute;



    width: 26%;



    top: 370px;



}







footer .f-design-l img,



footer .f-design-r img {



    width: 100%;



}







footer .f-design-l {



    left: 0;



}







footer .f-design-r {



    right: 0;



}















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







    .sec-design {



        top: -420px;



        width: 300px;



    }







    .daily-basis a h2 {



        font-size: 43px;



    }







    .blog-section h2 {



        font-size: 45px;



    }







    .blog-section .blog-title {



        font-size: 35px;



    }







    .great-pride .great-col-1 h2 {



        font-size: 33px;



    }







    .book-now .book-now-btn a {



        padding: 21px 70px;



    }







    footer .follow h3 {



        font-size: 29px;



    }







    .gallery-row .img-col .galy-content h2 {



        font-size: 40px;



        line-height: 50px;



    }







    .daily-basis .daily-box .daily-line-right,



    .daily-basis .last-box .daily-line-right {



        right: 45px;



    }







    .daily-basis .daily-box .daily-line,



    .daily-basis .last-box .daily-line {



        left: 45px;



    }







    .daily-basis .tuesday-box a h2 {



        font-size: 56px;



    }







    .daily-basis .tuesday-box a .tu-right {



        right: 5%;



    }







    .daily-basis .tuesday-box a .tu-left {



        left: 5%;



    }







    .left-nav .nav-item {



        margin-left: 10px;



    }



}







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



    h1 {



        font-size: 63px;



    }







    .sec-design {



        top: -450px;



    }







    .daily-basis a h2 {



        font-size: 40px;



    }







    .right-nav .nav-item .nav-link {

        

        padding-right: 28px;



    }







    .right-nav .nav-item .nav-link:before {



        right: 12px;



    }







    .blog-section .blog-title {



        font-size: 33px;



    }







    .great-pride .great-col-1 h2 {



        font-size: 30px;



    }







    .some-everyone-row .some-everyone-content h2 {



        font-size: 43px;



    }







    .latest-blog-post h3 {



        font-size: 29px;



    }







    .book-now h2 {



        font-size: 45px;



    }







    footer .follow h3 {



        font-size: 25px;



    }







    .gallery-row .img-col .galy-content h2 {



        font-size: 36px;



        line-height: 45px;



    }







    /* .smokis-logo .smokis-img {



        margin-top: -100px;



    } */







}







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



    h1 {



        font-size: 60px;



    }







    .blog-section .blog-title {



        font-size: 32px;



    }







    .great-pride .great-col-1 h2 {



        font-size: 29px;



    }







    .some-everyone-row .som-ever-img {



        top: -28px;



    }







    .openmenu .s2:nth-child(1) {



        transform: rotate(135deg);



        top: 4px;



        left: 11px;



        background-color: #d05807;



    }







    .openmenu .s2:nth-child(2) {



        transform: rotate(45deg);



        background-color: #d05807;







    }







    .openmenu .s2:nth-child(3) {



        display: none;







    }







    .book-now h2 {



        font-size: 43px;



    }







    /* .smokis-logo .smokis-img {



        margin-top: -90px;



    } */







    .nav-btn a {



        /* width: 150px; */



    }







    .right-nav .nav-item .nav-link {


        font-size: 14px;
        padding-right: 28px;



    }







    .right-nav .nav-item .nav-link:before {



        right: -4px;



    }



}





@media (max-width : 1170px){
    .right-nav .nav-item .nav-link{
        font-size: 12px;
        /* padding-right: 11px; */

    }
    .right-nav .nav-item .nav-link {
        padding-right: 22px
    }
    .right-nav .nav-item .nav-link:before {
        right: -4px;
        top: 50%;
    }
}

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

    .right-nav .nav-item .nav-link:before {



        display: none;



    }



    .right-nav .nav-item .nav-link {



        padding-right: 0;

    }







    .right-nav .nav-item {



        margin: 0;



    }







    .menu-c-icon {



        display: none;



    }







    .menu-show ul.navbar-nav {



        align-items: center;



        margin-right: 0px;



        margin-top: 0px;



    }



    .navbar {
        background-color: black;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        margin: 0px;
    }



    .menu-show {

        background: #000;
        opacity: 1;
        padding-bottom: 30px;
        position: fixed;
        width: 100%;
        left: 0;
        height: 100%;
        top: 100px;


    }







    .nav-item a .s1:nth-child(2) {



        right: 5px;



    }







    .left-nav .nav-item {



        margin: 0px;



    }







    .right-nav .nav-item {



        margin: 5px;



    }







    .navbar-toggler:focus {



        box-shadow: none;



        border: 0;



    }







    .hero-row button.slick-prev.slick-arrow::before,



    .hero-row button.slick-next.slick-arrow::before {



        width: 50px;



        height: 50px;



    }







    .hero-content {



        max-width: 65%;



    }







    .daily-basis h2 {



        max-width: 100%;



    }







    .daily-basis .daily-box,



    .daily-basis .last-box {



        width: 100%;



    }







    .daily-basis-row {



        flex-wrap: wrap;



    }







    .daily-basis .tuesday-box {



        width: 100%;



    }







    .daily-basis .daily-box .daily-line-right,



    .daily-basis .last-box .daily-line-right {



        right: 15%;



    }







    .daily-basis .daily-box .daily-line,



    .daily-basis .last-box .daily-line {



        left: 15%;



    }







    .daily-basis .tuesday-box a .tu-left {



        left: 10%;



    }







    .daily-basis .tuesday-box a .tu-right {



        right: 10%;



    }







    .daily-basis .tuesday-box {



        margin: 40px 0;



    }







    .blog-section h2,



    .blog-section .blog-sec-content {



        max-width: 100%;



    }







    .blog-section .blog {



        width: 47%;



        margin-bottom: 30px;



    }







    .blog-section .blog-box-row .blog:nth-child(2n) {



        margin-top: 0;



    }







    .blog-section .blog-1::before {



        height: 30%;



    }







    .gallery-row .img-col .galy-content a {



        margin-top: 20px;



        padding: 10px 25px;



    }







    .gallery-row .img-col .galy-content h2 {



        font-size: 30px;



        line-height: 40px;



        margin-top: 10px;



        max-width: 90%;



    }







    .great-pride .great-col-bg-img {



        width: 45%;



    }







    .great-pride .great-col-1 {



        width: 25.8%;



    }







    .some-everyone-row .som-ever-img {



        top: -10px;



    }







    .some-everyone-row .some-everyone-content {



        width: 50%;



    }







    .some-everyone-row .some-everyone-content h2 {



        font-size: 35px;



    }







    .latest-blog-row .latest-blog-post {



        width: 90%;



        margin-bottom: 50px;



    }







    .latest-blog-row {



        justify-content: center;



    }







    .book-errow img {



        width: 35px;



    }







    .book-now h2 {



        font-size: 47px;



    }







    .book-now h2 {



        max-width: 100%;



    }







    .book-now .book-now-btn a {



        padding: 15px 30px;



        font-size: 25px;



    }







    footer .follow {



        width: 31.84%;



    }







    footer .f-logo-social {



        width: 25.38%;



    }







    footer .follow a.follow-insta {



        padding: 13px 30px;



    }







    footer .follow h3 {



        font-size: 21px;



    }







    footer .footer-row {



        align-items: start;



    }







    footer .f-design-l,



    footer .f-design-r {



        top: 410px;



    }







    .menu-top-icon:hover .s2 {



        border-color: #d05807;



    }



}







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



    h1 {



        font-size: 45px;



        line-height: 60px;



    }







    .sec-design {



        top: -390px;



        width: 250px;



    }







    .hero-content {



        max-width: 78%;



    }





/* 

    .smokis-logo .smokis-img {



        margin-top: -114px;



    } */







    .hero-row button.slick-prev {



        left: 15px;



    }







    .hero-row .hero-slider-prev::before,



    .hero-row .hero-slider-next::before,



    .blog-section .blog-1::before,



    .blog-section .blog-box-row .blog:nth-child(3) .blog-img::before {



        width: 40px;



        height: 40px;



    }







    .hero-row button.slick-next {



        right: 15px;



    }







    .blog-section .blog .blog-img {



        padding-bottom: 100%;







    }







    .daily-basis .last-box a:before,



    .daily-basis .daily-box a::before {



        display: none;



    }







    .blog-section .blog {



        width: 100%;







    }







    .gallery-row .img-col .g-i-1 {



        padding-bottom: 70.8%;



        width: 49%;



    }







    .gallery-row .img-col .g-i-2 {



        width: 23%;



    }







    .gallery-row .img-col {



        width: 100%;



        margin-right: 0;



        display: flex;



        justify-content: space-between;



    }







    .gallery-row .img-col .galy-content {



        padding-bottom: 60%;



        width: 50%;



    }







    .great-pride .great-col-1,



    .great-pride .great-col-1 h2 {



        text-align: left !important;



    }







    .great-col-1 .great-col-img {



        margin: 0;



    }







    .great-pride .great-col-1 {



        width: 47% !important;



        margin-bottom: 30px;



    }







    .great-pride .great-pride-row::before {



        opacity: 0;



    }







    .img-gallery .gall-sec-deg {



        width: 40%;



        bottom: -84px;



    }







    .img-gallery .gall-sec-deg img {



        width: 100%;



    }







    .great-pride .great-col-bg-img {



        height: 130px;



        display: none;



    }







    .great-pride .great-col-1 h2 {



        margin: 20px 0 20px;



    }







    .book-now h2 {



        font-size: 40px;



    }







    .book-now .book-now-btn a {



        padding: 12px 40px;



        font-size: 20px;



        border-radius: 15px;



    }







    footer .f-logo-social {



        width: 35.38%;



    }







    footer .follow {



        width: 51.84%;



    }







    footer .address-contect {



        width: 40.69%;



        margin-top: 30px;



    }







    footer .f-design-l,



    footer .f-design-r {



        top: 610px;



    }







    .book-now .book-now-design {



        bottom: -540px;



    }







    .daily-basis .daily-box .daily-line-right,



    .daily-basis .last-box .daily-line-right {



        right: 10%;



    }







    .daily-basis .daily-box .daily-line,



    .daily-basis .last-box .daily-line {



        left: 10%;



    }







    .blog-section .blog-box-row .blog:nth-child(2n) .blog-img img {



        object-fit: cover;



    }







    .blog-section .blog .blog-img {



        padding-bottom: 70%;



    }







    .some-everyone-row .som-ever-img {



        left: 6.5%;



        position: relative;



        width: 70%;



        margin-top: 50px;



    }







    .some-everyone-row .some-everyone-content {



        width: 70%;



    }







    .some-everyone-row .som-ever-img img {



        width: 100%;



    }







    .some-everyone-row .some-everyone-bg-img {



        width: 100%;



    }







    .card-body {



        text-align: center;



    }







    .daily-basis .tuesday-box {



        margin-top: 0;



    }







    .daily-basis-row .slick-slide {



        margin: 0 20px;



    }







    .slick-list {



        margin: 0 -20px;



    }







    .blog-box-row .slick-slide {



        margin: 0 20px;



    }







    .blog-section .blog-1::before {



        display: none;



    }







    .blog-section .card-body a.btn-all-a {



        display: inline-flex;



        align-items: center;



    }











    .slick-arrow {



        font-size: 0;



    }







    .slick-arrow {



        font-size: 0px;



        position: absolute;



        /* top: 50%; */



        bottom: 0;



        /* width: 50px;



        height: 50px; */



        background: transparent;



        opacity: 0.7;



        /* transform: translateY(-50%); */



        display: flex;



        border-radius: 100%;



        align-items: center;



        justify-content: center;



        z-index: 5;



    }







    .daily-basis-row .slick-prev::before,



    .blog-box-row .slick-prev::before,



    .daily-basis-row .slick-next::before,



    .blog-box-row .slick-next::before {







        content: " ";



        position: absolute;



        width: 16px;



        height: 16px;



        border: 3px solid #ffffff;



        rotate: 45deg;



        border-radius: 2px;



        z-index: 5;







    }







    .daily-basis-row .slick-prev::before,



    .blog-box-row .slick-prev::before {



        border-right: 0;

        border-top: 0;

        left: -14px;

        top: -9px;



    }







    .daily-basis-row .slick-next::before,



    .blog-box-row .slick-next::before {



        border-left: 0;



        border-bottom: 0;



        right: 16px;



    }







    .daily-basis-row .slick-next,



    .blog-box-row .slick-next {



        right: 28%;



    }







    .daily-basis-row .slick-prev:hover::before,



    .blog-box-row .slick-prev:hover::before,



    .daily-basis-row .slick-next:hover::before,



    .blog-box-row .slick-next:hover::before {



        border-color: #d05807;







    }











    .daily-basis-row .slick-prev,



    .blog-box-row .slick-prev {



        left: 28%;



    }







    .daily-basis-row .tm-dots-list li,



    .blog-box-row .tm-dots-list li {



        display: inline;



        margin-right: 15px;



    }







    .daily-basis-row .tm-dots-list li:nth-child(3),



    .blog-box-row .tm-dots-list li:nth-child(3) {



        margin-right: 0;



    }







    .daily-basis-row .tm-dots-list li button,



    .blog-box-row .tm-dots-list li button {



        background: transparent;



        width: 30px;



        height: 30px;



        border-radius: 100%;



        color: #fff;



    }







    .tm-dots-list li.slick-active button {



        background-color: #af4a07;







    }







    .daily-basis-row .tm-dots-list,



    .blog-box-row .tm-dots-list {



        text-align: center;



        margin: 0 auto;



    }







    .book-errow img {



        width: 25px;



    }







}







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







    .hero-row button.slick-prev.slick-arrow::before,



    .hero-row button.slick-next.slick-arrow::before {



        width: 40px;



        height: 40px;



    }







    h1 {



        font-size: 32px;



        line-height: 50px;



    }







    .hero-content {



        max-width: 90%;



    }







    .sec-design {



        top: -352px;



    }







    .hero-subtitle h5 {



        font-size: 18px;



        letter-spacing: 4px;



    }







    .blog-section .blog {



        text-align: center;



    }







    .hero-row button.slick-prev {



        left: -5px;



    }







    .hero-row button.slick-next {



        right: -5px;



    }







    .smokis-logo .smokis-img {



        margin-top: -55px;



        max-width: 34.6%;



    }



    .hero-row .slick-arrow{



        width: 50px;



        height: 50px;



    }



    .daily-basis h2 {



        font-size: 30px;



        line-height: 40px;



    }







    .daily-basis a h2,



    .blog-section h2,



    .great-pride h2,



    .latest-blog h2,



    .book-now h2 {



        font-size: 30px;



        line-height: 45px;



    }







    .daily-basis .tuesday-box a .p-l h3 {



        font-size: 25px;



    }







    .daily-basis .tuesday-box a .p-l h4 {



        font-size: 15px;



        line-height: 20px;



    }







    .daily-basis .sub-title h5 {



        font-size: 18px;



        letter-spacing: 2px;



        line-height: 25px;



    }







    .blog-section .blog-sec-content {



        font-size: 14px;



        line-height: 25px;



        margin-top: 20px;



    }







    .blog-section .blog-box-row {



        margin-top: 70px;



    }







    .blog-section .blog-title {



        font-size: 26px;



        margin: 20px 0;



    }







    .blog-section .blog-text {



        font-size: 14px;



        line-height: 25px;



        margin-bottom: 20px;



    }







    .gallery-row .img-col .galy-content h2 {



        font-size: 25px;



    }







    .great-pride .great-col-1 {



        width: 100% !important;



        display: flex;



        flex-flow: column;



        justify-content: center;



        align-items: center;



        text-align: center !important;



    }







    .some-everyone-row .some-everyone-content {



        width: 100%;



        text-align: center;



    }







    .some-everyone-row .some-everyone-content h6 {



        text-align: center;



    }







    .some-everyone-row .som-ever-img {



        width: 95%;



        left: 50%;



        padding-bottom: 56%;



        transform: translateX(-50%);



    }







    .some-everyone .some-everyone-row {



        padding: 40px 0;



    }







    .latest-blog {



        margin-top: 50px;



    }







    .latest-blog-post h3 {



        font-size: 23px;



        line-height: 30px;



    }







    .latest-blog-post .l-b-content p {



        font-size: 14px;



        line-height: 22px;



    }







    .btn-all a {



        padding: 7px 30px;



    }







    .gallery-row .img-col .galy-content a {



        padding: 7px 20px;



    }







    .latest-blog-post .post-date a {



        padding: 2px 18px;



        font-size: 13px;



    }







    .book-now {



        margin-top: 70px;



    }







    .book-now-btn .book-now-bg-img {



        width: 25.38%;



        min-width: 121px;



    }







    .book-now .book-now-btn a {



        padding: 7px 20px;



        font-size: 16px;



    }







    footer .follow {



        width: 100%;



        text-align: center;



    }







    footer .follow a.follow-insta {



        padding: 10px 20px;



        margin-top: 20px;



    }







    footer .f-logo-social {



        width: 64.38%;



        margin-top: 35px;



    }







    footer .f-logo-social .social-icon {



        justify-content: center;



    }







    .d-lg-none img {



        max-width: 180px;



    }







    footer .footer-row {



        justify-content: center;



        align-items: center;



        padding-bottom: 50px;



    }







    footer {



        padding-top: 50px;



    }







    footer .address-contect {



        width: 100%;



        text-align: center;







    }







    footer .f-design-l,



    footer .f-design-r {



        max-width: 4%;



    }







    footer .f-design-r {



        top: 640px;



    }











    footer .f-design-l {



        bottom: -500px;



    }







    .some-everyone,



    .img-gallery {



        margin-top: 50px;



    }







    .great-col-1 .great-col-img-l {



        margin: 0;



    }







    .daily-basis-row .slick-prev,



    .blog-box-row .slick-prev {



        left: 20%;



    }







    .daily-basis-row .slick-next,



    .blog-box-row .slick-next {



        right: 20%;



    }







    .gallery-row .img-col .galy-content h2 {



        font-size: 17px;



        line-height: 25px;



    }







    .gel-text h6 {



        font-size: 14px;



        letter-spacing: 1px;



    }







    .gallery-row .img-col .galy-content a {







        padding: 8px 20px;



        font-size: 14px;



        line-height: 20px;



    }



    .hero-row .hero-slider-prev::before,



    .hero-row .hero-slider-next::before {



        width: 20px;



        height: 20px;



    }



    .hero-sec{



        padding: 275px 0;



    }







}







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



    .book-now-btn .book-now-bg-img {



        width: 28.38%;



    }



}







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



    h1 {



        font-size: 27px;



        line-height: 50px;



    }







    .sec-design {



        top: -309px;



        width: 200px;



    }







    .hero-subtitle h5 {



        font-size: 15px;



    }







    .hero-row button.slick-prev.slick-arrow::before,



    .hero-row button.slick-next.slick-arrow::before {



        width: 30px;



        height: 30px;



    }







    .smokis-logo .smokis-img {



        margin-top: -52px;



        max-width: 50.6%;



    }







    .navbar-brand {



        max-width: 140px !important;



    }







    .navbar-brand img {



        width: 100%;



    }







    .daily-basis h2 {



        font-size: 22px;



        line-height: 33px;



    }







    .daily-basis a h2,



    .blog-section h2,



    .great-pride h2,



    .latest-blog h2,



    .book-now h2 {



        font-size: 20px;



        line-height: 30px;



    }







    .daily-basis .tuesday-box a .contant h5 {



        font-size: 12px;



    }







    .daily-basis .tuesday-box a .p-l h3 {



        font-size: 16px;



        line-height: 30px;



    }







    .daily-basis .daily-box h5,



    .daily-basis .last-box h5 {



        font-size: 15px;



        line-height: 30px;



    }







    .daily-basis .sub-title h5 {



        font-size: 13px;



    }







    .blog-section .blog-title {



        font-size: 20px;



        margin: 13px 0;



    }







    .blog-section .blog-text {



        font-size: 12px;



        line-height: 20px;



        margin-bottom: 15px;



    }







    .blog-section .card-body a.btn-all-a {



        font-size: 12px;



        padding: 7px 20px;



    }







    .gallery-row .img-col .galy-content h2 {



        font-size: 18px;



    }







    .gallery-row .img-col .galy-content a {



        padding: 7px 18px;



        font-size: 12px;



    }







    .img-gallery .gall-sec-deg {



        bottom: -58px;



        width: 40%;



    }







    .img-gallery .gall-sec-deg img {



        width: 100%;







    }







    .great-pride {



        margin-top: 50px;



    }







    .line-des {



        height: 40px;



    }







    .great-pride .great-col-1 h2 {



        margin: 10px 0 10px;



        font-size: 18px;



    }







    .great-pride .great-col-1 .grrat-text-r {



        font-size: 14px;



        line-height: 25px;



    }







    .some-everyone-row .some-everyone-content h2 {



        font-size: 25px;



        line-height: 35px;



    }







    .latest-blog-post h3 {



        font-size: 18px;



        line-height: 28px;



    }







    .latest-blog-post .l-b-content p {



        font-size: 13px;



        line-height: 20px;



    }







    .latest-blog-btn {



        margin-top: 20px;



    }







    .book-now .book-now-btn a {



        padding: 10px 17px;



        font-size: 14px;



        line-height: 20px;



    }







    .book-now-btn .book-now-bg-img {



        width: 27.50%;



        min-width: 106px;



    }







    .book-now .book-now-design {



        bottom: -580px;



    }







    footer {



        padding-top: 50px;



    }







    footer .follow h3 {



        font-size: 18px;



    }







    footer .follow a.follow-insta {



        padding: 10px 15px;



        font-size: 14px;



    }







    footer .address-contect span {



        font-size: 14px;



    }







    footer .address-contect .contact a {



        font-size: 14px;



    }







    .daily-basis-row .slick-prev,



    .blog-box-row .slick-prev {



        left: 15%;



    }







    .daily-basis-row .slick-next,



    .blog-box-row .slick-next {



        right: 15%;



    }



    .book-errow {



        margin-left: 5px;



    }



}























.contact-banner{  overflow: hidden; width: 100%; display: flex; position: relative; align-items: center; justify-content: center; min-height: 75vh; background: #000; }



.contact-banner .inner-banner{ position: absolute; left: 0; top: 0; width: 100%; display: flex; opacity: 0.3; background-position: center center; background-size: cover; background-repeat: no-repeat;  height: 75vh ; z-index: 1; align-items: center; justify-content: center }



.inner-banner-mn{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



.contact-banner .wrapper{ z-index: 2; position: relative;  }



.contact-banner h1{ padding: 7  0px 0 0 0; text-align: center; }



.pb-96{ padding-bottom: 96px; }



.pt-96{ padding-top: 96px;  }



.py-96{ padding-top: 96px; padding-bottom: 96px; }







.pb-64{ padding-bottom: 64px; }



.pt-64{ padding-top: 64px;  }



.py-64{ padding-top: 64px; padding-bottom: 64px; }



.ct-box{ border-top: rgba(255, 255, 255, 0.2) solid 1px; padding: 30px 0; }



.ct-box h6{ text-transform: capitalize; text-align: left; padding: 0 0 20px; font-size: 20px; font-family: "Prata", serif; font-weight: 500; }



.ct-box p{color: #fff; }



.ct-box p a{color: #fff; }



.ct-box p a:hover{ opacity: 0.5; }



.social-icon{ display: flex; align-items: center; gap: 16px;}



.social-icon a{ font-size: 20px;}



.ct-box + .ct-box{ padding-top: 0;  border: 0 }



.ct-box.address p{ text-transform: uppercase; letter-spacing: 1px; }



.contact-form .input-box{ padding: 8px 0; display: block; width: 100%;}



.contact-form .input-box .input-text { border: rgba(255, 255, 255, 1) solid 1px; border-radius: 3px; color: #fff; height: 52px; padding: 10px 16px; font-size: 18px;  padding: 0 22px; background: none;  width: 100%;  outline: none;  transition: all 0.3s ease-in-out;    }



.contact-form .input-box .input-text:focus{ color: #fff; border-color: #fff; }



.contact-form .input-box .input-text::placeholder{ color: #fff; border-color: #fff; }



.contact-form .input-box textarea.input-text{  height: 300px; resize: none; padding-top: 16px;  }







.contact-form .input-box button {



    border-radius: 15px;



    background-color: #d05807;



    text-align: center;



    padding: 10px 36px;



    display: inline-flex;



    align-items: center;



    color: #ffffff;



    outline: none;



    text-decoration: none !important;



    cursor: pointer;



    vertical-align: middle;



    max-width: 100% !important;



    white-space: normal !important;



    display: inline-block;



    font-size: 18px;



    font-weight: 500;



    transition: ease-in-out 0.4s;



    text-transform: uppercase;



}







.contact-form .input-box button:hover {



    background-color: #af4a07;



    color: #fff;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}











.ct-title{ padding: 0 0 30px; line-height: 1.2; font-family: "Prata", serif; font-size: 40px;   display: block; color: #fff;    }



.ct-title span{   font-family: 'Quentin';  display: block; color: #d05806;}



.ct-title i{ font-style: normal; color: #d05806;}



.bradecumb{ display: block; padding: 20px 0 0 0; }



.bradecumb ul{ display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; } 



.bradecumb ul li{ display: flex; align-items: center;}



.bradecumb ul li a{ font-weight: 400; text-transform: capitalize; color: #fff; font-size: 16px; line-height: 1.3;}



/* .bradecumb ul li + li::before{ content: '/'; padding: 0 5px;  font-weight: 400; text-transform: uppercase; color: #fff;} */

.bradecumb ul li:not(:last-of-type)::after { content: "/";  position: relative;  top: 0px;  margin-left: 3px;  margin-right: 3px;  color: #fff;}





.welcome-text{ width: 90%;}



.welcome-text h2{  font-size: 36px; }



.welcome-text h2::after{ content: '✦';color: #d05806; display: block;   }



.welcome-text p{  font-size: 18px; color: #fff; }



 



.welcome-img-block img{ filter: grayscale(50%); width: 100%; height: auto;}



.welcome-img-block .col-md-6  + .col-md-6{ padding-top: 100px; }



.welcome-section > .row{align-items: center; }







.about-row{ padding: 96px 120px 0; }



.about-row .row{ align-items: center; }



.about-data-box{ width: 90%;  }



.about-data-box h4{ padding: 24px 0px;   font-family: "Prata", serif; color: #d05806; font-weight: bold;   }



.about-data-box p{ color: #fff; font-size: 16px;  }



.about-row-img{ width: 100%; display: block; border: rgba(208, 88, 6, 0.5) solid 1px; padding: 10px;  }



.about-row-img img{ width: 100%;}



.about-row:nth-child(2n + 0) .row{ flex-direction: row-reverse;}



.about-row:nth-child(2n + 0) .about-data-box{ width: 100%; padding-left: 10%;  }



.tagline-text{ width: 100%;  text-align: center; padding: 64px 0 0 0;}



.tagline-text p{ font-size: 18px; color: #fff; }



.tagline-text p span{ font-family: "Prata", serif; color: #d05806;}



.about-section-1 { border-bottom: rgba(255, 255, 255, 0.2) solid 1px; }







.text-fade {



    opacity: 0;



    -webkit-transform: translateY(2rem);



    transform: translateY(2rem);



    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;



    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;



    -webkit-transition-property: opacity,-webkit-transform;



    transition-property: opacity,-webkit-transform;



    transition-property: transform,opacity;



    transition-property: transform,opacity,-webkit-transform;



}



.text-fade.animated {



    opacity: 1;



    -webkit-transform: none!important;



    transform: none!important;



}



.text-fade-2 {



    opacity: 0;



    -webkit-transform: translateY(0rem);



    transform: translateY(0rem);



    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;



    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;



    -webkit-transition-property: opacity,-webkit-transform;



    transition-property: opacity,-webkit-transform;



    transition-property: transform,opacity;



    transition-property: transform,opacity,-webkit-transform;



}



.text-fade-2.animated {



    opacity: 1;



    -webkit-transform: none!important;



    transform: none!important;



}



.text-fade-img{



	-webkit-transition: opacity .3s,-webkit-transform 1.8s cubic-bezier(.23,1,.32,1);



    transition: opacity .3s,-webkit-transform 1.8s cubic-bezier(.23,1,.32,1);



    transition: opacity .3s,transform 1.8s cubic-bezier(.23,1,.32,1);



    transition: opacity .3s,transform 1.8s cubic-bezier(.23,1,.32,1),-webkit-transform 1.8s cubic-bezier(.23,1,.32,1);



	opacity: 0;



    -webkit-transform: scale3d(1.05,1.05,1.05);



    transform: scale3d(1.07,1.07,1.07);



/*	transition-delay: 0.4s; */



}







.text-fade-img.animated {



    opacity: 1;



    -webkit-transform: scale3d(1,1,1);



    transform: scale3d(1,1,1);



}











 



 



.ct-map{display: flex; align-items: center; justify-content: center; }



.ct-map iframe{ width: 100%; display: flex; filter: grayscale(100);  }



.gallery-tab-block .nav-tabs{ gap: 20px; border-bottom: rgba(255, 255, 255, 0.2) solid 1px; padding:30px 15px; display: flex; align-items: center; justify-content: center;  }



.gallery-tab-block .nav-tabs .nav-item .nav-link{ font-weight: bold; border:#fff solid  1px !important; font-size: 18px; color:#fff ; background:none;;  border-radius: 8px; opacity: 0.4; transition: all 0.3s ease-in-out; padding: 8px 24px;   }



.gallery-tab-block .nav-tabs .nav-item .nav-link.active{ opacity: 1; background: #fff; color: #d05806;   }















.menu-row ul li { display: flex ; justify-content: space-between;}



.menu-row ul.thead li {  color: #d05806;  font-weight: bold; font-size: 24px;     font-family: "Prata", serif; }

.menu-row ul.theads li {  color: #d05806;  font-weight: bold; font-size: 24px;     font-family: "Prata", serif; padding-top: 15px;}



.menu-row ul.tbody{ padding: 24px 0; }



.menu-row ul.tbody li{ color: #fff; font-size: 14px; } 



.menu-row ul.tbody li + li{ padding: 5px 0 0 0; }







.menu-row + .menu-row{ margin-top: 48px; }



.menu-block-main .row{ margin: 0 -32px; }



.menu-block-main .row .col-md-6{ padding: 0 32px ; }







.events-row-main{ display: block; width: 100%; }



.events-title h3 { position: relative; background:#d05806 ; font-size: 26px; border-radius: 10px;padding: 16px 40px;}



.events-title h3 span{color: #fff;  }



.events-title{ display: flex; align-items: center; justify-content: center; padding: 20px; border-radius:0px;  /*background: rgb(208 88 7 / 20%);*/    }



.events-title h3::before,



.events-title h3::after{ position: absolute; content: ''; width: 136px; background: url(../images/left-bg.png) no-repeat center right;  left: 100%; top: 0; height: 100%;  right: 100%; left: auto;  background-size: contain; margin: 0 -1px 0 0;}



.events-title h3::before{ right:0; left:100%; margin: 0 0 0 -1px; background: url(../images/right-bg.png) no-repeat center left; background-size: auto 100%;  }



.events-listing-row{ padding: 48px 0 0 0; }



.events-row{ transition: all 0.3s ease-in-out; display: flex; border-radius: 8px; border:rgba(255, 255, 255, 0.1) solid 1px ; overflow: hidden; align-items: flex-start; width: 100%; background: rgba(255, 255, 255, 0.05); padding: 10px;   }



.events-row .img{ width: 300px; display: flex;}



.events-row .img span{ background: #000; width: 100%; display: flex; align-items: center; }



.events-row .img span img{ transition: all 0.3s ease-in-out; height: 240px; object-fit: cover; width: 100%;}



.events-row + .events-row{  margin-top: 24px; }



.events-row .events-row-inner  {width: calc(100% - 300px); padding: 32px 0 32px 32px;}



.events-row .events-row-inner h4{color: #d05806;  font-weight: bold; font-size: 20px; font-family: "Prata", serif; }

.events-row .events-row-inner h3{font-size: 22px; padding: 10px 0px; line-height: 1.3;}



/* .events-row .events-row-inner  .date{ padding: 10px 0 0 0; font-weight: bold; color: #fff; font-size: 16px;} */



.events-row .events-row-inner .price { color: #d05806; font-weight: bold; color: #fff; font-size: 16px; line-height: 1.5;}



.events-row .events-row-inner .price span{   color: #fff; }



.events-row .events-row-inner .defult-links {  padding: 20px 0 0 0; }



.defult-links {display: flex;}



.defult-links a {



    border-radius: 15px;



    background-color: #d05807;



    text-align: center;



    padding: 8px 20px;



    display: inline-flex;



    align-items: center;



    color: #ffffff;



    outline: none;



    text-decoration: none !important;



    cursor: pointer;



    vertical-align: middle;



    max-width: 100% !important;



    white-space: normal !important;



    display: inline-block;



    font-size: 16px;



    font-weight: 500;



    transition: ease-in-out 0.4s;



    text-transform: uppercase;



}







.defult-links a:hover {



    background-color: #af4a07;



    color: #fff;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}



.events-row:hover{background: rgba(255, 255, 255, 0.1); border:#af4a07 solid 1px ; }



.events-row .img span { position: relative;     }



.events-row  .img span::after{ opacity: 0; transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '' ; background: #000;   }



.events-row:hover  .img span::after{ opacity: 0.5; }



.events-row-main + .events-row-main{ margin-top: 96px; }











.events-listing-row{ display: flex; gap: 30px ; /*align-items: flex-start;*/ flex-wrap: wrap; justify-content: center;}



.events-row{ width: calc(25% - 30px); flex-direction: column;}



.events-row .events-row-inner{ width: 100%; padding:20px 10px; }



.events-row + .events-row{ margin: 0; }



.events-row .events-row-inner h4{ font-size: 18px;}



.events-row .img{ width: 100%;}



.events-section-1{ position: relative; }



  .left-bg-patten { position: absolute; left: 0; top: 0;  pointer-events: none; }



  .right-bg-patten{   position: absolute; right: 0; bottom: 0;  pointer-events: none; }







.menu-section-1{ position: relative; }







.menu-row ul.thead li{ padding: 0 0 16px; border-bottom: dashed 1px #d05806; }



.menu-slider-block{ display: block; width: 100%; position: relative; overflow: hidden;  }



/* .belt-wapper-inner ul{ display: flex; } */


.image-slide .slick-slide > div {
    /* display: block; */
    margin: 0 20px;
}


.marquee {

    white-space: nowrap;

    display: inline-block;

	-webkit-animation: marquee 20s linear infinite;

	animation: marquee 20s linear infinite;

}

@keyframes marquee {
    0% {
      transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);
    }
  }

/* .marquee2 {
	-webkit-animation: marquee2 20s linear infinite;
	animation: marquee2 20s linear infinite;
	position: absolute;
	top: 0
} */






/* 
@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);

		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(-50%);

		transform: translate(-50%)
	}
} */

/* @keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
	to {
		-webkit-transform: translateX(-50%);
		transform: translate(-50%)
	}
} */







/* @-webkit-keyframes marquee2 {

	0% {
		-webkit-transform: translateX(100%);

		transform: translate(100%);

	}
	to {
		-webkit-transform: translateX(0);
		transform: translate(0);
	}
} */


/* @keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}
	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
} */



.belt-wapper-inner{ display: block; width: 100%; position: relative; }



.belt-wapper-inner ul li{ width: 340px; max-width: 340px; min-width: 340px;}



.belt-wapper-inner ul li span img{ height: 320px; object-fit: cover;  width: 100%; border-radius: 10px;   }



 



.menu-section-2  .vdi-block,



.menu-img{ padding: 176.6666% 0 0 0;  position: relative; width: 100%; display: flex; display: block;}



.menu-section-2  .vdi-block video,



.menu-img img{ width: 100%; height: 100%; object-fit: cover;position: absolute; left: 0; top: 0; object-fit: cover;}















.right-nav .nav-item .nav-link{ text-transform: uppercase; }











.food-section-1{ position: relative; }



.eat-box{ border: rgba(255, 255, 255, 0.8) solid 2px; border-radius: 10px; overflow: hidden; position: relative; display: block; width: 100%; }



.eat-box .img{ padding: 150% 0 0 0; background: #000;  position: relative; display: block; width: 100%; }



.eat-box .img img{ transition: all 0.3s ease-in-out; opacity: 0.6; position: absolute; left: 0; top: 0; width: 100%;  height: 100%; object-fit: cover; }



.eat-over-box{ position: absolute; left: 0; bottom: 0 ; width: 100%; padding: 32px 24px; text-align: center;  }



.eat-over-box p{ font-size: 18px; color: #fff;}



.eat-over-box h2{color: #fff; font-family: "Prata", serif;



    font-size: 40px; text-transform: uppercase;}



.food-block-1{ padding: 0 0 100px; }



.food-links {display: flex; align-items: center; justify-content: center;}



.food-links a{ display: flex;font-family: "Prata", serif; align-items: center; height: 48px; border-radius: 8px; color: #fff; text-transform: uppercase; font-weight: bold;  background: #d05806; font-size: 14px; padding: 0 24px; }



.eat-box:hover .img img { opacity: 0.9; }







.daily-box-main{ position: relative; background: #fff; display: block; width: 100%; border: rgba(255, 255, 255, 0.8) solid 2px; overflow: hidden;   border-radius: 10px; }



.daily-box-main .img{  padding: 70% 0 0 0; background: #000;  position: relative; display: block; width: 100%; }



.daily-box-main .img img{ transition: all 0.3s ease-in-out;   position: absolute; left: 0; top: 0; width: 100%;  height: 100%; object-fit: cover; }



.daily-box-main .daily-inner {   text-align: left; display: block; padding: 24px 16px; }



.daily-box-main .daily-inner h4{ padding: 0 0 16px; text-align: left; color:#d05806 ; font-size: 20px; font-family: "Prata", serif; font-weight: bold; }



.daily-box-main .daily-inner  h6{ padding: 0 0 16px; color: #000; text-align: left; font-size: 18px; font-weight: bold; letter-spacing: 0; }



.daily-box-main .daily-inner p{ font-size: 16px;}







.daily-box-main .img label{  position: absolute; z-index: 100; background: #fff; color: #d05806;  font-family: "Prata", serif; font-weight: bold; font-size: 12px; padding: 0 16px;  border-radius: 100px;  line-height: 1;   text-transform: uppercase; height: 38px; display: flex; align-items: center; right: 10px; top: 10px; padding-top: 4px; }



.daily-box-main  .offer{  position: absolute; z-index: 100; background: #d05806; color: #fff;  font-family: "Prata", serif; font-weight: bold; font-size: 12px; padding: 0 16px;  border-radius: 100px;  line-height: 1;   text-transform: uppercase; height: 38px; display: flex; align-items: center; right: 10px; bottom: 10px; padding-top: 4px; }











.offer-box-main{ background: #d05806;   width: 100%; position: relative; overflow: hidden; border-radius: 10px;   }



.offer-box-main .img{  padding: 65% 0 0 0; background: #000;  position: relative; display: block; width: 100%; }



.offer-box-main .img img{ transition: all 0.3s ease-in-out;    position: absolute; left: 0; top: 0; width: 100%;  height: 100%; object-fit: cover; }



.events-listing-row {width: 100%;}



.events-listing-row .row{ width: 100%;}



.offer-box-main .daily-inner{ padding: 20px 20px; text-align: center; }



.offer-box-main .daily-inner h4{ text-align: center; color:#fff ; text-transform: uppercase; font-size: 18px; font-family: "Prata", serif; letter-spacing: 1.2px;  line-height: 1.3; }


.offer-box-main .daily-inner h6{ font-weight: bold; letter-spacing: normal; color: #fff; text-align: center;  }

.offer-box-main .offer{  position: absolute; z-index: 100; background: #fff; color: #d05806;  font-family: "Prata", serif; font-weight: bold; font-size: 12px; padding: 0 16px;  border-radius: 100px;  line-height: 1;   text-transform: uppercase; height: 38px; display: flex; align-items: center; right: 10px; top: 10px; padding-top: 4px; }


.right-nav .nav-item:nth-child(4) .nav-link:before {



    display: block;



}



.right-nav .nav-item:last-child .nav-link:before {



    display: none;



}



























.events-listing-row .row{ width: calc(100% + 30px); margin: 0 -15px !important;}



.events-listing-row .row > *{ padding: 0 15px !important; }



.vdi-block{ width: 100%; display: block; position: relative;}



.menu-img, .vdi-block{ position: relative; position: relative;



    width: 100%;



    display: flex;padding: 176.6666% 0 0 0;



    display: block; }



    .vdi-block video, 



    .menu-img img {



        width: 100%;



        height: 100%;



        object-fit: cover;



        position: absolute;



        left: 0;



        top: 0;



        object-fit: cover;



    }















@media (min-width: 1600px) and (max-width: 1740px) {



	 



}







@media (min-width: 1231px) and (max-width: 1400px) {



    .contact-banner{ min-height: 500px; }



    .welcome-text h2{ font-size: 30px; line-height: 1.5;}



    .welcome-text p{ font-size: 16px;}







    .about-row{ padding: 64px 80px 0; }



    .ct-title{ font-size:32px;}







    .ct-map iframe{  height: 450px; }







    .events-title h3{ font-size: 22px; line-height: 1.5; }



    .events-row .events-row-inner h4{ font-size: 16px;}



    .defult-links a,



    .events-row .events-row-inner .price,



    .events-row .events-row-inner .date{ font-size: 15px;}



    .events-listing-row{ padding: 32px 0 0 0; }



    .events-row-main + .events-row-main{ margin-top: 64px; }



    .events-row .img span img{ height: 230px; }







    .eat-over-box h2{ font-size: 32px;}



    .eat-over-box p{font-size: 16px; }



    .daily-box-main .daily-inner h4{ font-size: 18px;}



    .daily-box-main .daily-inner h6 {font-size: 16px;}



    .daily-box-main .daily-inner p{ font-size: 15px;}







    .offer-box-main .daily-inner h4{ font-size: 16px;}



    .offer-box-main .daily-inner h6{ font-size: 15px;}







    .belt-wapper-inner ul li{ width: 260px; min-width: 260px; padding: 0 5px; }



    .belt-wapper-inner ul li span img{  height: 250px; }







    .gallery-tab-block .nav-tabs .nav-item .nav-link{ font-size: 16px;}

    .heading-content h4{
        font-size: 45px;
    }





}



 



@media (min-width: 992px) and (max-width: 1230px) {



    .contact-banner{ min-height: 500px; }



    .welcome-text h2{ font-size: 30px; line-height: 1.5;}



    .welcome-text p{ font-size: 16px;} 







.pb-96{ padding-bottom:64px; }



.pt-96{ padding-top: 64px;  }



.py-96{ padding-top: 64px; padding-bottom: 64px; }



.pb-64{ padding-bottom: 48px; }



.pt-64{ padding-top: 48px;  }



.py-64{ padding-top: 48px; padding-bottom: 48px; }



.about-row{ padding: 64px 80px 0; }



.ct-title{ font-size:32px;}



.ct-map iframe{  height: 400px; }







.events-title h3{ font-size: 22px; line-height: 1.5; }



    .events-row .events-row-inner h4{ font-size: 16px;}



    .defult-links a,



    .events-row .events-row-inner .price,



    .events-row .events-row-inner .date{ font-size: 15px;}



}



    .events-row-main + .events-row-main{ margin-top: 64px; }



    .events-row .img span img{ height: 200px; }



    .eat-over-box h2{ font-size: 32px;}



    .eat-over-box p{font-size: 15px; }


    .heading-content h4{
        font-size: 34px;
    }

    .content-prg p{font-size: 16px;}

    .event-inner-row .slick-current.slick-center .content-prg p{font-size: 25px;}

    .content-prg h4{font-size: 16px;}




    .daily-box-main .daily-inner h4{ font-size: 18px;}



    .daily-box-main .daily-inner h6 {font-size: 16px;}



    .daily-box-main .daily-inner p{ font-size: 15px; line-height: 1.5; }







    .offer-box-main .daily-inner h4{ font-size: 13px;}



    .offer-box-main .daily-inner h6{ font-size: 15px;}







    .belt-wapper-inner ul li{ width: 210px; min-width: 210px; max-width: 210px; padding: 0 5px; }



    .belt-wapper-inner ul li span img{  height: 200px; }



    .menu-row ul.thead li {font-size: 20px;}



    .menu-row ul.tbody li {font-size: 13px;}







    .gallery-tab-block .nav-tabs .nav-item .nav-link{ font-size: 16px;}



@media (min-width: 768px) and (max-width: 991px) {



    .contact-banner{ min-height: 500px; } 



    .welcome-text h2{ font-size: 30px; line-height: 1.5;}



    .welcome-text p{ font-size: 16px;}



    .pb-96{ padding-bottom:48px; }



    .pt-96{ padding-top: 48px;  }



    .py-96{ padding-top: 48px; padding-bottom: 48px; }



    .pb-64{ padding-bottom: 40px; }



    .pt-64{ padding-top: 40px;  }



    .py-64{ padding-top: 40px; padding-bottom: 40px; }



    .about-row{ padding: 64px 0px 0; }



    .about-data-box p,



    .welcome-text p{ font-size: 15px; line-height: 1.5; }



    .ct-title{ font-size:32px;}



    .contact-block > .row > .col-md-6 {width: 100%;}



    .contact-block > .row > .col-md-6 +  .col-md-6{ border-top: rgba(255, 255, 255, 0.7) solid 1px; padding-top: 40px; }



    .ct-map iframe{  height: 400px; }



    .heading-content h4{
        font-size: 34px;
    }



    .events-title h3{ font-size: 22px; line-height: 1.5; }



    .events-row .events-row-inner h4{ font-size: 16px;}



    .defult-links a,



    .events-row .events-row-inner .price,



    .events-row .events-row-inner .date{ font-size: 15px;}



    .events-listing-row{ gap: 30px; row-gap: 30px; padding: 32px 0 0 0; }



    .events-row-main + .events-row-main{ margin-top: 64px; }



    .events-row .img span img{ height: 200px; }



    .events-row{  width: calc(50% - 15px);}







    .eat-over-box h2{ font-size: 30px;}



    .eat-over-box p{font-size: 15px; }



    .food-block-1 .row{row-gap: 30px; }



    .food-block-1{ padding: 0 0 64px; }



    .food-block-1 .col-md-3{ width: 50%; }


    




    .daily-box-main .daily-inner h4{ font-size: 18px;}



    .daily-box-main .daily-inner h6 {font-size: 16px;}



    .daily-box-main .daily-inner p{ font-size: 15px; line-height: 1.5; }



    .offer-box-main .daily-inner h4{ font-size: 15px;}



    .offer-box-main .daily-inner h6{ font-size: 14px;}



    .offer-box-main .daily-inner{ padding: 20px 0; }







    .belt-wapper-inner ul li{ width: 210px; min-width: 230px !important; max-width: 230px !important; padding: 0 15px !important; }



    .belt-wapper-inner ul li span img{  height: 200px; width: 189px;}



    .menu-row ul.thead li {font-size: 20px;}



    .menu-row ul.tbody li {font-size: 13px;}







    .gallery-tab-block .nav-tabs .nav-item .nav-link{ font-size: 15px;}



}  



@media (max-width: 767px) {



    .contact-banner{ min-height: 75vh; }  



    .welcome-text h2{ font-size: 26px; line-height: 1.5;}



    .about-data-box p,



    .welcome-text p{ font-size: 15px; line-height: 1.5;}







    .pb-96{ padding-bottom:40px; }



    .pt-96{ padding-top: 40px;  }



    .py-96{ padding-top: 40px; padding-bottom: 40px; }



    .pb-64{ padding-bottom: 32px; }



    .pt-64{ padding-top: 32px;  }



    .py-64{ padding-top: 32px; padding-bottom:32px; }



    .welcome-img-block .col-md-6 + .col-md-6{ padding-top: 40px; }



    .welcome-img-block img{ max-height: 350px; width: 100%; object-fit: cover; }



    .welcome-img-block{ padding: 40px 0 0 0; }



    .about-row{ padding: 64px 0px 0; }



    .about-row:nth-child(2n + 0) .about-data-box{ padding: 0; }



    .about-row:nth-child(2n + 0) .about-data-box,



    .about-data-box{ padding: 0 0 30px; }



    .book-now{ margin-top: 40px; padding: 35px 0px !important;}



    .ct-map iframe{  height: 300px; }



    .ct-title{ font-size:30px;}



    .contact-block > .row > .col-md-6 +  .col-md-6{ border-top: rgba(255, 255, 255, 0.7) solid 1px; padding-top: 40px; }











    .events-title h3{ font-size: 18px; padding: 12px 24px;  line-height: 1.5; }



    .events-row .events-row-inner h4{ font-size: 16px;}



    .defult-links a,



    .events-row .events-row-inner .price,



    .events-row .events-row-inner .date{ font-size: 15px;}



    .events-listing-row{ gap: 30px; row-gap: 30px; padding: 32px 0 0 0; }



    .events-row-main + .events-row-main{ margin-top: 64px; }



    .events-row .img span img{ height: auto; }



    .events-row{  width: 100%;}



    .food-block-1 .row{row-gap: 20px; }


    .heading-content h4{
        font-size: 34px;
        max-width: 100%;
        line-height: 50px;
    }

    .event-inner-row .slick-current.slick-center .content-prg p{font-size: 22px;}



    .event-arrows .prev-arrow, .event-arrows .next-arrow{width:30px; height: 30px;}

    .event-inner-row button.slick-arrow::after, .event-arrows .slick-arrow:after{width: 15px; height: 15px;}

    .content-prg h4{font-size: 16px;}








    .daily-box-main .daily-inner h4{ font-size: 18px;}



    .daily-box-main .daily-inner h6 {font-size: 16px;}



    .daily-box-main .daily-inner p{ font-size: 15px; line-height: 1.5; }



    .events-listing-row .row{ row-gap: 20px; }



    .eat-over-box h2{ font-size: 26px;}



    .eat-over-box p{ font-size: 15px;}



    .food-links a{ height: 44px; font-size: 14px; }



    .eat-box .img{ padding: 100% 0 0 0; }







    .offer-box-main .daily-inner h4{ font-size: 15px;}



    .offer-box-main .daily-inner h6{ font-size: 14px;}



    .offer-box-main .daily-inner{ padding: 20px 0; }







    .belt-wapper-inner ul li{ width: 210px; min-width: 230px !important; max-width: 230px !important; padding: 0 15px !important; }



    .belt-wapper-inner ul li span img{  height: 200px; width: 189px;}



    .menu-section-2 .row{row-gap: 20px; }







    .menu-row ul.thead li {font-size: 20px;}



    .menu-row ul.tbody li {font-size: 13px;}







    .gallery-tab-block .nav-tabs .nav-item .nav-link{ padding: 4px 16px; font-size: 14px;}



    .gallery-tab-block .nav-tabs{ gap: 10px;}



    .grid li{ width: 50%;}



}











@media (min-width: 568px) and (max-width: 767px) {



}



@media (min-width: 240px) and (max-width: 567px) {



}









.menu-bar{

    display: flex;

    gap: 105px;

    text-align: center;

}

.menu-bars{

    display: flex;

    gap: 105px;

    text-align: center;

}

.menu-list{

    display: flex;

    gap: 25px;

    text-align: center;

}

.menu-listing{

    display: flex;

    gap: 80px;

    text-align: center;

}





@media (max-width : 991px){

   

    .menu-listing {

        display: flex;

        gap: 40px

    }

    .menu-bars{

        display: flex;

        gap: 65px;

        text-align: center;

    }

}

@media (max-width : 390px){

    .menu-bar{

        display: flex;

        gap: 72px;

    }

    .menu-list {

        display: flex;

        gap: 2px;

    }

    .left-bg-patten img{

        max-width: 100%;

        width: 100%;

    }

}

.wrappers{

    max-width: 1340px;

    margin: 0 auto;

    padding: 0 15px;

    display: block;

    float: none;

}

/*weekly special offer*/

.menu-spe-weekly ,.menu-drink-weekly ,.menu-drink-weakend ,.menu-drink-day{

    padding: 50px 0px;

}

.menu-spe-weekly-inn{

    max-width: 100%;

    width: 100%;

    background-image: url(https://iwhwasender.in/topbar/wp-content/uploads/2025/02/menu-weekly.png);

    background-repeat: no-repeat;

    padding-bottom: 56.25%;

    background-size: contain;

}

.menu-drink-weekly-inn{

    max-width: 100%;

    width: 100%;

    background-image: url(https://iwhwasender.in/topbar/wp-content/uploads/2025/02/menu-weekly-1.png);

    background-repeat: no-repeat;

    padding-bottom: 56.25%;

    background-size: contain;

}

.menu-drink-weakend-inn{

    max-width: 100%;

    width: 100%;

    background-image: url(https://iwhwasender.in/topbar/wp-content/uploads/2025/02/menu-weakends.png);

    background-repeat: no-repeat;

    padding-bottom: 56.25%;

    background-size: contain;

}

.menu-drink-day-inn{

    max-width: 100%;

    width: 100%;

    background-image: url(https://iwhwasender.in/topbar/wp-content/uploads/2025/02/menu-special-offer.png);

    background-repeat: no-repeat;

    padding-bottom: 56.25%;

    background-size: contain;

}

.events-row-inner h3{

    font-family: "Manrope", sans-serif;

    font-weight: 600;

}

.book-now{
    padding: 70px 0px;
}
.contact-book h6{
    font-size: 25px;
    padding-bottom: 20px;
}

.events-tl-txt p{
    color: #fff ;
    text-align: center;
}
.events-tl-txt {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    max-width: 59.6%;
    margin: 0 auto;
    margin-top: 30px;
}


/**/
.img-heading img{width: 100%; object-fit: fill; border-radius: 16px ; max-height: 250px;}
.nav-item .nav-link i:hover{color: #d05806;}

@import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');
#confetti{
    position: absolute;
    left: 0;
    bottom: 75px;
    height: auto;
    width: 100%;
  }
  .event-listing-one{
    justify-content: center;
  }
  



.special-event-sec-inn {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 0px;
  }

.listing-one{
    max-width: calc(25% - 22.50px);
    width: 100%;
}
@media (max-width: 991px) {
    .special-event-sec-inn{
        display: flex;
        gap: 30px;
    }
    .listing-one{
        max-width: calc(33.33% - 20px);
        width: 100%;
    }
}
@media (max-width: 640px) {
    .special-event-sec-inn{
       flex-direction: column;
        gap: 30px;
    }
    .listing-one{
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 520px) {
    #confetti{
        bottom: auto;
        height: auto;
    }
}


/**/
.events-headings h2 {
    padding-bottom: 15px;
    font-size: 30px;
    text-align: center;
    line-height: 1.5em;
    padding-bottom: 45px;
    font-family: "Playfair Display", serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #111;
}
.events-headings h2 {
    position: relative;
    padding: 0;
    margin: 0;
    font-family: "Prata", serif;
    padding-bottom: 15px;

    font-weight: 300;
    font-size: 40px;
    color: #ffffff;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.events-headings h2::before {
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    height: 1px;
    content: "";
    background-color: #ffffff;
    z-index: 4;
}
.events-headings h2::after {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    bottom: -27px;
    content: '\00a7';
    font-size: 30px;
    line-height: 40px;
    color: #d05806;
    font-weight: 400;
    z-index: 5;
    display: block;
    background-color: #231d16;
}
.events-headings {
    padding: 30px 0px;
}


.drink-events span img {
    height: 350px !important;
    object-fit: fill !important;
    width: 100%;
}

  .events-row .img-food{width: 100%; height: 330px;}
  .events-row .img-food  img{ transition: all 0.3s ease-in-out; object-fit: cover; width: 100%;}
  .events-row .img-food  img{ height: 100%; object-fit: fill; width: 100%; }
  .food-listing-row{justify-content: center;}
  .food-images-sec img{object-fit: contain;}

  .events-row .img-drink{width: 100%; height: 400px;}
  .events-row .img-drink  img{ transition: all 0.3s ease-in-out; object-fit: cover; width: 100%;}
  .events-row .img-drink  img{ height: 100%; object-fit: fill; width: 100%;}

 
  .home-videos-sec {
    padding: 80px 0px;
}
.home-videos-sc{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}
.left-home-video{
    max-width: calc(50% - 15px);
    width: 100%;
}
/* .right-home-video{
    max-width: calc(50% - 30px);
    width: 100%;
} */
.right-home-video {
    margin: 0 auto;
    color: #ffff;
    text-align: center;
    font-size: 26px;
    padding-top: 20px;
    max-width: 68%;
}
@media (max-width: 768px){
    .home-videos-sc{
       flex-direction: column-reverse;
       gap: 50px;
    }
    .left-home-video{
        max-width: 100%;
        width: 100%;
    }
    .right-home-video{
        max-width: 100%;
        width: 100%;
    }
    .right-home-video p{
        max-width: 100%;
    }
}
/* @media (max-width: 768px){
    .slick-initialized .slick-slide{width: 230px;}
    .image-slide .slick-slide > div{margin: 0 10px;}
} */
.inner-btn a { background-color: #ffffff; color: #d05806; padding: 10px 20px; border-radius: 13px; text-transform: uppercase; font-weight: 800; }
.inner-btn a:hover { background-color: #000; color: #ffffff; transition: 0.8s ease;}

.input-box.inputBtn p{margin-bottom: 0px !important; background-color: #d05807; color: #fff; padding: 15px; border-radius: 15px; cursor: pointer;}
.input-box.inputBtn p:hover{ background-color: #af4a07; color: #fff; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color: #fff;}
.input-box.inputBtn span.wpcf7-spinner { display: none;}
.input-box.inputBtn input{background-color: transparent; color: #fff; width: 100%;
    text-align: left;}
.input-box.inputBtn p {
    position: relative; 
}
  
.input-box.inputBtn p::before    {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-image: url("https://tophatbilliards.com/wp-content/themes/tophats/assets/images/right-erros.png");
    position: absolute;
    top: 22px;
    right: 0px;
    background-repeat: no-repeat;
    background-size: auto;
  }
  ul.navbar-nav.right-nav {
    gap: 7px;
}
li.nav-item.nav-btn {
    margin-left: 20px;
}
.slick-initialized .slick-slide{height: 100vh;}


.tophatsBtn a{
    position: relative; 
    margin-top: 10px;
}
  
.tophatsBtn a::after    {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("https://tophatbilliards.com/wp-content/themes/tophats/assets/images/right-erros.png");
    position: absolute;
    top: 19px;
    right: 10px;
    background-repeat: no-repeat;
    background-size: auto;
  }
  /* .tophatsBtn a{width: 100% !important; text-align: left !important; padding: 10px 15px;} */
  .blogRowInner h3 a {  font-size: 22px; letter-spacing: 0px; font-weight: 700;}
  .nav-btn.tophatsBtn a {
    width: auto;
    padding: 10px 50px 10px 20px;
}

  /**/
.events-listing-row.blogInner { display: flex; gap: 30px; flex-wrap: wrap;}
.blogListing {width: calc(33.33% - 20px);}
.blogImg img{width: 100%; min-height: 300px; border-radius: 10px;}
.blogRowInner p { color: #ccc; line-height: 2;letter-spacing: 0;}
.banner-title h1 { font-size: 48px; line-height: 1.2; max-width: 991px;}

.blogInnSec{display: flex; gap: 50px; flex-wrap: wrap; padding-top: 60px;}
.leftBlogInn{width: calc(65% - 25px);}
.rightBlogInn{width: calc(35% - 25px);}
.blogPostDetails p {color: #fff;line-height: 2; text-align: justify;}
.blogPostDetails ul li{color: #fff;}
.blog-card__two__image img { width: 100%; border-radius: 20px; max-height: 450px;}
.blogPost { display: flex; gap: 30px; flex-wrap: wrap; margin: 30px 0px;}
.blogPost img{width: 100%; border-radius: 20px; min-height: 270px; object-fit: cover;}
.blog-post-img { width: calc(50% - 15px);}
.blogPostDetails h2 {  font-size: 34px; font-weight: 600;  color:#d05807; line-height: 1.4;  margin-top: 30px;  margin-bottom: 10px;}
.blogPostDetails ul li{position: relative; padding-left: 30px;}
.blogListItem{margin-bottom: 20px;}
.blogSidebar { padding: 30px 30px; box-shadow: 0px 0px 84px 0px rgba(2, 2, 2, 0.4); background-color: #3a332b; border-radius: 20px; margin-bottom: 30px;}
.sidebar__posts__image img { width: 130px; min-height: 100px; border-radius: 10px;}
.sidebar__posts__item { display: flex; gap: 20px; align-items: center; padding: 20px 0px; border-top: 1px solid  #6a6a6a;}
.blogSidebar h4 { font-size: 28px; font-weight: 700; margin-bottom: 10px;}
.blogSidebar p{color: #fff;}
.sidebar__posts__meta { margin-bottom: 2px; position: relative; padding-left: 25px; ;}
.sidebar__posts__meta a{color: #d05807; font-weight: 700; font-size: 16px}
.sidebar__posts.list-unstyled li:last-child { padding-bottom: 0px;}
.sidebar__posts__title a {  line-height: 1.4;}
.right-blog-slider{position: sticky; top: 50px;}
.blogSliderBtn a{background-color: #d05807; color: #fff; padding: 10px 20px; transition: 0.3 ease; border-radius: 10px;}
.blogSliderBtn a:hover{background-color: #af4a07;}
.blog-card__two__image{overflow: hidden; position: relative;}
.blog-card__two__date { transition: all 0.4s ease-in-out; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; top: 30px; left: 30px; z-index: 1; width: 90px; padding: 13px 0px; border-radius: 10px; background: #d05807; color: #fff; font-size: 14px; font-weight: 500; line-height: 156.25%; text-transform: capitalize; }
.blog-card__two__date__day { margin-bottom: -7px; display: block; font-size: 28px; font-weight: 700; text-shadow: 0 0 0 0.2 currentColor; line-height: normal; }


.blog-card__image{overflow: hidden; position: relative; z-index: -1;}
.blog-card__date { transition: all 0.4s ease-in-out; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; top: 20px; right: 20px; z-index: 1; width: 75px; padding: 13px 0px; border-radius: 10px; background: #d05807; color: #fff; font-size: 16px; font-weight: 500; line-height: 156.25%; text-transform: capitalize; }
.blog-card__date__day { display: block;  font-size: 20px;  font-weight: 700;  line-height: 100%;}


.sidebar__posts__meta::before{  content: '';  position: absolute;
    background: url(https://tophatbilliards.com/wp-content/uploads/2026/01/clock.png) no-repeat center / contain;
    width: 18px; height: 18px; left: 0; top: 6px;
}

.blogPostDetails ul li:before {
    content: ''; position: absolute;
    background: url(https://tophatbilliards.com/wp-content/uploads/2026/01/Check-Circle.png) no-repeat center / contain;
    width: 18px; height: 18px; left: 0; top: 6px;
}
.banner-title {
    padding: 100px 0px 70px;
}




@media (max-width: 1270px){
    .right-nav .nav-item .nav-link{padding-right: 10px;}
    a.navbar-brand.d-none.d-lg-block{margin-right: 50px; padding-right: 50px;}
    .left-nav .nav-item{margin-left: 5px;}
}
@media (max-width: 1200px){
    .blogInnSec{gap: 30px;}
    .leftBlogInn{width: calc(60% - 15px);}
    .rightBlogInn{width: calc(40% - 15px);}
}
@media (max-width: 1170px){
    a.navbar-brand.d-none.d-lg-block{margin-right: 0px; padding-right: 30px;}
    .left-nav .nav-item{margin-left: 5px;}
}
@media (max-width: 1080px){
    .blogImg img{min-height: 270px;}
}
@media (max-width: 991px){
    .right-nav .nav-item .nav-link{padding: 0px; font-weight: 700;
        font-size: 16px;}
        .right-nav .nav-item{margin: 0px; margin-bottom: 15px;}
    .navbar-brand.d-lg-none img {  width: 150px;}
    .events-listing-row.blogInner{display: flex; gap: 30px;}
    .blogListing{width: calc(50% - 15px);}

    .blogInnSec{flex-direction: column; gap: 20px;}
    .leftBlogInn{width: 100%;}
    .rightBlogInn{width: 100%;}
    .blogPost img{min-height: 310px;}
    .right-nav .nav-item:nth-child(4) .nav-link:before {display: none;}
    ul.navbar-nav.right-nav{gap: 0px; padding-top: 20px;}
    header.fullwidth .wrapper {padding: 0px !important;}
    .navbar-brand{padding-left: 15px;}
    .menu-click{cursor: pointer !important; margin-right: 15px;}
    .left-nav .nav-item {margin-bottom: 15px; margin-left: 0px;}
}
@media (max-width: 767px){
    .banner-title{padding: 100px 0px 100px 0px;}
    .banner-title h1 {max-width: 100%; font-size: 36px;}

    .blogPostDetails h2{font-size: 28px; margin-top: 20px;}
    .bradecumb{padding-top: 10px;}
}
@media (max-width: 570px){
    .events-listing-row.blogInner{flex-direction: column; gap: 30px;}
    .blogListing{width: 100%;}
    .blogRowInner h3 a{font-size: 20px;}
    .blogRowInner p{line-height: 1.6;}
    .events-row-inner.blogRowInner{padding: 10px 0px;}
    /* .bradecumb ul {flex-direction: column; text-align: center;} */

    .blog-card__two__date{width: 80px; font-size: 14px;}
    .blog-card__two__date__day{font-size: 24px; margin-bottom: 0px;}
    .blogPost{flex-direction: column; gap: 30px;}
    .blog-post-img{width: 100%;}
    .blogPost img { max-height: 310px;}
    .sidebar__posts__image img { width: 100px; min-height: 80px; }
    .blogSidebar {padding: 30px 15px;}
    .sidebar__posts__item{padding: 10px 0px;}
    .blogPostDetails h2 {font-size: 24px;}
    .events-headings h2{font-size: 24px;}
    .blogImg img {min-height: 250px;}
    .blog-card__date{width: 60px; top: 10px; right: 10px; padding: 10px 0px; font-size: 14px;}
    .blog-card__date__day{font-size: 16px;}
}

.collapse.openmenu {
    display: block;
}
.book-now-btn .book-now-bg-img{display: none;}
.line-des{margin-bottom: 60px;}