/*Header Green Color : #1b5e20*/

/*For Font Face Section*/ 
@font-face { 
    font-family: Montserrat-Thin;
    src: url(../fonts/montserrat/Montserrat-Thin.ttf);
}
@font-face { 
    font-family: Montserrat-ThinItalic;
    src: url(../fonts/montserrat/Montserrat-ThinItalic.ttf);
}
@font-face { 
    font-family: Montserrat-Light;
    src: url(../fonts/montserrat/Montserrat-Light.ttf);
}
@font-face { 
    font-family: Montserrat-LightItalic;
    src: url(../fonts/montserrat/Montserrat-LightItalic.ttf);
}
@font-face { 
    font-family: Montserrat-Medium;
    src: url(../fonts/montserrat/Montserrat-Medium.ttf);
}
@font-face { 
    font-family: Montserrat-MediumItalic;
    src: url(../fonts/montserrat/Montserrat-MediumItalic.ttf);
}
@font-face { 
    font-family: Montserrat-Regular;
    src: url(../fonts/montserrat/Montserrat-Regular.ttf);
}
@font-face { 
    font-family: Montserrat-SemiBold;
    src: url(../fonts/montserrat/Montserrat-SemiBold.ttf);
}
@font-face { 
    font-family: Montserrat-SemiBoldItalic;
    src: url(../fonts/montserrat/Montserrat-SemiBoldItalic.ttf);
}
@font-face { 
    font-family: Montserrat-ExtraLight;
    src: url(../fonts/montserrat/Montserrat-ExtraLight.ttf);
}
@font-face { 
    font-family: Montserrat-Bold;
    src: url(../fonts/montserrat/Montserrat-Bold.ttf);
}
@font-face { 
    font-family: MyriadPro-Regular;
    src: url(../fonts/montserrat/MyriadPro-Regular.ttf);
}
@font-face { 
    font-family:Philosopher-Regular ;
    src: url(../fonts/Myriad/Philosopher-Regular.ttf);
}
@font-face { 
    font-family: Philosopher-BoldItalic;
    src: url(../fonts/philosopher/Philosopher-BoldItalic.ttf);
}
@font-face { 
    font-family:Philosopher-Italic ;
    src: url(../fonts/philosopher/Philosopher-Italic.ttf);
}
@font-face { 
    font-family: Philosopher-Bold;
    src: url(../fonts/philosopher/Philosopher-Bold.ttf);
}
@font-face { 
    font-family: ;
    src: url(../fonts//.ttf);
}

/*Common Styles*/
.wrapper,.tab-block,.tab-cont{
    max-width: 1600px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
.wrapper-small{
    max-width: 1500px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
.wrapper-mini{
    max-width: 1200px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
.wrapper-extra-small{
    max-width: 800px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
.tab-block,.tab-cont{
    padding: 0;
}
img{
    max-width: 100%;
}
ul{
    margin: 0;
    padding: 0;
    
}
li{
    list-style: none;
}

/*Header Section Styles*/
a,
a:hover {
	text-decoration: none;
}
#header {
  background: rgb(206,31,41);
background: linear-gradient(90deg, rgba(206,31,41,1) 0%, rgba(116,15,82,1) 31%, rgba(116,15,82,1) 64%, rgba(206,31,41,1) 99%);
  margin: 0 auto;
 box-shadow: 0 0 10px #636363;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  #header {
    padding: 1em 0;
  }
}
#header .header-inner {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  height: auto;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  #header .header-inner {
    max-width: 768px;
    height: 3em;
  }
}
@media only screen and (max-width : 767px) {
  #header .header-inner {
    height: 1em;
    padding: 0 1em 1em;
  }
}
#header .navbar .logo {
       position: absolute;
    right: 700px;
    text-align: center;
    top: -5px;
    background-color: rgb(255, 255, 255);
    padding: 22px 40px;
    
}
#header .navbar .logo img{
    overflow: hidden;
}
#header .navbar .logo:before{
    content: '';
    position: absolute;
    top: 0;
    left: -7px;
    background: url(../images/logo-side-img-1.png);
    background-repeat: repeat-y;
    width: 13px;
    height: 100%;
    z-index: 99;
}
#header .navbar .logo:after{
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    background: url(../images/logo-side-img-1.png);
    background-repeat: repeat-y;
    width: 13px;
    height: 100%;
    z-index: 99;
}
@media only screen and (max-width : 767px) {
  #header .navbar .logo {
    margin: 0 auto;
    position: relative;
    width: 135px;
    right: 0;
    top: 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  #header .navbar .logo {
    margin: 0.5em 0;
    right: 257px;
    top: -20px;
  }
}
@media only screen and (max-width : 767px) {
  #header .navbar .logo img {
    width: 135px;
  }
}
/*
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  #header .navbar .logo img {
    width: 225px;
  }
}
*/
#header .navbar .menu {
  text-align: center;
/*  margin-top: 12px;*/
/*    padding: 6px 0;*/
    padding: 0;
    margin: 0;
}
@media only screen and (max-width : 767px) {
  #header .navbar .menu {
    display: none;
  }
}
#header .navbar .menu ul {
  list-style-type: none;
}
#header .navbar .menu ul .video {
  margin-right: 355px;
}
/*
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  #header .navbar .menu ul .video {
    margin-right: 260px;
  }
}
*/
#header .navbar .menu li {
  display: inline-block;
    overflow: hidden;
    padding: 0;
    margin-bottom:-6px;
}
/*
@media only screen and (min-width : 1024px) {
  #header .navbar .menu li {
    padding: 0 0.75em;
  }
}
*/
#mobile-menu, #mobile-user {
  background: url('https://startersitev2.wmg-gardens.com/sites/startersitev2.wmg-gardens.com/files/201306/home-onepage-mobile_menu.png') no-repeat scroll right 0 transparent;
  cursor: pointer;
  height: 1.25em;
  margin-top: -22px;
  float: right;
  width: 1.5625em;
}
@media only screen and (min-width : 768px) {
  #mobile-menu, #mobile-user {
    display: none;
  }
}
#mobile-menu ul.mobile-menu, #mobile-user ul.mobile-menu, #mobile-menu ul.mobile-user, #mobile-user ul.mobile-user {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  z-index: 100000;
  display: none;
}
#mobile-menu ul.mobile-menu li, #mobile-user ul.mobile-menu li, #mobile-menu ul.mobile-user li, #mobile-user ul.mobile-user li {
  background: #444;
  border-top: 1px solid #cdcdcd;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  margin: 0;
}
#mobile-menu ul.mobile-menu li a, #mobile-user ul.mobile-menu li a, #mobile-menu ul.mobile-user li a, #mobile-user ul.mobile-user li a {
  display: block;
}
#mobile-user {
  background: url('https://s.cdpn.io/17920/head_2.png') no-repeat scroll right 0 transparent;
  height: 21px;
  margin-right: 15px;
  margin-top: -24px;
}
.hat {
  background: #fff;
  padding: 10px;
}
@media only screen and (max-width : 767px) {
  .hat {
    display: none;
  }
}
.menu-out, .menu-out ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-out:before, .menu-out:after {
  content: "";
  display: table;
}
.menu-out:after {
  clear: both;
}
.menu-out {
  zoom: 1;
  float: right;
}
.menu-out li {
  float: left;
  position: relative;
/*    overflow: hidden;*/
}
.menu-out a {
  font-size: 14px;
    padding: 5px 10px;
    color: #000;
    text-transform: capitalize;
    font-weight: 550;
    font-family: Montserrat-Light,sans-serif;
   
}
.menu-out li:hover > a {
  color: #ed3d3d;
}
.menu-out ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 33px;
  left: -10px;
  z-index: 1;
  background: none repeat scroll 0 0 #000;
  transition: all 0.2s ease-in-out;
}
.menu-out li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.menu-out ul li {
  float: none;
  display: block;
}
.menu-out ul a {
  display: block;
  float: none;
  padding: 10px 20px;
  white-space: nowrap;
}
.menu a{
   padding: 25px 50px;
    color: #fff;
    display: block;
    font-family: Montserrat-regular,sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}
.menu li:hover a{
    color: #000;
}
.menu li:nth-child(1) a{
    padding-left: 0;
}
.menu li:nth-child(8) a{
    padding-right: 0;
}
#header .navbar{
    padding: 0;
}
.menu-left{
    float: left;
}
.menu-out li img{
    margin-right: 5px;
}
.menu-out li span{
    padding-top: 5px;
}
.menu-right li a{
     padding: 0 40px;
}
.menu-right li:nth-child(4) a{
    padding-right: 20px;
}
.menu-left li:nth-child(1) a{
    padding-left:0px;
}
.drop{
     background: rgb(206,31,41) !important;
background: linear-gradient(180deg, rgba(30,8,9,1) 0%, rgba(120,20,24,1) 100%) !important;
    border-radius: 5px;
    padding: 20px;
}
.drop li a{
    color: #fff;
}
.drop li{
    padding: 10px;
    display: block;
    text-align: left;
}
/* Effect 16: fall down */
.menu li a {
	color: #fff;
	text-shadow: 0 0 1px #fff;
}
.menu li a:before,.menu li a.actt:before {
	color: #ffdc10;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.menu li a:hover:before,.menu li a.actt:before,
.menu li a:focus:before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}
.menu li a:hover{
    color: #fff;
/*    background: #fff;*/
}

/*Onscroll Fixed Header style here*/
.main{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999999999999999999999;
}
.main .logo {
    top: -6px !important;
    padding: 13px 40px !important;
}
.mobile-menu,.mobile-user{
     background: rgb(206,31,41) !important;
     background: linear-gradient(180deg, rgba(30,8,9,1) 0%, rgba(120,20,24,1) 100%) !important;
    border-radius: 5px;
}
.mobile-menu li,.mobile-user li{
    background-color: transparent !important;
}
.mobile-menu li a,.mobile-user li a{
    color: #fff !important;
}

/*banner section style here*/
.banner-section{
    margin-top: 40px;
    overflow: hidden;
}
.banner-left-list{
    background-color: #df0024;
    padding: 20px;
    width: 90%;
    height: 720px;
    position: relative;
    overflow: hidden;
   
}
.banner-left-list:before{
    content: '';
    position: absolute;
    bottom: 0;
    text-align: center;
    background: url(../images/banner-left-arrow.png)no-repeat;
    background-size: contain;
/*
    width: 100%;
    height: 100%;
*/
     width: 300px;
    height: 348px;
    
}
.banner-left-list h2{
    font-family: Montserrat-SemiBold,sans-serif;
    font-size: 20px;
    color: #f6d907;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: center;
}
.event-table .table th,.event-table  .table td{
    border: none;
    color: #fff;
    padding: 2px;
    transition: .7s;
    font-size: 14px;
     font-family: Montserrat-Regular,sans-serif;
}
.event-table .table{
/*    border-bottom: 1px solid #f6d907;*/
    margin-bottom: 10px;
    position: relative;
    transition: .7s;
    z-index: 99;
    padding: 10px;
    overflow: hidden;
}
.event-table li{
    overflow: hidden;
}
.event-2{
    width: 20%;
}
.event-1{
    width: 80%;
}
.even-pad{
   padding-bottom: 10px;
}
.event-table a{
    position: relative;
    transition: .7s;
}
.event-table .table:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #f6d907;
    opacity: 0.6;
    transition: .7s;
/*    z-index: 1;*/
}
/*
.event-table a:hover .table:before{
     width: 100%;
    z-index: -1;
}
*/
.event-table a hr{
    background: #f6d907;
}
.fa-1{
    font-size: 14px !imporatnt;
     font-family: Montserrat-Regular,sans-serif
}
.fa-2{
    font-size: 18px !imporatnt;
     font-family: Montserrat-Regular,sans-serif;
    font-weight: 550;
}
.slide-inner h2{
    color: #fff;
    font-size: 36px;
    font-family: Montserrat-SemiBold,sans-serif;
    width: 100%;
    z-index: 99;
    height: 100%;
    
}

/*Offers Section Style here*/
.offers h2{
    color: #000;
    font-size: 30px;
/*    font-family: Montserrat-SemiBold,sans-serif;*/
    font-family: MyriadPro-Regular,sans-serif;
    text-transform: uppercase;
    margin-top: 30px;
    text-align: center;
}
.offer-inner{
    padding: 10px;
}
.offer-inner img{
    border-radius: 15px;
    border: 8px solid #fae9ea;
    box-shadow: 0 0 10px #636363;
    
}

/*Future Events Section Style*/
.future-events{
    padding-bottom: 100px;
}
.title-head{
    position: relative;
    margin-bottom: 60px;
/*    overflow: hidden;*/
}
.title-head .title{
    z-index: 99;
}
.title-head .title h2{
    font-family: MyriadPro-Regular,sans-serif;
    font-size: 150px;
    text-transform: uppercase;
    color: #eeeeee;
    position: absolute;
    top:0;
    left: 0;
/*    opacity: .2;*/
/*    background-color: #fff;*/
    z-index: -1;
    
}
.title-head .title h2:before{
    background-color: #fff;
    content: '';
    position: absolute;
    top;0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}
.title-head .title h3{
    font-family: Montserrat-SemiBold,sans-serif;
    font-size: 30px;
    text-transform: capitalize;
    color: #d22027;
    text-align: left;
    font-weight: 600;
    padding-top: 70px;
    background-color: transparent;    
    
}
.title-head .second-title{
     text-align: right;
    position: relative;
    top: -40px;
}
.title-head .second-title a{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    color: #d22027;
    background-color: white;  
    border: 1px solid #d22027;
    border-radius: 20px;
    padding: 10px 30px;
    font-weight: 600;
    position: relative;
    transition: .5s;
    transform: scaley(1);
    width: 100%;
}
.title-head .second-title:before{
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #d22027;
    z-index: -10;
}
.title-head .second-title a:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
     background-color: #d22027;
    border-radius: 20px;
    transition: .5s;
/*    z-index: -1;*/
    
}
.title-head .second-title a:hover:before{
    width: 0%;
    z-index: -1;
}
.title-head .second-title a:hover{
     transform: scaley(5);
     box-shadow: 0 0 10px #636363;
    background-color: #d22027;
    color: #fff;
}
.btnfos-5 {
  border: 0 solid;
  box-shadow: inset 0 0 20px #d22027;
  outline: 1px solid;
  outline-color: #d22027;
  outline-offset: 0px;
  text-shadow: none;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  outline-color: #d22027;
  outline-offset: 0px;
     border-radius: 20px;
}
.btnfos-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px #d22027;, 0 0 20px #d22027;
  outline-offset: 15px;
  outline-color: #d22027;
  text-shadow: 1px 1px 2px #427388;
     border-radius: 20px;
}
.event-slider-inner{
    padding: 10px 10px 50px 10px;
}
.event-slider-inner .card{
     box-shadow: 0 0 10px #636363;
    border: none;
}
.event-slider-inner .card-title{
    font-family: Montserrat-Medium,sans-serif;
    font-size: 18px;
    text-transform: capitalize;
    color: #d22027;
    text-align: center;
    margin: 15px 0;
}
.event-slider-inner .card-body{
    padding: 10px 30px;
}
.event-slider-inner .card-text-1{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
    text-align: center;
/*    box-shadow: 0 5px 5px #636363;*/
    margin: 15px 0;
}
.event-slider-inner .card-text-2{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
    text-align: center;
}
.event-btn{
    font-family: Montserrat-Medium,sans-serif;
    font-size: 18px;
    text-transform: capitalize;
    color: #d22027;
        text-align: center;
    padding: 18px 42px;
    position: relative;
    top: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px #636363;
    left: 19%;
    transition: .5s;
    
}
.event-btn:before{
    content: '';
    position: absolute;
    top: 0;
    left: -7px;
    background: url(../images/logo-side-img-1.png);
    background-repeat: repeat-y;
    width: 13px;
    height: 100%;
    z-index: 99;
    transition: .5s;
}
.event-btn:after{
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    background: url(../images/logo-side-img-1.png);
    background-repeat: repeat-y;
    width: 13px;
    height: 100%;
    z-index: 99;
    transition: .5s;
}
.event-btn:hover{
    background-color: #d22027;
    color: #fff;
}
.event-btn:hover:before,
.event-btn:hover:after{
    background: url(../images/logo-side-img-2.png);
}
.owl-event-slider-1 .owl-nav.disabled, .owl-event-slider-1 .owl-dots.disabled,.owl-event-slider-1 {
    display: block;
    position: relative;
}
.owl-event-slider-1 .owl-nav button.owl-prev, .owl-event-slider-1  .owl-nav button.owl-next{
   position: absolute;
    top: -310px;
    background-color: #d22027;
    width: 50px;
    height: 50px;
    border-radius: 50%;
     box-shadow: 0 0 10px #636363;
    text-indent: -1000px;
    transition: .7s;
}
.owl-event-slider-1  .owl-nav button.owl-next{
   position: absolute;
    right:-19px;
}
.owl-event-slider-1 .owl-nav button.owl-prev{
left: -16px;
}
.owl-event-slider-1 .owl-nav button.owl-prev:before{
    content: '';
    position: absolute;
    top: 17px;
    left: 19px;
    background: url(../images/Slider-arrow-left.png)no-repeat;
    width: 10px;
    height: 18px;
}
.owl-event-slider-1 .owl-nav button.owl-next:before{
    content: '';
    position: absolute;
    top: 17px;
    right: 19px;
    background: url(../images/Slider-arrow-right.png)no-repeat;
    width: 10px;
    height: 18px;
}
.owl-event-slider-1 .owl-nav button.owl-prev:hover, 
.owl-event-slider-1  .owl-nav button.owl-next:hover{
    background-color: #740f52;
}
.owl-event-slider-1 .owl-nav button.owl-prev:focus, 
.owl-event-slider-1  .owl-nav button.owl-next:focus{
    outline: none !important;
    border: none !important;
}
.event-slider-1{
    margin-bottom: 10px;
}

/*Even Scheduler Section Style Here*/
.even-scheduler{
   
}
.even-scheduler .tab-mnu li{
    display: inline-block;
    cursor: pointer;
    padding: 30px 40px;
    color: white;
    transition: .5s;
    position: relative;
    z-index: 999;
}
.tab-mnu{
/*    overflow: hidden;*/
}
.even-scheduler .tab-mnu{
    background: rgb(206,31,41);
    background: linear-gradient(90deg, rgba(206,31,41,1) 0%, rgba(206,31,41,1) 1%, rgba(116,15,82,1) 71%, rgba(116,15,82,1) 100%);
    width: 100%;
    box-shadow: 0 0 10px #636363;
}
.even-scheduler .tab-mnu li:hover,.even-scheduler .tab-mnu li.active{
/*    background-color: #fff;*/
    color: #000;
}
.even-scheduler .tab-mnu li:before{
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 100%;
     transition: .5s;
    background-color: #fff;
/*
    background: rgb(250,246,246);
background: linear-gradient(90deg, rgba(250,246,246,1) 1%, rgba(116,15,82,1) 100%, rgba(116,15,82,1) 100%);
*/
    transform: scale(0);
}
.even-scheduler .tab-mnu li:hover:before,
.even-scheduler .tab-mnu li.active:before{
    height: 110%;
    z-index: -1;
    box-shadow: 0 0 10px #636363;
    transform: scale(1);
}
.even-scheduler{
    padding: 60px 0;
    background: rgb(30,8,9);
background: linear-gradient(180deg, rgba(30,8,9,1) 0%, rgba(120,20,24,1) 100%);
}
.even-scheduler h2{
font-family: Montserrat-SemiBold,sans-serif;
    font-size: 36px;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 40px;

}
.event-img img{
    border: 1px solid #fff;
    box-shadow: 0 0 10px #636363;
    transition: .7s;
}
.event-item{
    padding: 20px;
    border: 1px solid #7c4f50;
    position: relative;
    transition: .7s;
    z-index: 99;
    box-shadow: 0 0 10px #636363;
    overflow: hidden;
    width: 90%;    
    margin: 0 auto;
    margin-bottom: 45px;
    overflow: hidden;
}
.event-item:after{
    content: '';
    position: absolute;
    top:35%;
    left: 0;
    width: 5px;
    height: 50px;
     background-color: #d22027;
    transition: .7s;
    
}
.event-item:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 0;
    height:100%;
    background-color: #fff;
    transition: .7s;
    
}
.event-item:hover:after,.current:after{
    width: 15px;
}
.event-item:hover:before,.current:before{
    width: 100%;
    z-index: -1;
    
}
.event-content h3{
    font-family: Montserrat-SemiBold,sans-serif;
    font-size:24px;
    text-transform: capitalize;
    color: #fff;
    text-align: left;
    font-weight: 600;
    margin-bottom:20px;
    transition: .7s;
}
.list-1 li,
.list-2 li{
    display: inline-block;
     transition: .7s;
}
.list-1{
    margin-bottom:20px;
}
.list-1 .list-1-inner,
.list-2 .list-2-inner
{
    font-family: Montserrat-Regular,sans-serif;
    font-size:14px;
    text-transform: capitalize;
    color: #fff;
    text-align: left;
    padding: 0 15px 0 0;
     transition: .7s;
}
.list-2 li img{
    margin-right: 10px;
}
.list-1 li{
    border-right: 1px solid #fff;
    transition: .7s;
}
.list-1 li:nth-child(3){
    border: none;
}
.list-1 li:nth-child(1) .list-1-inner{
    padding-left: 0;
}
.event-item:hover .list-1 .list-1-inner,
.event-item:hover .list-2 .list-2-inner,
.event-item:hover .event-content h3,
.current .list-1 .list-1-inner,
.current .list-2 .list-2-inner,
.current .event-content h3
{
    color: #000;
}
.event-item:hover .list-1 li,.current .list-1 li{
    border-right: 1px solid #000;
}
.event-item:hover .list-1 li:nth-child(3),.current .list-1 li:nth-child(3){
    border: none;
}
.list-1 img,
.list-2     img{
    z-index: 99;
}
a.event-arrow img{
    margin-left: 50px;
    margin-top: 46px;
    position: relative;
}
a.event-arrow {
     position: relative;
}
a.event-arrow:before{
       content: '';
    position: absolute;
    top: 14px;
    left: 36px;
    width: 1px;
    height: 46px;
    background-color: #d22027;

}
.img-2{
    background: url(../images/Ticket-btn.png)no-repeat;
   width: 50px;
    height: 0px;
    position: absolute;
    top: -40px;
    left: 13px;
    z-index: 99;
    transition: .9s;
    
}
.coli-1{
    border-right: 1px solid #d22027;
}
.event-item:hover .event-img img,
.current .event-img img{
    border-radius: 30px;
}
.event-item:hover .img-2,.current .img-2{
    height: 156px;
}
.event-item:hover a.event-arrow img,.event-item:hover a.event-arrow:before,.current a.event-arrow img,.current a.event-arrow:before{
    opacity: 0;
}
/*trending Artist Section Slider*/
.trend-art-inner{
    padding: 10px;
    margin-bottom: 20px;
}
.trend-art-inner .img-sec{
    position: relative;
    overflow: hidden;
    transition: .8s;
}
.trend-art-inner .img-sec{
    box-shadow: 0 0 10px #636363;
    transition: .8s;
}
.trend-art-inner .img-sec .img-1{
    border: 4px solid #fff;
    transition: .8s;
}
.trend-art-inner .img-hov{
    position: absolute;
    transition: .8s;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
       padding-top: 138px;
    padding-left: 139px;
     transition: .8s;
    transform: scale(0);
    z-index: 99;
    
}
.trend-art-inner .img-hov:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: -1;
    transform: scale(0);
     transition: .8s;
}
.trend-art-inner .img-hov img{
    width: 59px;
    height: 59px;
    text-align: center;
    margin: 0 0 0 15px;
    transition: .8s;
}
.trend-art-inner .img-hov p{
    font-family: Montserrat-medium,sans-serif;
    font-size:24px;
    text-transform: capitalize;
    color: #fff;
    transition: .8s;
}
.inner-con-img img{
    width: 25px;
    height: 25px;
    transition: .8s;
}
.inner-con{
    padding-left: 8px;
    transition: .8s;
}
.trend-art-content ul{
    padding: 10px 0;
}
.trend-art-content ul  li{
    display: inline-block;
}
.trend-art-content ul  li:nth-child(1){
    width: 90%;
}
.inner-con h6,.inner-con p{
    font-family: Montserrat-medium,sans-serif;
    font-size:24px;
    text-transform: capitalize;
    color: #000;
    transition: .8s;
    margin-bottom: 0;
}
.inner-con p{
    font-size:18px;
    margin-bottom: 0;
}
.trend-art-inner:hover .img-hov:before,
.trend-art-inner:hover .img-hov
{
    transform: scale(1);
}
.owl-carousel .owl-item img{
    max-width: 100% !important;
    width: auto !important;
}

/*Testimnoial Section Style Here*/
.test-img img{
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    border: 4px solid #000;
    border-radius: 50%;
    margin-bottom: 20px;
}
.test-inner{
    text-align: center;
}
.test-content h3{
    font-family: Montserrat-Regukar,sans-serif;
    font-size:18px;
    text-transform: capitalize;
    color: #d22027;
    transition: .8s;
    margin-bottom: 5px;
    font-weight: 600;
}
.test-content h4{
    font-family: Montserrat-Regukar,sans-serif;
    font-size:16px;
    text-transform: capitalize;
    color: #d22027;
    transition: .8s;
    margin-bottom: 10px;
}
.test-content p{
    font-family: Montserrat-Regukar,sans-serif;
    font-size:14px;
    text-transform: capitalize;
    color: #000;
    transition: .8s;
    margin-bottom: 20px;
}
 .owl-test-slider .owl-dots.disabled {
    display: block;
}
.owl-test-slider .owl-dots {
    text-align: center;
    
}
.owl-test-slider .owl-dots .owl-dot{
    width: 10px ;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #000;
    padding: 2px;
    transition: .8s;
    margin-left: 10px;
}
.owl-test-slider .owl-dots .owl-dot:focus{
    outline: none !important;
}
.owl-test-slider .owl-dots .active,
.owl-test-slider .owl-dots .owl-dot:hover{
    background: #d22027;
    border: 2px solid #d22027;
    padding: 2px;
}

/*bemad-slider section style here*/
.bemad-slider{
     margin: 0 auto;
    margin: 20px 0;
   
}

/*Info Section Style here*/
.mad-info{
    background-color: #333333;
    padding: 60px 0;
    text-align: center;
    overflow: hidden;
}
.info-inner .info-img {
    width: 130px;
    height: 130px;
    line-height: 120px;
    border: 4px solid #d22027;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
    transition: .8s;
     background-color: #333333;
    box-shadow: inset 0 0 10px #636363;
    transition: .8s;
}
.info-inner{
    transition: .8s;
    transform: scale(1);
}
.info-inner:hover .info-img{
    border: 4px solid #fff;
}
.info-inner:hover p{
    color: #d22027;
}
.info-inner:hover{
    transform: scale(1.2);
}
.info-inner p{
     font-family: Montserrat-Medium,sans-serif;
    font-size:18px;
    text-transform: capitalize;
    color: #fff;
    transition: .8s;
    margin-top: 10px;
    margin-bottom: 20px;
    transition: .8s;
}
.mad-info-inner li{
    display: inline-block;
    margin-left: 184px;
}
.mad-info-inner li:nth-child(1){
    margin-left: 0;
}

/*Footer Section Style here*/
.foot{
    background: rgb(30,8,9);
background: linear-gradient(180deg, rgba(30,8,9,1) 0%, rgba(120,20,24,1) 100%);
    padding: 80px 0 0 0;
}
.foot-h3{
 font-family: Montserrat-SemiBold,sans-serif;
    font-size:24px;
    text-transform: uppercase;
    color:#d22027;
    transition: .8s;
    margin-bottom: 20px;
}
.foot-con td,
.foot-con td a,
.foot-link li a,
.bolg-content p,
.bolg-content a{
    font-family: Montserrat-Regular,sans-serif;
    font-size:16px;
    text-transform: capitalize;
    color:#fff;
    transition: .8s;
    margin-bottom: 10px;
     border: none;
}
.foot-con tr{
    border: none;
    
}
.fo-img{
    width: 10%
}
.fo-con{
    width: 90%;
}
.bolg-img{
    margin-bottom: 10px;
}
.bolg-img img{
    border: 2px solid #fff;
}
.foot-con td a:hover,
.foot-link li a:hover,
.bolg-content a:hover{
     color:#d22027;
}
.foot-link li{
    margin-bottom: 10px;
}
.bolg-content p{
    font-size: 14px;
}
.fa-foot ul li{
    display: inline-block;
}
.fa-foot ul{
    text-align: center;
    margin: 0 auto;
}
.fa-foot{
    margin: 30px 0;
}
.foot-copy{
    background-color: #000;
    
}
.foot-copy{
    text-align: center;
}
.foot-copy p,
.foot-copy a{
    font-family: Montserrat-Regular,sans-serif;
    font-size:14px;
    text-transform: capitalize;
    color:#fff;
    text-align: center;
    margin: 10px 0;
    
}
.foot-inner{
    overflow: hidden;
}
.slide-main{
    position: absolute;
    top: 40%;
    left: 10%;
    width: 100%;
}
button.slide-btn{
     outline: none;
    border: none;
    background-color: transparent;
   
}
button.slide-btn a{
    font-family: Montserrat-Regular,sans-serif;
    font-size:20px;
    text-transform: capitalize;
    color:#f6d907 !important;
    text-align: center;
    margin: 10px 0;
    border-bottom: 1px solid #f6d907;
    padding-bottom: 10px;
    margin-top: 40px;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999999999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
    padding-top: 60px;
    overflow: scroll;
    overflow-x: hidden;
}
.content-1-1,.login-modal{
    display: block;
    background-color: transparent;
}
.content-1-1 .modal-content{
    border: 1px solid transparent;
     margin: 8% auto 15% auto;
    box-shadow: 0 0 10px #636363;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 8% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 480px; /* Could be more or less, depending on screen size */
    padding: 10px 10px 30px 10px;
    
}
.login-modal .modal-content{
    border: 1px solid transparent;
     margin: 8% auto 15% auto;
    box-shadow: 0 0 10px #636363;
}

/* The Close Button (x) */
.close {
    position: absolute;
    right:9px;
    top:0px;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}
.log-inner{
    width: 400px;
    margin: 0 auto;
}
.input-field {
    text-align: left;
    margin-bottom: 14px;
    position: relative;
/*    margin: 0 30px 14px 30px;*/
}
.input-field label {
    color: #787892;
    font-size: 0.85rem;
    line-height: 1.6rem;
    font-family: "GraphikWeb-Medium", sans-serif;
    text-transform: capitalize;
}
.input-field input, .input-field textarea {
    margin-top: 3px;
    width: 100%;
    height: 42px;
    border-radius: 4px;
    padding: 6px;
    font-size: 1rem;
    background-color: #ffffff;
    border: 1px solid #dbdae4;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.input-field a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.85rem;
    line-height: 1.6rem;
    text-decoration: none;
    color: #03ca9d;
    cursor: pointer;
    font-family: "GraphikWeb-Medium", sans-serif;
}
.modal-content .primary-btn {
    height: 42px;
    margin: 10px 0;
    text-transform: none;
    font-size: 0.9rem;
}
.modal-content p {
    margin: 0;
    color: #27253f;
    text-align: center;
}
.modal-content p a {
    color: #03ca9d;
    text-decoration: none;
    cursor: pointer;
    font-family: "GraphikWeb-Medium", sans-serif;
}
.modal-content .primary-btn {
    width: 100%;
/*    height: 32px;*/
    margin: 0 0 10px 0;
    display: inline-flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    background-color: #03ca9d;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    outline: none;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
    word-spacing: 0.1em;
}
.mini{
    width: 49%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.content-1{
    width: 600px;
    margin: 4% auto 15% auto;
}
.sign-inner{
    width: 540px;
    margin: 0 auto;
    text-align: center;
}
.sign-innern h3 {
    font-size: 20px;
    line-height: 2.2rem;
    font-family: "GraphikWeb-Regular", sans-serif;
    text-align: center;
}
.imgcontainer{
    text-align: center;
}


/*Event Inner Page Style Here*/
.inner-slider{
    margin-bottom: 20px;
}
.inner-head{
    margin-bottom: 100px;
}
.inner-title{
    width: 500px;
    margin: 0 auto;
}
.inner-title h3{
    text-align: center !important;
}
.inner-title h2 {
    top: 0%;
    left: 30% !IMPORTANT;
        font-weight: 600;
}

.event-sec-1-left,.event-sec-1-right{
    margin: 20px 0;
}
.event-sec-1-img{
    overflow: hidden;
}
.btn-sec{
    display: block;
    margin: 40px 0;
}
.event-pg-btn{
    position: relative;
    left: 0;
    top:0;
     padding: 18px 342px
}
.event-pg-btn:hover,.act-btn{
    color: #fff;
    background-color: #d22027;
    transition: .8s;
}
.event-btn:hover {
    color: #fff;
}
.act-btn:before, .act-btn:after {
    background: url(../images/logo-side-img-2.png);
}
.act-btn:hover{
    color: #fff;
}
.event-sec-1-right h2,.event-tab-inner h3{
    font-family: Montserrat-Bold,sans-serif;
    font-size: 24px;
    color: #d22027;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.event-sec-1-right ul.event-pg-det li,.event-sec-1-right ul.event-info li{
    display: inline-block;
    margin-right: 10px;
    font-family: Montserrat-Bold,sans-serif;
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
    text-transform: capitalize;
    padding: 0 15px 0 0;
    font-weight: 600;
}
.event-sec-1-right ul.event-pg-det li:nth-child(1){
    border-right: 1px solid #d22027;
}
.event-sec-1-right ul.event-pg-det li span img{
    margin-right: 10px;
}
.event-sec-1-right h6{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
}
ul.event-info li span{
    color: #d22027;
    font-size: 18px;
    margin-right: 15px;
    font-weight: 600;
}
.event-sec-1-right ul.event-info li{
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: normal;
}
.event-sec-1-right ul.event-info .fun a{
    font-family: Montserrat-medium,sans-serif;
    font-size: 12px;
    padding: 10px 20px ;
    background: #e1e1e1;
    color: #000;
    text-transform: capitalize;
    transition: .5s;
}
.event-sec-1-right ul.event-info .fun a:hover{
    background: #d22027;
    color: #fff;
}
.event-sec-1-right ul.event-info .fun{
    margin: 20px 0 0 0;
}
.event-timer ul li {
  display: inline-block;
  list-style-type: none;
    padding: 0px 20px;
   text-transform: uppercase;
    font-family: Montserrat-Bold,sans-serif;
    font-size: 14px;
    color: #fff;
    position: relative;
        width: 95px;
    text-align: center;
}
.event-timer ul li:after{
    content: '';
    position: absolute;
    top:0;
    right: 0;
    background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(242,242,242,1) 29%, rgba(255,236,236,1) 66%, rgba(0,0,0,0) 100%);
    width: 1px;
    height: 100%;
}
.event-timer ul{
    background: #d22027;
    padding: 10px;
    border-radius: 4px;
    position: relative;
    width: 54%;
}
.event-timer ul li:nth-child(4):after{
    display: none;
}
.event-timer ul li span {
  display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.event-timer ul{
  	position:relative;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.)    
}
.event-timer ul:before, .event-timer ul:after{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
    box-shadow:0 0 20px rgba(0,0,0,0.5);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.event-timer ul:after{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.event-timer{
    margin-top:25px;
}
.event-tab .tab-legend{
    box-shadow:  0 0 10px #636363;
}
.tab-legend li{
/*    min-width: 250px;*/
    width: auto;
    text-align: center;
    background-color: white;
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none !important; 
    transition: .8s;
}
.tab-legend{
    background-color: transparent;
    margin: 1px 0 3px 0 !important; 
}
.event-tab .tab-vert .tab-legend {
    width: 250px;
    float: left;
}
.event-tab  .tab-legend li.active,.tab-legend li:hover{
    background: rgb(206,31,41);
    background: linear-gradient(90deg, rgba(116,15,82,1) 20%, rgba(206,31,41,1) 99%);
}
.event-tab  .tab .tab-legend .active,.event-tab  .tab .tab-legend li:hover {
     padding: 22px 15px; 
     background-color: #FFF; 
     color: #FFF; 
}
.event-tab  .tab .tab-legend > li {
    background-color: #fff;
}
.event-tab  .tab .tab-legend > li {
    padding: 22px 15px;
    color: rgb(206,31,41);
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    cursor: pointer;
}
.event-tab  .tab-content{
    background: #f7e5e6;
    box-shadow: 0 0 10px #636363;
    padding: 20px;
}
.event-tab  .tab-vert .tab-content {
    width: 1300px;
    display: block;
    float: left;
    margin: 1px 0 0 0;
    margin-left: 20px;
    min-height: 326px;
    height: auto;
}
.event-icons{
    background: #720f53;
    padding: 50px 10px;
    box-shadow: 0 0 10px #636363;
}
.event-icons ul li{
    display: inline-block;
    margin-right: 82px;
    transition: .5s;
}
.event-icons ul li:hover{
    transform: scale(1.05);
}
.event-icons ul li:nth-child(8){
    margin-right: 0;
}
.event-tab .tab {
    padding: 10px 10px 10px 20px;
}
.event-com-left img{
    border: 1px solid #fff;
    box-shadow: 0 0 5px #636363;
}
.com-img img{
    border: 1px solid #000;
    box-shadow: 0 0 5px #636363;
}
.com-con h3,.com-con p{
    text-transform: capitalize;
    font-family: Montserrat-Regular,sans-serif;
    font-size: 14px;
    color: #d22027;
    margin-bottom: 15px;
    font-weight: 600;
}
.com-con p{
    color: #000;
    margin-bottom: 20px;
    font-weight: normal;
}
.com-sec{
    padding: 20px 0;
    border-bottom: 1px Solid #636363;
}
.event-com{
    margin: 20px 0;
}
.event-com-right form h2,.event-com-right form label{
    text-transform: capitalize;
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #d22027;
    margin-bottom: 15px;
    font-weight: 600;
}
.event-com-right form label{
    font-size: 14px;
}
.event-com-right form select {
    outline: none;
    border: 1px solid #636363;
    color: #000;
    padding:0 20px;
}
.event-com-right form textarea{
    width: 100%;
    height: 200px;
    margin-bottom: 5px;
    padding: 10px;
    color: #000;
}
.event-com-right form textarea:focus{
    outline: none;
    border: 1px solid #d22027;
    box-shadow: 0 0 5px  #d22027;
    opacity: .6;
}
.event-com-right form textarea::placeholder{
    color: #000;
}
.event-com-right form button{
    ext-transform: capitalize;
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    background: #d22027;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px 0;
    font-weight: 600;
    outline: none;
    border: none;
    width: 100%;
    transition: .5s;
    cursor: pointer;
}
.event-com-right form button:hover{
    background: #720f53;
}
.se{
    text-align: right;
}
/*Checkboxes styles*/
.fil-in input[type="checkbox"] { display: none; }

.fil-in input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
 
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.fil-in .check{
 margin-bottom: 10px;
 }

.fil-in input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.fil-in input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid  rgba(206,31,41,1);
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.fil-in input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.eve-fil{
    background: #f9f3f6;
    border: 1px solid #e4e0e2;
    margin-bottom: 30px;
    transition: 1s;
}
.eve-fil:hover{
     box-shadow: 0 0 10px #636363;
}
.eve-fil h2{
    background: linear-gradient(90deg, rgba(116,15,82,1) 20%, rgba(206,31,41,1) 99%);
    color: #fff;
    font-family: Montserrat-Medium,sans-serif;
    font-size:26px;
    text-align: center;
    padding: 20px 0;
}
.fil-in{
    padding: 0 0 20px 0;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
}
.eve-fil form{
     padding: 20px;
}
.fil-in h3,.fil-in label{
   color: #d22027;
    font-family: Montserrat-Regular,sans-serif;
    font-size: 18px;
    text-align: left;
    margin-bottom: 20px;
     font-weight: 550;
    transition: .5s;
}
.fil-in label{
    color: #000;
    padding-left: 10px;
   font-weight: normal;
    font-size: 14px;
    transition: .5s;
}
.fil-in label:hover{
    color: rgba(116,15,82,1);
     font-weight: 600;
}
.fil-3{
    border: none;
}
.eve-item{
    border-radius: 0;
    border: 2px solid #e7e0e0;
    transition: .8s;
    margin-bottom: 20px;
    background: #f9f3f6;
}
.eve-item:hover{
    box-shadow: 0 0 100px rgba(0,0,0,.3);
}
.eve-item .card-img-top{
    border-radius: 0
}
.eve-item .card-text .fun a {
    font-family: Montserrat-medium,sans-serif;
    font-size: 12px;
    padding: 5px 30px;
    background: #e1e1e1;
    border: 1px solid #636363;
    color: #000;
    text-transform: capitalize;
    transition: .5s;
}
.eve-item .card-text .fun a:hover {
    background: #d22027;
    color: #fff;
    border: 1px solid #fff;
}
.eve-item .card-title  {
    font-family: Montserrat-Bold,sans-serif;
    font-size: 20px;
    color: #d22027;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 600;
}
.eve-item .card-text h3 ,.eve-item .card-text h4,.eve-item .card-text h5{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
}
.eve-item .card-text{
    margin: 20px 0;
}
.eve-item .card-text h4{
    font-size: 14px;
}
.eve-item .card-text h5 {
    margin-bottom: 5px;
}
.eve-item .card-text h5 img{
    margin-right: 10px;
}
.eve-btn-i{
    padding: 10px 222px;
}
.btn-eve{
    margin: 40px 0 0 0 ;
    transition: 0s;
}
.btn-eve a,.btn-eve a:before,.btn-eve a:after{
    transition: 0s;
}
.btn-eve:hover a{
    background: rgba(116,15,82,1);
}
.btn-eve:hover a:before,.btn-eve:hover a:after{
     background: url(../images/logo-side-img-3.png)repeat-y;
}
.eve-de{
    border-right: 1px solid #d22027;
}
.pg-nav{
    text-align: right;
    margin-bottom: 20px;
}
.pg-nav a{
    display: inline-block;
    font-family: Montserrat-Light,sans-serif;
    font-size: 14px;
    color: #d22027;
    border: 1px solid #d22027;
    padding: 5px 10px;
    text-transform: capitalize;
    transition: .5s;
}
.pg-nav .active,.pg-nav a:hover{
    background: #d22027;
    color: #fff;
}
.pg-nav .active:hover{
    background: rgba(116,15,82,1);
    border: 1px solid rgba(116,15,82,1);
}

/*Offers Page Style*/
.offer-pg-img img{
    border: 10px solid #f7e5e6;
    border-radius: 15px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px #636363;
    overflow: hidden
}

/*Artist page Style here*/
.art-inner{
    
    margin-bottom: 50px;
}
.art-inner,.art-pg-right,.art-pg-img img{
    min-height: 500px;
    height: auto;
}
.art-pg-img img,.art-pg-right{
    border: 1px solid #000;
}

.art-pg-right{
    border-left: none;
    padding: 10px;
    width: 95%;
    background: #fff;
    box-shadow:  0 0 20px rgba(0,0,0,0.4) !important;
}
.art-sec{
    margin: 15px auto 10px;
    text-align: center;
    margin-left: 40px;
}
.art-sec a{
    float: left;
}
.art-sec .event-btn{
    padding: 15px 35px;
    font-size: 14px;
    box-shadow: none;
    text-align: center;
}
.btn-1:after,.btn-2:before{
    display: none;
}
.art-det li{
    display: inline-block;
}
.art-pg-right h2{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 22px;
    color: #fff;
    text-transform: capitalize;
   background: rgb(105,13,88);
background: linear-gradient(95deg, rgba(105,13,88,1) 0%, rgba(207,31,40,1) 100%);
    position: relative;
    padding: 10px;
    width: 110%;
    left: -10px;
    margin-top: 15px;
    text-align: center;
    box-shadow:  0 0 10px rgba(0,0,0,0.8);
}
.art-pg-right h2:after{
        content: '';
    position: absolute;
    top: -6px;
    right: 0px;
    width: 16px;
    height: 100%;
    background: rgba(207,31,40,1);
    transform: skewY(43deg);
    z-index: -1;
    opacity: .8;
}
.up,.art-det li{
     font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    padding: 0 0 0 10px;
    margin-bottom: 5px;
}
.up a{
    color: rgba(207,31,40,1);
    margin-left: 10px;
}
.art-det li:nth-child(1){
    width: 70%;
}
.art-cont{
    height: 270px;
    overflow-y: hidden;
/*    overflow-y: scroll;*/
}
#style-7::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}
#style-7::-webkit-scrollbar{
	width: 3px;
	background-color: #F5F5F5;
}
#style-7::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgba(207,31,40,1)),
									   color-stop(0.72, rgb(105,13,88)),
									   color-stop(0.86, rgba(207,31,40,1)));
}
.art-tab .tab-legend {
    display: block;
    float: none;
    width: 100%;
}
.art-tab .tab-legend li{
    display: inline-block;
        width: auto;
    background: rgba(207,31,40,1);
    padding: 10px 164px;
    color: #fff !important;
    margin-right: 10px;
}
.art-tab .tab-legend li:nth-child(4){
    margin-right: 0;
}
.art-tab .tab-legend li.active,.art-tab .tab-legend li:hover{
    background: linear-gradient(90deg, rgba(116,15,82,1) 20%, rgba(206,31,41,1) 99%);
    padding: 10px 164px;
    color: #fff !important;
    box-shadow: 0 0 20px #636363;
}
.art-tab .tab-content {
    background: #fef3f4;
    box-shadow: 0 0 10px #636363;
    padding: 20px;
    width: 100%;
    margin: 20px 0;
}
.art-page-style .pg-nav{
    text-align: center;
}
/*Bolg Page style*/
.bolg-pg-right h2{
    color: rgba(207,31,40,1);
    background-color: transparent;
    background: transparent;
    box-shadow: none;
    width: 100%;
    text-align: left;
    margin:0;
    font-weight: 600;
    font-family: Montserrat-Regular,sans-serif;
    
}
 .bolg-pg-right{
    width: 100%;
     background-color: transparent;
     box-shadow: 0 0 0px #636363 !IMPORTANT;
}
.bolg-page-style .art-inner{
    border: 1px solid #858181;
    background: #fcf4f4;
    min-height: 600px;
    height: auto;
    overflow: hidden;
}
a.read-btn{
    color: rgba(207,31,40,1);
     font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    margin: 5px 0;
}
.bolg-pg-right h2:after{
    display: none;
}
.bolg-pg-right,.art-inner{
    border: none;
    box-shadow: none;
}
.post,.bolg-list li{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    margin: 5px 0;
}
.bolg-list li{
    margin-right: 10px;
    display: inline-block;
    font-size: 14px;
}
.post-inner li po{
    display: inline-block;
}
.bolg-pg-right .art-cont{
    height: auto;
    overflow-y: visible;
}
.bolg-pg-right,.bolg-pg-img img{
    height: auto;
    min-height: auto;
}
.post-cont h3{
    ont-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: rgba(207,31,40,1);
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 5px 0;
}
.post-cont p{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}
.td-1{
    width: 30%;
}
.td-2{
    width: 65%;
}
.post-img img{
    border: 1px solid #000;
}
.post-inner li td{
    border: none;
}
.re-post h2{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 22px;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 15px 0;
    text-align: center;
      background: linear-gradient(90deg, rgba(116,15,82,1) 20%, rgba(206,31,41,1) 99%);
    padding: 10px 0;
}
.post-inner td,.post-inner td {
    border: 1px solid #636363;
}
.read-btn{
    transition: .5s;
}
.read-btn:hover{
    color: #000;
}
.bolg-inner-page-style{
    margin-top: 50px;
}
.bolg-li li {
    border-right: 1px solid #000;
    padding: 5px 10px;
}
.bolg-li li:nth-child(5){
    border: none;
}
.bolg-li li:nth-child(1){
    padding-left: 0;
}
.bolg-li li ul li{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    padding: 0;
    border: none;
    transition: .5s
}

.bolg-li li ul li i{
    color: #fff;
    font-size: 16px;
}

.bolg-li li ul li:nth-child(1){
    background: transparent;
    width: auto;
    height: auto;
    border-radius: none;
}
.bolg-li li ul li:nth-child(2){
    background-color: #55acee;
}
.bolg-li li ul li:nth-child(3){
    background-color: #3b5998;
}
.bolg-li li ul li:nth-child(4){
    background-color: #c80c14;
}
.bolg-li li ul li:nth-child(5){
    background-color: #007ab9;
}
.bolg-li li ul li:hover{
    transform: translateY(-5px);
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    background: rgba(207,31,40,1);
}
.bolg-com{
    margin-top: 100px;
}
.com-title{
    margin-top: 50px
}
.com-title h2,.com-title a{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 22px;
    color: rgba(207,31,40,1);
    text-transform: capitalize;
    margin: 0 0 20px 0;
    text-align: left;
}
.bolg-details h2{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 24px;
       background: linear-gradient(90deg, rgba(116,15,82,1) 20%, rgba(206,31,41,1) 99%);
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 20px 0;
    text-align:center;
    padding: 10px 0;
}
.com-title a{
    font-weight: 550;
  
}
.com-btn{
      text-align: right;
}
.com-con-1{
    background: #e1e1e1;
    border: 1px solid #636363;
    padding: 20px;
}
.fo-con{
   margin-left: 10px ;
    margin-bottom: 20px
}
.fo-con label{
    display: block;
    font-family: Montserrat-Regular,sans-serif;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    text-align: left;
}
.fo-con input,.fo-con textarea{
    border: none;
    outline: none;
    background: #fff;
    padding: 10px;
    width: 100%;
    transition: .5s;
}
.fo-con textarea{
    height: 100px;
   
}
.fo-con input:focus,.fo-con textarea:focus{
    outline: none;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.fo-in{
    width: 45%;
    display: inline-block;
}
.com-con-1 button,.com-con-1 p{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 14px;
    color: #fff;
    background: #000;
    padding: 6px 30px;
    border: none;
    outline: none;
    text-transform: capitalize;
    margin: 0px 0 10px 10px;
    cursor: pointer;
    transition: .5s;
}
.com-con-1 p{
    background-color: transparent;
    padding: 0;
    margin-bottom: 30px;
    color: #000;
}
.com-con-1 button:hover{
    background: rgba(207,31,40,1);
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
}

/*Services Page Style*/
.se-team h2,.mad-pro h2,.an h2,.dev-sup h2{
    font-family: Montserrat-Bold,sans-serif;
    font-size: 30px;
    color: rgba(207,31,40,1);
    text-transform: uppercase;
    line-height: 100px;
    transition: .5s;
    text-align: center;
    font-weight: 550;
}
.se-team-in{
    transition: .5s;
}

.se-img{
    background: #fee6e8;
    text-align: center;
  padding: 30px 0;
    transition: .5s;
}
.se-img img{
    width: 100px;
    height: 100px;
}
.se-team-in p{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #000;
    text-transform:capitalize;
    transition: .5s;
    text-align: center;
    margin: 10px 0;
    font-weight: 550;
}
.se-team-in:hover .se-img{
    background: #d22027;
    box-shadow: 0 0 10px #636363;
}
.pay-in h2 {
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 15px 0;
    text-align: center;
    background: linear-gradient(90deg, rgba(116,15,82,1) 20%, rgba(206,31,41,1) 99%);
    padding: 10px 0;
    border: none;
}
.pay-in{
    border: 1px solid transparent;
    transition: .5s;
    margin-bottom: 40px    
}
.pay-in:hover,.pay-act{
     border: 1px solid #b7b7b7;
    box-shadow: 0 0 10px #b7b7b7;
}
.pay-in ul{
    padding: 10px;
    text-align: center;
}
.pay-in ul li{
    margin-bottom: 10px;
    transition: .5s;
}
.pay-in ul li img{
    transition: .5s;
    border: 1px solid transparent;
}
.pay-in ul li:hover img{
    border: 1px solid #b7b7b7;
    box-shadow: 0 0 10px #b7b7b7;
}
.mad-pro-in{
    background: #fee6e8;
    padding: 10px;
    min-height: 400px;
    height: auto;
    text-align: center;
    transition: .5s;
    margin-bottom: 10px;
}
.mad-pro-in h3{
    font-family: Montserrat-Bold,sans-serif;
    font-size: 30px;
    color:  rgba(206,31,41,1);
    text-transform: uppercase;
    margin: 30px 0 20px;
    text-align: center;
    font-weight: 550;
    transition: .5s;
}
.mad-pro-in img{
    margin:30px 0;
    transition: .5s;
}
.mad-pro-in p{
    font-family: Montserrat-Regular,sans-serif;
    font-size: 20px;
    color: #730f53;
    text-transform: capitalize;
    margin: 15px auto;
    text-align: center;
    width: 400px;
    transition: .5s;
}
.mad-pro-in:hover{
    background: #730f53;
}
.mad-pro-in:hover h3,.mad-pro-in:hover p{
    color: #fff;
}
.iin{
    margin-right: 10px;
}
.an-img{
    text-align: center;
}
.an{
    padding-bottom: 50px
}
.dev-sup-con p{
     font-family: Montserrat-Regular,sans-serif;
    font-size: 20px;
    color: #730f53;
    text-transform: capitalize;
    margin: 150px 0 0 0;
    text-align: center;
    transition: .5s;
    font-weight: 550;
}
.dev-sup{
    background: #eeeeee;padding: 20px 0;
}
.concert-con h3,.concert-con p{
     font-family: Montserrat-Regular,sans-serif;
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    transition: .5s;
    font-weight: 550;
}
.concert-con p{
    font-size: 16px;
    font-weight: normal; 
}
.concert{
    margin-bottom: 100px;
}
/*COntact Page Style*/
.cont-form{
    background: #f4f4f4;
    padding: 50px 20px;
    border: 2px solid #d9d9d9;
}
.cont-form h2{
     font-family: Montserrat-Bold,sans-serif;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    transition: .5s;
    font-weight: 550;
    margin-bottom: 20px;
    text-align: center;
}
.cont-form .cont-in,.cont-form textarea{
    border: 2px solid transparent;
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
    color: #000;
    background: #fff;
}
.cont-form textarea{
    height: 100px;
}
.cont-form .cont-in:focus,.cont-form .cont-in:hover,.cont-form textarea:focus,.cont-form textarea:hover{
     border: 2px solid #000;
    box-shadow: 0 0 20px #d9d9d9;
    outline: none;
}
.cont-form .cont-in::placeholder,.cont-form textarea::placeholder{
     font-family: Montserrat-Bold,sans-serif;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    transition: .5s;
}
.cont-form button{
     font-family: Montserrat-Bold,sans-serif;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    transition: .5s;
    padding: 8px 60px;
    border: 2px solid #000;
    background: #fff;
    margin-bottom: 20px;
}
.cont-form button:hover{
    background:  rgba(206,31,41,1);
    
}
.cont-info-in{
    text-align: center;
    border-bottom: 1px solid #000;
    padding: 20px 0;
}
.cont-info-in img{
    display: block;
    text-align: center;
    margin: 0 auto 30px;
}
.cont-info-in a,.cont-info-in p{
    display: block;
    font-family: Montserrat-Regular,sans-serif;
    font-size: 16px;
    color: #000;
    text-transform:capitalize;
    transition: .5s;
}
.cont-info-in a:hover{
    color:  rgba(206,31,41,1);
}
.nin{
    border: none;
}
.map{
    margin: 50px 0;
}
.map iframe{
    width: 1500px;
    height: 500px;
}
.inner-head h3{
    text-align: center;
}
.event-sec-1-img img,.event-tab,.offer-pg-img,.offers-page-style .row,.art-inner,
.eve-fil,.eve-main-pg,.event-sec-1 .wrapper,.event-com-right,.concert,.cont-form,.cont-info,.map,.contact-page-style .wrapper,.post-inner,.bolg-inner-page-style,.art-inner,.bolg-details,.se-team-in,.se-team,.se-team-hi,.pay-mo{
    overflow: hidden;
}
.com-con-1{
    margin-bottom: 50px
}

#hole-pg{
    z-index: 99;
}
.banner-section{
    z-index: 999;
}
.event-slider-inner .card-text-1{
  	position:relative;
     box-shadow: 0 0px 10px #777;
}

/*
.event-slider-inner .card-text-1:before, .event-slider-inner .card-text-1:after
{
	 z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.event-slider-inner .card-text-1:after
{
	-webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
*/


@media screen and (max-width: 1550px) {
    .wrapper,
    .tab-block,
    .tab-cont,
    #header .header-inner{
        max-width: 1300px;
    }
    .wrapper-small {
        max-width: 1300px;
    }
    .wrapper-mini {
        max-width: 1200px;
    }
    .wrapper-extra-small {
        max-width: 700px;
    }
    .menu-out a {
    font-size: 12px;
    }
    .menu-right li a {
    padding: 0px 25px;
    }
    #header .navbar .logo {
    right: 517px;
           padding: 10px 40px;
    }
    .main .logo {
    padding: 7px 40px !important;
    }
    .menu a {
    padding: 20px 34px;
    font-size: 14px;
        }
    .banner-left-list h2,button.slide-btn a {
    font-size: 16px;
    }
    .banner-left-list {
    padding: 20px;
    width: 100%;
    height: 584px;
    }
    .event-table a hr {
    margin: 5px 0;
    }
    .event-table .table th, .event-table .table td {
    font-size: 13px;
    }
    .slide-main {
    top: 36%;
    left: 6%;
    }
    .slide-inner h2 {
    font-size: 30px;
    }
    .offers h2 {
    font-size: 24px;
    }
    .owl-offers  .owl-item{
/*        margin-right: 20px !important;*/
    }
    .title-head .title h2 {
    font-size: 120px;
    }
    .title-head .title h3 {
    font-size: 24px;
    padding-top: 56px;
    }
    .title-head .second-title a {
    font-size: 12px;
    padding: 10px 22px;
    }
    .event-slider-inner .card-title {    
    font-size: 14px;
    }
    .event-btn {
    font-size: 16px;
    left: 25%;
    padding: 10px 20px;
    }
    .even-scheduler h2 {
    font-size: 30px;
    }
    .even-scheduler .tab-mnu li {
    padding: 20px 26px;
    }
    .event-content h3 {
    font-size: 16px;
            margin-bottom: 15px;
        margin-top: 5px;
    }
    .event-img img {    
    width: 86%;
    }
    .list-1 .list-1-inner, .list-2 .list-2-inner {
    font-size: 13px;
    }
    .list-1 {
    margin-bottom: 10px;
    }
    a.event-arrow img {
    margin-left: 20px;
    }
    a.event-arrow:before {
    left: 10px;
    }
    .inner-con h6, .inner-con p {
    font-size: 18px;
    }
    .inner-con {
    padding-left: 0 ;
    }
    .trend-art-content ul li:nth-child(1) {
    width: 80%;
    }
    .trend-art-inner .img-hov {
    padding-top: 88px;
    padding-left: 100px;
    }
    .trend-art-inner .img-hov p {
    font-size: 20px;
    }
    .mad-info-inner li {
    margin-left: 120px;
    }
    .info-inner .info-img {
    width: 120px;
    height: 120px;
    line-height: 110px;
    }
    .info-img img{
        width: 30px;
    }
    .info-inner p {
    font-size: 16px;
    }
    .foot-h3 {
    font-size: 18px;
    }
    .foot-con td, .foot-con td a, .foot-link li a, .bolg-content p, .bolg-content a {
    font-size: 14px;
    }
    .foot-link li {
    margin-bottom: 5px;
    }
    .fa-foot img{
        width: 50px;
    }
    .foot-copy p, .foot-copy a {
    font-size: 12px;
    }
    .foot-con .table td{
        padding: 14px 6px !important;
    }
    .img-2 {
    width: 50px;
    top: -44px;
    left: 16px;
    }
    
    .eve-item .card-title,.fil-in h3, .fil-in label {
    font-size: 16px;
    }
    .eve-item .card-text h3, .eve-item .card-text h4, .eve-item .card-text h5 {
    font-size: 13px;
    }
    .eve-fil h2 {
    font-size: 24px;
    padding: 10px 0;
            }
    .event-icons ul li{
        margin-right: 42px;
    }
    .event-icons {
    padding: 20px 10px
    }
    .event-tab .tab-vert .tab-legend {
    width: 200px;
    }
    .event-tab .tab-vert .tab-content {
    width: 1000px;
    }
    .event-timer ul {
    width: 68%;
    }
    .art-sec .event-btn {
    padding: 15px 22px;
    }
    .event-btn {
    left: -8px;
    }
    .art-cont {
    height: 232px;
    }
    .up, .art-det li {
    font-size: 14px
    }
    .art-tab .tab-legend li,.tab.tab-vert .tab-legend .active {
    padding: 6px 126px
    }
    

.se-team h2, .mad-pro h2, .an h2, .dev-sup h2,.mad-pro-in h3 {
    font-size: 20px;
    }
    .se-team-in p,.mad-pro-in p,.dev-sup-con p {
    font-size: 14px;
    }



}
@media screen and (max-width: 1300px) {
    .wrapper,
    .tab-block,
    .tab-cont,
    #header .header-inner{
        max-width: 900px;
    }
    .wrapper-small {
        max-width: 800px;
    }
    .wrapper-mini {
        max-width: 800px;
    }
    .wrapper-extra-small {
        max-width: 500px;
    }
    #header .navbar .logo {
    right: 333px;
    padding: 10px 40px;
    }
    .menu a {
    padding: 20px 6px;
    }
    .menu-right li a {
    padding: 0px 10px;
    }
    .banner-left-list h2, button.slide-btn a {
    font-size: 12px;
    }
    .event-table .table th, .event-table .table td {
    font-size: 11px;
    }
    .banner-left-list {
    height: 400px;
    }
    .slide-inner h2 {
    font-size: 20px;
    }
    .event-btn {
    left: 0;
    }
    .even-scheduler .tab-mnu li {
    padding: 20px 10px;
            font-size: 14px;
    }
    .event-content h3 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 0px;
    }
    .list-1 .list-1-inner, .list-2 .list-2-inner {
    font-size: 12px;
    }
    .inner-con h6, .inner-con p {
    font-size: 14px;
    }
    .mad-info-inner li {
    margin-left: 50px;
    }
    .foot-h3 {
    font-size: 14px;
    }
    .foot-con td, .foot-con td a, .foot-link li a, .bolg-content p, .bolg-content a {
    font-size: 12px;
    }
    .img-2 {
    width: 50px;
    top: -43px;
    left: 0px;
    }
    
    .eve-item .card-title, .fil-in h3, .fil-in label {
    font-size: 14px;
        }
    .eve-item .card-text h3, .eve-item .card-text h4, .eve-item .card-text h5 {
    font-size: 10px;
        }
    .event-icons img{
        width: 50px;
    }
    .event-icons ul li {
    margin-right: 58px;
    }
    .event-tab .tab-vert .tab-content {
    width: 650px;
    }
    .event-sec-1-right h2, .event-tab-inner h3,.bolg-pg-right h2 {
    font-size: 18px;
    }
    .event-sec-1-right ul.event-pg-det li, .event-sec-1-right ul.event-info li ,.event-sec-1-right h6,ul.event-info li span{
    font-size: 14px;
    }
    .btn-sec {
    margin: 20px 0;
    }
    .event-timer ul {
    width: 100%;
    }
    .art-tab .tab-legend li, .tab.tab-vert .tab-legend .active {
    /* padding: 6px 75px; */
    display: block;
    width: 100%;
    }
    .dev-sup-con p {
    margin: 50px 0 0 0;
    }



}
@media screen and (max-width: 768px) {
    .wrapper,
    .tab-block,
    .tab-cont,
    #header .header-inner{
        max-width: 650px;
    }
    
    .wrapper-small {
        max-width: 650px;
    }
    .wrapper-mini {
        max-width: 650px;
    }
    .wrapper-extra-small {
        max-width: 650px;
    }
    .banner-left-list h2 {
    font-size: 24px;
    }
    .event-table .table th, .event-table .table td {
    font-size: 16px;
    }
    .event-btn {
    left: 52px;
    }
    .even-scheduler h2 {
    font-size: 20px;
        margin-bottom: 20px;
    }
    .coli-1{
        border: none;
    }
    .event-content h3 {
    font-size: 16px;
    margin-bottom: 10px;
    }
    .foot-h3 {
    font-size: 20px;
    }
    .foot-con td, .foot-con td a, .foot-link li a, .bolg-content p, .bolg-content a {
    font-size: 16px;
    }
    #header .navbar .menu ul .video {
    margin-right: 0;
    }
    #header .navbar .logo {
        display: none;
    }
    .menu a {
    padding: 10px 12px;
    }
    #header {
    padding: 6px 0;
    }
    .title-head .title h2 {
    font-size: 70px;
    }
    .title-head .title h3 {
    font-size: 13px;
    padding-top: 42px;
    }
    .banner-left-list {
    height: auto;
    }
    .owl-event-slider-1 .owl-nav button.owl-prev, .owl-event-slider-1 .owl-nav button.owl-next {
    top: 143px;
    }
    .modal {
    overflow: scroll;
    }
    .img-2 {
    width: 50px;
    top: -43px;
    left: 15px;
    }
    .eve-item .card-title, .fil-in h3,.eve-item .card-text h3, .eve-item .card-text h4, .eve-item .card-text h5{
    font-size: 16px;
    }
    .eve-de {
    border-right: none;
    }
    .event-icons ul li {
    margin-right: 24px;
    }
    .event-tab .tab-vert .tab-legend {
    width: 98%;
    }
    .event-tab .tab-vert .tab-content {
    width: 98%;
        margin: 10px 0 0 0;;
    }
    .offers-page-style .wrapper{
        overflow: hidden;
    }
    .art-inner, .art-pg-right, .art-pg-img img {
    min-height: AUTO;
    height: auto;
    }
    .art-pg-right {
      width: 100%;
        border-left: 1px solid #000;
    }
    .art-pg-right h2 {
    width: 100%;
    left: 0
    }
    .art-page-style .wrapper,.bolg-page-style .wrapper{
        overflow: hidden;
    }
    .art-page-style .event-btn {
    left: 20px;
    }
    .iin {
    margin-right: 0px;
    }
    .dev-sup-con{
        text-align: center;
    }
    .bolg-page-style .art-pg-right,.bolg-inner-page-style .art-pg-right {
    border-left: none;
    }
    


}
@media screen and (max-width: 425px) {
    .wrapper,
    .tab-block,
    .tab-cont,
    #header .header-inner{
        max-width: 380px;
    }
    
    .wrapper-small {
        max-width: 380px;
    }
    .wrapper-mini {
        max-width: 380px;
    }
    .wrapper-extra-small {
        max-width: 380px;
    }
    #header .navbar .logo {
        display: block;
    }
    #header .navbar .logo {
    display: block;
        right: 95px;
    top: -16px;
    background-color: transparent;
    }   
    #header .navbar .logo:before,
    #header .navbar .logo:after    
    {
          display: none;
    }
    #header {
    padding: 22px 0;
    }
    #header .navbar .logo img {
    width: 221px !IMPORTANT;
    max-width: 100% !IMPORTANT;
    }
    #mobile-menu, #mobile-user {
    width: 2.5625em;
    }
    .banner-left-list {
    height: auto;
    }
    .event-btn {
    left: 84px;
    }
    .event-img img {
    width: auto;
    margin: 10px auto;
    
    }
    .event-img,.event-content,.event-content h3{
        text-align: center;
    }
    .list-1 li,.current .list-1 li{
    display: block;
        border: none;
    }
    .event-item:hover .list-1 li, .current .list-1 li {
        border: none;
    }
    a.event-arrow img {
    position: relative;
    text-align: center;
    margin: 20px auto;
    }
    a.event-arrow:before{
        display: none;
    }
    .info-inner .info-img {
    width: 130px;
    height: 130px;
    line-height: 120px;
    }
    .tab-pane .col-sm-4{
        text-align: center;
    }
    .mad-info-inner li {
    margin-left: 0px;
        display: block;
    }
    .title-head{
        padding: 10px;
    }
    .title-head .title h2 {
    font-size: 50px;
        position: unset;
        
    }
    .title-head .title h3 {
    padding-top: 0;
    }
    .title-head .second-title {
    text-align: right;
    position: relative;
    top: 0;
        margin: 20px 0 0 0;
    }
    .modal-content {
    background-color: #fefefe;
    width: 320px;
    }
    .log-inner,.sign-inner {
    width: 100%;
    margin: 0 auto;
    }
    .img-2 {
    width: 0px;
    top: -49px;
        height: 156px;
    left: -18px;    
        transform: rotate(90deg)
    }
    .event-item:hover .img-2, .current .img-2 {
   width: 50px;
    }
    .event-icons img {
    width: auto;
    text-align: center;
    display: block;
    margin: 20px auto;
    }
    .event-icons ul li {
    margin-right: 0;
        margin: 0 auto;
        display: block;
    }
    .event-timer ul {
    width: 74%;
    margin: 0 auto;
    }
    .se-team h2, .mad-pro h2, .an h2, .dev-sup h2 {
    font-size: 18px;
     line-height: normal; 
    }
    .mad-pro-in p {
    width: 250px;
    }


}
@media screen and (max-width: 375px) {
    .wrapper,
    .tab-block,
    .tab-cont,
    #header .header-inner{
        max-width: 320px;
    }
    
    .wrapper-small {
        max-width: 320px;
    }
    .wrapper-mini {
        max-width: 320px;
    }
    .wrapper-extra-small {
        max-width: 320px;
    }
    #header .navbar .logo {
    display: block;
    right: 72px;
    top: -16px;
    }    
    .banner-left-list h2 {
    font-size: 16px;
    }
    .event-table .table th, .event-table .table td {
    font-size: 15px;
    }
    .slide-inner h2 {
    font-size: 14px;
    }
    .event-btn {
    left: 52px;
    }
    


}
@media screen and (max-width: 320px) {
    .wrapper,
    .tab-block,
    .tab-cont,
    #header .header-inner{
        max-width: 280px;
    }
    
    .wrapper-small {
        max-width: 280px;
    }
    .wrapper-mini {
        max-width: 280px;
    }
    .wrapper-extra-small {
        max-width: 280px;
    }
    #header .navbar .logo {
    right: 52px;
    top: -16px;
    }
    .banner-left-list h2 {
    font-size: 16px;
    }
    .event-table .table th, .event-table .table td {
    font-size: 15px;
    }
    .slide-inner h2 {
    font-size: 14px;
    }
    .event-btn {
    left: 52px;
    }
    .modal-content {
    width: 280px;
    }
    


}