@charset "utf-8";
/* CSS Document */
   
   .mobile-show{display:none;}
/* Example Styles
-----------------------------------------------*/

/* General
-----------------------------------------------*/
/* Left Navigation -----------------------------------------------*/
.mainNav { background:#fff; width:100%; }
/* First Level */
.mainNav ul { margin: 0; padding: 0; list-style: none; }
/*.mainNav ul li { border-top: 1px solid #eaeaea; }*/
.mainNav ul li a { color:#000; display: block; font-size:14px; line-height: normal; padding:12px 20px; text-decoration:none;    font-family: 'Montserrat';     letter-spacing: 1px;    font-weight: 600;}
.mainNav ul li a:hover { background: #e40046; text-decoration: none; color:#fff;}
/* Second Level */
.mainNav ul ul { border-bottom: none }
.mainNav ul ul li a {color: #000;display: block;font-size:15px;line-height: normal;padding: 0.5em 1em 0.5em 2.5em;text-transform: capitalize; font-weight: 600;}
.mainNav ul ul li a:hover { background: #e40046; }
/* Third Level */
.mainNav ul ul ul { border-top:1px solid #eaeaea; }
.mainNav ul ul ul li { border:none; }
.mainNav ul ul ul li a { padding-left:3.5em; padding-top:0.25em; padding-bottom:0.25em; }
/* Accordion Button */
ul li.has-subnav .accordion-btn {color: #636363;background: #fff;font-size:16px;}
.mainNav ul li a span{float:left; margin:0 10px 0 0;}
@media screen and (max-width: 1024px) {
.mainNav {width:100%;}
}


@media screen and (max-width: 700px) {
.mainNav {width: 100%;}
.mainNav ul li:nth-child(2) {padding: 10px 10px 0; height:70px;border-bottom: 1px solid #eaeaea;margin-bottom: 10px;}
.mainNav ul li ul li:nth-child(2) {padding: 0 0 0 0;height:auto;border-bottom:0;margin-bottom:0px;margin-top: 0px;}
.mainNav ul li a{padding:10px 20px;}
.mainNav ul li ul li a{padding:5px 1em 0 40px !important; font-size:12px !important;height: 26px;}

}


 @media only screen and (min-width : 769px) and (max-width : 800px)
 {
.top-strip-logo-menu ul li a {padding: 8px 7px; font-size: 14px;}
.top-strip-logo{width:130px;}
.top-strip-logo img{width:100%}
.create-event{ margin: 16px 0px 19px 0px;}	
.create-event a{     letter-spacing: 0;   padding: 6px 9px;}	
.sb-icon-search, .sb-search-submit{    width: 38px; height: 38px;} 
.sb-search{  width: 38px; height: 38px;} 
.top-search{ width:auto;   padding: 13px 0px;}
.fix-search-inner{    padding: 0px 8px 0px 9px;}

.event-filter-item input{font-size:12px;}
.category-select select{font-size:12px;}
.event-filter-item-searchs input{font-size:12px;}
.event-filter-item { width: 165px !important;}
.event-filter-item:nth-child(4) {  width: 169px !important;}
.event-filter-item:nth-child(5) { width: 92px !important; }
 #home-page-slider .owl-nav {bottom: 103px;}
 }
 
  @media only screen and (min-width : 801px) and (max-width : 850px)
 {
.top-strip-logo-menu ul li a {padding: 8px 7px; font-size: 14px;}
 .top-strip-logo{width:150px;}
.top-strip-logo img{width:100%}
.create-event{ margin: 16px 0px 19px 0px;}	
.create-event a{     padding: 6px 9px;}	
.sb-icon-search, .sb-search-submit{    width: 38px; height: 38px;} 
.sb-search{  width: 38px; height: 38px;} 
.top-search{ width:auto;   padding: 13px 0px;}
.fix-search-inner{    padding: 0px 8px 0px 9px;}

.event-filter-item input{font-size:12px;}
.category-select select{font-size:12px;}
.event-filter-item-searchs input{font-size:12px;}
 .event-filter-item { width: 21%;}
 
.event-filter-item:nth-child(4) {  width: 195px !important;}
.event-filter-item:nth-child(5) { width: 92px !important; }
  #home-page-slider .owl-nav {bottom: 105px;}
 }
 
  @media only screen and (min-width : 851px) and (max-width : 900px)
 {
.top-strip-logo-menu ul li a {padding: 8px 7px; font-size: 14px;}
 
.top-strip-logo img{width:100%}
.create-event{ margin: 16px 0px 19px 0px;}	
.create-event a{     padding: 6px 9px;}	
.sb-icon-search, .sb-search-submit{    width: 38px; height: 38px;} 
.sb-search{  width: 38px; height: 38px;} 
.top-search{ width:auto;   padding: 13px 0px;}
.fix-search-inner{    padding: 0px 8px 0px 9px;}

.event-filter-item input{font-size:13px;}
.category-select select{font-size:13px;}
.event-filter-item-searchs input{font-size:13px;}
 .event-filter-item { width: 21%;}
 #home-page-slider .owl-nav { bottom: 100px;}
 }

  @media only screen and (min-width : 901px) and (max-width : 1024px)
 {
.top-strip-logo-menu ul li a {padding: 8px 13px;  }
.create-event{ margin: 16px 0px 19px 0px;}	
.create-event a{     padding: 6px 9px;}	
.sb-icon-search, .sb-search-submit{    width: 38px; height: 38px;} 
.sb-search{  width: 38px; height: 38px;} 
.top-search{ width:auto;   padding: 13px 0px;}
.fix-search-inner{    padding: 0px 8px 0px 9px;}

.event-filter-item input{font-size:13px;}
.category-select select{font-size:13px;}
.event-filter-item-searchs input{font-size:13px;}
 .event-filter-item { width: 21%;}
 #home-page-slider .owl-nav { bottom: 126px;}
 }
   @media only screen and (min-width : 1025px) and (max-width : 1046px)
   {
.create-event{
    margin: 19px 25px 19px 25px;
}	
	   
   }
   
@media (max-width:520px) {
 .event-link{width:50%;float: left;}	
.event-link3{border-left: 1px solid #cdcdcd;} 
}
   
@media screen and (max-width: 768px) {	
.footer-section {width: 100%;}	
.footer-section-last1 {width: 100%;}
.footer-section-last2 {width: 100%;}
.events-div-center{border:none}
.event_on_div{width:100%;}
.calender_on_div{width:100%}
.home-allevent-list{font-size:19px}
.cloaseas10{right:0px !important; z-index:999 !important}
.category-select select{    height: 43px;}
.event-view .event-box{height:auto !important;max-height:100% !important;}
.event-box-mid h1{font-size:16px;}
.search-location-secton{    right: 15px;}
.event-filter-item{height:auto}
.home-event-link-tab{width:50%; padding: 9px 15px;}
.calender_on_div h1{font-size:20px;}
#attendence_grid{padding-left:0px !important}
.mobile-show{display:block;}
.website-show{display:none;}
}
  
 @media screen and (max-width: 1024px) {	
.footer-ul li{font-size:13px;}
.footer-ul li a{font-size:13px}
.event_calendar_section{width:90%} 
.home-allevent-list{padding-left:0px;text-align: center;}
.eventbox-add1 img{width:100%} 
.event-box-bottom-btn{padding: 3px 4px 4px;}
.cloaseas101{    top: 0px;}
 .cloaseas101 i {font-size: 15px;}
 .event-search{display:none;}
 
 } 
   @media only screen and (min-width : 769px) and (max-width : 1160px) 
   {
.cloaseas10{right:0 !important}
   }