@media (max-width: 1024px){
    .slider-part-search{
            left: 30px;
    }
}
@media (min-width: 767px) {
    .nav-btns {
        display: none;
    }
    #nav-aside {
        display: none;
    }
    div.hamburger, div.close-nav {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .search-filter-separate.home-search-box .search-text{margin-top:30px;}
	#home-banner .slider-part-search {    top: 90px;    }
    body{
        font-size:14px;
    }
    #main-nav ul li{
        margin-left:15px;
    }
    #main-nav ul li a{
        font-size:12px;
    }
    .logo-wrp img{
        max-width:100px;
    }
    .common-listing-box{
        padding:0 15px;
    }
    .upcoming-fixture-box{
        padding: 17px;
    }
    .common-listing-box .common-button-wrp .common-button {
        font-size: 13px;
    }
    .common-listing-box .common-button-wrp {
        margin-top: 15px;
    } 
    .team-match-box img {
        max-height: 50px;
        max-width: 50px;
    }
    .common-listing-box .common-button-wrp .common-button {
        font-size: 13px;
    }
    .upcoming-fixture-box{
        min-height: initial;
    }               
    .all-logo-listing ul li img {
        max-height: 80px;
    }
    .footer-heading{
        font-size: 22px;
    } 
    .big-btn {
        height:54px;
    } 
    
    /*----------------------------*\
	nav aside
\*----------------------------*/
div.hamburger {
    display: none;
}
.logo-wrp {
    text-align: center !important;
}
.search-param {
    margin-right: auto;
}
#app {
    overflow-x: hidden;
}
#nav-aside {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #130426;
    max-width: 360px;
    width: 100%;
    padding: 80px 0px;
    overflow-y: scroll;
    z-index: 99;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.4s all cubic-bezier(.77, 0, .18, 1);
    transition: 0.4s all cubic-bezier(.77, 0, .18, 1);
  }
  
  #nav-aside.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  ul.nav-aside-menu {
      padding-left: 0;
  }
  ul.nav-aside-menu ul {
      padding-left: 0;
  }
  .nav-aside-menu li {
      list-style: none;
      padding: 0 15px;
  }
  .nav-aside-menu>li {
      border-bottom: 1px solid white;
  }
  .nav-aside-menu li:first-child>a, .nav-aside-menu li:nth-child(2)>a, .nav-aside-menu li:nth-child(3)>a, .nav-aside-menu li:nth-child(4)>a,
  .nav-aside-menu li:first-child>a:active, .nav-aside-menu li:nth-child(2)>a:focus, .nav-aside-menu li:nth-child(3)>a:focus, .nav-aside-menu li:nth-child(4)>a:focus{
      color: white !important;
  }
  .nav-aside-menu li a {
    display: block;
    padding: 15px 0px;
    color: #fff;
    text-transform: uppercase !important;
    /*border-bottom: 1px solid #323335;*/
  }
  
  .nav-aside-menu li a:hover, .nav-aside-menu li a:focus {
    color: #05C5FF !important;
  }
  
  .nav-aside-menu li.has-dropdown>a {
    cursor: pointer;
  }
  
  .nav-aside-menu li.has-dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    float: right;
  }
  
  .nav-aside-menu li.has-dropdown>.dropdown {
    display: none;
  }
  
  .nav-aside-menu li.has-dropdown.active>.dropdown {
    display: block;
  }
  
  .nav-aside-menu li.has-dropdown>.dropdown a {
    padding: 15px;
  }
  
  .nav-close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 15px;
    background-color: transparent;
    border: none;
  }
  
  .nav-close span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .nav-close span:before, .nav-close span:after {
    content: "";
    display: block;
    width: 30px;
    background-color: #fff;
    height: 2px;
  }
  
  .nav-close span:before {
    -webkit-transform: translateY(0px) rotate(-135deg);
    -ms-transform: translateY(0px) rotate(-135deg);
    transform: translateY(0px) rotate(-135deg);
  }
  
  .nav-close span:after {
    -webkit-transform: translateY(-2px) rotate(135deg);
    -ms-transform: translateY(-2px) rotate(135deg);
    transform: translateY(-2px) rotate(135deg);
  }

  .nav-btns {
    float: right;
    padding: 10px 0px;
    position: absolute;
    right: 10px;
    bottom: 45px;
  }
  
  .nav-btns>button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: none;
    background: transparent;
    font-size: 24px;
  }
  .listing-item-button{padding:0px;}
  .upcoming-fixture .listing-item .listing-item-button .common-button{font-size:12px; padding-top: 7px;
}
  .listing-item-data {
    display: block;
    flex-direction: row;
}

.listing-item {
    display: block;
    padding-bottom: 15px;
    padding-top: 15px;
}

.listing-item-button {
    padding: 5px 15px;
}

.listing-item-data,.listing-item-date {
    padding: 5px 15px;
}

.separator {
    margin: 5px 0;
}
}

@media only screen and (max-width: 767px) {
    .main-banner{
        min-height: 400px;
    }
    .navigation{
        display: none;
    }
    .search-text input{
        max-width: 100%;
    }
    .search-text {
        margin-top: 30px;
        max-width: 340px;
       /* margin: 0 auto;*/
        margin-top:20px;
    }
    .slider-part-search:before {max-width: 340px;}
    .result-search-wrp{
        margin:0;
    }
    .search-heading{
        font-size: 19px;
    }
    .search-subheading{
        font-size: 15px;
    }
    a.common-button {
        font-size: 12px;
        height: 33px;
    }
    .common-heading{
        font-size:14px;
    }
    .common-listing-box{
        margin-top:30px;
    }
    .common-top-bottom-space{
        padding-top:30px;
        padding-bottom:30px;
    }
    .common-heading-wrp{
        margin-bottom:0;
    }
    .upcoming-fixture-box {
        padding: 30px;
    }
    .all-logo-listing {
        padding:30px 0;
        margin-top:10px;
    }    
    .all-logo-listing li{
        margin:0 auto;
        margin-bottom:30px;
    float: left;
    width: 50%;

    }
    .all-logo-listing ul li p{
        margin-top:10px;
    }
    .all-logo-listing li:last-child{
        margin-bottom:0;
    }
    .all-logo-listing ul{
        display:inline-block;
    }
    .listing-item-data, .listing-item-date {
    width: 50%;
    float: left;
    }
    .listing-item-button {
    text-align: center;
    display: inline-block;
    }
    .footer-banner-content,.listing-area-cat li,.price-product-info,.price-product-btn{
        display: block;
    }
    .search-text input {font-size:18px;}
    .listing-area-cat li .price-product-info .price-product-btn ,ul.listing-prouduct-main .list-product-wrp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    a.big-btn {
        height: 54px;
    }
    .footer-main-wrp {
        min-height: 276px;
    }
    .content-part {
        margin-bottom: 20px;
    }
    .top-footer {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }
    .footer-logo {
        margin-bottom: 10px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    } 
    .listing-area-cat li .date-section,.price-product-info{width:100%;} 
    
    .listing-area-cat li {
        margin-top: 30px;
        border-bottom: 2px solid #eee;
    }
    .date-section {
        border-bottom: 2px solid #EEEEEE;
    }  
    .listing-area-cat li:hover + li{
        border-color:#eee;
    }  
    .price-wrp {
        margin: 10px 0;
    }    
    .listing-area-cat {
        margin-top: 50px;
    }
    .img-wrp {
        padding-left: 0;
    }
    .event-info {
        margin-top: 30px;
    }
    .main-content-event p {
        margin-top: 15px;
    }
    .color-box{
        margin-top: 30px;
        padding:20px;
    }     
    .color-head {
        font-size: 26px;
    }   
    .customer-info-box {
        margin-top: 30px;
    }
    ul.ticket-filter.range-layout-filter li{
        min-width: initial;
        width:20%;
    }    
    .filter-item{
        margin-left:0;
        margin-top:10px;
    }
    .filter-row{
        display:block;
    }
    .listing-banner {
        min-height: 570px;
    }
    .listing-banner .search-subheading{
        display: block;
    }
    .listing-filter{
        margin-top:30px;
        margin-bottom:30px;
    }
    .map-list-wrp,.top-heading-list , ul.listing-prouduct-main > li,.list-product-wrp{
        display: block;
    }
    .top-heading-list , ul.listing-prouduct-main > li{
        height:auto;
    }
    .map-img-area{
        padding:0;
    }
    .table-listing-map,.list-product-wrp{
        width: 100%;
    } 
    ul.listing-prouduct-main > li {
        padding: 30px 15px;
    }
    .sort-by-filter{
        justify-content: space-between;
    }       
    .list-product-info {
        margin-bottom: 15px;
    }
    .top-heading-list{
        min-height: initial;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid #E6E4E8;
    }  
    .map-img-area{
        margin-bottom:30px;
    }  
    .map-with-listing {
        margin: 30px 0;
    }
    .timer-circle-wrp{
        margin-top:20px;
    }    
    .price-btn-wrp{
        margin-top:15px;
    }
    main#main-section.checkout-page-content{
        padding:40px 0;
    }
    .no-related-section-below{
        margin-bottom:30px;
    }
    .map-img-area img{
        max-width: 100%;
    }
    .table-listing-map{
        padding:0;
    }
    .logo-wrp{
        display: block;
        text-align: left;
        margin: 0 auto;
        width:100%;
        position: relative;
    }
    .logo-wrp img {
        max-width: 150px;
    }
    .search-param{
        width:auto;
        margin-left:0;
        margin-top:10px;
    }
    .header-inner{
        height:auto;
        padding:20px 0;
    }
    .strip-header{
        font-size:13px;
    }
    .category-banner{
        align-items:center;
    }
    .category-banner .search-banner{
        display:  block;
        margin:0;
    }
    .category-banner .search-subheading{
        display:block;
        margin-bottom:0;
        margin-left:0;
    }
    .item-head-cat{
        margin-right:0;
    }
    .listing-banner {
        min-height: initial;
        padding: 60px 0;
    }
    #filter-new{
        height:auto;
    }
    ul.ticket-filter li{
        min-width: initial;
        width:16.67%;
    }
    .map-svg-wrp svg{
        width:100%;
    }
    .map-img-area {
        margin-bottom: 0;
        position: relative;
        padding-bottom: 30px;
    }
    .pricing-new-wrp .common-button-wrp .common-button{
        font-size: 14px;
        width: auto;
        min-width: auto;
    }    
    .checkout-wrapper .common-button-wrp{
        justify-content: center;
    }
    .checkout-detail-form{
        margin-top:0;
    }
    .contact-page-form .checkout-detail-form{
        margin-bottom:0;
    }

    .navigation {
        /* display: none; */
        position: fixed;
        left: auto;
        background: #130426;
        height: 100%;
        top: 0;
        right: 0;
        display: block;
        padding-top: 20px;
        min-width: 250px;
        right:-100%;
        transition:all 0.5s ease 0s;
        z-index: 999;
    }
    .navigation.open{
        right:0;
    }
    #main-nav ul{
        display: block;
    }
    #main-nav ul li{
        padding: 15px 5px;
        border-bottom: 1px solid #fff;
        margin:0;
    }    
    #main-nav ul li a,#main-nav ul li a:hover,#main-nav ul li:hover > a,#main-nav ul li ul > li >a{
        color:#fff;
        border:none;
        background:none;
    }
    #main-nav ul li .submenu-wrap ul{
        display:none;
    }
    #main-nav ul li .submenu-wrap li{
        border:none;
    }
    .submenu-wrap{
        background:none;
        display: block;
        position:static;
        border:none;
        padding:0;
        padding-left: 20px;
    }
    #main-nav ul li > .submenu-wrap ul {
        padding-top: 10px;
    }
    .submenu-wrap:after {
        content: "\25BC";
        color: #fff;
        position: absolute;
        right: 15px;
        top: 23px;
        transform: translateY(-50%);
    }
    .hamburger {
        position: absolute;
        top: 4px;
        right: 0;
        font-size: 20px;
    } 
    body{
        position:relative;
    }  
    div.opacity-add {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 99;
        left:0;
        top:0;
    }    
    .close-nav {
        color: #fff;
        text-align: right;
        padding-right: 15px;
        font-size: 16px;
    } 
    .home-auth-left{
        padding:30px;
    }   
    .home-auth-right {
        order: initial;
        padding: 30px;
        border-bottom: 1px solid #E6E4E8;
    } 
    /*new line*/
    .zoom-map {
        bottom: 415px;
    }
}