@media (max-width: 767px)
{
  header {padding: 0 15px 5px;}
  .side-menu {display: block; position: fixed; top: 0; bottom: 0; left: -100%; z-index: 99; border-radius: 0; padding-top: 45px; transition: all 0.5s; z-index: 99;}
  .side-menu .close {font-size: 34px; color: #000; z-index: 9; position: absolute; top: -35px; left: 50%; margin-left: -15px; display: block;} 
  .side-menu ul {position: relative;}
  .side-menu ul li {text-align: center; }
  /* .side-menu ul li a {font-size: 16px; padding: 15px 0;}
  .side-menu ul li span {display: block !important;} */

  body.slide .side-menu {left: 0; transition: all 0.5s;}
  header .header-top {padding: 0;}
  header .container-fluid, .panel-top .container-fluid {padding: 0;}
  .body-section::before {top: 120px;}
  .body-section {padding-top: 130px;}
  .body-section .container-fluid {padding-left: 10px;}   

  header .menu-top ul li {display: none;}
  header .menu-top ul li.menubar {display: block !important;}   
  header .menu-top ul li.menubar a {padding-left: 0;}   
  header .right-content ul li {margin-left: 12px;}
  header .right-content ul li a {width: 28px; height: 28px; font-size: 14px; line-height: 35px;}
  header .right-content ul li a img {width: 15px;}
  header .right-content ul li span {width: 22px; height: 22px; line-height: 22px; font-size: 11px; right: -10px;}

  header .header-top .col-10 {padding-left: 0;}
  .markettype {display: flex; justify-content: end; align-items: center;}
  .markettype .dropdown {border: 1px solid #fff; border-radius: 4px; min-width: 58%; display: block;}
  .markettype .dropdown .dropdown-toggle {background: none; border: none !important; color: #fff; padding: 5px 8px; font-size: 16px; width: 100%; text-align: left;}
  .markettype .dropdown .dropdown-toggle::before {top: 13px; right: 8px; background: url(../images/down-arrow-white.png) no-repeat; width: 14px; height: 9px; background-size: 100%;}
  .markettype .dropdown ul {border-radius: 4px; min-width: 170px; border-color: #fff; padding: 0;}
  .markettype .dropdown ul li {border-bottom: 1px solid #ddd; margin: 0;}
  .markettype .dropdown ul li:last-child {border-bottom: none;}  
  .markettype .dropdown ul li a {padding: 10px; display: flex; width: 100%; align-items: center; justify-content: space-between; border-radius: 0 !important;}
  .markettype .dropdown ul li a span {width: 24px; height: 24px; font-size: 9px; line-height: 10px; border-radius: 50px; background: #F46F4B; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-family: 'Graphik-Medium';}
  .markettype .dropdown ul li a:hover {border-radius: 0 !important;}

  .markettype .selectbox {border: 1px solid #fff; background: none; border-radius: 4px; max-width: 50%; color: #fff; height: 30px; position: relative; padding-right: 25px;}
  .markettype .form-select {background: none; border: none; padding: 6px 8px; color: #fff; font-size: 12px;}
  .markettype .selectbox:before {background: url(../images/down-arrow-white.png) no-repeat; width: 14px; height: 9px; background-size: 100%; position: absolute; top: 10px; right: 10px; content: "";}

  header .right-content ul li.profile .dropdown {border: none !important;}

  .panel-top {padding-top: 10px; padding-bottom: 5px;}
  .panel-top .row {padding: 0;}
  .panel-top .leftbox p {font-size: 16px; margin-bottom: 0;}
  .panel-top .leftbox h5 {font-size: 20px;}
  .panel-top .rightbox .btnoutline-lg {padding: 10px 14px; font-size: 13px;}
  .card-panel.card-panel-big {height: 345px;}
  .ticket-circle .circle-row {min-height: 280px;}
  .ticket-circle .circle-row .circle1 {width: 100px; height: 100px; line-height: 60px;}
  .ticket-circle .circle-row .circle1 h2 {font-size: 24px !important;}
  .ticket-circle .circle-row .circle2 {width: 160px; height: 160px; line-height: 100px;}
  .ticket-circle .circle-row .circle2 h2 {font-size: 40px !important;}
  .ticket-circle .circle-row .circle3 {width: 100px; height: 100px; line-height: 100px;}
  .ticket-circle .circle-row .circle3 h2 {font-size: 24px !important;}
  .ticket-circle .circle-row p {font-size: 12px;}
  .card-style-list {margin-bottom: 10px;}
  .card-top-icon {margin-bottom: 50px;}
  .card-top-icon.lightred {margin-bottom: 0;}

  .notification-panel {position: fixed; top: 0; bottom: 0; right: -100%; width: 100%; z-index: 99; box-shadow: 0px 20px 20px #00000029; transition: all 0.75s ease-in-out; border-radius: 0;}
  body.slide3 .notification-panel {right: 0 !important;}

  .notification-panel .notification-body {height: 400px;}
  .card-panel-small a {padding: 15px;}
  .card-panel.card-panel-small {height: 165px;}
  .card-panel.card-panel-small h3 {margin-bottom: 50px;}
  .card-panel.card-panel-small h2 {line-height: 26px;}
  .card-panel.card-panel-small label {margin-left: 0;}
  .card-panel.card-panel-small .icon {top: 10px;}

  .card-panel .card-top-icon.lightgreen {margin-top: 50px; margin-bottom: 0 !important;}
  .ticket-circle.marketplace .circle-row .circle2 {width: 200px; height: 200px; line-height: 170px;}
  .ticket-circle.marketplace .circle-row .circle2 h2 {margin-top: -35px;}
  .ticket-circle.marketplace .circle-row .circle2 p {line-height: 0;}
 
  .backheading {margin-bottom: 10px;}

  .card-panel.card-panel-3 .card-header {padding: 15px;}
  .card-header .filter-group {display: block; position: relative; margin-top: 5px;}
  .card-header .filter-group .form-control {width: 100%;}
  .card-header .filter-group span {display: block; margin-top: 10px;}
  .card-header .filter-group .form-select {width: 85% !important;} 
  .card-header .filter-group .filter-icon {width: 35px; height: 35px; line-height: 37px; font-size: 18px; position: absolute; bottom: 5px; right: 0; z-index: 9;}
  .card-panel-filtering {padding: 15px;}
  .card-panel-filtering h4 {font-size: 16px;}
  .card-panel-filtering .filter-types ul li {margin-bottom: 5px;}
  .card-panel-filtering .filter-types ul li a {height: 30px; font-size: 13px;}
  .table-style1 {width: 1000px; overflow-x: auto;}
  .table-style1 th {padding: 0px 5px 10px 5px; font-size: 14px;}
  .table-style1 td {padding: 5px; font-size: 13px;}
  .card-panel-3 .card-header p {margin-bottom: 5px;}
  .card-panel-3 .card-header .filter-gray .form-control {padding-right: 50px;}
  .card-panel-3 .card-header .filter-gray .filter-icon {right: 10px;}
  .order-listing {margin-bottom: 5px;}
  .order-listing .order-content {margin: 10px 0 0;}
  .order-listing .order-content p {font-size: 14px;}
  .order-listing .order-content h5 {font-size: 16px;}

  .card-panel-filtering .filter-types {overflow-x: auto;}
  .card-panel-filtering .filter-types ul {display: flex; flex-direction: row; overflow-x: scroll; width: 700px;}
  .card-panel-filtering .filter-types ul li {margin-right: 5px !important; margin-bottom: 0;}

  .panel-top.back .rightbox {display: flex; flex-direction: row;}
  .panel-top.back .rightbox .form-control {width: 62%; height: 42px; margin-right: 5px;} 
  .panel-top.back .rightbox .btn {font-size: 14px; padding: 10px;}
  .create-ticket .card-body {padding: 10px 10px !important;}
  .card-panel-3 .ticket-userbox .content h5 {font-size: 14px;}
  .card-panel-3 .ticket-userbox .content p {font-size: 13px;}
  .card-panel-3 .filter {float: right;}
  .card-panel-3 .filter .dropdown .btn {min-width: 150px;}
  .ticket-timeline {padding-left: 40px;}
  .ticket-timeline .timeline-left {width: 25px; height: 25px; line-height: 25px; font-size: 12px;}
  .ticket-timeline .timeline-right {padding: 15px;}
  .ticket-timeline .timeline-right .timeline-header .more-option {justify-content: start;}
  .ticket-timeline .timeline-right .timeline-header .more-option p {margin-left: 0;}
  .ticket-timeline .timeline-right .timeline-body p {font-size: 13px;}
  .ticket-timeline.respond .timeline-left {font-size: 12px;}
  .notes-view {padding: 10px;}
  .card-panel.card-panel-4 {padding: 15px;}
  .card-panel.card-panel-4 .card-header h3 {font-size: 18px;}
  .card-panel.card-panel-4 .card-header p {font-size: 14px;}
  .card-panel.card-panel-4 .card-body .ticket-counting .ticket-info h3 {font-size: 26px;}
  .card-panel.card-panel-4 .card-body .ticket-counting .ticket-info p {font-size: 14px; line-height: 18px;}

  .view-order-details .delivery-body {padding: 10px 0 30px;}
  .view-order-details .delivery-body h5 {font-size: 15px;}
  .view-order-details .delivery-body .left .content p {font-size: 14px;}
  .view-order-details .delivery-body .right {margin-top: 15px;}
  .view-order-details .delivery-body .right h5 {margin-bottom: 0;}
  .view-order-details .delivery-body .right p {margin: 0;}

  .card-tab.tab2 {margin-top: 0;}
  .card-tab.tab2 .card-tab-menu ul li .nav-link {font-size: 13px; margin: 0;}
  .card-tab.tab2 .groupbtn1 .btn {margin: 0 0 15px;}
  .delivery-body .close-link {bottom: 0;}

  .ticket-modal .modal-body h2 {font-size: 28px;}

  .ticket-side-panel, .filter-side-panel {width: 100%;}
  .ticket-side-panel .panel-header {padding: 0 15px 15px;}
  .ticket-side-panel .panel-header .close {top: -15px;}
  .ticket-side-panel .panel-header h3 {font-size: 18px;}
  .ticket-side-panel .panel-header .list-bullet li {font-size: 14px;}
  .ticket-side-panel .panel-content {padding: 0 15px 15px;}
  .ticket-side-panel .panel-content .orderinfo p {font-size: 13px;}
  .ticket-side-panel .panel-content .orderinfo h5 {font-size: 16px;}
  .ticket-side-panel .card-tab ul li .nav-link {font-size: 16px;}
  .ticket-side-panel .panel-body {padding: 20px 15px;}
  .ticket-side-panel .card-tab ul li .nav-link {padding: 5px 8px; margin: 0 5px; font-size: 14px;}
  .ticket-box-list2 {padding: 15px;}
  .ticket-box-list2 .left h5 {font-size: 16px;}
  .ticket-box-list2 .left p {font-size: 13px;}
  .ticket-box-list2 .right h5 {font-size: 14px; margin: 0;}

  .settings-card .order-listing {padding: 0 10px; margin-top: 0;}  
  .settings-card .order-listing .row .flex {width: auto !important; display: flex;}
  .settings-card .order-listing .order-content {margin-top: 0;}
  .settings-card .order-listing .order-content p {font-size: 18px; margin-bottom: 10px;}
  .settings-card .order-listing .order-content .form-check {margin-left: 0px; margin-bottom: 10px;}
  .settings-card .order-listing .order-content .form-check label {font-size: 14px; margin-left: 5px;}
  .settings-card .order-listing .order-content .form-check-input {font-size: 18px; margin-left: -22px; margin-top: 2px;}
  .settings-card .order-listing.button .mt-4 {margin-top: 15px !important;} 

  /* Reviews */
  .card-panel.card-panel-3 .card-header {padding: 10px; margin: 0 5px;}
  .review-panel .card .card-header h3 {font-size: 18px;}
  .review-panel .card .card-header .agent-edit {right: 15px;}

  .backheading .headig-rating {display: block;}
  /* .backheading .headig-rating iconify-icon {width: 15px;} */
  .review-panel.details .card .card-header .totalrating {top: 0; font-size: 13px;}

  .table-style2 th p {font-size: 15px;}
  .table-style2 td p {font-size: 14px;}

  .review-panel .card-body {padding:10px !important;}
  .review-panel .card .card-header .thumb {width: 35px; height: 35px;}
  .card-panel.card-panel-3 .card-body {padding: 10px;}
  .review-panel .card .card-body {padding: 10px !important; position: relative;}
  .review-points h2 {font-size: 34px; line-height: 30px; margin-bottom: 5px;}
  .review-panel .card .review-type {margin-top: 15px;}
  .review-type .ratings-row {justify-content: space-between; height: inherit;}
  .review-type .ratings-row p {font-size: 13px;}
  .review-panel .review-group {justify-content: start; position: absolute; top: 20px; right: 10px;}
  .review-panel .card .card-footer {padding: 10px;}
  .review-panel .card .card-footer p {font-size: 14px;}
  .review-panel.details .card .card-body .review-type {border-left: none;}
  .review-panel.details .card-body {padding: 0 10px !important;}
  .review-panel.details .card-body .card .card-header {padding: 12px 0 !important; margin: 0 0 10px;}
  .review-panel.details .card-body .card .card-body {padding: 0 !important;}
  .review-panel.details .card .card-body p {font-size: 13px; line-height: 20px;}

  .review-panel.details .card .card-body .review-content {padding-right: 0;}
  .review-panel.details .card {margin: 5px 0;}
  .backheading .headig-rating .rating-review, .rating-review.ratingtop {margin-top: 5px;}
  .review-panel.details .card .ratings ul li {font-size: 20px;}

  .template-page .card-header .filter-group {margin-top: 15px;}
  .template-page .card-header .filter-group .form-select {width: 100% !important;}
  .template-page .card-panel .card-header h3 {justify-content: space-between; align-items: center;}

  .view-order-details .order-header .order-listing {padding:  0 10px 10px;}
  .view-order-details .delivery-body .right .shipto {display: block;}
  .view-order-details .delivery-body .right .shipto span {width: 100%; display: block; margin-top: 10px;}
  .view-order-details .orderon {padding-right: 40px;}
  .view-order-details .orderon p {font-size: 16px;}

  /* Login */
  .login-cover {padding: 15px 15px;}
  .login-cover .container-fluid {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0 25px;}
  .login-cover .login-left {padding: 0; height: 250px; background: none; height: inherit;}
  .login-cover .login-left .logo {margin-bottom: 0;}
  .login-cover .container-fluid, .login-cover .row, .login-cover .col-md-6 {height: auto !important;}
  .login-cover .login-right {margin-top: 20px;}
  .login-cover .login-right .loginbox {position: unset; transform: none; padding: 0;}
  .login-cover .login-right h3 {font-size: 22px; line-height: 28px;}
  .login-cover .login-right .form-group {margin-bottom: 20px;}
  .login-cover .login-right .form-group label {font-size: 16px;}
  .login-cover .login-right .form-group .form-control {font-size: 16px;}
  .login-cover .login-right .form-check .form-check-input {width: 15px; height: 15px; margin: 3px -23px;}
  .login-cover .login-right .form-check label {margin-left: 2px;}
  .login-cover .login-right .custombtn {margin-top: 0;}
  .login-cover .login-right .btnrow {margin-top: 20px !important;}

  .ratingflex-heading {display: block;}
  .ratingflex-heading .rating-review.ratingtop {display: none;}
  .ratingflex-heading .leftbox {border-right: none; padding-right: 0;}

  .body-section.ticketDetails {padding-top: 165px !important;}
  .body-section.ticketDetails .card-header .row {align-items: center; justify-content: space-between;}
  .body-section.ticketDetails .card-header .content h5 {font-size: 17px;}
  .body-section.ticketDetails .card-header .filter {float: right; margin-top: 10px;}
  .body-section.ticketDetails .card-header .filter .dropdown .btn {font-size: 13px; height: 31px; padding: 5px 10px; min-width: 130px;}
  .body-section.ticketDetails .col-md-3.ps-0 {padding-left: 15px !important;}
  .ticket-timeline.texteditor .timeline-header .right-side {text-align: right;}
  .timeline-header.timeline-header-bottom .templink li{display: block !important;}
  .templink .dropdown .dropdown-menu {min-width: inherit !important; width: 95% !important;}
  .timeline-header.timeline-header-bottom .templink .dropdown.moredrop.btndrop-check {padding-right: 0;}
  .timeline-header.timeline-header-bottom .templink .dropdown.moredrop.btndrop-check .btn {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: flex; position: relative;}
  .timeline-header.timeline-header-bottom .templink .dropdown.moredrop.btndrop-check .btn iconify-icon {font-size: 26px; position: absolute; top: 3px; right: 0; z-index: 9; background: #fff;}
  .ticket-timeline.texteditor .timeline-body {padding: 10px 10px;}
  .ticket-timeline.texteditor .timeline-footer {padding: 15px 15px 8px !important;}
  .body-section.ticketDetails .ticket-timeline .timeline-right .timeline-header {margin-bottom: 0;}
  .body-section.ticketDetails .ticket-timeline .timeline-right .timeline-header.template {padding: 10px !important;}
  .body-section.ticketDetails .ticket-timeline .timeline-right .timeline-header.ccheader {padding: 10px !important;}

  .chart-timeline {padding: 0;}
  .chart-timeline .col-4 {padding: 0;}
  .chart-timeline p {font-size: 10px;}

  .card.profile-card {margin-top: 0;}
  .profile-card .card-body .profile-header {padding: 10px !important;}
  .card.profile-card .card-header {padding: 10px !important;}
  .card.profile-card .card-body {padding: 10px !important;}
  .card.profile-card .card-body h3.mb-4 {margin-top: 10px; margin-bottom: 15px !important;}
  .order-form .form-group.btnform {margin-top: 5px;}

  .order-form.emailorder .view-order-details {padding: 0 10px;}
  .order-form.emailorder .view-order-details .delivery-body {padding: 3px 0 10px !important;}
  .delivery-body .form-radio {top: 10px; right: 0;}

  .backheading.backheading2 .rating-review {display: none;}
  .backheading.backheading2 .headig-rating h3 {border-right: none;}

  .card-panel.card-panel-3 {padding-bottom: 0 !important;}
  .review-panel.details .pagination-row {padding-bottom: 20px;}

  .chart-scroll {overflow: scroll;}
  .chart-scroll .market-graph {width: 1000px;}

  .ticket-side-panel.sidepanel-order .close {top: -22px !important;}
  
}

/* Mobile Large */
@media (min-width:361px) and (max-width: 412px) {
  
  .markettype .dropdown {min-width: 55%;}
	
}


/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1199px){

  
}

/* Tablet Landscape */
@media (min-width: 992px) and (max-width: 1199px) {
 
	
}

@media (min-width: 1280px) and (max-width: 1439px) {

  .card-top-icon p {font-size: 14px;}
  .card-panel .heading {font-size: 15px;}
  .card-tab ul li .nav-link {margin-right: 10px; font-size: 16px; padding: 0 10px 13px;}
  .filter-group .form-control, .filter-group .form-select {width: 340px;}
}

/* // Desktop 4K */
@media (min-width: 1920px) and (max-width: 2560px)  {

}

@media (min-width: 1441px) and (max-width: 1920px) { 	
     

}