@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: 150px;}
  .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: 48%; 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: 11px; 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;}

  .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: "";}

  .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;}
  .card-style-list {margin-bottom: 10px;}
  .card-top-icon {margin-bottom: 50px;}
  .card-top-icon.lightred {margin-bottom: 0;}
  .notification-panel {width: 330px;}
  .notification-panel .notification-body {height: 400px;}

  .card-panel.card-panel-3 .card-header {padding: 15px;}
  .card-header .filter-group {display: block; position: relative;}
  .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: 35px; 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: 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;}

  .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: 14px;}
  .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;}
  .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;}

  .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;}
  .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: 10px 15px;}  
  .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;}
  .settings-card .order-listing .order-content .form-check label {font-size: 14px;}
  .settings-card .order-listing .order-content .form-check-input {font-size: 16px;}

  /* 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-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: 16px;}
  .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: 5px 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;}

  /* Login */
  .login-cover .login-left {padding: 15px; height: 250px;}
  .login-cover .login-right .loginbox {position: unset; transform: none; padding: 25px;}
  .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;}
}

/* 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) { 	
     

}