@media only screen and (min-width: 1450px) {
    .maingutschein-head-menu.mobile-head-menu .dropdown .dropdown-menu{
        left: 40px;
    }
    .logo{
        max-width: 390px;
    }
    .action-bar{
         max-width: calc(100% - 390px);
         width: 100%;
    }   
    .redeem-button {
         max-width: 318px;
     }
     .search-box{
         max-width: 452px;
     }
     .box-container{
        max-width: 1674px;
    }
    .maingutschein-head-menu li a { 
        margin-left: 40px;
    }
    .maingutschein-head-menu li:first-child a{
        margin-left: 0px;
    }
    .maingutschein-header{
        padding: 20px 0px 0px;
    }
    .top-links{ 
        padding: 0px 15px;
        margin-top: 20px;
    }
    .voucher-step-count span {
        font-size: 25px;
    }
    .company-platform{
        padding: 132px 0px 175px;
    }
    .new-category-here{ 
        padding: 56px 0 112px;
    }
    .image-wrapper {
        /* padding: 35px 20px 113px; */
        padding: 20px;
        width: 100%;
    }
    .advance-search h4{
        font-size: 30px;
    } 
    .maingutschein-textarea{ 
        height: 235px;
    }
    .maingutschein-navbar-banner .category-list-image img{
        height: auto;
    }
    .category-details-image {
        max-width: 374px;
        height: 374px;
    }
    .category-details-view {
        max-width: calc(100% - 374px);
    }
    .categoty-filter{
        max-width: 264px;
    }
    .zip{
        max-width: 277px;
    }
    .btn-filter{
        max-width: 170px;
    }
    .font-resize{
        font-size: 16px;
        line-height: 100%;
    }
}
@media only screen and (max-width: 1450px) {
    .box-container{
        max-width: 1250px;
    }
    .logo{
        max-width: 340px;
    }
    .logo img{
        width: 100%;
    }
    .redeem-button {
        max-width: 230px;
    }
    .search-box{
        max-width: 330px;
    }
    .maingutschein-header{
        padding: 20px 0px 0px;
    }
    .top-links{ 
        padding: 0 15px;
        margin-top: 20px;
    }
    /* .top-links .top-link,.top-links .dropdown .top-link{
        font-size: 16px;
        margin-right: 40px; 
    } */
    .voucher-step-count span,
    .search-box .maingutschein-feild,
    .maingutschein-button, .box-footer .btn,
    .platform-detail p,.social-detail p,
    .footer-menu li a, .footer-title,
    .employer-voucher p,.employee-detail p {
        font-size: 16px;
    }
    .maingutschein-feild, .maingutschein-navbar-banner .box .form-control{
        font-size: 17px;
    }
    .box-footer .btn,.maingutschein-button{
        line-height: 100%;
    }
    .btn-filter img{
        width: 18px;
    }
    .category-list .maingutschein-button img {
        width: 16px;
    }
    .platform-detail p,.social-detail p{
        line-height: 31px;
        margin-bottom: 35px;
    }
    .platform-detail h4,.social-detail h4,.breadcrumbs-list h4, .breadcrumbs-selected li a{
        font-size: 25px;
        line-height: 30px;
    } 
    .employee-detail h4,.contact-title,.maingutschein-page-title, .box .box-title
    {
        font-size: 25px;
    }
    .employee-card-detail li,.data-detail{
        font-size: 12px;
    }
    .contact-title{
        margin-bottom: 45px;
    }
    .social-links li a img{
        width: 45px;
    }
    .breadcrumbs-selected li a:before{
        font-size: 35px;
    }
    .detail-title,.form-sub-title{
        font-size: 25px;
    }
    .notice{
        font-size: 16px; 
    }
}

@media only screen and (max-width: 1355px){
    .display_block_responsive{
        display: block;
    }
    .small_gift_box{
        margin-left: 0px !important;
    }
    .big_gift_box{
        margin-right: 0px !important;
    }.set_border_bottom_responsive {
        height: 100% !important;
    }
}
@media only screen and (max-width: 1279px) {
    .logo {
        max-width: 300px;
    }
    .search-box {
        max-width: 250px;
        /* margin-right: 25px; */
    }
    .redeem-button {
        max-width: 200px;
    }
    .maingutschein-button{
        font-size: 16px;
    }
    .search-box .maingutschein-feild{
        font-size: 16px;
    }
    .action-button {
        margin-left: 0px;
    }
    .advance-search{
        flex-wrap: wrap;
    }
    .advance-search h4{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .zip{
        margin-left: 0px;
        max-width: 245px;
    }
    .categoty-filter{
        max-width: 230px;
    }
    .contact-us-form .maingutschein-form-group {
        max-width: 400px; 
    }
    
    .contact-box{
        padding: 15px 15px;
    }
    .contact-box-title{
        font-size: 20px;
        line-height: 25px;
    }
    .contact-box p{
        font-size: 16px;
        line-height: 21px;
    }
    .margin_set_left_responsive{
        margin-left: 10px;
    }
    .ort_class{
        width: 48%;
        max-width: 100%;
    }
    .margin_bottom_set{
        margin-bottom:10px;
    }
}

@media only screen and (max-width: 1023px){
.ort_class {
    width: 45%;
    max-width: 100% !important;
    }
}

@media only screen and (max-width: 1108px){
    .maingutschein-head-menu li a{
        margin-left: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 991px) {
    .web-none{
        display: none !important;
    }
    .employee-card .img-right,.img-right{
        order: 2;
    }
    .maingutschein-head-menu li{
        position: relative;
    }
    .maingutschein-head-menu li:hover .dropdown-menu{
        display: block !important;
    }
    .maingutschein-btob .logo,.maingutschein-btob .maingutschein-head-menu li,.maingutschein-btob .action-button{
        padding-bottom: 23px;
    }
    .maingutschein-btob .maingutschein-head-menu li .dropdown-menu li{
        padding-bottom: 0px;
    } 
}
@media only screen and (max-width: 991px) {
    .small-device-none {
        display: none;
    }
    .mobile-sidebar-dropdown{
        position: relative !important;
        transform: none !important;
        width: 100%;
        border: none !important;
        padding-left: 20px !important;
    }
    .maingutschein-navbar-links li{
        clear: both;
    }
    .action-button .transparant-button{
        margin-left: 18px !important;
    }
    .maingutschein-head-menu li a:hover:after{
        display: none;
    }
    .maingutschein-head-menu li .dropdown-menu{
        transform: none;
        width: 100%;
        background-color: #383636;
        position: relative !important;
        top: 0 !important;
        border: none;
        transform: none !important;
        padding: 0px !important;
    }
    .maingutschein-head-menu li .dropdown-menu li a{
        color: #ffffff !important;
        padding: 10px 15px 10px !important;
        border-bottom: 1px solid #ffffff;
    }
    .maingutschein-head-menu li .dropdown-menu li:last-child a{
        border-bottom: none;
    }
    .maingutschein-head-menu {
        position: absolute;
        left: 0;
        width: 100%;
        /* top: 92px; */
        top: 87px;
        background-color: #ffffff;
        justify-content: flex-start;
        z-index: 999;
        box-shadow: rgb(173 168 168 / 45%) 2px 2px 2px;
    }
    .maingutschein-head-menu.mobile-head-menu{
        display: none;
    }
    .maingutschein-head-menu li{
        width: 100%;
    }
    .maingutschein-head-menu li a{
        color: #383636 !important;
        width: 100%;
        margin-left: 0px;
        padding: 10px 15px 10px;
        display: block;
        border-bottom: 1px solid #383636;
        transition: all ease-in-out 0.2s;
        clear: both;
        -webkit-appearance: none !important;
    } 
    .maingutschein-head-menu li a:hover{
        background-color: rgb(56, 54, 54, 0.1);
    }
    .maingutschein-head-menu li:last-child a{
        border-bottom: 0px;
    }
    .advance-search { 
        max-width: 500px;
        margin: auto;
    }
    .categoty-filter,.zip {
        max-width: 480px;
        margin: 0 0 15px;
    }
    .mobile-none{
        display: none !important;
    }
    .search-box{
        position: fixed;
        left: 15px;
        max-width: calc(100% - 30px);
        top: 122px;
        margin: 0;
        display: none;
        z-index: 9;
    }
    .maingutschein-header {
        padding: 17.5px 0px 17.5px !important;
    }
    .search-box{
        /* top: 97px; */
        top: 79px;
    }
    .maingutschein-navbar-banner {
        max-width: 100%;
        margin-top: 18px;
    }
    .maingutschein-navbar-links{
        position: fixed;
        top: 0;
        background-color: #fff;
        padding: 60px 20px 40px 20px;
        height: 100vh;
        overflow-y: auto;
        left: -100%;
        max-width: 290px;
        transition: all ease-in-out 0.3s;
        box-shadow: 2px 0 9px 1px rgba(56, 54, 54, 0.2);
        z-index: 20;
    }
    .maingutschein-navbar-links.open{
        left: 0px
    }
    .maingutschein-navbar-banner img{
        height: auto;
    }
    .close-sidebar{
        position: absolute;
        top: 20px;
        right: 15px;
        width: 20px;
        cursor: pointer;
    }
    .voucher-step{
        padding: 38px 0px 0px;
    }
    .voucher-step-count{
        width: 33.33%;
        margin-bottom: 38px
    }
    .voucher-step-detail{
        justify-content: center;
    }
    .social-links li a img{
        width: 50px;
        height: 50px;
    }
    .social-detail h4{
        font-size: 25px;
        line-height: 30px;
        margin: 30px 0 22px;
    }
    .social-detail p{
        font-size: 16px;
        line-height: 31px;
        margin-bottom: 30px;
    }
    .platform-detail{
        margin-top: 50px;
    }
    .platform-image img{
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    .platform-detail p {
        font-size: 16px;
        line-height: 31px;
        margin-bottom: 20px;
    }
    .platform-detail h4 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .maingutschein-navbar-links a{
        font-size: 20px;
        padding: 26px 0 10px;
        -webkit-appearance: none !important;
    }
    .maingutschein-navbar-links .gift-card-mobile{
        width: 29px;
    }
    .category-slider{ 
        padding: 0px;
    }
    .category-slider .slick-arrow{
        display: none !important;
    } 
    .employer-voucher h4{
        font-size: 30px;
        margin-bottom: 35px;
    }
    .employer-voucher p {
        font-size: 19px;
        line-height: 29px;
    }
    .contact-us-form .maingutschein-form-group {
        max-width: 100%; 
    }
    .employee-card{
        background-color: rgba(56, 54, 54, 0.10);
        padding: 75px 0 50px;
    }
    .employee-image img { 
        height: auto;
        object-fit: contain;
    }
    .employee-detail h4 {
        font-size: 30px;
        margin-bottom: 35px;
    }
    .employee-detail p {
        font-size: 19px;
        line-height: 29px;
    }
    .employee-card .row {
        margin-bottom: 0;
    }
    .login-box{
        margin: 50px auto 50px;
    }
    .action-button{
        margin-bottom: 10px;
    }
    .margin_set_right{
        margin: 0 0 0px 25px !important;
    }
    .margin_set_left{
        margin-left: 25px;
    }
    .mobile-none{
        display: none !important;
    }
}
@media only screen and (max-width: 845px){
.inline_responsive_div{
    display: inline-grid !important;
    }.responsive_margin_set{
        margin: 0 auto;
    }
}
@media only screen and (max-width: 768px){
    .set_table_responsive tr{
        line-height: 28px !important;
    }.set_table_responsive tr td{
        font-size: 14px !important;
    }.block_media{
        display: block !important;
    }
}
@media only screen and (max-width: 1279px){
    .media_sett{
        justify-content: left !important; 
        text-align: left !important;
      
    }.media_button{
        max-width: 215px !important;
        margin-top: 10px !important;
        width: 100% !important;
        margin-left: 0px !important;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px) {
    .maingutschein-head-menu{
        /* top: 85px; */
        top:70px;
    }
    .new-category-here .box-container{
        padding: 0px 10px !important;
    }
    .category-slider .slick-list{
        margin-right: 0px !important;
    } 
    .small-device-none{
        display: none !important;
    }
    .logo {
        max-width: 200px;
    }
    .transparant-button,.action-button .maingutschein-dropdown .transparant-button {
        margin-left: 18px;
    }
    .transparant-button:first-child{ 
        margin-left: 0px;
    }
    .transparant-button img,.maingutschein-dropdown .header-avatar {
        width: 20px;
        height: 20px;
    }
    .search-box {
        /* top: 76px; */
        top: 59px;
    }
    .voucher-step{
        margin: 40px 0 40px;
    }
    .voucher-step-count {
        width: 100%; 
        padding: 0px;
    }
    .social-detail p br{
        display: none;
    }
    .footer-search{
        flex-wrap: wrap;
    }
    .social-links-detail{
        padding: 40px 0 74px;
    }
    .footer-search .name,
    .footer-search .email,
    .btn-footer-search{
        max-width: 100%;
    }
    .footer-search .email{
        border-left: none;
        border-top: 1px solid #383636;
    }
    .footer-menu li a, .footer-title {
        font-size: 16px;
    } 
    .btn-filter{
        max-width: 190px;
    }
    .employer-voucher p {
        font-size: 16px;
        line-height: 25px;
    }
    .employer-voucher h4 {
        font-size: 25px;
    }
    .employee-detail h4 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .employee-detail p {
        font-size: 16px;
        line-height: 25px;
    }
    .login-box-msg{
        font-size: 25px;
    }
    .category-details-image{
        margin: 0 auto 30px;
    }
    .category-details-view {
        max-width: 100%; 
    }
    .cart-form .col-sm-6, .cart-form .col-sm-12 {
        padding: 0;
    }
    .credit-card-design{
        margin: auto auto 35px;
        max-width: 350px;
    }
    .contact-box{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .contact-box:last-child{
        margin-bottom: 0px;
    }
    #qr-reader__dashboard_section{
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 15px;
    }
    .code-scan-btn{
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
    #qr-reader__dashboard_section_fsr{
        margin-top: 10px;
    }
    #qr-reader #qr-reader__scan_region video{
        width: 100% !important;
    }
    #qr-shaded-region{
        border-width: 13px 41px !important;
    }
    #qr-reader__dashboard_section_swaplink{
        margin-top: 10px;
        display: block;
    }
    #qr-reader__dashboard_section_csr{
        flex-wrap: wrap;
        justify-content: center;
    }
    #qr-reader__dashboard_section_csr select{
        width: 100%;
    }
    #qr-reader__dashboard_section_csr span{
        width: 100%;
        margin-top: 10px;
        margin-right: 0px !important;
    }
    #qr-reader__dashboard_section_csr span button{
        margin: auto;
    }
    #qr-reader__dashboard_section_fsr{
        width: 100%;
        margin-left: 0px; 
    } 
    .set_flex_grid { 
        justify-content: flex-start;
        width: 100%;
        margin-top: 10px;
    }
    .set_flex_grid a {
        margin-right: 10px;
        width: auto;
        max-width: none;
        min-width: 100px;
        margin-left: 0px;
    }
    .set_font_size_responsive{
        font-size: 60px !important;
    }
    .set_table_responsive{
        margin-left: 15px !important;
        margin-top: 20px !important;
        width: 100% !important;
    }
    .set_alignment{
        align-items: flex-start;
    }.carousel-indicators{
        display: none !important;
    }
}

@media only screen and (max-width: 620px){
    .responsive_table{
        overflow-x: auto;
        display: block;
    }
}
@media only screen and (max-width: 634px){
    .set_display_block{
        display: inline-grid !important;
    }
}
@media only screen and (max-width: 650px) { 
    .qr-code-information .col-sm-6{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .qr-code-number span{
        display: block;
    } 
    .qr-code-genarted{
        flex-direction: column;
    }
    .qr-code-scan{
        margin: 50px auto 0;
        max-width: 60%;
    }
    .coupen-info-detail.maingutschein-button{
        margin: 15px auto 0;
    }
    .qr-code-information .col-sm-6{
        justify-content: flex-start !important;
    }
    .qr-code-scan.qr-code-image .qr-code img {
        width: 50%;
    } 
}
@media only screen and (max-width: 600px){
   
    .coupen-detail-list li,.payment-footer{
        flex-wrap: wrap;
    }
    .coupen-detail-list li a.maingutschein-button,.payment-footer a.maingutschein-button{
        margin-top: 10px !important;
        max-width: none;
        width:auto;
    }
    .form-group.coupon-button{
        width: 100%;
        margin: 0;
    }
    #or{
        margin-top: 16px;
    }
    .inline_set_responsive{
        display: inline-block !important;
    }
    .margin_set_responsive{
        margin-right: 0px !important;
        text-align: center;
    }
    #example1_wrapper .col-sm-12{
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    #example2_wrapper .col-sm-12{
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
    .ort_class{
        width:100%;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 401px){
    .table_responsive{
        display: table !important;
    }
    .flex_set{
        display: flex !important;
    }
}

@media only screen and (max-width: 400px){
    .responsive_mb img{
        width: 100px !important;
    }
    .table_responsive{
        display: block !important;
    }
    .mobile_text_set{
        display: flex;
        order: 2;
        margin-top: 20px;
        width: 100%;
    }
    .set_grid_mobile{
        display: grid !important;
    }
}
@media only screen and (max-width: 530px){
    .set_font_size_responsive{
        font-size: 45px !important;
    }.responsive_mb img{
        width: 150px !important;
    }.responsive_mb{
        margin-bottom: 20px !important;
    }
}
@media only screen and (max-width: 576px) { 
    .maingutschein-navbar-banner .dataTables_wrapper .dataTables_length label,
    .maingutschein-navbar-banner .dataTables_filter label{
        text-align: center !important;
    }
    .maingutschein-navbar-banner .dt-buttons  .buttons-csv{
        margin: 10px auto;
        max-width: 210px;
        width: 100%;
    }
    .set_flex_grid{
        flex-wrap: wrap;
    }
    .set_flex_grid a{
        width: 100%;
        margin-bottom: 10px;
    }
    .set_flex_grid a:last-child{
        margin-bottom: 0px;
    }
    .increase-cart .card-value-details{
        flex-wrap: wrap;
    }
    .increase-cart .card-value-details .maingutschein-button{
        margin-left: 0;
        margin-top: 15px;
    }
    .check-out-form .box-title{
        width: 100%;
    }
}
@media only screen and (max-width: 480px) { 
    .category-slider{ 
        padding: 0px;
    }
    .category-slider .slick-arrow{
        display: none !important;
    } 
    .categoty-filter, .zip {
        max-width: 320px;
    }
    .mx-170 {
        max-width: 140px;
    }
    .code-scan-btn{
        flex-wrap: wrap;
    }
    #qr-reader__dashboard_section_fsr{
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }
    .maingutschein-link{
        width: 100%;
        margin-top: 1rem;
        text-align: left;
    }
    .login-footer{
        flex-wrap: wrap;
    }
    .login-footer .maingutschein-link{
        margin-bottom: 10px;
    }
    .login-box .login-footer .maingutschein-button{
        font-size: 14px;
        padding: 5px 10px;
    }
    .search-box{
        top:59px;
    }
}
@media only screen and (max-width: 400px){
.set_font_size_responsive {
    font-size: 35px !important;
    }
    .qr-code-scan{ 
        max-width: 100%;
    } 
    .qr-code-scan.qr-code-image .qr-code img {
        width: 100%;
    }
    .qr-code.bar-code img{
        object-fit: contain;
    }
}
@media only screen and (max-width: 420px) { 
    .logo {
        max-width: 200px;
    }
    .maingutschein-head-menu{
        /* top: 90px; */
        top: 70px;
    }
    .transparant-button {
        margin-left: 12px;
    }
    .transparant-button:first-child{ 
        margin-left: 0px;
    }  
    .platform-detail h4 br{
        display: none;
    }
    .platform-button{
        margin-top: 0px;
        flex-wrap: wrap;
    }
    .maingutschein-button.btn-maingutschein-platform{
        max-width: 100%;
        margin-right: 0px !important;
    }
    .maingutschein-button.btn-maingutschein-platform:first-child{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 380px){
    .logo{
        max-width: 160px !important;
    }
    .maingutschein-head-menu{
        top:60px;
    }
    .search-box{
        top:51px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 767px){
    .maingutschein-head-menu{
        top:60px !important;
    }
    .set_chk input{
        min-width: 30px !important;
        margin-left: 0px;
    }
}
@media only screen and (max-width: 520px){
    .cart-information{
        height: calc(100vh - 267px);
    }
}
@media only screen and (max-width: 320px){
    .logo{
        max-width: 148px !important;
    }
    .search-box{
        top:49px;
    }
}
@media only screen and (max-width: 330px){
.set_font_size_responsive {
    font-size: 32px !important;
    }
    .set_table_responsive{
        margin-left: 0px !important;
    }
}
@media only screen and (min-width: 1451px){
    .btn-filter img {
        width: 18px;
        position: unset !important;
      }
    .location-button{
        justify-content: center !important;
    }
    .media_add{
        display: flex;
        justify-content: space-evenly !important;
        align-items: center !important;
    }
}