@media (max-width:1400px) {
  .qrip_body_wrapper {padding:25px 15px;}
}
@media (max-width:1380px) {
  .qrip_body_wrapper {padding:25px 13px;}
}

@media (max-width:1199px) {
  #svg-result {max-width: 150px; display: inline-block; margin-top: 12px;}
  #svg-result img,
  #svg-result svg {width: 100%;}
  ul.qr_template_list li {width: calc(25% - 10px);}

  .equalizer_button {padding:15px; border: 1px solid #D8D9DB; -webkit-border-radius:5px; border-radius:5px; display: block; text-align: center; height: 44px;}
.equalizer_button svg {position: relative; width: 15px; -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #333; top: -5px;}
.updown_button {padding:15px; border: 1px solid #D8D9DB; -webkit-border-radius:5px; border-radius:5px; display: block; text-align: center; height: 44px;}
.updown_button svg {position: relative; width:14px; color: #333;}

.qr_title {position: relative;}
.qr_title .for_mobile {position: absolute; right:0; top:0;}
.qr_title img {max-width: 50px;}

.offset_contents {padding-left:32px; display: block; position: relative; margin-top: 5px;}
.number_scans {margin-bottom:10px; font-size: 14px; font-weight: 500;}
.qr_title span {line-height: 1.3;}
.qr_info_bar {padding: 20px 15px;}
.card-body {padding: 20px 15px;}
.qr_title input[type="checkbox"].form-check-input {position: absolute; top: 0; left:20px; }

.filters_wrapper{height:100%;width:0;position:fixed;z-index:10002;top:0;left:-260px;width: 260px;background-color:#fff;box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15); overflow-x:hidden; transition:.5s; padding:20px; padding-top:0; text-align: left; visibility: hidden;}
.filters_wrapper.left_slide_opened {left: 0; visibility: visible;}
.filters_wrapper .closebtn{font-size:36px; margin: 10px 0 0; width: auto; display: block; text-align: right; color: #3A404A!important; line-height: 20px;}
.filters_wrapper .closebtn svg {width: 15px;}
.filters_wrapper h6 {color: #9D9FA5; font-size:12px; line-height: 14px; font-weight: 600; margin-bottom:10px; display: block; text-transform: uppercase;}
ul.qrcode_mob_bar_list {list-style: none; padding:0; margin:0; display: block; text-align: left;}
ul.qrcode_mob_bar_list li {display: block; position: relative; font-size:15px; line-height: 20px; font-weight: 500;}
.qr_overlay_menu {left:250px; right:0; top:70px; overflow-y: auto; }
.filters_wrapper .selected_filters {margin: 0;margin-top: 0px;margin: 15px 0 30px;}
.filters_wrapper .show_link {padding: 10px 0 0 0;display: block; font-size: 12px; line-height: 14px;}
.filters_wrapper .form-check label {font-size: 14px;}
.overlay_menu,
.qr_overlay_menu {position: fixed; left:0; top:0; bottom:0; right:250px; background-color: transparent; z-index: 8;}
.inner_preview { height: 420px;}
#linktree_preview_tab .inner_preview { height:520px;}
.preview_mobile .borsboom_btn { width: 93%;}
}

@media (min-width:998px) and (max-width:1199px) {
  .preview_btns_link ul li{font-size: 13px;}
  .preview_btns_link ul li + li { margin-left: 12px;}
  .preview_btns_link ul li svg {width: 18px;}
}
@media (min-width:992px) and (max-width:1300px) {
  .qr_action_btns .btn {margin: 0 3px 5px 0;}
}
@media (min-width:1000px) and (max-width:1199px) {
  .login_form {  max-width: 100%;width: 100%;position: relative;top: inherit;left: inherit;transform: none;padding: 25px;}

  .error_form{  max-width: 100%;width: 100%;position: relative;top: inherit;left: inherit;transform: none;padding: 25px;}
}
@media (min-width:992px) and (max-width:1199px) {
  #SaveBtn {padding: 10.5px 13px;}
}
@media (min-width:810px) and (max-width:1199px) {
  .ipad_setting_buttons a { padding: 15px 5px; }
  /* .ipad_setting_buttons #SaveBtn {padding: 15px 5px;} */
  .ipad_setting_buttons .btn {font-size: 12px; }
}

@media (min-width:992px) and (max-width:998px) {
  .preview_btns_link ul li{font-size: 12px;}
  .preview_btns_link ul li + li { margin-left: 10px;}
  .preview_btns_link ul li svg {width: 16px;}
}

@media (min-width:576px) {
.select_wrapper .dropdown-select {min-height: 45px;}
}

@media (max-width:991px) {
.login_wrapper { height: 100%;}
.login_form {max-width: 100%; padding:20px; overflow: auto; position: relative; left: inherit; transform: none; top: inherit;}

.error_form {max-width: 100%; padding:20px; position: relative; left: inherit; transform: none; top: inherit;}

.login_contents .logo {text-align: left; padding: 20px 20px 50px;}
.login_contents {position: relative; height: 100%;}
.login_image {height: 20vh; }
.login_image_mobile {height: 30vh;}
.login_image_mobile img {height: 30vh; object-fit: cover; width: 100%;}
.mobile_header {padding:10px 15px;}
.login_form label {font-weight: 400;}
.qrip_wrapper {padding-top: 0; display: block; height: auto;}
ul.mobile_menu_top {list-style: none; padding:0; margin:0; display: block; text-align: right;}
ul.mobile_menu_top li {display: inline-block;}
.mobile_menu_icon {padding:2px 5px; line-height: 1; display: inline-block; vertical-align: top;}
.mobile_menu_icon img {width: 15px; height: 12px;}
.mobile_menu_top .short_username {background: var(--light-purple); width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100%; display: inline-block; color: var(--primary-color); font-weight: 700;}
.right_menu_bar{height:100%;width:0;position:fixed;z-index:9;top:0;right:-50px;background-color:#fff;box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15); overflow-x:hidden; transition:.5s; padding:23px; padding-top:0; text-align: left;}
.right_menu_bar .closebtn{margin-top: 20px; margin-bottom:20px; display:inline-block; text-align: right; width: 10px; color: #3A404A!important;}
.right_menu_bar .closebtn svg {width: 15px;}
.right_menu_bar h6 {color: #9D9FA5; font-size:12px; line-height: 14px; font-weight: 600; margin-bottom:10px; display: block; text-transform: uppercase;}
ul.right_menu_list {list-style: none; padding:0; margin:0; display: block; text-align: left;}
ul.right_menu_list li {display: block; position: relative; font-size:15px; line-height: 14px; font-weight: 500;}
ul.right_menu_list li a {background-color: transparent; padding:8px 10px; border-radius: 3px; line-height: 0; color:#3A404A; text-decoration: none; display: block; font-weight: 500;}
ul.right_menu_list li a:hover,
ul.right_menu_list li a:focus {background-color: #F7F8F8;}
ul.right_menu_list li a svg,
ul.right_menu_list li a img {width: 16px; margin-right:5px!important; position: relative; top: -1px; height: 16px;}
.devider_bar {background-color: #EBECED; width: 100%; height: 1px; margin:10px 0 20px;}



ul.breadcrumbs {font-size: 18px;}
.accordion-button {font-size: 18px;}
.codetype_select label .ct_select_heading span {font-size: 12px;}
.codetype_select label .ct_select_heading {font-size: 14px;}
.codetype_select label {padding: 15px;}
.accordion-item {color: #61666E;}
.qr_form_divider {display: none;}

.select2_wrapper span {display: block;}


.new_mob_bottom_space {padding-bottom:70px;}
.qr_preview_fixed_btns {position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; background-color: #fff; padding: 15px; display: block;
  text-align: right; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px;}
.qr_preview_fixed_btns .btn-outline-danger {float: left;}
/* .qr_template_list{height:173px; overflow: hidden;} */
ul.breadcrumbs {font-size: 18px; line-height: 19px;}
.new_download {margin-bottom:0;}
.mobile_fixed_bottom_buttons {position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; background-color: #fff; padding: 15px; display: block;
    text-align: right; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px;}
.mobile_fixed_bottom_buttons .btn-outline-danger {float: left; padding: 11px 15px;}
ul.settings_list li {margin-bottom: 10px;}

.daterangepicker {right: 53px !important;}

.form-check label {font-size: 14px;}
.qr_action_btns .btn-primary {margin-right:0;}
.qrinfo_popover .qrinfo_hover_img {display: none;}
/* .sticky_bar {margin-top: 353px;} */
.qr_action_form {padding-bottom: 140px;}
.qr_action_form.detail {padding-bottom: 0px;}


.qr_sticky_wrapper {margin: 0 0 20px;}
.qr_sticky_wrapper.sticky {border-bottom: 1px solid #ddd;}
.qr_sticky_wrapper.sticky .preview_text {margin: 0 0 7px;}
.qr_sticky_wrapper.sticky .card {margin: 0;}
/* .qr_sticky_wrapper.sticky {position: fixed; top:50px; left:0; right: 0; z-index: 15; border-top: 1px solid #ddd;} */
.qr_sticky_wrapper.sticky .card {border-radius: 0;}
.qr_sticky_wrapper.sticky .qr_preview_note {border-radius: 0; padding:10px 10px 10px 50px; display: none;}
.qr_sticky_wrapper.sticky .mobile_wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.qr_sticky_wrapper.sticky .mobile_wrap > div:first-child {margin-right: 15px;}
/* .qr_sticky_wrapper.sticky .mobile_wrap > div:first-child {flex: 60%; max-width: 60%; text-align: left;}
.qr_sticky_wrapper.sticky .mobile_wrap > div:last-child {flex: 40%; max-width: 40%; text-align: right;} */
.qr_sticky_wrapper.sticky .mobile_wrap .svg_result_wrapper {padding:0 !important;}
.qr_sticky_wrapper.sticky #svg-result {max-width: 75px; margin: 0;}
.qr_sticky_wrapper.sticky .loader_wrap {max-width: 75px;}
.qr_sticky_wrapper.sticky .loader {border-width: 7px; width: 45px; height: 45px;}
.form_heading {padding-right:20px;}

#LabelModal .modal-dialog-centered {align-items: start; padding-top: 100px;}
body.qr_edit_wrap .select2-container--open {z-index: 13;}
.mt10 { margin-top: 20px;}

.inner_preview { height: 450px;}
#linktree_preview_tab .inner_preview { height:500px;}

.mobile_header .logo img {height: 30px;}

}
@media (min-width:767px) and (max-width:992px) {
  .login_form {margin: 0 auto;}
}

@media (max-width:767px) {

.mobile_header .logo {max-width: auto;}
.mobile_header .logo img {height:20px;}
.dashboard_widget {text-align: center;}
.dashboard_widget img {position: relative; right: inherit; top: 0; transform: none; display: block; margin: 0 auto 15px;}
.dashboard_widget .dropdown .dropdown-toggle {padding-right: 20px;}
.dashboard_widget .dropdown .dropdown-toggle::after {right: 0;}
ul.user_list_table {list-style: none; margin: 0; padding: 0;}
ul.user_list_table li{border-bottom:#D8D9DB 1px solid; padding-bottom: 10px; margin-bottom: 10px;}
ul.user_list_table li h6{min-height: 0 !important;}
ul.user_list_table li h6 a {color:var(--primary-color)!important;}
ul.user_list_table li h6 a:hover {color:#5226ab!important;}
ul.user_list_table li p {font-size: 14px !important; color: #3A404A !important; margin-bottom: 0;}
ul.user_list_table li p span {display: block; color: #9D9FA5!important; font-size: 12px;}
ul.user_list_table li p b {font-weight: 500;}

.qr_title_user {position: relative; padding-left: 30px;}
.qr_title_user .form-check {position: absolute; left: 0;}

.daterangepicker {margin-left: 0; background-color: transparent !important; box-shadow: none; z-index: 9;}
.daterangepicker .ranges {overflow: hidden; padding: 8px 8px 0;}
.daterangepicker .ranges ul {width: 150px !important; float: right; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.10); border-radius: 6px;}
.daterangepicker .drp-calendar {background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.10);}
.daterangepicker.show-calendar .drp-calendar {border-radius: 6px; overflow: hidden;}
.daterangepicker.show-ranges.ltr .drp-calendar.left {border: 0;}
.daterangepicker.show-calendar .drp-buttons {background: #fff; border: 0;text-align: center;}
.daterangepicker .drp-buttons .btn {margin: 0 5px;}
.daterangepicker .drp-selected {display: block !important; text-align: center; margin: 0 0 15px; padding-right:0 !important;}

.mobile_header {padding:10px 15px; position: fixed; left: 0; top: 0; right: 0; background-color: #ffff; z-index: 15;}
.mobile_header.menu_opened {z-index: 150;}
.mobile_header_space {display: block; height: 50px;}
.qr_sticky_wrapper {position: relative;}
/* .qr_sticky_wrapper {position: fixed; top: 65px; z-index: 7; width: 87.5%; background: #F7F8F8;} */
/* .qr_preview_btns {margin: 0; position: fixed; left: 0; bottom: 0; right: 0; background-color: #fff; padding: 20px 15px; z-index: 999; display: block; text-align: right;  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);} */

.responsive_space_edit {margin-top:329px; margin-bottom: 75px;}
.responsive_space_create {margin-top:300px; margin-bottom: 75px;}

.responsive_space_edit_temp {margin-top:310px; margin-bottom: 75px;}
.responsive_space_create_temp {margin-top:310px; margin-bottom: 75px;}

/* .qr_preview_btns .btn-outline-danger {float: left;} */
.accordion-item {margin: 0 0 10px;}
.responsive_space_edit .border_heading_wrapper .grey_card {margin-bottom: -25px;}
.responsive_space_create .border_heading_wrapper .grey_card {margin-bottom: -10px;}

.left_qr_menu_bar .qr_preview_btns {margin: 10px 0 0; position: inherit; left: 0; bottom: 0; right: 0; background-color: transparent; padding: inherit; z-index: inherit; display: inherit; text-align: right; -webkit-box-shadow: none; box-shadow: none;}

.online_link_box .ol_contents {order: 1; flex: 100%; max-width: 100%;}
.online_link_box .ol_icon {align-self: self-start;}
.ol_radiobtn, .social_links_wrapper .ol_radiobtn {float: right; max-width: 95%; flex:95%; margin: 0 0 25px;}

}
@media (max-width:667px) {
  .fixed_middle_contents {max-width: 305px;}
}
@media (max-width:580px) {
.dashboard_wrapper .row {margin: 0 -6.5px;}
.dashboard_wrapper [class*=col-] {padding:0 6.5px;}
.dashboard_widget {padding:20px; min-height: 142px;}
.dashboard_widget .dropdown .dropdown-toggle {padding-right: 0;}
.dashboard_widget .dropdown .dropdown-toggle::after {display:none;}
.dashboard_widget img {width: 30px;}
.first_count {margin-top:-5px;}
.dashboard_widget .widget_count {font-size: 22px;}
.dashboard_widget span, .dashboard_widget .btn {line-height: 1.2; margin: 0 0 5px;}
.left_card {margin-right: 0;}
.card-header h5 {font-size: 18px;}
.dashboard_widget .dropdown-menu {min-width: 170px;}


.qrip_body_wrapper{padding: 15px 0;}
.container {padding:0 15px;}
.dashboard_widget {margin-bottom: 15px;}
.card {margin-bottom: 15px;}

/* .sticky_bar {margin-top: 315px;} */
.modal-dialog {max-width: 100%;}
}
@media (max-width:575px) {
  #settingsDropdown {padding-right: 14px; }
  #scaned_total,
  #scaned_today {padding-right: 0; white-space: normal; line-height: 14px; font-size:12px; max-width: 80px;}
  .dashboard_widget span,
  .dashboard_widget .btn {line-height: 14px; overflow: hidden; margin-bottom: 9px;}
  #scaned_total svg, #scaned_today svg {top: 0px; width: 14px; display: none;}
  .border_line_box {padding-top: 15px; margin-top: 15px;}
  .card-header {padding:20px 15px 0;}
  .archived_box .card-body {padding:20px 15px 15px;}
  ul.right_menu_list li a .dropdown-item { padding:6px 0; font-weight: 500;}
  ul.right_menu_list li a .dropdown-item:hover, ul.right_menu_list li a .dropdown-item:focus{background-color: transparent;}
  .accordion-button {padding: 15px;}
  .accordion-body {padding: 0 15px 10px;}
  ul.qr_template_list li { width: calc(33.3% - 10px);}
  .error_form {text-align: left;}
  body {font-size: 12px;}
  .qr_title {font-size: 14px;}
  ul.breadcrumbs li::before { width: 15px; height: 12px; right: -29px;}
  .login_form {padding-bottom: 50px;}
  .forgot_password_text {margin-bottom: 10px;}
  .m_btn_left {float: left;}
  .daterangepicker {right: 38px !important;}

  .archived_box h5 {font-size:18px;}
  .alert {right: 15px;}
  .custom_alert {right:0; font-size:13px;}
  .custom_alert h4 {font-size:16px;}
  .custom_toast {width: 90%;}
  .custom_color_picker .colorcode {top: 16px;}
}
@media (max-width:480px) {
.dashboard_widget {padding:20px 10px;min-height: 138px;}
.dashboard_widget .widget_count {font-size: 20px; line-height: 20px;}
.page_contents .card-body h6 {min-height: 0;}
.permission_checkboxes {margin-bottom: 30px;}
.qr_preview_note {font-size: 11px; line-height: 13px;}
/* .qr_template_item label {height: 130px;}
.qr_template_list {height: 137px;} */
}
@media (max-width:414px) {
  .page_header h1.h3 {font-size: 18px;}
  .btn_styled {padding:15px; font-size: 14px; min-width: 42px;}
  .page_header h1.h3 {font-size: 18px;}
  .page_contents {padding: 15px 0 0;}
}
@media screen and ( max-height: 665px ) {
  .login_image_mobile {height: 22vh;}
  .login_image_mobile img {height: 22vh;}
}



@media (max-width:380px) {
  .page_header .btn_styled {font-size: 13px;}
}
@media (max-width:375px) {
  ul.qr_template_list li { width: calc(50% - 10px);}
  .empty_img input[type="radio"], .no_img5 label, .empty_img label, .add_logo_input input[type="file"] {width: 50px;height: 50px;}
  .popup-logo {height: 46px;}
  .add_logo_input span {width: 45px;height: 45px;}
  .add_logo_input span {line-height: 45px;}
  .add_logo_input span img {height: 14px;}

}
@media (max-width:364px) {
  .preview_btns_link ul li{font-size: 13px;}
  .preview_btns_link ul li + li { margin-left: 12px;}
  .preview_btns_link ul li svg {width: 18px;}
}
@media (max-width:360px) {
  .btn {padding-left:10px!important; padding-right:10px!important;}
  .qr_action_form h1 {font-size: 20px;line-height: 20px; margin-bottom:5px; }
  .qr_action_form .card-body h4 {font-size: 14px !important; line-height: 16px!important; }
  .btn svg {width: 13px;}

  .responsive_space_edit {margin-top:325px; margin-bottom: 75px;}
  .responsive_space_create {margin-top:285px; margin-bottom: 75px;}

  .responsive_space_edit_temp {margin-top:310px; margin-bottom: 75px;}
  .responsive_space_create_temp {margin-top:310px; margin-bottom: 75px;}
.login_image_mobile {height: 10vh;}
.login_image_mobile img {height: 10vh;}

}
@media (max-width:330px) {
  .preview_btns_link ul li{font-size: 12px;}
  .preview_btns_link ul li + li { margin-left: 8px;}
  .preview_btns_link ul li svg {width: 16px;}
}
@media (max-width:320px) {
  .btn {font-size: 13px;}
  .fixed_middle_contents {max-width: 305px; padding: 0 10px;}
  .custom_color_picker .colorcode {max-width: 150px;}
}

@media (max-width:359px) {
  .page_header .btn_styled {font-size: 11px; padding: 0 12px !important;}
}