body {
    background-color: #fff;
    font-size: 14px;
    color: #000;
    font-family: "Open Sans", sans-serif;
    line-height: 1.25;
    max-width:1300px;
    margin:0 auto;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.top_logo {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;    
}

.top_logo_img {
    width: 30%;
    text-align: left;    
}

.top_logo_img  img {
    width: 200px;
}

.top_logo .social_info {
    width: 30%;    
    text-align: right;
}

.top_logo .social_info img{
    margin-left: 5px;
    margin-right: 10px;
}

.navratri_logo_img {
    width: 40%;
    text-align: center;
}

.navratri_logo_img img {
    width: 100%;
}

.header-title {
    background-color: #333333;
    width: 100%;
    text-align: center;
    color: #fff;
}

.header-title h1 {
    font-size: 22px;
    line-height: 40px;
    margin: 0;
}

.home-content {
    margin: 20px 0px;
}

.formPage-container .card {
    margin-bottom: 10px;
}

.formPage-container .card:last-child {
    margin-bottom: 0px;
}

.tickets-content .card-body {
    position: relative;
}

.tickets-content .navratri-background {
    width: 100%;
 }

 .tickets-content .qrcode-logo {
    position: absolute;
    right: 0;
    top: 160px;
    margin: 0px 60px 60px 60px;
    background: #fff;
 }

 .tickets-content .qrcode-logo img{
    width: 130px;
 }

 .entry-tickets .summary-title {
    font-size: 20px;
 }

.ticketsContainer .justify-content-center {
    margin: 0;
}

/*.card-body.tickets-content-html {
    max-width:1005px;
}*/

.card-body.tickets-content-html .ticketsContent {
    position: relative;
}

.card-body.tickets-content-html .ticketsContent .navratri-background {
    max-height:356px;
}

.card-body.tickets-content-html .ticketsContent .qrcode-ticket {
    position: absolute;
    right: 44px;
    top: 70px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
}

.card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
    width: 180px;
}

.card-body.tickets-content-html .ticketsContent .qrcode-ticket strong{
    color:#ffffff;
    text-align:center;
}

.footer {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;    
}

.footer .social_info{
    vertical-align: middle;
    align-items: center;
    display: inline-flex;    
}

.footer .social_info img{
    margin-left: 10px;
}

@media (min-width:951px) and  (max-width:1025px) {
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket {
        right: 28px;
        top: 35px;
    }
    
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
        width: 160px;
    }
}

@media (min-width:901px) and  (max-width:950px) {
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket {
        right: 24px;
        top: 28px;
    }
    
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
        width: 140px;
    }
}

@media (min-width:801px) and  (max-width:900px) {
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket {
        right: 30px;
        top: 35px;
    }
    
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
        width: 110px;
    }
}

@media (min-width:601px) and  (max-width:800px) {
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket {
        right: 30px;
        top: 35px;
    }

    .card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
        width: 90px;
    }
}

@media (min-width:481px) and  (max-width:600px) {
    
    .header_logo h1{
        font-size: 22px;
    }
    
    .top_logo_img .logoImg{
        width: 120px;
    }

    .card-body.tickets-content-html .ticketsContent .qrcode-ticket {
        right: 16px;
        top: 15px;
    }
    
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
        width: 90px;
    }

    .card-body.tickets-content-html .ticketsContent .qrcode-ticket strong{
        font-size: 10px;
    }
}

@media (max-width:480px)  {
    .displayAlltickets .qrcode-ticket strong {
        font-size: 10px;
    }

    .ticketsContainer .justify-content-center .col-md-10 {
        padding: 0;
    }

    .ticketsContainer .justify-content-center .col-md-10 .card-body{
        padding: 0;
    }

    .card-body.tickets-content-html .ticketsContent .qrcode-ticket {
        right: 15px;
        top: 15px;
    }
    
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
        width: 90px;
    }

    .card-body.tickets-content-html .ticketsContent .qrcode-ticket strong{
        font-size: 10px;
    }

    .header_logo h1{
        font-size: 22px;
    }
    
    .top_logo_img .logoImg{
        width: 120px;
    }
}

@media (max-width:390px)  {
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket {
        top: 8px;
    }

    .card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
        width: 80px;
    }
}

@media print {
    @page {
        size: auto;   /* auto is the initial value */
        margin: 0;  /* this affects the margin in the printer settings */
    }

    .card-body.tickets-content-html {
        max-width:1005px !important;
    }
    
    .card-body.tickets-content-html .ticketsContent {
        position: relative  !important;
    }
    
    .card-body.tickets-content-html .ticketsContent .navratri-background {
        max-height:356px  !important;
    }
    
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket {
        position: absolute  !important;
        right: 44px  !important;
        top: 70px  !important;
        display: inline-grid  !important;
        justify-content: center  !important;
        align-items: center  !important;
    }
    
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket .qrcodeImage{
        width: 180px  !important;
    }
    
    .card-body.tickets-content-html .ticketsContent .qrcode-ticket strong{
        color:#ffffff  !important;
        text-align:center  !important;
    }

    .card-body.tickets-content-html .ticketsContent .qrcode-ticket strong{
        -webkit-print-color-adjust: exact !important;
        print-color-adjust:exact !important;
        color:white !important;
        text-align:center;
    }

    .displayAlltickets .ticket-background {
        max-width: 620px;
    }
}