@import url('animate.css');


@import url('https://cdn.lineicons.com/3.0/lineicons.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;400;600;900&display=swap'); /*Poppins*/

/* CSS Document */

html,
body {
overflow-x: hidden;
}
body { 

float: left;font-family: 'Roboto', sans-serif;
width: 100%;
color: #000;font-weight: 400;
background-attachment: fixed; background-size: cover;
padding-right: 0 !important;
     scroll-behavior: smooth;
       -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

}
.modal-open {
padding-right: 0!important;
overflow: hidden;
}
::-moz-selection {
/* Code for Firefox */
color: #000;
background: #d7c07f;
}
::selection {
color: #000;
background: #d7c07f;
}

.btn{ box-shadow: none; outline: none;}
button{ box-shadow: none; outline: none;}

/* remember to define focus styles! */
:focus {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
}
p {
color: #000;
line-height: 22px;
font-size: 14px; font-weight: 400;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a{text-decoration: none;}
a:hover{color: #0e2c18;}
ul li,
ul li a,
ol li,
ol li a {
line-height: 22px;color: #000;
font-size: 14px; font-weight: 400;-webkit-font-smoothing: antialiased;
line-height: 26px;text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
:focus {
outline: none;
}
.no-padding {
padding: 0px;
}
.text-left {
text-align: left !important;
}
.mob-only {
display: none;
}
.desktop-only {
display: block;
}
.layout {
width: 100%;
background: #fff; 

overflow: hidden;
margin: 0 auto;
max-width: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.desktop {
display: block;
}
.mob-view {
display: none;
}

.margin-auto{margin: auto !important; float: none !important;}
.full-width{width: 100% !important;}

.header {
position: relative; height:auto;
  background-repeat: repeat-x; z-index: 999;background: #fff; float:left;width: 100%;
}

.fixed-top{background: #fff;}
.italic{font-style: italic;}
.navbar-brand{position: relative;top: 0px;padding:0px;z-index: 99999;}
.navbar-brand img{width: 160px;}
.navbar-nav li{margin: 0px 5px;}
.navbar-nav li a{text-decoration: none; font-weight: 600; font-size: 14px;margin:20px 5px; float: left;position: relative;color: #000;text-transform: uppercase;}
.navbar-nav li a:hover{color: #e97623;}
.attr-nav{flex-direction: row; margin-left: 15px;}
.attr-nav li{float: left;margin: 0px 10px;}
.attr-nav li a{font-size: 14px;color: #000;background: #ad0007;padding: 10px 15px; border-radius: 6px;color: #fff; text-transform: uppercase;font-weight: 600;}
.nav-link{color: #000;}
.attr-nav li img{width: 25px;margin-top: 0px; float: right;margin-left: 10px;}
.attr-nav li .c-btn{background: #FBBE18;color: #fff;padding:8px 12px; border-radius: 20px;color: #fff;text-align: center;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0px !important;}
.header .dropdown-menu{padding: 0px;border: 1px solid #ccc;border-radius: 0px;}
.header .dropdown-menu .navbar-nav li a{padding-left: 0px; padding-right: 0px;}
.header .dropdown-menu li{margin: 0px 0px !important;}

.top-fix{background-color: #fff;position:fixed;top:0;width:100%;z-index:99999;}

.main-slider{height: auto;width: 100%;float: left;background-size: cover !important;}
.main-slider img{float:left;}
.main-slider .content{padding: 8em 0px 4em 0px;}
.main-slider .content h1{color: #fff;text-align: center;font-weight: bold;font-size: 30px;line-height: 40px;text-transform: uppercase;}
.main-slider .content h1 span{font-weight: bold;}
.main-slider .screens{margin-top: 40px; float: left;width: 100%;}
.main-slider .screens ul{max-width:960px; margin: 0 auto;}
.main-slider .screens ul li{width: 33.33%;float: left;padding: 25px;-webkit-filter: drop-shadow(5px 5px 4px rgba(0, 0,0, 0.2));
    filter: drop-shadow(5px 5px 4px rgba(0, 0,0, 0.2));}
.main-slider .screens ul li:nth-child(2){transform: scale(1.2)}
.main-slider .screens ul li img{width: 100%;}

.home-about{float: left; padding: 4em 0px 4em 0px;width: 100%;}
.home-about img{border-radius: 12px;}
.home-about .container{max-width: 960px;}
.about-text{margin-top: 3em; }
.about-text h2{font-size: 26px; text-transform: uppercase; font-weight:bold;margin-bottom: 10px; padding-bottom: 10px;position: relative;}
.about-text h2::after{content: "";position: absolute;bottom: 0px; background:#e97623;height: 4px; width: 100px;border-radius: 6px;left: 0px; }
.about-text p{font-weight: 400; text-align: justify;}



#contactus{float: left;width: 100%;padding: 0em 0px 0em 0px;}
.home-contact{width: 100%;background: #fff8de; float: left;padding: 3em 0px;}
.home-contact .container{max-width: 960px;}
.home-contact  h2{font-size: 26px;text-transform: uppercase;font-weight:bold;margin-bottom: 25px;padding-bottom: 25px;position: relative;text-align: center;}
.home-contact  h2::after{content: "";position: absolute;/* bottom: 0px; */background:#e97623;background-repeat: no-repeat;height: 2px;width: 100px;border-radius: 6px;left: 0;right: 0;margin: 0 auto;bottom: 0px;}

.mb20{margin-bottom:20px;}
#contact{}

.contact-form{width: 100%;background: #fff;border-radius: 12px;box-shadow: 4px 4px 4px rgba(0,0,0,0.01);float: left;padding:2em;}
.contact-form h2{font-size: 22px;font-weight: 600;padding-bottom:15px;border-bottom: 1px solid #ccc;text-transform: uppercase;text-align:center;}
.contact-form form{margin: 35px 0px}
.contact-form form.disabled{pointer-events: none;opacity: 0.7}
form .dbl-field{display: flex;margin-bottom: 25px;justify-content: space-between}
.dbl-field .field{height: 50px;display: flex;position: relative;width: calc(100% / 2 - 13px)}
.contact-form form i{position: absolute;top: 50%;left: 18px;color: #ccc;font-size: 17px;pointer-events: none;transform: translateY(-50%)}
.contact-form input,.contact-form textarea{width: 100%;height: 100%;outline: none;padding: 12px;font-size: 16px;border-radius: 5px;border: 1px solid #363636;/* margin-bottom: 15px; *//* float: left; */}
.form-control2 {width: 100%;height: 50px;outline: none;padding:0px;font-size: 16px;border-radius: 5px;border: 1px solid #363636;}
.form-control2 img{max-height:100%;min-width:100%;border-radius:5px;}
.contact-form input::placeholder,.message textarea::placeholder{color: #363636;font-size: 13px;}
.contact-form input:focus,.message textarea:focus{padding-left: 10px;border: 2px solid #003333}
.contact-form input:focus ~ i,.message textarea:focus ~ i{color: #003333}
form .message{position: relative}form .message i{top: 30px;font-size: 20px}
form .message textarea{min-height: 130px;max-height: 230px;max-width: 100%;min-width: 100%;padding: 15px 20px 0 20px}
form .message textarea::-webkit-scrollbar{width: 0px}.message textarea:focus{padding-top: 14px}form .button-area{margin: 25px 0;display: flex;align-items: center}
.ezbtn{color: #fff;border: none;outline: none;font-size: 14px;cursor: pointer;min-width:160px;border-radius:8px;padding: 12px 25px;background: #e97623;transition: background 0.3s ease;float:right;font-weight: bold;
    text-transform: uppercase;margin:10px 0px;}
.ezbtn:hover{background: #e97623;}
#title_value{float:left; text-transform:uppercase;font-size:16px;text-align:left;color:#e97623;font-weight:600;}
.contact-info h3{font-size: 16px; text-transform: uppercase; margin-bottom: 5px; padding-bottom: 5px; font-weight: 600;}
.contact-info a{font-size: 14px; color: #000;}

.social{margin-top: 15px; float: left;width: 100%; border-top: 1px dashed #ccc; float: left; padding-top: 15px;}
.social h3{font-size: 16px; text-transform: uppercase; margin-bottom: 5px; padding-bottom: 5px; font-weight: 600;}
.social p{font-size: 13px; color: #000;}
.social ul li{float: left; margin-right: 10px;}
.social ul li a{color: #fff; float: left;width: 36px; height: 36px;background:#e97623;text-align: center;line-height: 26px;border-radius: 6px;line-height: 36px;}
.badge{padding: 10px;background: #6bc0cb !important;border-radius: 50%;width: 30px;height: 30px;position: absolute;top: -10px;}
.footer{width: 100%;text-align: center;padding: 3em 0px;background:#efefef;float: left;}
.footer p{color: #000;text-align: center;font-weight: 300;}

.content-area{padding:3em 0px;float:left;width:100%;background:#fff;}
.summery{padding:2em 0px; float:left;width:100%;}
.summery h2{font-size:18px;width:100%;text-align:left;font-weight:bold;padding-bottom:10px;margin-bottom:10px;position:relative;color:#000000;text-transform:uppercase;}
.summery h2::after{content:"";position:absolute;width:50px;height:2px;left:0px;right:auto;margin:auto; bottom:0px;background:#2e056d;}
.summery h3{font-size:15px;width:100%;text-align:left;font-weight:600;padding-bottom:5px;margin-bottom:5px;position:relative;color:#000000;text-transform:uppercase;margin-top:15px;}
.summery ul li{padding-left:18px;position:relative;}
.summery ul li::before{content:"";position:absolute;float:left;width:10px;height:10px;left:0px;background:#50b1aa;border-radius:6px;top:9px;}
/*Success Tic Start*/
#success_tic{text-align:center;}
#success_tic .modal-content{background:url(../slider/slider-1.jpg);background-attachment:fixed;}
#success_tic h3{font-size: 16px;
    padding: 24px;
    line-height: 30px;color:#fff;}
    #success_tic img{max-width: 300px;margin-bottom: 25px;}
 #success_tic .page-body .head{
text-align: center;
    padding: 20px 15px;
}
#success_tic p{font-size: 20px;
    color: #fff;
    line-height: 30px;font-weight:600;
}
.modal-header{border-bottom:0px;padding:5px;}
/* #success_tic .tic{
  font-size:186px;
} */
#success_tic .close{
      opacity: 1;
    position: absolute;
    right: 0px;
    font-size: 30px;
    padding: 3px 15px;
  margin-bottom: 10px;
}
#success_tic .checkmark-circle {
  width: 150px;
  height: 150px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.checkmark-circle .background {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #1ab394;
  position: absolute;
}
#success_tic .checkmark-circle .checkmark {
  border-radius: 5px;
}
#success_tic .checkmark-circle .checkmark.draw:after {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#success_tic .checkmark-circle .checkmark:after {
  opacity: 1;
  height: 75px;
  width: 37.5px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 15px solid #fff;
  border-top: 15px solid #fff;
  border-radius: 2.5px !important;
  content: '';
  left: 35px;
  top: 80px;
  position: absolute;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}


/*Success Tic End*/


#snackbar1 {
  visibility: hidden;
  min-width:360px;
  margin-left:0;
  background-color:#00bc8c;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index:99999999999;
  right:10%;
  top: 1%;text-transform:uppercase;
  font-size: 14px;border-radius:4px;
}
#snackbar1::after{content:"\f217";position:absolute;width:10px;height:10px;left:15px;padding-right:5px;font-family: 'Line Awesome Free';}

#snackbar1.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


#snackbar2 {
  visibility: hidden;
  min-width:360px;
  margin-left:0;
  background-color:#fc5d44;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index:99999999999;
  right:10%;
  top: 1%;text-transform:uppercase;
  font-size: 14px;border-radius:4px;
}
#snackbar2::after{content:"\f217";position:absolute;width:10px;height:10px;left:15px;padding-right:5px;font-family: 'Line Awesome Free';}

#snackbar2.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#success_tic .page-body{
  max-width:300px;
  background-color:#FFFFFF;
  margin:10% auto;
}
 #success_tic .page-body .head{
  text-align:center;
}
/* #success_tic .tic{
  font-size:186px;
} */
#success_tic .close{
      opacity: 1;
    position: absolute;
    right: 0px;
    font-size: 30px;
    padding: 3px 15px;
  margin-bottom: 10px;
}
#success_tic .checkmark-circle {
  width: 150px;
  height: 150px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.checkmark-circle .background {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #1ab394;
  position: absolute;
}
#success_tic .checkmark-circle .checkmark {
  border-radius: 5px;
}
#success_tic .checkmark-circle .checkmark.draw:after {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#success_tic .checkmark-circle .checkmark:after {
  opacity: 1;
  height: 75px;
  width: 37.5px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 15px solid #fff;
  border-top: 15px solid #fff;
  border-radius: 2.5px !important;
  content: '';
  left: 35px;
  top: 80px;
  position: absolute;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
.checkoutform{padding:2em 0px; float:left;}

.form-error{font-size: 12px !important;color: red !important;}
.ticketarea h2{font-size:22px;width:100%;text-align:center;font-weight:bold;padding-bottom:10px;margin-bottom:10px;position:relative;color:#e97623;}
.ticketarea h2::after{content:"";position:absolute;width:100px;height:2px;left:0px;right:0px;margin:auto; bottom:0px;background:#e97623;}

.ticketarea h3{font-size:18px;width:100%;text-align:center;font-weight:bold;padding-bottom:10px;margin-bottom:10px;position:relative;color:#000000;text-transform:uppercase;}
.ticketarea h3::after{content:"";position:absolute;width:100px;height:2px;left:0px;right:0px;margin:auto; bottom:0px;background:#2e056d;}

.ticketarea p{font-size:16px;width:100%;text-align:center;margin-bottom:15px;}
.ticketarea i{margin-right:5px;width:36px;height:36px;color:#fff;border-radius:50%;background:#7aaf48;display: inline-block;padding: 10px 10px;}
.ticketarea p span{display:none;}
.ticketarea ul{display: flex;
            justify-content: center; /* Center horizontally */
            align-items: center; }
.ticketarea ul li{margin-bottom:25px;}
.ticketarea ul li img{float:left;}
#pkgform .modal-header{background: #e97623;text-align:center;padding:15px;}
#pkgform .modal-header h4{color:#fff;text-transform:uppercase;font-weight:bold;text-align:center;width:100%;}
.form-control{font-size:13px;height:46px;}
#pkgform label{font-size:14px; margin-bottom:5px;}

.ticket-info{background:#fff;float:left;padding:10px 15px;width:100%;position:relative;border:  1px solid #ccc;border-radius: 7px;}
.ticket-info h3{float:left;text-transform:uppercase;font-size:14px;text-align:left;color:#000;width: 100%;padding:40px 00px;background: #efefef;text-align: center;border-radius: 12px;margin-bottom: 15px;height:140px;}
.ticket-info h3::after{content:"";position:absolute;width:0px;height:1px;left:0px;right:auto;margin:auto; bottom:0px;background:#000;}
.ticket-info h4{float:left; text-transform:uppercase;font-size:15px;text-align:left;color:#000; font-weight:bold;}
.ticket-info h3 span{float:right;color:#000;}
.ticket-info p{font-size:13px;text-align:left;}
.label2{padding:0px !important;border:0px  !important;background:none  !important;}

#pkgform .price{float: right;
    background: #e0e0e0;
    color: #000;
    padding: 15px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;}
    
    .oldprice {
    text-decoration: line-through;
    color: red; 
}

 /* Custom styles for checkbox */
  .custom-checkbox input[type="checkbox"] {
    display: none; /* Hide the default checkbox */
  }

  .custom-checkbox label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;width:100%;
  }

  .custom-checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-color: #ccc; /* Default background color */
    border: 1px solid #efefef;border-radius:4px; /* Border color for unchecked checkbox */
  }

  .custom-checkbox input[type="checkbox"]:checked + label::before {
    background-color: green; /* Background color for checked checkbox */
    border-color: green; /* Border color for checked checkbox */
    content:"\2713";color:#fff;font-size: 20px;
    padding-left: 4px;
  }

  /* Custom styles for radio buttons */
  .custom-radio input[type="radio"] {
    display: none; /* Hide the default radio button */
  }

  .custom-radio label {
    display: inline-block;
    padding: 5px 20px;
    background-color: #efefef; /* Default background color */
    border: 1px solid #efefef; /* Border color for unchecked radio button */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer;width:100%; float:left;padding:10px;
  }

  .custom-radio input[type="radio"]:checked + label {
    background-color: green; /* Background color for checked radio button */
    border-color: green; /* Border color for checked radio button */
    color: white; /* Text color for checked radio button */
  }
  .sadya label{line-height:26px;}
 .terms{padding:15px;background:#fafafa;border-radius:12px;margin-top:10px;} 
   .terms h3{font-size:15px;font-weight:600;}
    .terms p{font-size:13px;line-height:18px;text-align:justify;font-weight:300;}
    
.info2{font-size: 12px;text-align: center;background: #f1f2f4;padding: 10px;text-align: center;line-height: 18px;width: 100%;display: block;border-radius: 12px;margin: 10px 0px;width:100%;}
#payment img{max-width:80px; float:right;}
.greenCheckbox:disabled {
    color: green !important;
    opacity: 1 !important;
}

.greenLabel {font-size: 13px !important;line-height:20px;}
strong{font-weight:600;}
#termsModal li{font-size:13px;font-weight:400;line-height: 22px;padding-left:10px;position:relative;}
#termsModal li::after{content:"";position: absolute;left: 0;top: 6px;width: 8px;height: 8px;border-radius:4px;background: #7e7e7e;}

  .sold-out-label {
            position: absolute;
            top: auto; /* Adjust the top position as needed */
            right: 10px; /* Adjust the right position as needed */
            background-color: red;
            color: white;
            right: 10px;
            bottom: 10px;
            z-index: 1;
            padding: 0px 20px;
            border-radius: 5px;
            /* background: #fff; */
        }

.notice{background:#fff;font-size:13px;text-align:justify;padding:10px; border-radius:10px;}
.notice b{color:red;}

.welcome-msg{background:#fff;padding:0em 0px;float:left;width:100%;}
table{width:100%;}
legend{text-transform:uppercase;margin-bottom:5px;}
.htitle{text-transform:uppercase;margin-bottom:5px;}
.opt-items .custom-checkbox{   text-align:left;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-radius: 12px;}
  .event-info{float: left;
    width: 100%;
    text-align: center;
    background: #e97623;
    margin: 2em 0px;
    border-radius: 6px;
    padding: 1em;}
      .event-info h3{color:#fff;font-weight:600;margin:15px 0px;font-size:26px;}
       .event-info a{color:#fff;font-weight:600;margin:10px 0px;font-size:26px;}
       .event-logo{padding-top: 1em;}
           .event-logo img{max-width:250px;}
       .event-info .icons img{max-width: 67px;filter: invert(1);}
       .event-date{padding-top: 3em;}
       
     .addtocart{float:right; background:#e97623;color:#fff;padding:5px 20px; font-weight:600;text-transform:uppercase;  border-radius: 6px;    cursor: pointer;}
     .addtocart:hover{color:#efefef;opacity:0.9;}
     .table_desc{width:100%; float:left;}
      .my-order {border:1px dashed #ccc;padding:20px 10px; float:left;width:100%; margin-top:2em;border-radius:6px;}
     .my-order h4{width:100%; float:left;text-align:center; padding:10px 0px;border-bottom:1px dashed #ccc;margin-bottom:10px; font-weight:bold;text-transform:uppercase;}
     .remove{border:0px;background:none;color:red;}
     .my-order thead{width:100%; float:left;}
       .my-order th{font-size:13px;text-transform:uppercase;width: 25%;float:left;}
         .my-order td{font-size:14px;text-transform:uppercase;width: 25%;float:left;}
         .my-order td a{color:#000;padding:5px;    float: left;
    line-height: 16px;}
            .my-order input{width:100px; border:1px solid #000; border-radius:6px;padding:5px 10px;text-align:center}
        .my-order tr{border-bottom:1px dashed #ccc;padding:10px 0px;float:left;width:100%;display: inline-block;}
        
        /*.checkoutbtn{background: #dd1f2e;*/
        .checkoutbtn{background: #E87722;
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    margin-top: 20px;
    display: inline-block;font-weight:600;text-transform:uppercase;}
    .checkoutbtn i{color:#fff;}
    .checkoutbtn:hover{color:#efefef;opacity:0.9;}
     .checkoutpage{background: #efefef;float: left;width: 100%;background-attachment:fixed;}
      .checkoutbox{background:#fff;margin:1em;padding:2em;float:left;width:100%; border-radius:12px;}
      .price h4{border-bottom:0px; text-align:right;}
      
      .top-logo{max-width:300px;margin:auto auto;}
      
      .checkoutbanner {background:#fff;}
       .checkoutbanner .container{padding:2em}
      .checkoutbanner h2{color:#fff;text-transform:uppercase;font-size:22px;font-weight:bold;}
      .checkoutbanner h3{color:#fff;text-transform:uppercase;font-size:14px;}
      .tickes-container h3{margin-bottom:10px;text-transform:uppercase;font-weight:600;}
       .tickes-container h4{margin-bottom:10px;text-transform:uppercase;font-weight:600;font-size:14px;}
       .tic-container{padding:2em;border:1px solid #ccc;border-radius:12px;}
       .cart-items li{width:100%;}
       .cart-items li  p{float:left;padding:0px 10px;}
       .cart-items li  p span{padding:0px 10px 0px 0px;}
       .my-order input{width:auto;}
       .my-order .remove{float:right;}
/* -------------------------------- 

Main components 

-------------------------------- */
@media (min-width: 1600px) {

}
 
@media only screen and (min-width: 1600px) {

 
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1280px) {
.ticket-info h3{    font-size: 13px;}
    .ticket-info h4{    font-size: 13px;}
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1080px) {
    .ticket-info h3{    font-size: 13px;}
    .ticket-info h4{    font-size: 13px;}
    .col-3{width: 50%;}
}
@media screen and (max-width: 773px) {
    .col-3{width: 100%;}
    .col-6{width: 100%;}
    .col-5{width: 100%;}
    .col-4{width: 100%;}
    .col-7{width: 100%;}
    .col-8{width: 100%;}
    .main-slider{max-height: 150px;}
    .main-slider .screens ul li{padding: 10px;}
    .main-slider .content h1{font-size: 22px;line-height: 30px;}
    .home-about{padding-top: 1em;}
    .features-box{margin-bottom: 25px;}
    .banner-content{height: 100px;left: 0px;}
    .banner-content h3{font-size: 16px;line-height: 20px;}
    .banner-content p{font-size: 13px;}
    
    .home-app .app-content{margin-top: 1em;}
    .home-app .screen-5::after{width: 100%; height: 100%;}
    
    .contact-info{margin-top: 25px;}
.event-info .col{width:100%;flex:100% !important;}
.event-date{padding-top: 0.5em;}
.my-order td{width:50%;margin:5px 0px;}
.my-order td a{padding:0px;}
.my-order td img{max-width:120px;}
.checkoutbox{margin:10px 0px;padding:10px 15px;}
   
}


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

@media screen and (max-width:480px) {
   
}
@media screen and (max-width:320px) {
    
   
}