html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
 
}

body {
  width: 100%;
  margin: 0;
  font-family: sans-serif;
 
 overflow-x: hidden;
 
}
body,html {
  margin:0;
  padding:0;
}
.container{
	width: 100%
}
.imgheader{
	background-color: black;
}
.menu { text-align:center; background-color:#002327; height:50px; display:flex;}

.menu ul{ text-align:center; margin:0 auto;}
.menu ul li { display:inline-block; font-size:20px; color:#FFFFFF; margin-left:5px; margin-top:0px; line-height:20px; vertical-align:middle;margin-top: 10px;}

.welcomepart{ background-image:linear-gradient(100deg, #00dcf2 20% , #343fff);background-size: 100%; display:inline-block; margin-top:-4px; height:auto;}

.linup{background-image:url(./images/music_bg.png);background-size:100%; display:flow-root; width: 100%; margin:0 auto;  text-align:center; background-repeat: no-repeat;
height: 557px;}

.join{background-image:url(./images/join.png);background-size:100%; display: inline-table; width: 100%; height:442px;}

.foodtruck{ background-color:#000000; display: grid; margin:0 auto; text-align:center;}

.sponsor{ background-color:#100a15;}
.combobox {
    margin: 0;
    padding: 0;
}

.combobox input {
    margin: 0;
    padding: 0;
    height: 50px;
    vertical-align: top;
}

.combobox .dropdown_btn {
    width: 100px;
    height: 45px;
    margin-left: -110px;
    display: inline-block;
    cursor: pointer;
    background-color: #07d0f5;
	margin-top: 4px;
	vertical-align: middle;
line-height: 45px;
font-size: 20px;
}




.welcometxt{text-align:center; width:100%; clear:both; color:#de6e04; font-size:40px; line-height:0px; text-transform:uppercase; font-weight:bold;text-shadow: 2px 4px 8px #000000; font-family: Arial Rounded MT Bold;}

.partytxt{ text-align:center; width:100%; clear:both;color:#de6e04;font-size:40px;line-height:0px;text-transform:uppercase; font-weight:bold;text-shadow: 2px 4px 8px #000000; font-family: Arial Rounded MT Bold;}

.linuptxtdiv{background-image:url(./images/live_bg_1.png);background-size:100%; width:65%; margin:0 auto; clear:both; display:inline-block;border: 1px solid #3fc6fe;}

.desktop{ display:block;}

.livetxt{margin-left:10px; font-weight:bold; font-family: Arial Rounded MT Bold; font-size:18px;}

.jointxt1{text-align:center; width:100%; font-size:34px; color:#07d0f5; font-weight:bolder; font-family: Arial Rounded MT Bold;}

.jointxt2{text-align:center; width:100%;font-size:30px; color:#07d0f5; font-weight:bolder; line-height:1px; font-family: Arial Rounded MT Bold;}

.mailbox{width:500px; height:50px; background:none;  border: 1PX solid #fff;}

.foodtruck{ width:100%; height:auto;}

.foodtrdiv{ width:60%; margin:0 auto; text-align:center;}

.footerleft{width:40%; float:left;}

.footerright{width:40%; float:left;}

.footerchild{width:30%; margin:0 auto;}

.footertxt1{clear:both; width:100%; color:#06205c;font-size:18px;font-weight:bold;margin-left:20px; font-family: Bell Gothic Std;}
.footertxt2{clear:both; width:100%;color:#06205c;font-size:18px;font-weight:bold;margin-left:20px; font-family: Bell Gothic Std;}

.livemusicleft{width:59%; float:left;  margin:0 auto; text-align:center}
.livemusicright{width:40%; float:left;  color:#FFFFFF; font-size:18px; border-left:1px solid #3fc6fe; text-align:left; }




.sliderimages{ background: url(./../images/header_1.png); background-size: cover;}

.sliderimagesv{ background: url(./../images/header-vip.jpg); background-size: cover;}


.formandtext{ background: url(./../images/sponsor-middle-banner.png); background-size: cover; width: 100%; height:758px;}

.formandtextdonate{ background: url(./../images/donate_bg.png); background-size: cover; width: 100%; height:758px;}
.formandtextpastevent{ background: url(./../images/event_bg.png); background-size: cover; width: 100%; height:600px; background-repeat:no-repeat;}

.middleleft{width:50%;float:left;}

.middleright{width:50%;float:right;}

.overlay{ background:rgb(129, 19, 253, 0.2); height:100%;}

.heading1{text-align: center;
color: white;
font-size: 72px;
background: linear-gradient(to top, rgb(242, 1, 222) 20%, rgb(82, 206, 242) 80% );
  background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Brush Script Mt;

}

.spongap{float:none; clear:both; height:60px;}
.spongap2{height:140px;}
.aponrecivetxt{color:#FFFFFF; font-size:18px; margin-left:15%;font-family:Arial, Helvetica, sans-serif; }

.spontextboxclass{width:400px; height:45px; border-radius:25px; border:none;text-indent:10px; font-size:18px;}

.boxdiv{color:#FFFFFF; font-size:28px; margin-left:10%;}

.filltxt{color:#FFFFFF; font-size:28px; margin-left:15%; font-family:Arial, Helvetica, sans-serif;}

.donate{float:none; clear:both; height:60px;}

.dongap{height:80px;}
.donerstxt{width:85%; margin:0 auto; text-align:left; color:#FFFFFF; font-size:32px;font-family:Arial, Helvetica, sans-serif;}
.donerstxt2{width:85%; margin:0 auto; text-align:left; color:#FFFFFF;font-size:24px;font-family:Arial, Helvetica, sans-serif;}

.donationmake{color:#FFFFFF; font-size:34px; margin-left:20%; font-family:Arial, Helvetica, sans-serif;}
.gap2{height:40px;}

.boxdonate{width:40%; color:#333333; float:left; background:#FFFFFF; border-radius:25px; height:40px; line-height:40px;}

.boxdonate2{width:40%; color:#333333; float:right; background:#FFFFFF; border-radius:25px; height:40px; line-height:40px;}

.boxdonate3{width:100%; color:#333333; float:left; background:#FFFFFF; border-radius:25px; height:40px; line-height:40px;}

.donatebtn{width:300px; height:45px; border-radius:25px; border:none; background:#3fc6fe; font-size:24px; color:#FFFFFF;}

.toptxt{width:85%; margin:0 auto; text-align:left; color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:16px!important;}

.paymenttxt{color:#FFFFFF; font-size:15px; text-align:center; width:50%;  margin:0 auto;font-family:Arial, Helvetica, sans-serif;}

.pasttxt{float:none; clear:both; height:60px;}

.pastevntdata{width:80%; margin:0 auto; display:block; height:400px;}

.eventimage{ width:100%; }


@media screen and (max-width: 600px) {


.livemusicleft{width:49%; float:left;  margin:0 auto; text-align:center}
.livemusicright{width:50%; float:left;  color:#FFFFFF; font-size:18px; border-left:1px solid #3fc6fe; text-align:left; }



.footertxt1{clear:both; width:100%; color:#06205c;font-size:14px !important;font-weight:bold;margin-left:20px; font-family: Bell Gothic Std;}

.footertxt2{clear:both; width:100%;color:#06205c;font-size:14px !important;font-weight:bold;margin-left:20px; font-family: Bell Gothic Std;}

.footerchild{width:100% !important; margin:0 auto;}

.footerleft{width:100%; float:none;}

.footerright{width:100%; float:none;}

.join{ height:auto;}


  .welcometxt{text-align:center; width:100%; clear:both; color:#de6e04; font-size:20px !important; line-height:0px; text-transform:uppercase; font-weight:bold;text-shadow: 2px 4px 8px #000000; font-family: Arial Rounded MT Bold;}
  
  .partytxt{ text-align:center; width:100%; clear:both;color:#de6e04;font-size:20px !important;line-height:20px !important;text-transform:uppercase; font-weight:bold;text-shadow: 2px 4px 8px #000000; font-family: Arial Rounded MT Bold;}
  
  .livetxt{margin-left:10px; font-weight:bold; font-family: Arial Rounded MT Bold; font-size:14px !important;}
  
  .jointxt1{text-align:center; width:100%; font-size:24px !important; color:#07d0f5; font-weight:bolder; font-family: Arial Rounded MT Bold;}
  
  .jointxt2{text-align:center; width:100%;font-size:12px !important; color:#07d0f5; font-weight:bolder; line-height:1px; font-family: Arial Rounded MT Bold;}
  
  .foodtrdiv{ width:96%; margin:0 auto; text-align:center;}
  
  .combobox input { height:50px !important;}
  
  .mailbox{width:90% !important; height:50px; background:none;}
  
  .linuptxtdiv {width: 95% !important; background-repeat: no-repeat; background-size: cover;}
  
  .desktop{ display:none!important;}
  
  
  .middleleft{ width:100%!important;}
  .middleright {width:100%!important;}
  
  .spongap{float:none; clear:both; height:0px !important;}
  
  .heading1 {font-size: 42px!important;}
  
  .spongap2{height:0px!important;}
  
  .aponrecivetxt{color:#FFFFFF; font-size:16px !important; margin-left:5%!important;font-family:Arial, Helvetica, sans-serif; }
  
  .spontextboxclass{width:300px !important; height:45px; border-radius:25px; border:none;text-indent:10px; font-size:18px;}
  
  .boxdiv{color:#FFFFFF; font-size:28px; margin-left:0% !important; text-align:center !important;}
  
  .filltxt{color:#FFFFFF; font-size:28px; margin-left:0% !important; text-align:center !important; font-family:Arial, Helvetica, sans-serif;}
  
  .donate{float:none; clear:both; height:0px !important;}
  
  .dongap{height:0px!important;}
  
  .donerstxt{width:85%; margin:0 auto; text-align:left; color:#FFFFFF; font-size:18px !important;font-family:Arial, Helvetica, sans-serif;}
  
  .donerstxt2{width:85%; margin:0 auto; text-align:left; color:#FFFFFF;font-size:16px !important;font-family:Arial, Helvetica, sans-serif;}
  
  .donationmake{color:#FFFFFF; font-size:24px!important; margin-left:0%!important; font-family:Arial, Helvetica, sans-serif; text-align:center;}
  
  .gap2{height:10px!important;}
  
  .boxdonate{width:45%!important; color:#333333; float:left; background:#FFFFFF; border-radius:25px; height:30px!important; line-height:30px!important;}
  
  .boxdonate2{width:45%!important; color:#333333; float:right; background:#FFFFFF; border-radius:25px; height:30px!important; line-height:30px!important;}
  
  .boxdonate3{width:100%; color:#333333; float:left; background:#FFFFFF; border-radius:25px; height:30px!important; line-height:30px!important;}
  
  .donatebtn{width:300px; height:35px!important; border-radius:25px; border:none; background:#3fc6fe; font-size:22px!important; color:#FFFFFF;}
  
  .toptxt{width:85%; margin:0 auto; text-align:left; color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:14px!important;}
  
  .paymenttxt{color:#FFFFFF; font-size:15px; text-align:center; width:100% !important;  margin:0 auto;font-family:Arial, Helvetica, sans-serif;}
  
  .pasttxt{float:none; clear:both; height:0px !important;}
  
  .gappast{ display:none!important;}
  
  .pastevntdata{width:80%; margin:0 auto; display:block; height:700px!important;}
  
  .formandtextpastevent{height:700px!important;}
  
  .eventimage{ width:90%!important; }


}



@media screen and (max-width: 600px) {

  .menu ul{ padding:0px !important;}
  .menu ul li { font-size:9px; line-height: 50px; margin-top: 0px;  margin-left: 0px !important;}
  .menu ul li img{ padding: 0px; margin: 0px; max-width: 100% !important; width: 35px;}
  .overimage>img{ width:45%}
  .slider{height: 220px !important; top:0px !important;}
  .sliderimages{height: 220px !important; max-width: 100% !important;  overflow-x: hidden !important;
    position: relative !important;}  
  .container { max-width:600px !important;}
  .linup{background-size: cover !important; height: 400px;}
}