/*--- admin panel responsive sheet ---*/
@media screen and (max-width: 1920px) and (min-width: 1600px){
    .panel-widget{
        width: 32.1%;
    }
    .pie-chart{max-height: 350px;}
    .browser-static > li{font-size: 14px;}
    .user-activity{
        max-height: 350px !important;
    }
    .browser-static > li{margin-bottom: 26px;}
    #echart_gauge {
        height: 348px !important;
    }
    .insta-widget > li{
        width: 23.8%;
    }
    .tsk-prgs-lst {
        max-height: 386px;
    }
    .scl-wdgt-lst {
        max-height: 304px;
    }
    .goal-wdg {
        padding-bottom: 2px;
        padding-top: 6px;
    }
    .vctr-map{
        width: 665px;
    }
    .rev-carousel > ul li > h4{font-size: 21px;}
    .reminder {
        padding-bottom: 57px;
        padding-top: 40px;
    }
    .panel-layout.boxed .panel-widget{
        margin-right: 21px;
    }
    .full-calendar {
      margin-bottom: 45px;
      margin-top: 45px;
    }
    .total {
        padding: 5px 30px;
    }
    .static {
        padding: 0 40px 25px;
    }
    .most-browsers {
        padding: 17px 0;
    }
    .search-found {
        margin-bottom: 142px;
        margin-top: 142px;
    }
    .page5o5 {
        padding: 100px 50px;
    }
    .maintenance-page{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .scl-wdgt-lst{
        max-height: 355px !important;
    }
    .scl-wdgt{
        padding: 20px 50px 20px 80px;
    }
    .tsk-prgs-lst > ul > li{
        margin-bottom: 31px;
    }
    .rev-carousel > ul li{
        padding: 80px 48px;
    }
    .rev-info{
        width: 25%;
    }
    .visito-country-list{
        width: 57.5%;
    }
    .drop.setting {
        left: -82px;
    }

}


@media screen and (max-width: 1024px){
    .panel-layout {
      /* overflow-x: hidden; */
    }

    .responsive-header {
      display: block;
    }

    .topbar {
      display: none;
    }

    .sub-bar .t-search {
      display: none;
    }

    .gap {
      padding: 30px 0;
    }
    .gap.no-gap{padding: 0;}
    .gap.no-top {
        padding-top: 0;
    }
    .gap.no-bottom {
        padding-bottom: 0;
    }

    .main-content {
      padding-left: 0;
      -webkit-transform: translate(0px);
      -moz-transform: translate(0px);
      -ms-transform: translate(0px);
      -o-transform: translate(0px);
      transform: translate(0px);
    }

    .main-content.menu-slide {
      padding-left: 0;
    }

    .main-content.menu-slide {
      -webkit-transform: translate(50px);
      -moz-transform: translate(50px);
      -ms-transform: translate(50px);
      -o-transform: translate(50px);
      transform: translate(50px);
    }

    .side-panel.active{top: 62px;}

    .side-header {
      width: 250px;
      -webkit-transform: translate(-255px);
      -moz-transform: translate(-255px);
      -ms-transform: translate(-255px);
      -o-transform: translate(-255px);
      transform: translate(-255px);
    }

    .panel-layout.boxed .side-header.slide-out:hover {
      left: -25px;
    }

    .side-header.slide-out {
      -webkit-transform: translate(25px);
      -moz-transform: translate(25px);
      -ms-transform: translate(25px);
      -o-transform: translate(25px);
      transform: translate(25px);
    }

    .side-header.slide-out:hover {
      left: -30px;
    }

    .panel-body {
      margin-top: 0;
    }

    .content-area {
      padding: 30px 10px 10px;
    }

    .responsive-header .drop.setting {
      left: initial;
      right: -14px;
      top: 50px;
    }

    .responsive-header .drop.setting .drop-head::before {
      right: 31px;
    }
    
    .event-detail > li{
        margin-bottom: 28px;
    }

    .feeds > li{padding-bottom: 29px;}

    .admin-avatar img {
      margin-right: 0;
    }

    .online {
      right: 5px;
      top: 94%;
    }

    .responsive-header .logo-area .notify-area li a i {
      font-size: 14px;
    }

    .responsive-header .logo-area .notify-area > li > span {
        right: 0;
    }

    .responsive-header .logo-area .notify-area > li:last-child,
    .setting > li:last-child {
      padding-right: 10px;
    }

    .responsive-header .logo-area .notify-area > li,
    .setting > li {
      padding-right: 11px;
    }

    .drop {
      left: -63px;
      top: 37px;
    }

    .drop.messages {
      left: -111px;
      top: 37px;
    }

    .drop-head::before {
      left: 205px;
      width: 0;
    }

    .drop.messages .drop-head:before {
      left: 110px;
    }

    .tab-style {
      margin-bottom: 0;
    }

    .accordians-style .wdg-tl {
      margin-top: 30px;
    }

    .imageBox {
      border-width: 30px;
      width: 400px;
    }

    .action {
      padding: 0 10px 0 30px;
    }

    .invoice-detail > h3 span {
      padding-top: 3px;
      float: left;
      width: 100%;
    }

    #routeForm > input {
      width: 250px;
    }

    .p-table {
      margin-bottom: 50px;
    }

    .widget-peding {
      padding: 0 20px 20px;
    }

    .admin-meta > img {
      right: -35px;
      top: -10px;
    }

    .panel-layout.boxed {
      width: 100%;
    }

    .panel-layout.boxed .main-content {
      padding-left: 0;
    }

    .panel-layout.boxed .side-header.slide-out {
      left: -22.5%;
    }

    .main-page.style1 div.nav-icon3 {
      display: block;
    }

    .main-page.style1 .main-content.menu-slide {
      -webkit-transform: translate(0px);
      -moz-transform: translate(0px);
      -ms-transform: translate(0px);
      -o-transform: translate(0px);
      transform: translate(0px);
    }

    .main-page.style1 header .side-header.slide-out {
      left: -25px;
    }

    .tab-data ul li {
      padding: 0 43px;
    }

    .team-name > h5 {
      font-size: 12px;
    }

    .team-name {
      padding: 5px;
      right: 0;
      left: initial;
      width: 74%;
    }

    .clndr {
        max-height: 394px;
        min-height: 394px;
    }

    .side-header {
      -webkit-box-shadow: 0 0 5px #e3e3e3;
      -moz-box-shadow: 0 0 5px #e3e3e3;
      -ms-box-shadow: 0 0 5px #e3e3e3;
      -o-box-shadow: 0 0 5px #e3e3e3;
      box-shadow: 0 0 5px #e3e3e3;
    }

    .main-table .table thead tr th {
        font-size: 13px;
        line-height: 37px;
        width: 10%;
    }

    .side-menus .logo {
      display: block;
    }

    .side-header.slide-out {
      left: -220px;
    }

    .side-header {
      padding-top: 0;
    }

    .logo-area .seting-area {
      line-height: 45px;
    }

    .seting-area > li > a,
    .seting-area > li > a i {
      font-size: 13px;
    }

    .main-table .table tbody td {
        padding: 10px 9px;
    }
    .informative{width: 71%;}
    .visito-country-list{width: 49%;}
    .admin-meta > h5 {
        font-size: 16px;
    }
    .admin-meta > span {
        font-size: 12px;
        padding: 5px 15px;
    }
    .follow-btns > li a {
        padding: 0 17px;
    }
    .sub-area{width: 100%;}
    .profile{margin-top: 30px;}


    
    
    
}




@media screen and (max-width: 768px){
    .panel-layout.boxed .side-header.slide-out {
      left: -29.3%;
    }

    .panel-widget {
        margin-top: 30px;
        width: 30.7%;
    }

    .b-meta{
        padding: 20px 10px;
    }

    .info-meta > h4{font-size: 25px;}

    .sub-bar {
      margin-bottom: 0;
    }
    .inner-bg{margin-top: 30px;}

    .visito-country-list {
      width: 33%;
    }

    .visito-country-list > ul li {
      margin-bottom: 10px;
    }
    .rev-carousel > ul li{padding: 33px;}
    .rev-info{width: 55%;}

    .visito-country-list > ul li span {
      line-height: 30px;
      font-size: 12px;
    }

    .visito-country-list > ul > li i {
      line-height: initial;
    }

    .testimonial-section {
      margin-top: 30px;
    }

    .listing-post .sm-avatar {
      max-width: 328px;
      width: 328px;
    }

    .listing-post .post-editing {
      padding-left: 28px;
      padding-right: 40px;
    }

    .date-box {
      right: -15px;
    }

    .coming-meta > span {
      right: 4%;
    }

    .page-bg {
      height: 89vh;
    }

    .coming-meta {
      height: 84vh;
    }

    .contact {
      padding: 0 40px 40px;
    }

    .price-table {
      margin-bottom: 60px;
    }

    .table-hed {
      padding: 20px;
    }

    .p-table-meta > ul > li {
      padding-left: 20px;
    }

    .price-tablez {
      margin-bottom: 0;
    }

    .summery-title {
      display: unset;
      float: left;
      padding-bottom: 20px;
      width: 100%;
    }

    .social-btns > li {
      float: left;
      margin-bottom: 10px;
      margin-right: 10px;
    }

    .email-compose > form {
      padding-right: 0;
    }

    .approv-reject > a {
      padding: 7px 10px;
    }

    .main-table .table tbody td {
      padding: 10px;
      text-align: center;
    }

    .owner-info {
        padding-left: 0;
        padding-top: 10px;
    }
    .project-title > h5 {
        font-size: 12px;
        line-height: 18px;
    }
    .top-widget{margin-top: 30px;}
    .discount-copon form button{width: 80px;}
    .gap.inner-bg{padding: 30px;}
    .btn4, .btn5{
        max-width: 147px;
        min-width: 147px; 
    }
    .btn1{max-width: 120px; min-width: 120px;}
    .email-box-nav{width: 20%;}
    .email-box-content{width: 80%;}
    .fontawesome-icon-list .fa-hover a{
        height: auto;
        line-height: initial;
        padding: 5px;
    }
    .fontawesome-icon-list .fa-hover a:hover .fa{
        font-size: inherit;
        vertical-align: middle;
    }
    .maintence-info > p{max-width: 100%;}
    .coming-bg{width: 100%;}
    .coming-bg > p{max-width: 70%;}



}


@media screen and (max-width: 640px){
    .email-box-nav{width: 23%;}
    .email-message-inf > p {
        font-size: 12px;
    }
    .email-message-inf > span {
        font-size: 13px;
    }
    .email-list {
    display: inline-block;
        width: 35%;
    }
    .email-compose {
        display: inline-block;
        width: 64%;
    }
    .nxt-prv-arrow{width: 100%}
    .email-compos-opt > a + a {
        margin-left: 20px;
    }

    .no-top {
      padding-top: 0;
    }

    table.table-responsive,
    .main-table .table.table-responsive {
      display: inline-block;
    }

    .bottombar {
      padding: 20px;
      text-align: center;
    }

    .bottombar ul li {
      line-height: initial;
    }

    .bottombar > ul {
      line-height: initial;
    }

    .bottombar > span {
      line-height: initial;
    }

    .sub-title span {
      padding-left: 0;
      font-size: 9px;
    }

    .sub-title h4 {
      font-size: 14px;
    }

    .main-table .table tbody td {
      padding: 10px;
    }

    .main-table .table thead tr th {
      padding: 0 15px;
    }

    .project-title {
      width: 180px;
    }

    .owner-pic {
      left: 20px;
      margin-bottom: 10px;
      position: relative;
    }

    .owner-info {
      padding-left: 0;
      width: 160px;
    }

    .revenue-chart {
      width: 100%;
    }

    .widget-peding {
      padding: 0 20px 20px 15px;
      width: 100%;
    }

    .chart-info {
      padding-left: 10px;
      width: 100%;
    }

    .priority {
      display: inline-block;
      width: 100px;
    }

    .due {
      display: inline-block;
      width: 120px;
    }

    .user-list li .owner-info {
      padding-left: 30px;
    }

    .search-found {
      width: 100%;
    }

    .search-found > h1 {
      font-size: 70px;
    }

    .search-found > h1 > span {
      font-size: 60px;
    }

    .search-found > span {
      font-size: 18px;
      padding: 10px 0;
    }

    .search-found > a.home-btn {
      font-size: 10px;
      line-height: 35px;
      padding: 0 15px;
      position: relative;
      z-index: 2;
    }

    .tab-meta {
      padding: 15px 20px;
    }

    .toggle-item > h3 {
      padding: 20px 35px;
      font-size: 11px;
    }

    .tab-style {
      margin-bottom: 0;
    }

    .accordians-style .wdg-tl {
      margin-top: 25px;
    }

    .toggle-style2 .toggle-item > h3 {
      padding-left: 36px;
      font-size: 12px;
    }

    .toggle-style2 .toggle-item > h3,
    .toggle-style4 .toggle-item > h3 {
      line-height: 22px;
    }

    .toggle-style3 .toggle-item > h3,
    .toggle-style4 .toggle-item > h3,
    .toggle-style5 .toggle-item > h3 {
      display: inline-flex;
      font-size: 10px;
      line-height: 22px;
      padding: 10px;
    }

    .toggle-style3 .toggle-item > h3 > i,
    .toggle-style4 .toggle-item > h3 > i,
    .toggle-style5 .toggle-item > h3 > i {
      display: table;
      margin-right: 10px;
    }

    .toggle-style3 .content,
    .toggle-style4 .content,
    .toggle-style5 .content {
      padding-left: 20px;
      padding-top: 10px;
    }

    .toggle-style5 .toggle-item .content {
      padding: 0 35px 20px;
    }

    .contact-us li {
      text-align: center;
    }

    .contact-us > ul li i {
      float: none;
      margin-bottom: 10px;
    }

    .contact {
      padding: 30px;
    }

    .contact-us > h3 {
      font-size: 20px;
    }

    .contact-from .button {
      font-size: 10px;
      width: 120px;
      line-height: 35px;
    }

    .imageBox {
      border-width: 20px;
      width: 100%;
    }

    .action {
      padding-left: 10px;
    }

    .action > input[type="file"] {
      margin-right: 30px;
    }

    .action > label {
      margin-left: 10px;
    }

    .element-title {
      margin-bottom: 0;
    }

    .element-title span {
      line-height: 30px;
    }

    .paginationz > ul li {
      margin-bottom: 10px;
    }

    .invoice-pad {
      padding: 30px;
      margin-top: 30px;
    }

    .invoice-info > h4 {
      margin-top: 30px;
    }

    .invoice-info {
      float: left;
      margin-top: 30px;
      width: 100%;
    }

    .invoice-detail > h3 {
      float: left;
      font-size: 20px;
      padding-bottom: 10px;
      width: 100%;
    }

    .invoice-detail > h3 span {
      font-size: 11px;
    }

    table thead.drk th h4 {
      text-align: center;
    }

    table td i {
      display: block;
      width: 160px;
    }
    .table-styles {
        margin-top: 30px;
    }

    .service-sec {
      float: left;
      padding: 20px 0;
      width: 100%;
    }

    #routeForm > input {
      margin-bottom: 10px;
    }

    .admin-meta > img {
        left: 50%;
        right: auto;
        top: -94px;
        transform: translate(-50%);
    }

    .sub-area ul li a {
      font-size: 11px;
    }

    .about {
      padding: 30px 0;
    }

    .vlaue-show li a {
      padding: 5px 20px;
    }

    .vlaue-show {
      margin-top: 30px;
    }

    .activity-ico > span {
      font-size: 20px;
    }

    .activity-ico > span i {
      font-size: 11px;
    }

    table tr th:first-child,
    table tr td:first-child {
      padding-left: 20px;
    }

    .sparkline11 > canvas,
    .sparkline12 > canvas {
      width: 130px !important;
    }

    .member-activity tbody tr td i {
      width: 40px !important;
    }

    .typo-styl > div {
      display: inline-block;
      margin-top: 20px;
    }

    blockquote.style2 > p {
      font-size: 14px;
      padding-left: 30px;
    }

    .top-title {
      margin-top: 20px;
    }

    .widget.style2 .widget-peding {
      padding: 20px;
    }

    .row.merg30.masonry {
      margin-right: 0;
      width: 100%;
    }

    .container-fluid .row.merg30 > div {
      padding: 0 0 0 20px;
    }

    .gallery-wid > li {
      max-width: 30.8%;
      width: 30.8%;
    }

    .social-wid > li {
      width: 23.5%;
    }

    .social-wid li span {
      font-size: 14px;
    }

    .field-wrap {
      padding: 15px;
    }

    .flatWeatherPlugin.partial > h2 {
      font-size: 14px;
    }

    .widget-title {
      padding: 15px 20px;
    }

    .widget-title > h4 {
      font-size: 18px;
    }

    .recent-signups > ul > li {
      float: left;
      margin-bottom: 2px;
      margin-right: 2px;
    }

    .post-meta {
      padding: 45px 20px;
    }

    .in-rates > li > b {
      width: 49%;
    }

    .panel-layout.boxed .side-header.slide-out {
      left: -230px;
    }

    .jQueryDatepicker_header_sidebutton__left {
      left: 16%;
    }

    .jQueryDatepicker_header_sidebutton__right {
      right: 16%;
    }

    .td-lst-hdr {
      padding: 15px 20px;
    }

    .widget-controls {
      display: none;
    }

    .widget-title > span {
      padding-top: 0;
      vertical-align: middle;
      font-size: 12px;
    }

    .chat-messages {
      padding: 0;
    }

    .chat-input-bar {
      padding: 0 20px;
    }

    .chat-input-wrapper {
      padding-left: 10px;
    }

    .new-box {
      padding: 17px 15px;
    }

    .page5o5 {
      padding: 0 10px;
      text-align: center;
    }

    .info5o5 {
      display: block;
      max-width: 100%;
      padding-left: 20px;
      width: 100%;
    }

    .info5o5 > h1 {
      font-size: 100px;
    }

    .info5o5 > span {
      font-size: 30px;
    }

    .info5o5 > em {
      font-size: 25px;
    }

    .info5o5 > p {
      font-size: 12px;
    }

    .avatar5o5 {
      display: inline-block;
      max-width: 40%;
      position: relative;
      text-align: center;
      width: 100%;
      z-index: 9;
    }

    .tab-data > h4 {
      font-size: 24px;
      line-height: initial;
    }

    .tab-data > strong {
      font-size: 13px;
      line-height: initial;
    }

    .tab-data > p {
      padding: 0;
    }

    .tab-data ul li {
      border: 0 none;
      padding: 10px 0;
      width: 100%;
    }

    .tab-data ul li::before {
      display: none;
    }

    .inner-bg {
      padding: 25px;
    }

    .about-section h4 {
      font-size: 25px;
    }

    .purchase-now .book-now {
      padding: 10px;
    }

    .title > h4 {
      font-size: 22px;
    }

    .testimonial-section > img {
      height: 360px;
    }

    .tab-style.style3 .tab.tab-btns {
      margin: 5px;
    }

    .tab-style.style3 {
      margin-top: 30px;
    }

    .tab li a {
      margin-bottom: 4px;
      width: 138px;
    }

    .post-editing > ul > li > a {
      padding: 6px 7px;
    }

    .listing-post .sm-avatar {
      display: block;
      max-width: 100%;
      width: 100%;
    }

    .bs-btns .btn {
      margin-bottom: 5px;
    }

    .coming-meta > span {
      font-size: 15px;
      right: 0;
    }

    .coming-meta > h1 {
      font-size: 50px;
      line-height: 55px;
    }

    .coming-meta > h2 {
      font-size: 23px;
      padding-top: 30px;
    }

    .coming-meta > p {
      font-size: 12px;
      max-width: 100%;
    }
    .coming-bg > h1{
        font-size: 40px;
        line-height: 40px;
    }
    .coming-bg > h2{
        font-size: 20px;
        padding: 20px 0;
    }
    .countdown li span{
        font-size: 20px;
        line-height: 44px;
    }
    .countdown li p{font-size: 12px;}

    .coming-meta {
      border-width: 20px;
    }

    .countdown {
      padding-top: 20px;
    }

    .countdown li {
      height: 60px;
      width: 60px;
    }

    .icon-container {
      width: 50%;
    }

    .maintence-info > span {
      padding-left: 0;
    }

    .maintence-info > h1 {
      font-size: 40px;
    }

    .maintence-info > p {
      max-width: 100%;
    }

    .megamenu-caro .owl-controls {
      bottom: -50px;
      position: absolute;
      right: -28px;
    }

    .pri-tabel {
      margin-bottom: 50px;
    }

    .total-btns > a {
      margin-bottom: 10px;
    }

    .total-btns {
      text-align: right;
    }

    .discount-copon form button {
      width: 100px;
    }

    .product-detail > .row > div {
      display: block;
      width: 100%;
    }

    .product-detail-info {
      padding-left: 0;
      padding-top: 20px;
    }

    .cart-quantity > form label {
      font-size: 12px;
      margin-right: 5px;
    }

    .cart-quantity .add-cart {
      margin-top: 20px;
    }

    .social-btns > li {
      margin-right: 15px;
    }

    .testimon {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .testimon.style3 .testi-meta::before{left: 30px;}

    .testi-avatar {
      display: block;
      margin: 0 auto;
      padding-right: 0;
      text-align: center;
    }

    .testi-meta {
      display: block;
      padding-left: 10px;
      padding-right: 10px;
    }

    .testimon::before {
      width: 100%;
    }

    .testi-meta::before {
      left: 0;
      top: -10px;
    }

    .testi-meta > p {
      font-size: 14px;
    }

    .testimon.style3 {
      padding: 0 0 20px;
    }

    .testimon.style5 .author-name {
      padding: 30px;
    }

    .testimon.style5::after {
      left: 0;
    }

    .testimon.style4 .testi-meta::before {
      top: -30px;
    }

    .white-bg {
      padding: 10px;
    }

    .white-bg .inner-bg {
      padding: 20px 10px;
    }

    .add-prod-from input[type="radio"] {
      margin-right: 5px;
      margin-top: 30px;
    }

    .upload-image {
      font-size: 10px;
    }

    .fileContainer > span {
      padding: 6px 17px;
    }

    .fileContainer {
      width: 55%;
    }

    .buttonz {
      text-align: left;
    }

    .buttonz > button {
      padding: 10px 20px;
    }

    .admin-form {
      padding: 40px 30px;
      width: 100%;
    }

    .email-compos-opt > a {
      font-size: 16px;
    }

    a.approved {
      float: left;
    }

    .quick-all-report .quick-all {
        margin: 30px 0;
    }
    .quick-all-report {
        padding: 0;
    }

    .quick-all-report .quick-all {
        margin: 30px 0;
    }
    .quick-all-report {
        padding: 0;
    }
    .info-section .panel-widget{
        width: 100%;
    }
    .event-detail{padding: 37px 15px;}
    .pie-chart .total {
        padding: 6px 30px 30px;
    }
    .widget-title > h4::after{left: -20px;}
    .visito-country-list {
        width: 100%;
    }
    .add-cart > li > a{width: 40px;}
    .woo-product{margin-bottom: 40px;}
    .row.remove-70 {
        margin-bottom: -35px;
    }
    .cart-total {
      display: block;
      float: left;
      padding-left: 0;
      width: 80%;
    }
    .tooltip{margin-right: 10px;}
    .body-cp > p:last-child{margin-bottom: 30px;}
    .ld-body > p{margin-bottom: 30px;}
    .wdg-tl, .typo-styl{margin-top: 30px;}
    .typo-styl > .row > div + div{margin-top: 0;}
    .inner-bg .mega-menu.demo:nth-child(2){margin-top: 30px;}
    .full-calendar{margin-top: 30px;}
    .billing-sec{margin-top: 30px;}
    .admin-form{width: 400px; margin-bottom: 0;}
    .admin-form::after{border-width: 0 203px 35px;}
    .coming-bg > span{font-size: 12px;}


        
}



@media screen and (max-width: 480px){
    .chat-input-bar {
      margin-top: 0;
    }

    .bottombar > ul {
      float: right;
    }

    .notifi > i {
        margin-right: 10px;
    }
    .notifi-info {
        width: 80%;
    }
    .notifi-info > p{font-size: 13px;}

    .tab-style.style2 > ul > li > a,
    .tab li a {
      margin-bottom: 4px;
      width: 100%;
      height: 100%;
    }
    .tab-style .nav-tabs .nav-item {
        width: 33%;
    }

    .coming-meta {
      padding-top: 0;
    }

    .icon-container {
      width: 50%;
    }

    .total-btns > a {
      margin-bottom: 10px;
    }

    .summery-title {
      display: block;
    }

    .cart-total {
      display: block;
      width: 100%;
    }
    .cart-summary{padding: 30px;}

    .total-btns {
      display: block;
      text-align: left;
    }

    .cart-quantity .add-cart {
      margin-top: 0;
    }

    .discount-copon form input {
      width: 100%;
    }

    .discount-copon {
      padding: 30px 15px;
    }

    .discount-copon form button {
      margin-left: 0;
    }

    .jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day.jQueryDatepicker__current {
        height: 40px;
    }
    .jQueryDatepicker_calendar_months_month_weekdays_weekday_days_day{
        padding: 0;
        height: 40px;
        width: 40px;
    }
    .clndr {
        max-height: 307px;
        min-height: 307px;
    }
    #routeForm > input{
        width: 100%;
    }
    .visito-country-list > ul > li span, .visito-country-list > ul > li i{
        padding: 0;
    }

    .email-box-wrap {
      display: inline-block;
      overflow-x: scroll;
      white-space: nowrap;
      width: 470px;
    }

    .email-list-item {
      padding: 30px 20px;
    }

    .email-compose > a {
      float: left;
    }

    .email-compos-opt > a {
      font-size: 16px;
    }

    .email-compose {
      padding: 45px 1%;
    }

    .email-compose-info > span {
      float: left;
      width: 100%;
    }

    .email-compose-info > i {
      float: left;
      width: 100%;
    }

    .email-compose-info > h4 {
      float: left;
      width: 100%;
      font-size: 15px;
    }

    .email-compose > form {
      width: 300px;
    }

    .email-list-item > i {
      margin-bottom: 15px;
    }

    .email-message-inf > i {
      float: none;
    }

    .email-message-inf > span {
      display: block;
    }

    .bread-crumb {
      text-align: left;
    }

    .main-table .table thead tr th {
      line-height: 20px;
      text-align: center;
      width: 10%;
    }

    .notifi {
        text-align: center;
    }
    .notifi > i {
        float: none;
        margin: 0 0 10px;
    }
    .notifi-info {
        width: 100%;
    }
    .tab-style{margin-top: 20px;}
    .tooltip {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .pre-code > span {
        line-height: 30px;
    }
    .testimon{padding: 30px;}
    .follow-btns {
        line-height: 60px;
        padding-left: 0;
    }
    .profile-socials {
        float: left;
        line-height: 60px;
        padding-right: 0;
        text-align: center;
    }
    .about {
        padding: 20px;
    }
    .info5o5 > form{
        width: 100%;
    }
    .coming-bg > p{
        display: none;
    }


}

@media screen and (max-width: 414px){
    .coming-bg > p{
        display: block;
        max-width: 100%;
        font-size: 14px;
    }
}



@media screen and (max-width: 375px){

    .admin-form{width: 100%;}
    .admin-form::after {
        border-width: 0 192px 35px;
    }
    
}


@media screen and (max-width: 360px){
    .bottombar > ul {
      float: left;
    }

    .tab li a {
      margin-bottom: 4px;
      width: 121px;
    }

    .sm-avatar {
      display: block;
      max-width: 100%;
      width: 100%;
    }

    .big-post .post-editing {
      left: 0;
    }

    .date-box {
      padding: 10px;
      right: 10px;
    }

    .listing-post .sm-avatar {
      max-width: 100%;
      width: 100%;
    }

    .listing-post .small-post .post-editing {
      padding: 20px;
    }

    .coming-meta {
      height: 96vh;
    }

    .icon-container {
      width: 100%;
    }

    .cart-quantity .add-cart {
      margin-top: 20px;
    }

    .tckt-sndr > img {
      margin-bottom: 20px;
    }

    .admin-form {
      padding: 40px 30px;
      width: 100%;
    }
    .admin-form::after {
        border-width: 0 183px 35px;
    }

    .email-box-wrap {
      display: inline-block;
      overflow-x: scroll;
      white-space: nowrap;
      width: 350px;
    }

    .email-compose-info .nxt-prv-arrow {
      padding-right: 100px;
    }
}
@media screen and (max-width: 320px){
    .email-compose > form {
        width: 300px;
        padding-right: 50px;
    }
    .admin-form::after {
        border-width: 0 160px 35px;
    }   
}

@media screen and (max-width: 640px){
    .nav-tabs .nav-item {
        width: 100%!important;
    }
    .nav-item>a {
        width: 100%!important;
    }
    .pagination{
        font-size: 5px!important;
        font-weight: 800;
        text-decoration: solid;
    }
}