@media (max-width: 1536px) {

}
@media (max-width: 1460px) {

}
@media (max-width: 1366px) {
  .container{width: 1260px;}
  .navigation{padding: 0 0% 0 15%;}

  .ticket_page .ticket_list .ticket-box .content-area .price-qty-box{padding: 40px 45px 40px 25px;}
}

/************ Main **************/

@media (min-width: 768px) and (max-width: 1024px){

  .container{width: 100%;}
  .top-menu{display: none;}
  .navigation-container, .navigation .language-button, .navigation .btn-area{display: none;}
  .navigation .img-logo{width: 140px; left:50%; margin-left: -70px}
  .navigation{padding: 0px; margin: 0px}
  .menu-area{display: none;}
  .menu-area.active{display: block;}
  .navigation .menu-button{display: block; color: #172178 !important;  width: 50px; text-align: center; cursor: pointer;}

  .cart-page{padding: 100px 0 40px}
  .cart-page h1{font-size: 28px; margin: 0 0 20px 0}


  .cart-page .btn-link{font-size: 13px}
  .cart-page .form_area .form-group{margin-bottom: 20px}
  .cart-page .contact-info-box{padding: 20px 20px 0px 20px}
  footer{text-align: center;}
  footer .our-partners {display: inline-block; padding: 0; margin: 6px 0 0 0; list-style: none; }
  footer .links {text-align: center; width: 100%; float: none;}
  footer .links li {display: inline-block; float: none; font-size: 11px; border: none;}
  footer .links li a{padding: 0 7px}
  footer .links li:last-child a{padding: 0 7px}

  .sign-in-up-page{padding: 280px 0 180px 0}
  .sign-in-up-page .form-area{padding: 30px 80px; max-width: 460px}
  .sign-in-up-page .form-area .left-icon {
position: absolute;
left: -150px;
top: -70px;
width: 255px;
height: 311px;
}
.sign-in-up-page .form-area .right-icon {
position: absolute;
right: -90px;
top: 210px;
width: 172px;
height: 370px;
}
.sign-in-up-page .form-area .left-icon1 {
    position: absolute;
    left: -110px;
    top: -129px;
    width: 240px;
    height: 255px;
}
.sign-in-up-page .form-area .right-icon1 {
    position: absolute;
    right: -100px;
    top: 470px;
    width: 200px;
    height: 310px;
}

  .account-page{padding: 100px 0 40px}
  .account-page .white-form-area .btn-update{width: 100%}
  .account-page .history-box{padding: 0px; border-radius: 0px}
  .account-page .history-box .ticket-number{transform: rotate(0deg); position: relative; top: 0; left: 0; width: 100%;}
  .account-page .history-box .ticket-name{border: none}
  .account-page .history-box .info{border-top:#000 1px dashed; border-right:#000 1px dashed }
  .account-page .history-box .btn-area {border-top: #000 1px dashed; padding: 15px; transform: rotate(0deg); position: relative; top: 0; right: 0;}
  .account-page .history-box .btn-area a{width: 100%}
  .account-page .history-box .row{margin: 0px;}
  .account-page .history-box .col-lg-3.col-6{padding: 0px}
  .account-page .history-box .col-lg-3.col-6:nth-child(2) .info {border-right: none;}
  .account-page .history-box .col-lg-3.col-6:nth-child(4) .info {border-right: none;}

  .bottom_cart_area .ticket_area{width: 40%;}
    .bottom_cart_area .view_btn_area{width: 11%;}
    .bottom_cart_area .totle_area{width: 20%;}

    .banner-area{position: relative;}

  .ticket_page{padding: 0px;}

  .ticket_page .ticket_list{padding:30px;}
.ticket_page .ticket_list h1{font-size: 28px; margin: 0 0 20px 0;}
.ticket_page .ticket_list .ticket-box .round {width: 60px; height: 60px;}
.ticket_page .ticket_list .ticket-box .round.top-left {left: -30px; top: -30px;}
.ticket_page .ticket_list .ticket-box .round.top-right {right: -30px; top: -30px;}
.ticket_page .ticket_list .ticket-box .round.bottom-right {right: -30px; bottom: -30px;}
.ticket_page .ticket_list .ticket-box .round.bottom-left {left: -30px; bottom: -30px;}
.ticket_page .ticket_list .ticket-box .content-area{display: block;padding: 20px;}
.ticket_page .ticket_list .ticket-box .content-area .photo-area{display: block; width: 26%; padding: 0px 20px 10px 0px;float: left;}
.ticket_page .ticket_list .ticket-box .content-area .photo-area .ticket-img{height: 150px;}
.ticket_page .ticket_list .ticket-box .content-area .ticket-info{display: block; width: 74%; padding: 0px 20px 0px 20px; border-right: none; /*! border-top:#e5e5e5 1px solid; */ /*! border-bottom: #e5e5e5 1px solid; */float: left;}

.ticket_page .ticket_list .ticket-box .content-area .price-qty-box {
    width: 100%;
    padding: 20px 0px !important;
    display: inline-block;
    border-top:#e5e5e5 1px solid;
}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .icon{width: 49%;display: inline-block;margin-right: .5%;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .promo-code{width: 49%;display: inline-block;margin-left: .5%;}
.ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box{width: 49%}
    .cart-page .cart-box .qty-box .qty{width: 110px;}

    .account-page .user-profile{position: relative;background: #fff;border-radius: 6px;line-height: 17px;color: #000;font-family: 'Oswald', sans-serif;font-size: 13px;font-weight: 400;padding: 3px 3px 3px 43px;margin-bottom: 20px;}
    .account-page .user-profile .name-code {width: 30px;height: 30px;background: #1a8ccc;font-size: 15px;color: #fff;line-height: 30px;text-align: center;border-radius: 50px;position: absolute;left: 5px;top: 5px;}
    .account-page .user-profile a{display: block;color: #1a8ccc;font-size: 10px;font-weight: 400;}

    .account-page ul.menu-account li a{font-size: 15px;}
}

@media (max-width: 767px) {
    html { -webkit-text-size-adjust:none;}
    .header{position: relative;}
    .container{ width:90%; margin:0 auto; padding:0;}
    .top-menu{display: none;}
    .navigation-container, .navigation .language-button, .navigation .btn-area{display: none;}
    .navigation .img-logo{width: 140px; left:50%; margin-left: -70px}
    .navigation{padding: 0px; margin: 0px}
    .menu-area{display: none;}
    .menu-area.active{display: block;}
    .navigation a.btn-cart-mobile{display: inline-block;}
    .navigation .menu-button{display: block; color: #172178 !important;  width: 50px; text-align: center; cursor: pointer;}
    .banner-area{position: relative;}
    .white-bg{padding: 20px 15px}
    .cart-page{padding: 0px}
    .cart-page .container{width: 100%}
    .cart-page h1{font-size: 28px; margin: 0 0 20px 0}

    .cart-page .cart-box .ticket-number {position: relative; left: 0; top: -5px; width: 150px; height: 150px;}
    .cart-page .cart-box{padding: 25px; min-height: auto}
    .cart-page .cart-box::before {width: 15px; height: 30px; margin-top: -15px;}
    .cart-page .cart-box::after {width: 15px; height: 30px; margin-top: -15px;}
    .cart-page .cart-box .ticket-name{font-size: 18px; margin: 10px 0;}

    .cart-page .btn-link{font-size: 13px}
    .cart-page .form_area .form-group{margin-bottom: 20px}
    .cart-page .contact-info-box{padding: 20px 20px 0px 20px}
    footer{text-align: center;}
    footer .our-partners {display: inline-block; padding: 0; margin: 6px 0 0 0; list-style: none; }
    footer .links {text-align: center; width: 100%; float: none;}
    footer .links li {display: inline-block; float: none; font-size: 11px; border: none;}
    footer .links li a{padding: 0 7px}
    footer .links li:last-child a{padding: 0 7px}

    .sign-in-up-page{padding: 80px 0 10px 0}
    .sign-in-up-page .form-area{padding: 30px}
    .sign-in-up-page .form-area .left-icon, .sign-in-up-page .form-area .right-icon, .sign-in-up-page .form-area .left-icon1, .sign-in-up-page .form-area .right-icon1{display: none;}

    .account-page{padding: 100px 0 40px}
    .account-page .white-form-area .btn-update{width: 100%}
    .account-page .history-box{padding: 0px; border-radius: 0px}
    .account-page .history-box .ticket-number{transform: rotate(0deg); position: relative; top: 0; left: 0; width: 100%;}
    .account-page .history-box .ticket-name{border: none}
    .account-page .history-box ul.info-list li{width: 100%}
    .account-page .history-box .info{border-top:#000 1px dashed; padding: 15px 20px; text-align: left;}
    .account-page .history-box .info span{display: initial; font-size: 16px; float: right;}
    .account-page .history-box .btn-area {border-top: #000 1px dashed; padding: 15px; transform: rotate(0deg); position: relative; top: 0; right: 0;}
    .account-page .history-box .btn-area a{width: 100%}
    .account-page .history-box .row{margin: 0px;}
    .account-page .history-box .col-lg-3.col-6{padding: 0px}
    .account-page .history-box .col-lg-3.col-6:nth-child(2) .info {border-right: none;}
    .account-page .history-box .col-lg-3.col-6:nth-child(4) .info {border-right: none;}


    .ticket_page{padding: 0px;}
    .ticket_page .container{width: 100%}
    .ticket_page .ticket_list{padding: 20px 15px}
    .ticket_page .ticket_list h1{font-size: 28px; margin: 0 0 20px 0;}
    .ticket_page .ticket_list .ticket-box .round {width: 60px; height: 60px;}
    .ticket_page .ticket_list .ticket-box .round.top-left {left: -30px; top: -30px;}
    .ticket_page .ticket_list .ticket-box .round.top-right {right: -30px; top: -30px;}
    .ticket_page .ticket_list .ticket-box .round.bottom-right {right: -30px; bottom: -30px;}
    .ticket_page .ticket_list .ticket-box .round.bottom-left {left: -30px; bottom: -30px;}
    .ticket_page .ticket_list .ticket-box .content-area{display: block;}
    .ticket_page .ticket_list .ticket-box .content-area .photo-area{display: block; width: 100%; padding: 20px 20px 30px 20px}
    .ticket_page .ticket_list .ticket-box .content-area .photo-area .ticket-img{height: 240px}
    .ticket_page .ticket_list .ticket-box .content-area .ticket-info{display: block; width: 100%; padding: 20px 20px 0px 20px; border-right: none; border-top:#e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid}
    .ticket_page .ticket_list .ticket-box .content-area .ticket-info::before{content:none}
    .ticket_page .ticket_list .ticket-box .content-area .price-qty-box{display: block; width: 100%; padding: 30px 20px; }
    .ticket_page .ticket_list .ticket-box .content-area .price-qty-box .guest-box .qty{width: 100%; position: relative;}

    .bottom_cart_area .ticket_area{width: 40%;}
    .bottom_cart_area .view_btn_area{width: 22%;}
    .bottom_cart_area .totle_area{width: 37%;}

    .empty-cart img{width: 100%;}

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


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



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



}