<!DOCTYPE html>
<html style="overflow-x: hidden;">

<head>
    <title>T&C Sports</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>

    <script type="application/x-javascript">
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- //for-mobile-apps -->
    <link rel="icon" href="images/logo.png" type="image/png" sizes="16x16">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/fasthover.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css" integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- js -->
    <script src="js/jquery.min.js"></script>
    <!-- //js -->
    <!-- countdown -->
    <link rel="stylesheet" href="css/jquery.countdown.css" />
    <link rel="stylesheet" href="fonts/icomoon.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <!-- //countdown -->
    <!-- cart -->
    <script src="js/simpleCart.min.js"></script>
    <!-- cart -->
    <!-- for bootstrap working -->
    <script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
    <!-- //for bootstrap working 
<link href='//fonts.googleapis.com/css?family=Glegoo:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smooth-scrolling -->
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event) {
                event.preventDefault();
                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 1000);
            });
        });
    </script>
    <!-- //end-smooth-scrolling -->
    <style>
        /* .custom-space {
            margin-left: 300px;
        } */
        .s-links {
            border-bottom: 1px solid black;
        }

        .search-icons-mobile {
            display: none;
        }

        @media screen and (max-width:768px) {
            .s-links {
                display: none;
            }

            .search-icons-mobile {
                display: block;
            }

           
            .search-icons-mobile-row{
                border-top: 1px solid grey;
                padding: 10px 20px;
            }
        }
    </style>

</head>

<body style="overflow-x: hidden;">
    <!-- header -->
    <div class="modal fade" id="myModal88" tabindex="-1" role="dialog" aria-labelledby="myModal88" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;</button>
                    <h4 class="modal-title" id="myModalLabel">
                        Don't Wait, Login now!</h4>
                </div>
                <div class="modal-body modal-body-sub">
                    <div class="row">
                        <div class="col-md-8 modal_body_left modal_body_left1" style="border-right: 1px dotted #C2C2C2;padding-right:3em;">
                            <div class="sap_tabs">
                                <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
                                    <ul>
                                        <li class="resp-tab-item" aria-controls="tab_item-0"><span>Sign in</span></li>
                                        <li class="resp-tab-item" aria-controls="tab_item-1"><span>Sign up</span></li>
                                    </ul>
                                    <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
                                        <div class="facts">
                                            <div class="register">
                                                <form action="#" method="post">
                                                    <input name="Email" placeholder="Email Address" type="text" required>
                                                    <input name="Password" placeholder="Password" type="password" required>
                                                    <div class="sign-up">
                                                        <input type="submit" value="Sign in" />
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="tab-2 resp-tab-content" aria-labelledby="tab_item-1">
                                        <div class="facts">
                                            <div class="register">
                                                <form action="#" method="post">
                                                    <input placeholder="Name" name="Name" type="text" required>
                                                    <input placeholder="Email Address" name="Email" type="email" required>
                                                    <input placeholder="Password" name="Password" type="password" required>
                                                    <input placeholder="Confirm Password" name="Password" type="password" required>
                                                    <div class="sign-up">
                                                        <input type="submit" value="Create Account" />
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
                            <script type="text/javascript">
                                $(document).ready(function() {
                                    $('#horizontalTab').easyResponsiveTabs({
                                        type: 'default', //Types: default, vertical, accordion           
                                        width: 'auto', //auto or any width like 600px
                                        fit: true // 100% fit in a container
                                    });
                                });
                            </script>
                            <div id="OR" class="hidden-xs">
                                OR</div>
                        </div>
                        <div class="col-md-4 modal_body_right modal_body_right1">
                            <div class="row text-center sign-with">
                                <div class="col-md-12">
                                    <h3 class="other-nw">
                                        Sign in with</h3>
                                </div>
                                <div class="col-md-12">
                                    <ul class="social">
                                        <li class="social_facebook"><a href="#" class="entypo-facebook"></a></li>
                                        <li class="social_dribbble"><a href="#" class="entypo-dribbble"></a></li>
                                        <li class="social_twitter"><a href="#" class="entypo-twitter"></a></li>
                                        <li class="social_behance"><a href="#" class="entypo-behance"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<script>
		$('#myModal88').modal('show');
	</script>-->
    <div class="header">
        <div class="container">
            <div class="row">

                <div class="col-sm-2">
                    <div class="w3l_login">
                        <h1><a href="index.php"> <img src="images/logo.png" alt="" title=""> </a></h1>
                    </div>
                </div>
                <div class="col-sm-10 s-links">
                    <div class="w3l_logo login-h">
                        <a href="#" style="border: none;"><span style="color: #fff0;" class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
                    </div>
                    <div class="search">


                        <i class="bi bi-envelope-check"></i>

                        <i class="bi bi-facebook"></i>

                        <i class="bi bi-twitter-x"></i>

                        <i class="bi bi-instagram"></i>



                    </div>
                </div>

                <div class="navigation">
                    <div class="container">
                        <nav class="navbar navbar-default">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header nav_2" style="text-align: end">
                                <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="index.php" class="act">Home</a></li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Cricket<b class="caret"></b></a>
                                        <ul class="dropdown-menu multi-column columns-3">
                                            <div class="row">
                                                <div class="col-sm-3">
                                                    <ul class="multi-column-dropdown">
                                                        <h6>EQUIPMENT</h6>
                                                        <li><a href="products.php">Batting Legguards</a></li>
                                                        <li><a href="products.php">Batting Gloves</a></li>
                                                        <li><a href="products.php">Body Protection</a></li>
                                                        <li><a href="products.php">Bags<span>New</span></a></li>
                                                    </ul>

                                                </div>
                                                <div class="col-sm-3">
                                                    <ul class="multi-column-dropdown">
                                                        <h6>BATS</h6>
                                                        <li><a href="products.php">Cricket Bats<span>New</span></a></li>
                                                        <li><a href="products.php">Cricket Helmets</a></li>
                                                    </ul>
                                                </div>


                                                <div class="clearfix"></div>
                                            </div>
                                        </ul>
                                    </li>
                                    <li class="dropdown custom-space">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services<b class="caret"></b></a>

                                    </li>
                                    <li><a href="contact.php">Contact Us</a></li>
                                    <li>
                                        <div class="search-icons-mobile">
                                            <div class="search-icons-mobile-row">
                                                <i class="bi bi-envelope-check"></i>

                                                <i class="bi bi-facebook"></i>

                                                <i class="bi bi-twitter-x"></i>

                                                <i class="bi bi-instagram"></i>
                                            </div>

                                        </div>
                                    </li>


                                </ul>
                            </div>

                        </nav>
                    </div>
                </div>
                <div class="col-sm-9">
                    <div class="row">

                        <div class="col-xs-10">

                            <!-- //header -->
                        </div>
                    </div>
                </div>

            </div>



        </div>
    </div>