@media(min-width:320px) and (max-width:480px) {
    .sorry_box {
        padding: 20px 20px 30px 20px;
    }
    .sorry_box h1 {
        font-size: 30px;
    }
    .congratulations_sec {
        height: 100%;
    }
    .ss_order_first #map {
        height: 315px !important
    }
    .ss_ticket_box .ss_des h5 {
        font-size: 14px;
    }
    .ss_ticket_box .ss_ticket_count span {
        font-size: 13px;
    }
    .footer_about {
        margin-right: 0px;
    }
    .navbar-toggler {
        /*display: none;*/
    }
    .desktop_cart {
        display: none;
    }
    .phone_cart {
        display: block;
    }
    .qty_price {
        display: block !important;
    }
    .info_tickets i.fa.fa-angle-down {
        width: 10%;
        text-align: right;
        margin-top: -22px;
    }
    .info_tickets .ms-auto {
        font-size: 15px;
        margin-right: 0px;
        margin-left: 0px !important;
        width: 90%;
        display: inline-block;
    }
    .info_tickets h4 {
        font-size: 15px;
        width: 90%;
    }
    .main_tickets {
        display: block !important;
    }
    .form_box_main {
        padding: 15px;
    }
    .input_box_2 {
        width: 44%;
    }
    .input_box_3 {
        width: 33%;
    }
    .card_con {
        padding: 20px;
    }
    .pro_into p {
        font-size: 15px;
    }
    .total_main {
        font-size: 17px !important;
    }
    .ss_main_header_section_box .d-flex {
        display: inline-block!important;
        width: 100%;
    }
    .ss_main_header_section_box {
        /* background: #FFFFFF; */
        box-shadow: 0px 1px 15px rgb(113 113 113 / 15%);
        border-radius: 10px;
        padding: 10px 10px;
    }
    .ss_main_header_section_box .ss_des h1 {
        font-size: 18px;
    }
    .ss_main_header_section_box .ss_des p {
        font-size: 14px;
    }
    .ss_select_option .nice-select {
        min-width: 100%;
        margin-bottom: 10px;
    }
    .ss_checkbox .btn-group {
        min-width: 100%;
    }
    .ss_main_header_section {
        padding: 30px 0px;
    }
    .ss_ground_images img {
        max-height: auto;
        width: 100%;
        display: inline-block;
    }
    .ss_ground_images {
        padding: 30px 0;
    }
    .ss_order_first, .cart-section {
        order: -1;
    }

    .cart-section{
        margin-bottom: 30px;
    }
    #btn_checkout{
        margin-top: 30px;
    }
}

@media(min-width:480px) and (max-width:767px) {
    .congratulations_sec {
        height: 100%;
    }

    .footer_about {
        margin-right: 0px;
    }
    .desktop_cart {
        display: none;
    }
    .phone_cart {
        display: block;
    }
    .navbar-toggler {
        /*display: none;*/
    }
    .qty_price {
        display: block !important;
    }
    .info_tickets i.fa.fa-angle-down {
        width: 10%;
        text-align: right;
        margin-top: -22px;
    }
    .info_tickets .ms-auto {
        font-size: 15px;
        margin-right: 0px;
        margin-left: 0px !important;
        width: 90%;
        display: inline-block;
    }
    .info_tickets h4 {
        font-size: 15px;
        width: 90%;
    }
    .main_tickets {
        display: block !important;
    }
    .navbar-light .navbar-toggler {
        /*border: none;*/
    }
    .ss_main_header_section_box .d-flex {
        display: inline-block!important;
        width: 100%;
    }
    .ss_main_header_section_box {
        /* background: #FFFFFF; */
        box-shadow: 0px 1px 15px rgb(113 113 113 / 15%);
        border-radius: 10px;
        padding: 10px 10px;
    }
    .ss_main_header_section_box .ss_des h1 {
        font-size: 18px;
    }
    .ss_main_header_section_box .ss_des p {
        font-size: 14px;
    }
    .ss_select_option .nice-select {
        min-width: 100%;
        margin-bottom: 10px;
    }
    .ss_checkbox .btn-group {
        min-width: 100%;
    }
    .ss_main_header_section {
        padding: 30px 0px;
    }
    .ss_ground_images img {
        max-height: auto;
        width: 100%;
        display: inline-block;
    }
    .ss_ground_images {
        padding: 30px 0;
    }
    .ss_order_first, .cart-section {
        order: -1;
    }

    .cart-section{
        margin-bottom: 30px;
    }
    #btn_checkout{
        margin-top: 30px;
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .congratulations_sec {
        /*height: calc(100vh - 637px);*/
    }

    .footer_about {
        margin-right: 0px;
    }
    .desktop_cart {
        display: none;
    }
    .phone_cart {
        display: block;
    }
    .navbar-toggler {
        /*display: none;*/
    }
    .navbar-brand img {
        width: 70%;
    }
    li.nav-item {
        margin-left: 0px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .header_menu_box .ms-auto {
        width: 100%;
    }
    .navbar-light .navbar-toggler {
        /*border: none;*/
    }
    .ss_main_header_section_box .d-flex {
        display: inline-block!important;
        width: 100%;
    }
    .ss_main_header_section_box {
        /* background: #FFFFFF; */
        box-shadow: 0px 1px 15px rgb(113 113 113 / 15%);
        border-radius: 10px;
        padding: 10px 10px;
    }
    .ss_main_header_section_box .ss_des h1 {
        font-size: 18px;
    }
    .ss_main_header_section_box .ss_des p {
        font-size: 14px;
    }
    .ss_select_option .nice-select {
        min-width: 100%;
        margin-bottom: 10px;
    }
    .ss_checkbox .btn-group {
        min-width: 100%;
    }
    .ss_main_header_section {
        padding: 30px 0px;
    }
    .ss_ground_images img {
        max-height: auto;
        width: 100%;
        display: inline-block;
    }
    .ss_ground_images {
        padding: 30px 0;
    }
    .ss_order_first, .cart-section {
        order: -1;
    }
    .cart-section{
        margin-bottom: 30px;
    }

    #btn_checkout{
        margin-top: 30px;
    }
}

@media(min-width:992px) and (max-width:1023px) {
    .ss_main_header_section_box .d-flex {
        display: flex!important;
        width: 100%;
    }
    .ss_main_header_section_box .ss_des p {
        font-size: 13px;
    }
}

@media(min-width:1024px) and (max-width:1170px) {
    .input_box_2 {
        width: 20%;
    }
    .input_box_3 {
        width: 15%;
    }
    .nav-item a {
        font-size: 13px;
    }
    li.nav-item {
        margin-left: 10px;
    }
    a.navbar-brand img {
        width: 60%;
    }
    .ss_main_header_section_box .ss_des p {
        font-size: 13px;
    }
    .ss_main_header_section_box .ss_des h1 {
        font-size: 18px;
    }
    .ss_main_header_section_box {
        padding: 20px 10px;
    }
}