@media (max-width: 1199px){
	.carousel-control-prev{
		left: -28px;
	}
	.carousel-control-next{
		right: -28px;
	}
	.mobail-img{
		display: none;
	}
	.image-event .user-event{
		width: 83px;
	}
	.footer .contect-text p{
		font-size: 26px;
	}
	.sponsors .calend-blog .erphone{
		height: 85px;
    	width: 85px;
	}
	.carousel .pointer-event {
	    height: 495px;
	}
	.modal{
		padding-right: 0px !important;
	}
	/* .gallery-slider .carousel-item .bg-slide{
		margin: 0px 18px;
	} */
	.map-gallery .img-all {
		padding: 30px 23px;
	}
	.map-gallery .img-all .map-bg{
		margin: 25px 18px;
	}
	.gallery-slider .slide-view .location span{
		float: left;
		display: block;
		color: #fff;
		white-space: nowrap;
		width: 58%;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
		font-weight: bold;
		font-size: 10px;
	}
}

@media (max-width: 991px){
	/* .header{
		min-height: 33rem;
		height: auto;
	} */


	/* navbar */

	.navbar-expand-lg ul.nav-flex-icons{
		display: none;
	}
	.navbar-expand-lg .navbar-header{
		background-color: #fff;
		z-index: 1;
	} 
	.navbar-brand img{
		width: 200px;
	}
	.navbar-expand-lg button.navbar-toggler{
		border: none;
	}
	.navbar-expand-lg button.navbar-toggler .fa-bars{
		color: #28a745;
	}
	
	/* .header .navbar-header .nav-item .nav-link{
		padding: 1px 3px;
    	font-size: 14px;
	} */


	.gallery-slider .slide-view .location span{
		width: 48%;
	}
	.gallery-slider #demo-1 {
		padding: 2% 4%;
	}
	.gallery-slider .carousel {
		height: 315px;
	}
	.carousel .slider .container{
		padding: 15px;
	}
	.carousel-control-prev {
		left: -16px;
	}
	.carousel-control-next{
		right: -16px;
	}
	.homepage-event #carouselExampleControls .carousel-control-next, .homepage-event #carouselExampleControls .carousel-control-prev{
		bottom: 30%;
	}
	
	.event-detail .dropdown .menu-down{
		font-size: 16px;
	}
	/* .field-map{
		margin: 10px 12px;
		width: 145px;
	} */
	.content .carousel.pointer-event .carousel-indicators{
		bottom: unset;
	}
	.homepage-event .header .content .pointer-event .carousel-control-next, .homepage-event .header .content .pointer-event .carousel-control-prev{
		bottom: 25%;
	}
	.features span{
		margin: 20px 0px;
		font-size: 24px;
	}
	.mobail-img{
		display: none;
	}
	.homepage-event .map .event-text{
		font-size: 25px;
		padding: 15px 25px 0px;
	}
	.homepage-event .map-button ul{
		padding: 0px;
	}
	.homepage-event .map-button ul li{
		padding: 4px;
	}
	.homepage-event .leptop-text .main-reality{
		font-size: 30px;
	}
	.homepage-event .leptop-text .point-reality ul{
		font-size: 26px;
		line-height: 1.2;
	}
	.selectslide-img ul.carousel-indicators li{
		width: 33%;
	}
	.modal.fade .modal-content .modal-body .carousel-control-prev{
		left: -50px;
	}
	.modal.fade .modal-content .modal-body .carousel-control-next{
		right: -50px;
	}
	.wide-city .description p{
		font-size: 15px;
	}
	.wide-city .description, .wide-city .rules{
		margin-left: 45px;
	}
	.map-center #gmap_canvas{
		margin: 20px 57px;	
	}
	.coed{
		margin: 0px;
	}
	.main-bracket .coed .dropbtn{
		padding: 8px 12px;
	}
	.homepage-event .leptop-text .reality-content p{
		line-height: 1.2;
	}
	.selectslide-img .side-text{
		padding: 5px 8px;
	}
	.selectslide-img .side-text .head{
		font-size: 25px;
	}
	.selectslide-img .side-text ul li{
		margin: 1px 0;
	}
	.schedule button{
		margin: 15px 10px;
	}
	.main-bracket .schedule-code .code-link{
		padding: 2px 0;
	}
	.homepage-event .custom-brand .main-custom{
		font-size: 31px;
	}
	.homepage-event .custom-brand .brand-content p{
		font-size: 20px;
	}
	.homepage-event .custom-brand .custom-point ul{
		font-size: 20px;
	}
	.main-bracket .schedule-code .active>.code-link{
		padding: 1px 0px;
	}
	.play-contant .schedule button{
		margin: 0 10px;
	}
	.gallery button{
		margin: 15px 10px;
	}
	.sponsors .local button{
		margin: 15px 0px;
	}
	.blog-calendar .fc-basic-view .fc-body .fc-row {
		min-height: 3em;
	}
	.sponsors .calend-blog .erphone{
		height: 71px;
    	width: 71px;
	}
	.drop-code .bracket-start{
		height: 45px;
	}
	.event-page .pastevent-section{
		margin-top: 0px;
	}
	.selectslide-img .carousel-indicators li{
		width: 34%;
	}
	.leptop-text-1 .pc-img{
		font-size: 44px;
	}
	.map-gallery .img-all {
		padding: 30px 29px;
	}
	.leptop-text-1 .icon-text{
		padding: 4% 0% 4% 6%;
	}
	.event-page .search-box input{
		height: 25px;
		width: 64%;
	}
	.center .sponsors{
		background-size: 100% 100%;
	}
	.carousel.pointer-event {
	    padding:0px 15px;
	}
	.footer .contect-text p br {
	    display: none;
	}	
} 

@media (max-width: 767px){
	
	/* navbar */

	


	/* .header .justify-content-between {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 2;
	}
	.navbar-collapse{
		flex-basis: 20% !important;
		height: auto !important;
	}
	.navbar-header {
		display: inline-block;
		margin: 10px;
		padding-bottom: 10px !important;
		z-index: 2
	}
	.navbar-header{
		top: 0;
		right: 0;
		left: auto;
		width: 100%;
		transform: translateY(-200px);
		transition: height 0.5s ease-out;
	}
	.homepage-event .header .navbar-header ul{
		height: 100%;
	}
	.navbar-header .nav-item{
		margin-top: 12px;
	}
	.header .navbar-header .nav-item .nav-link {
		padding: 3px 3px;
		font-size: 14px;
	}
	.user-icon{
		display: none;
	}
	.navbar-light .navbar-toggler{
		border: none;
	}
	.navbar-toggler .fa-bars{
		color: #28a745;
	}
	.navbar .show{
		position: absolute;
		right: -10px;
		top: 50px;
		transform: translateY(0px);
		animation: slideNav 0.4s ease-out 0s 1 forwards;
	}
	.collapsing{
		top: 50px !important;
		right: -10px !important;
	}
	.collapsing{
		position: absolute;
		top: -15px;
		right: -10px;
		overflow: unset;
		transition: 0.5s;
	}
	.navbar-header{
		display: inline-block;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.navbar-collapse{
		padding: 0 !important;
	}
	 */


	.header{
		min-height: 20rem;
		height: 400px;
	}
	.gallery-slider{
		display: none;
	}
	.navbar>.container{
		display: contents;
	}
	.nav-bar{
		margin: 0 0;
	}
	
	
	
	
	/* .tooltip{
		opacity: unset;
		display: block;
	} */
	
	button.form-control{
		background-color: unset;
		border: none;
	}
	
	
	.navbar-header .nav-item .nav-link{
		padding: 8px 15px;
	}
	.homepage-event .text-interactive span{
		font-size: 18px;
	}
	.sponsors .border-long{
		border-left: none;
	}
	.sponsors .calend-blog .erphone{
		height: 66px;
    	width: 66px;
	}
	.drop-code .bracket-start{
		margin: 10px 0px;
		height: 45px;
	}
	
	.header .container .navbar-header ul{
		border-right: none;
	}
	.homepage-event .map .event-text{
		padding: 8px 25px;
	}
	.leptop-text-1 .pc-img{
		font-size: 30px;
		margin: 0% 0%;
	}
	.leptop-text-1 .icon-text{
		padding: 2% 6%;
	}
	.ads-map{
		width: 100%;
	}
	.carousel {
		height: 840px;
	}
	.selectslide-img .side-text{
		width: 100%;
	}
	.selectslide-img .side-text{
		padding: 5px 5px;
	}
	.selectslide-img .side-text .head{
		font-size: 20px;
	}
	.leptop-text-1 .simpale-text{
		padding: 0 8%;
	}
	.homepage-event .center .custom-brand{
		background-size: cover;
	}
	.homepage-event .selectslide-img{
		padding: 30px 20px;
	}
	.homepage-event .map .main-map{
		padding: 0px 15px 10px;
	}
	.offset-1 {
		margin-left: 0px !important;
	}
	.contect-text p {
		font-size: 20px;
	}
	.footer .contact-head span{
		font-size: 40px;
	}
	.wide-city .description, .wide-city .rules{
		margin-left: 0px;
	}
	.wide-city .description p{
		font-size: 14px;
		margin-bottom: 0px;
	}
	.wide-city .address{
		margin-right: 0px;
	}
	.text .type-time{
		font-size: 12px;
	}
	.selectslide-img ul.carousel-indicators li{
		width: auto;
	}
	.map-center #gmap_canvas{
		margin: 20px 43px;
	}
	.main-bracket  .coed .dropbtn{
		padding: 6px 10px;
	}
	.main-bracket .schedule-code .code-link{
		padding: 1px 0px;
	}
	.main-bracket .schedule-code .active>.code-link{
		padding: 0px;
	}
	.gallery button{
		margin: 15px 15px 15px 0;
	}
	.all-image{
		max-width: unset;
	}
	.local-sponsors{
		margin: 0px 25px !important;
	}
	.sponsors .local-image{
		margin-bottom: 10px !important;
	}
	#carouselExampleControls{
		display: none !important;
	}
	.event-nav{
		padding-top: 0px;
	}
	.event-page .pastevent-section{
		margin-top: 0px;
	}	
	.navbar-header .navbar-nav  .dropdown{
		position: relative !important;
		top: 0px !important;
		left: 0px;
	}
	.navbar-header .navbar-nav .dropdown-menu{
		top: 25px !important;
	    left: 0px;
	    width: 100%;
	    min-width: fit-content !important;
	}
	.event-detail .dropdown .menu-down {
		margin: 0px 7px;
	}
	.footer .contect-text p br {
	    display: none;
	}
	.tooltip .tooltiptext {
		top: 18px;
	}
} 

@media (max-width: 575px){
	/* navbar */
	
	
	/* 
	.navbar-header .nav-item {
		margin-top: 10px;
	}
	.homepage-event .header{
		overflow: visible;
	}
	.header .navbar-header .nav-item .nav-link {
		padding: 3px 3px;
	} */
	
	.homepage-event .headerinput-search #locationsearch{
		width: 75%;
    	display: inline-block;
	}
	.headerinput-search{
		left: 0%;
	}
	.container .navbar-brand img {
		width: 200px;
	}
	.header .container .navbar-header ul {
		border-right: none;
	}
	.navbar-toggler{
		padding: 0px !important;
	}
	
	.heade-search{
		left: unset;
		text-align: center;
	}
	.head-gallery form.example input[type=text]{
		width: 72%;
	}
	.head-gallery form.example button{
		width: 23%;
	}
	.homepage-event .content .headerinput-search{
		left: 0%;
	}
	.homepage-event .headerinput-search #locationsearch{
		width: 75% !important;
	}
	.tooltip:hover .tooltiptext {
		visibility: hidden;
	}
	
	.clock-item {
		width: 23%;
	}
	.clock-canvas{
		height: 75px;
		width: 75px;
		padding-bottom: 0%;
	}
	.selectslide-img .carousel-indicators{
		display: none;
	}
	.carousel {
		height: 100%;
	}
	.text{
		margin-top: 10px;
		left: 0;
	}
	.text .val{
		font-size: 20px;
	}
	.homepage-event .leptop-text .reality-content p{
		font-size: 14px;
	}
	.leptop-text-1 .icon-text span{
		margin-left: 0px;
	}
	.homepage-event .leptop-text .point-reality ul{
		font-size: 14px;
	}
	.leptop-text-1 .icon-text{
		padding: 1% 0%;
	}
	.leptop-text-1 .simpale-text{
		padding: 0 0%;
	}
	.homepage-event .selectslide-img{
		padding: 0px 0px;
	}
	.homepage-event .center .look-map .selectslide-img .carousel .carousel-control-next{
		display: none;
	}
	.homepage-event .center .look-map .selectslide-img .carousel .carousel-control-prev{
		display: none;
	}
	.homepage-event .leptop-text .main-reality{
		font-size: 26px;
	}
	.homepage-event .look-map .event-text {
		padding: 10px 10px;
		font-size: 19px;
	}
	.homepage-event .look-map .main-map {
		padding: 0 0px 10px;
	}
	.map-button ul li {
		padding: 3px;
	}	
	.contact-form {
		padding-bottom: 0px !important;
	}
	.contect-text p {
		font-size: 20px;
	}
	.form-group .evntfilters .form-control{
		width: 45px;
    	height: 25px;
	}
	.event-detail .header {
		height: 360px;
	}
	.event-detail .content{
		padding: 0px 5px;
	}
	.windy-city .detail button {
		margin-right: 10px;
	}
	.windy-city .windy-text h1 {
		font-size: 30px;
	}
	.wide-city .description, .wide-city .rules {
		margin-left: 0px;
	}
	.wide-city .description p {
		font-size: 15px;
	}
	.address {
		float: left !important;
		margin-right: 0px !important;
	}
	.map-center .clearfix button {
		margin-left: 5px !important;
	}
	.map-center .event-map button {
		margin-right: 10px;
	}
	.main-bracket .schedule button {
		margin: 10px 0px 10px 0;
		border-radius: 12px 0 12px 0;
	}
	.coed-contant .stading button {
		margin: 10px 0px;
		padding: 1px 4px;
		font-size: 14px;
	}
	.schedule button {
		margin: 10px 0;
	}
	.main-bracket .coed .coed-box {
		margin-bottom: 15px;
	}
	.main-bracket .coed .dropbtn {
		padding: 4px 15px;
		font-size: 20px;
	}
	.homepage-event .custom-brand .main-custom{
		font-size: 26px;
	}
	.main-bracket .coed .fa-caret-right {
		font-size: 30px;
	}
	.drop-code {
		padding: 10px 5px !important;
	}
	.main-bracket .schedule-code .code-link {
		font-size: 13px;
		padding: 3px;
	}
	.main-bracket .schedule-code .active>.code-link{
		padding: 2px;
	}
	.field-box {
		overflow: auto;
	}
	.main-bracket .play-contant .play-button {
		margin-bottom: 15px;
	}
	.gallery-btn {
		text-align: center;
	}
	.gallery button {
		margin-right: 10px
	}
	.cale-year .dropdown-menu{
		margin-left: -16px;
	}
	.sponsors .border-long{
		border-left: none;
	}
	.sponsors .calend-blog .erphone{
		height: 50px;
    	width: 50px;
	}
	.main-bracket .coed .dropdown-content{
		margin: 0 16px;
	}
	.drop-code .bracket-start{
		margin: 5px 0px;
		height: 40px;
		padding: 0px 8px;
	}
	.sponsors .local-sponsors {
		margin-bottom: 15px !important;
	}
	.local-sponsors .local {
		text-align: center;
	}
	.sponsors .local button {
		margin-right: 10px;
	}
	.ad-item {
		margin: 0px 0px 8px !important;
	}
	.sponsors .all-button .ad-link {
		padding: 4px 28px !important;
	}
	.sponsors .img-sponsors {
		margin: 0 10px !important;
	}
	.sponsors .local-image {
		margin: 10px !important;
		padding: 5px !important;
	}
	.map-center .main-map #gmap_canvas{
		margin: 12px 24px;
	}
	.main-bracket .tab-schedule .code-link{
		padding: 1px;
	}
	.team-table tr div{
		width: 200px;
	}
	.main-bracket .all-teams .teams{
		width: 150px;
		padding: 2px 2px;
	}
	.header .event-bg h1{
		font-size: 65px;
	}
	.event-page .pastevent-section{
		margin-top: 0px;
	}
	.footer .copy-right {
		height: 60px;
	}
	.footer .contect-text p {
		font-size: 16px;
		margin-bottom: 0px;
	}
	.event-detail .header .content h2{
		font-size: 21px;
	}
	.event-detail .header .content span {
	    font-size: 16px;
	}
	.windy-text h2{
		font-size: 22px;
	}
	.wide-city .location-contant {
	    margin-top: 20px;
	    float: left !important;
	}
	.eventmapw {
	    margin: 15px !important;
	}
	.text .type-time {
	    font-size: 10px;
	}
	.gallery .all-image {
	    max-width: 80%;
	    display: block;
	}
	.event-detail .dropdown .menu-down {
		margin: 0px 7px;
	}
	.navbar-header .navbar-nav  .dropdown{
		position: relative !important;
		top: 5px !important;
		left: 0px;
	}
	.navbar-header .navbar-nav .dropdown-menu{
		top: 25px !important;
	    left: 0px;
	    width: 100%;
	    min-width: fit-content !important;
	}
	.map-gallery h2{
		font-size: 40px;
	}
	.map-gallery .img-all{
		padding: 30px 0px;
	}
	.map-gallery .img-all .map-bg{
		margin: 15px 5px;
	}
	.countdown-container{
		margin-top: -25px !important;
	}
	.pagination{
		justify-content: center !important;
		margin: 10px 0px;
	}
	.psw-remembar .psw a {
		width: 100%;
		text-align: right;
		margin-top: -20px;
	}
	#modalLoginForm .modal-body{
		margin: 0px !important;
	}
	.modal-header h1 {
	    color: #1EB858;
	    font-size: 26px;
	}
	.regis-form {
		font-size: 24px;
	}
	.input-icons {
	    width: 100%;
	    margin-bottom: 10px;
	    margin-top: 10px !important;
	}
}

@media (max-width: 1200px) {
	.intro {
		height: 100vh;
		padding: 0;
	}
	.intro .intro-inner{
		position: absolute;
		left: 0;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
	.exp {
		height: auto;
	}
	.works {
		margin: auto;
	}
	.contacts .map {
		height: 350px;
	}
	.contacts .contacts-inner, 
	.contacts.contacts-active .contacts-inner, 
	.contacts.contacts-show.contacts-active .contacts-inner, 
	.contacts.contacts-show .contacts-inner{
		position: relative;
		width: auto;
		-webkit-transform: none;
		transform: none;
	}
	.main-nav {
		top: 0;
		left: 0;
		right: auto;
		bottom: 0;
		width: 200px;
		transform: translateX(-200px);
	}
	.main-nav .container {
		overflow-y: auto;
		width: auto;
		height: 100%;
		padding: 0;
	}
	.main-nav ul {
		padding: 15px 0 0;
		text-align: left;
	}
	.main-nav li {
		display: block;
		padding: 0;
	}
	.main-nav a {
		height: auto;
		padding: 15px 40px 15px 10px;
		line-height: 1;
	}
	.main-nav .current a:before {
		right: 15px; 
		bottom: 50%;
	}
	.main-nav a:before {
		left: auto;
		right: -10px;
		bottom: 50%;
		margin: 0 0 -5px;
	}
	.main-nav .main-nav-trigger {
		display: block;
	}
	.main-nav.main-nav-visible {
		transform: translateX(0);
	}
}