@media only screen and (max-width:1265px) {
  .featureitems {
    gap: 14px
  }
}

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

  .navbar-nav {
    width: 100%;
  }

  .navbar-expand-xl .navbar-toggler {
    display: block;
  }

  .collapse:not(.show) {
    display: none !important;
  }

  .menu-item {
    list-style: none;
    width: 100%;
  }

  .submenu {
    display: none;
    padding-left: 1rem;
    background: #f1f1f1;
  }

  .mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mobile-menu li {
    position: relative;
  }

  .mobile-menu a {
    display: block;
    padding: 10px 15px;
    background: #f8f9fa;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    color: #000;
  }

  .mobile-menu .submenu {
    display: none;
    background: #e9ecef;
    padding-left: 10px;
  }

  .mobile-menu .submenu a {
    background: #e9ecef;
  }

  .mobile-menu .submenu .submenu a {
    background: #dee2e6;
    padding-left: 35px;
  }

  .mobile-menu .submenu .submenu .submenu a {
    background: #ced4da;
    padding-left: 45px;
  }

  /* Arrow icon */
  .has-children>a::after {
    content: "";
    background: url(../images/headicn/downarw.png) no-repeat;
    width: 14px;
    height: 14px;
    position: relative;
    top: 8px;
    background-size: 100%;
    float: right;
    font-size: 0.8rem;
    transition: transform 0.3s ease;
  }

  .has-children.open>a::after {
    content: "";
    background: url(../images/headicn/uparw.png) no-repeat;
    width: 14px;
    height: 14px;
    position: relative;
    top: 8px;
    background-size: 100%;
    float: right;
    font-size: 0.8rem;
    transition: transform 0.3s ease;
  }

}

@media only screen and (max-width:1200px) {
  .cust-container {
    padding: 0 20px;
  }

  header {
    padding: 0;
    box-shadow: 0 2px 15px rgb(0 0 0 / 6%);
  }

  header .cust-container {
    width: 100%;
    padding: 0;
  }

  header .navbar {
    padding: 14px 15px;
    border-radius: 0;
  }

  .head-logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .head-mob-menusrch-icn {
    display: flex;
    align-items: center;
  }

  .head-mob-menusrch-icn>a {
    padding: 0;
  }

  .head-mob-menusrch-icn>a>span {
    padding: 10px 11px;
    background: #EFEFEF;
    border-radius: 50%;
  }

  .head-mob-menusrch-icn .navbar-toggler {
    background: transparent;
    border: none;
    outline: none;
  }

  .head-mob-menusrch-icn .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url(../images/closeicn.png) !important;
    background-size: 15px;
  }

  .loginsec .formitem.tologinformflex .form-item-left {
    width: 30%;
  }

  .loginsec .formitem.tologinformflex .form-item-right {
    width: 70%;
  }

  .form-social-login a {
    width: 100%;
  }
}

@media only screen and (max-width:1100px) {
  .travelinsight-sec-items.totravel-insi-flex .travelinsi-items {
    width: 32%;
  }
}

/* Header css */

@media only screen and (max-width:1024px) {
  .home-banner-carousl-sec .slide-content h1 {
    font-size: 40px;
  }

  .home-banner-carousl-sec .slide-content p {
    font-size: 16px;
    margin: 30px 0 0 0;
  }

  .home-banner-carousl-sec.innerbanner-sec .slide-content .slide-content-desc {
    padding: 20px 15px 0 15px;
  }

  .home-banner-carousl-sec .slide-content a {
    margin-top: 60px;
    margin-bottom: 70px;
  }

  .commconhead>h5 {
    font-size: 35px;
    margin-bottom: 15px;
  }

  .reusemodule .explore-items {
    flex-wrap: wrap;
    justify-content: center;
  }

  .reusemodule .explore-items.explore-itemvertw {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .featureitems .featureitem {
    min-width: 32%;
  }

  .featureitems {
    justify-content: flex-start;
  }

  .reusemodule .explore-items .explore-item {
    min-width: 32%;
  }

  .card-content h5 {
    font-size: 90px;
  }

  .card-content p {
    font-size: 18px;
  }

  .formhead h5 {
    font-size: 40px;
  }

  .user-profilsec form button.save-btn {
    margin-top: 50px;
    width: 100%;
  }

  .accordiandesc button.bookingdesk,
  .accordiandesc a.bookingdesk {
    /* display: none; */
    width: 148px;
  }

  .bookingmobl {
    display: block;
    padding: 30px 0 0 0;
  }

  .tab-content#bookings {
    padding-left: 0px;
  }

  .accordian-toglbtn {
    position: relative;
    top: 0;
  }

  .accordion-header .accordiandesc {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .user-profilsec .accordion-header {
    padding: 20px;
    background: url(../images/profile/profheadbg.jpg) no-repeat;
    background-size: cover;
  }

  .accordion-item .accordion-header .header-left {
    left: 0;
    flex-wrap: wrap;
  }

  .header-left .match-info {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .accordion-item .accordion-header .header-left,
  .match-info {
    width: 100%;
  }

  .accordion-item .accordion-header .header-right {
    width: fit-content;
    padding-right: 0;
  }

  .accordion-item .accordion-header .header-left .match-icon {
    width: auto;
    height: auto;
    background: transparent;
    border: none;
  }

  .header-left .match-info p,
  .mathcinfo-times {
    width: 100%;
    font-size: 16px;
  }

  .mathcinfo-times {
    margin-left: 0;
    margin-top: 10px;
  }


}

@media only screen and (min-width:992px) {

  .cricketRegistration-left img,
  .marathonRegistration-left img {
    flex: 1;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    object-fit: cover;
  }

  .cricketRegistration-right,
  .marathonRegistration-right {
    width: 55%;
    padding: 40px 0;
    overflow-y: auto;
    height: 100vh;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cricketRegistration-right::-webkit-scrollbar,
  .marathonRegistration-right::-webkit-scrollbar {
    display: none;
  }
}

@media only screen and (max-width:992px) {
  .home-banner-carousl-sec .slide-content h1 {
    font-size: 35px;
  }

  .home-banner-carousl-sec .swiper-pagination {
    bottom: 15px;
  }

  .commconhead>h5 {
    font-size: 30px;
  }

  .contcatusformsec,
  .cricketRegistration,
  .marathonRegistration {
    padding: 0 0 100px;
  }

  .contcatfor-inner,
  .cricketRegistration-inner,
  .marathonRegistration-inner {
    padding-right: 0;
  }

  .contcatfor-inner .contactform-leftimg,
  .contcatfor-inner .contactform-rightform,
  .cricketRegistration-right,
  .marathonRegistration-right,
  .cricketRegistration-inner .cricketRegistration-left,
  .marathonRegistration-inner .marathonRegistration-left {
    width: 100%;
  }

  .contcatfor-inner .contactform-rightform,
  .contcatusformsec.loginsec .contcatfor-inner .contactform-rightform,
  .cricketRegistration-right,
  .marathonRegistration-right {
    padding-top: 50px;
  }

  .contactform-rightform form,
  .cricketRegistration-right form,
  .marathonRegistration-right form {
    max-width: 100%;
  }

  .contactform-rightform .formhead {
    text-align: center;
  }

  .connectlinks {
    justify-content: center;
  }

  .contactform-rightform .formhead,
  .contactform-rightform form,
  .toadd-lpadform,
  .cricketRegistration-right form,
  .marathonRegistration-right form {
    padding: 0 20px;
  }

  .contactform-rightform .schedulcall {
    padding-left: 20px;
    padding-right: 20px;
  }

  .featureitems.eventlisting {
    flex-wrap: wrap;
    overflow: hidden;
    gap: 25px;
  }

  .featureitems.eventlisting .featureitem {
    min-width: 45%;
  }

  .contcatusformsec.loginsec {
    padding-bottom: 50px;
  }

  .contcatusformsec.loginsec .contcatfor-inner .contactform-rightform {
    padding-bottom: 0;
  }

  .otpsteptwo form button {
    margin: 34px 0 30px 0;
  }

  form .loginorstep {
    padding-bottom: 10px;
  }

  .loginsec .contactform-rightform form .formitem {
    margin-bottom: 12px;
  }

  .form-group.loginformsubmit {
    margin-top: 32px;
    margin-bottom: 0;
  }

  .orcontinuw-with .divider::before,
  .orcontinuw-with .divider::after {
    width: 35%;
  }

  .orcontinuw-with .divider::before {
    left: -20px;
  }

  .orcontinuw-with .divider::after {
    right: -20px;
  }

  .otpsteptwo {
    padding-bottom: 50px;
  }

  .otp-inputs input {
    width: 10%;
    font-size: 14px;
    padding: 8px 0px;
  }

  .user-profilsec form .form-group {
    width: 100%;
  }

}

@media (max-width: 768px) {
  .profildeskview {
    display: none;
  }

  #mobile-tabs {
    display: block;
  }

  .tabs {
    display: none;
  }

  .tab-screen {
    display: none;
  }

  #mobile-tabs .profile-detail {
    padding: 0 0 25px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #c6c6cb;
  }

  .profile-detail .profile-left span {
    font-size: 16px;
  }

  #mobile-tabs .tab-screen>ul {
    list-style-type: none;
    margin: 0;
  }

  #mobile-tabs .tab-screen>ul li button {
    padding: 10px 0;
    font-weight: 400;
    line-height: 120%;
    color: var(--header-font-clr);
    font-family: var(--montserrat-font);
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
    font-size: 16px;
    position: relative;
    margin-bottom: 20px;
  }

  .profile-right {
    margin-top: 30px;
  }

  #mobile-tabs .tab-screen>ul li button::after {
    content: '';
    position: absolute;
    background: url('../images/profile/mobright.svg') no-repeat;
    background-size: 100%;
    width: 8px;
    height: 16px;
    right: 0;
    top: 15px;
  }

  #mobile-tabs .tab-screen>ul li button img {
    margin-right: 20px;
    width: 24px;
    height: 24px;
  }

  .profile-right button img {
    width: 24px;
  }

  .profile-right button {
    font-size: 16px;
  }

  .tab-screen .back-btn {
    font-weight: 700;
  }

  .tab-screen .back-btn img {
    margin-right: 10px;
  }

  .user-profilsec .form-row {
    row-gap: 25px;
    margin: 0;
  }

  .user-profilsec form input {
    font-size: 14px;
    padding: 8px 5px 8px 0;
  }

  .user-profilsec form .form-group span.phonenote {
    font-size: 10px;
  }

  .tab-screen.active {
    display: block;
  }

  .back-btn {
    display: inline-block;
    margin-bottom: 50px;
    color: var(--header-font-clr);
  }

  .notification {
    position: relative;
  }

  .notification a {
    text-decoration: none;
  }

  .notification-item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
  }

  .notification-item .noti-icn {
    width: 40px;
    height: 40px;
  }

  .notification-item .notidesc p {
    font-size: 14px;
    width: 90%;
  }

  .notification-item .notidesc span {
    font-size: 10px;
  }

  .notification-item .notidesc {
    padding-left: 20px;
  }

  .notification-item .noti-icn img {
    width: 20px;
  }
}

@media only screen and (max-width:768px) {
  .cust-container {
    padding: 0 15px;
  }

  .commconhead>p {
    font-size: 14px;
  }

  .reusemodule .explore-items .explore-item {
    min-width: 45%;
    width: 45%;
  }

  .explore-iteminner .explodesc p {
    font-size: 14px;
  }

  .reusemodule .commcon-cta {
    margin-top: 35px;
  }

  .travel-insight {
    padding: 100px 0 50px 0;
  }

  .build-exper {
    padding: 100px 15px;
  }

  .card-content h5 {
    font-size: 68px;
  }

  .card-content p {
    font-size: 14px;
  }

  .homeswipernav {
    display: none;
  }

  .travel-insight .commconhead {
    margin-bottom: 40px;
    padding: 0 18px;
  }

  .reusemodule .explore-items .explore-item {
    min-width: 47%;
    width: 47%;
    height: 185px;
    padding: 20px;
  }

  .reusemodule .explore-items.explore-itemvertw .explore-item {
    width: 47%;
    min-width: 47%;
    height: auto;
  }

  .featureitems .featureitem {
    min-width: 65%;
  }

  .footerinner {
    flex-wrap: wrap;
    padding: 50px 0 60px 0;
  }

  .footer-col.footer-subscribe {
    width: 100%;
    text-align: center;
  }

  .footer-subscribe form {
    width: 50%;
    margin: 20px auto;
  }

  .footer-subscribe input {
    text-align: center;
  }

  .footer-social {
    justify-content: center;
  }

  .detailcomingsoonsec {
    padding: 100px 0 160px 0;
  }

  .detailsoon-inner h5 {
    font-size: 40px;
  }

  .travel-detail-data ul {
    width: 60%;
  }

  .travelinsidetailsec {
    padding: 50px 0 100px 0;
  }

  .travelinsi-head-row .travelinsi-user-col,
  .travelinsi-head-row .travelinsi-desc-col {
    width: 100%;
  }

  .travelinsi-desc-col {
    padding-top: 50px;
  }

  .eventdetail-header {
    align-items: flex-start;
  }

  .eve-detal-tabs {
    overflow: hidden;
    overflow-x: scroll;
  }

  /* Scrollbar Track */
  .eve-detal-tabs::-webkit-scrollbar {
    width: 0px;
    /* vertical scrollbar */
    height: 0px;
    /* horizontal scrollbar */
  }

  /* Track background */
  .eve-detal-tabs::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
  }

  /* Scrollbar handle */
  .eve-detal-tabs::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
  }

  /* Handle on hover */
  .eve-detal-tabs::-webkit-scrollbar-thumb:hover {
    background: transparent;
  }

  .event-info {
    gap: 15px;
    row-gap: 15px;
    column-gap: 20px;
  }

  .section .head-withline>img {
    width: 50%;
  }

  .eve-detal-tabs>a {
    min-width: fit-content;
  }

  .priceyettodisclose {
    padding: 0;
    position: fixed !important;
    bottom: 0px;
    left: 0;
    top: auto !important;
    z-index: 999;
    width: 100%;
    padding-bottom: 20px;
    background: var(--comn-cream-clr);
  }

  .priceyettodisclose::after {
    content: '';
    position: absolute;
    background: #000;
    width: 140px;
    height: 4px;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 10px;
  }

  .priceyettodisclose .pricetodisclose-inner {
    padding: 30px 20px;
    position: relative;
  }

  .priceyettodisclose .pricetodisclose-inner::before {
    content: '';
    position: absolute;
    background: var(--comn-cream-clr);
    width: 48px;
    height: 4px;
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 10px;
  }

  .priceyettodisclose .cust-container {
    padding: 0;
  }

  .pricetodisclose-inner .closebtn {
    position: absolute;
    top: 0px;
    right: 20px;
    display: block;
  }

  .pricetodisclose-inner .closebtn span {
    color: var(--comn-cream-clr);
    font-family: var(--montserrat-font);
    cursor: pointer;
    font-size: 20px;
  }

  .dekbotmrgn100 {
    padding-bottom: 50px;
  }

  .travelin-descsi-img.toflex {
    flex-wrap: wrap;
  }

  .featur-item-inner {
    padding: 10px;
  }

  .featur-item-inner p>br {
    display: block;
  }

  .eventdetailsec {
    padding-top: 20px;
  }

  .enquiryform .modal-body {
    padding: 50px 20px;
  }

  .enquiryform .commconhead {
    text-align: center;
  }

  .profile-right form button {
    justify-content: flex-start;
  }

}

@media only screen and (max-width:676px) {
  .card-content p>br {
    display: none;
  }

  .footerinner {
    gap: 50px;
  }

  .footer-col .fotttfst-item {
    gap: 10px;
  }

  .footer-col.footfstcol .fotttfst-item:last-child {
    margin-bottom: 0;
  }

  .footer-col.footfstcol,
  .footer-col.footscndcol,
  .footer-col.footthrdcol,
  .footer-subscribe form {
    width: 100%;
  }

  .travelinsight-sec-items.totravel-insi-flex .travelinsi-items {
    width: 47%;
    padding: 10px;
  }

  .travel-detail-data ul {
    width: 100%;
  }

  .travelinsi-desc-col h5,
  .travel-detail-data h6,
  .travel-detail-data ol li {
    font-size: 16px;
  }

  .travelinsi-desc-col p,
  .travel-detail-data p,
  .travel-detail-data ul li {
    font-size: 14px;
  }

  .pricetodisclose-inner .closebtn {
    top: 5px;
    right: 20px;
  }

  .pricetodisclose-inner .priceyetlinks {
    flex-wrap: nowrap !important;
    gap: 15px;
  }
  .event-detail-right .pricetodisclose-inner .priceyetto-desc h5{
        margin: 10px 0;
  }

  .pricetodisclose-inner .priceyetlinks a,
  .pricetodisclose-inner .priceyetlinks button {
    width: 150px;
  }
}

@media only screen and (max-width:576px) {
  .head-menuitems .navbar-nav {
    gap: 5px;
  }

  .home-banner-carousl-sec .slide-content h1 {
    font-size: 35px;
  }

  .home-banner-carousl-sec .slide-content p>br {
    display: none;
  }

  .home-banner-carousl-sec .swiper-pagination .swiper-pagination-bullet {
    width: 70px;
  }

  .innerbanner-sec.home-banner-carousl-sec .slide-content h1 {
    font-size: 28px;
  }

  .home-banner-carousl-sec.innerbanner-sec .slide-content .slide-content-desc {
    padding-top: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
  }


  .home-banner-carousl-sec .slide-content p {
    font-size: 14px;
  }

  .home-banner-carousl-sec.innerbanner-sec .slide-content p {
    margin: 20px 0 0 0;
  }

  .home-banner-carousl-sec .slide-content .slide-content-desc {
    padding: 0 15px;
  }

  .homebanercarousel {
    background-color: var(--card-bg-dark);
  }

  .eventlisting-sec {
    padding-bottom: 50px;
  }

  .eventlisting-sec.mobbotmargin100 {
    padding-bottom: 100px;
  }

  .featureitems.eventlisting .featur-item-inner p {
    font-size: 12px;
  }

  .mobbotmargin100 .featur-item-inner .commcon-cta>a {
    font-size: 10px;
  }

  .featureitems.eventlisting .featur-item-inner .featureloc span {
    margin-bottom: 0;
  }

  .featureitems.eventlisting .featur-item-inner .featureloc span:first-child {
    width: 100%;
    margin-bottom: 8px;
  }

  .featureitems.eventlisting .featur-item-inner .featureloc span:nth-child(2) {
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    border-left: none;
  }

  .card-content h5 {
    font-size: 65px;
  }

  .contactform-rightform form button,
  .schedulcall a {
    width: 100%;
  }

  .formhead h5 {
    font-size: 30px;
  }

  .connectlinks>span {
    display: none;
  }

  .connectlinks .connectitem,
  .connectlinks .connectitem a {
    font-size: 14px;
    width: 100%;
  }

  .connectlinks {
    gap: 5px;
  }

  .contactform-rightform form .formitem .error {
    font-size: 10px;
  }

  .contactform-rightform form .formitem input,
  .contactform-rightform form .formitem textarea,
  .contactform-rightform form .formitem select {
    margin-bottom: 0;
    font-size: 16px;
  }

  .orcontinuw-with .divider {
    font-size: 14px;
  }

  .login-note p,
  .login-note a,
  .otpsteptwo .resend,
  .otpsteptwo .resend a {
    font-size: 10px;
  }

  .contactform-rightform form .formitem.lastchild {
    padding-bottom: 10px;
    margin-bottom: 40px;
  }

  .rmpd-container .cust-container {
    padding: 0;
  }

  .rmpd-container .commconhead,
  .rmpd-container .explorebysport.reusemodule {
    padding: 0 15px;
  }

  .featureitemswiper {
    padding: 20px 0 20px 30px;
  }

  .featureitemswiper .swiper-wrapper .swiper-slide {
    transform: scale(0.9);
  }

  .featureitemswiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: scale(1.1);
  }

  .featureitemswiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
    opacity: 0;
  }

  .travel-insight.rdutpd {
    padding: 50px 0;
  }

  .contactform-rightform .schedulcall {
    border-top: 1px solid #d1cbcb;
  }

  .eventlisting-sec .eventfilterbtn,
  .featureitems.eventlisting {
    padding-top: 20px;
  }

  .featureitems.eventlisting {
    gap: 16px;
  }

  .featureitems.eventlisting .featureitem {
    min-width: 47%;
  }

  .travelinsight-sec.travelinsi-greybackground {
    padding: 50px 0;
  }

  .travelinsight-sec-items.totravel-insi-flex .travelinsi-items .tarvel-insi-desc>h5 {
    margin: 8px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
  }

  .travelinsight-sec-items.totravel-insi-flex .travelinsi-items .tarvel-insi-desc>p {
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
  }

  .section p {
    font-size: 14px;
  }

  .header-left .match-info p,
  .mathcinfo-times {
    font-size: 15px;
  }

  .header-left .match-info {
    margin-top: 10px;
  }

  .user-profilsec form button.save-btn {
    width: 99%;
  }

  .pricing-inner .pricin-items {
    gap: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d5caba;
    padding-bottom: 15px;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 376px) {
  .card-content h5 {
    font-size: 60px;
  }

  .featur-item-inner .featureloc span {
    font-size: 9px;
  }

  .header-left .mathcinfo-times span {
    font-size: 11px;
  }

  .user-profilsec .accordion-header {
    padding: 20px 12px;
  }

  .mobbookingbtns.accordiandesc button,
  .mobbookingbtns.accordiandesc a {
    width: 47%;
    padding: 14px;
  }

  .accordiandesc button,
  .accordiandesc a {
    font-size: 10px;
  }

  .user-profilsec .accordion-content {
    padding: 20px 14px 30px;
  }
}

@media only screen and (max-width: 345px) {
  .card-content h5 {
    font-size: 54px;
  }

  .innerbanner-sec.home-banner-carousl-sec .slide-content h1 {
    font-size: 22px;
  }

  .home-banner-carousl-sec.innerbanner-sec .slide-content p {
    margin: 15px 0 0 0;
  }

  .header-left .match-info p,
  .mathcinfo-times {
    font-size: 15px;
  }

  .header-left .mathcinfo-times span {
    font-size: 9px;
  }

  .mobbookingbtns.accordiandesc button,
  .mobbookingbtns.accordiandesc a {
    padding: 10px;
  }
}