/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {


    .header-top-area {
        position: unset;
    }
    .main-menu-area.mg-t-80-b-40 {
        margin-top: 40px;
    }
    ul.notika-menu-wrap li a {
        padding: 15px 20px;
    }
    ul.notika-main-menu-dropdown li > a {
        padding: 15px 15px;
    }
    .dk-res-mg-t-30 {
        margin-top: 30px;
    }
    .dk-res-ds {
        display: none;
    }
    .email-signle-gp {
        margin: 0px 25px;
    }
    .header-top-menu .nav.notika-top-nav li .search-dd {
        left: -690px;
        width: 940px;
    }
    .realtime-country-ctn {
        padding-top: 26px;
    }
    .dk-res-mg-t-10 {
        margin-top: 10px;
    }
    .dropdown-trig-an-list .dropdown-trig-sgn {
        margin: 5px 0px;
    }
    .images-cropper-pro .btn {
        margin: 5px 0px;
    }
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px solid #ddd;
    }
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > thead > tr > th {
        white-space: nowrap;
    }
    .table-responsive .pagination-inbox {
        margin-bottom: 20px;
    }
    .left-sidebar-pro {
        display: block;
    }
    .all-content-wrapper {
        margin-left: 200px;
    }
    .box-layout .header-top-area {
        width: 100%;
    }
    .box-layout .header-top-area,
    .header-top-area.dark-header,
    .header-top-area.dark-sidebar-tp,
    .header-top-area.default-sidebar-tp,
    .fullscreen .header-top-area,
    .header-top-area.hd-fd-tp,
    .header-top-area.lg-sd-tp,
    .header-top-area.lg-tp-ld,
    .header-top-area.mini-std-tp,
    .header-top-area.sm-ltd-sd,
    .offcanvas .header-top-area,
    .rtl-layout .header-top-area {
        position: fixed;
    }
    .fullscreen .menu-switcher-pro .btn.bar-button-pro {
        left: -8px;
    }
    .main-menu-lv-int ul.main-menu-lv > li > a {
        padding: 15px 12px;
    }
    .main-menu-lv-int ul.main-menu-lv li ul.menu-dp-lt.page-ltd-mn {
        left: -100px;
    }
    .offcanvas .menu-switcher-pro .btn.bar-button-pro {
        left: -8px;
    }
    .sm-ltd-sd .menu-switcher-pro .btn.bar-button-pro {
        left: -8px;
    }
    .box-layout-wp-bg .menu-switcher-pro .btn.bar-button-pro {
        left: -6px;
    }
    ul.notika-main-menu-dropdown li ul.layout-more-dp {
        left: -78px;
    }
    .menu-switcher-pro {
        border-right: 0px solid #31b191;
    }
    .header-top-area.dark-header .menu-switcher-pro {
        border-right: 0px solid #363c3a;
    }
    .rtl-layout .menu-switcher-pro {
        border-left: 0px solid #31b191;
    }
    .realtime-map {
        margin-top: 10px;
    }
    .default-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .sm-ltd-sd .header-top-menu .nav.notika-top-nav li .search-dd,
    .lg-sd-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .mini-std-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .lg-tp-ld .header-top-menu .nav.notika-top-nav li .search-dd,
    .offcanvas .header-top-menu .nav.notika-top-nav li .search-dd,
    .hd-fd-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .dark-header .header-top-menu .nav.notika-top-nav li .search-dd,
    .dark-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .fullscreen .header-top-menu .nav.notika-top-nav li .search-dd {
        left: -682px;
        width: 890px;
    }
    .btn-list .btn {
        margin: 5px 5px;
    }
    .dash-widget-visits {
        overflow: hidden;
    }
    .popover-wp {
        padding: 40px 80px;
    }
    .dash-widget-visits canvas {
        width: 100% !important;
    }
    .contact-dt ul.contact-list li:first-child {
        padding-top: 5px;
    }
    .breadcomb-ctn {
        top: 2px;
    }
    .btn-button-mg {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table !important;
    content: " " !important;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table !important;
    content: " " !important;
}
    .main-menu-area {
        display: block;
    }
    .mobile-menu-area {
        display: block;
    }
    .header-top-area {
        position: unset;
    }
    .tb-res-mg-t-30 {
        margin-top: 30px;
    }
    .tb-res-mg-t-0 {
        margin-top: 0px;
    }
    .tb-res-ds-n {
        display: none;
    }
    .flot-chart {
        height: 300px;
    }
    .flot-chart.tb-rc-it-res {
        height: 142px;
    }
    .email-signle-gp {
        margin: 0px 6px;
    }
    .header-top-menu .nav.notika-top-nav li .search-dd {
        left: -230px;
        width: 720px;
    }
    .header-top-menu .nav.notika-top-nav li .search-dd .search-input {
        margin: 7px 160px;
    }
    .flot-chart.bar-three {
        height: 268px !important;
    }
    .flot-chart.dyn-ctn-fr {
        height: 268px !important;
    }
    .tb-res-mg-t-40 {
        margin-top: 40px;
    }
    .flot-chart.widget-dynamic-chart.ant-ctn-dyn {
        height: 294px !important;
    }
    .tb-res-mg-t-10 {
        margin-top: 10px;
    }
    .btn-list .btn {
        margin: 5px 5px;
    }
    .notika-tl-btn .btn {
        margin: 5px 0px;
    }
    .dropdown-trig-an-list .dropdown-trig-sgn {
        margin: 5px 0px;
    }
    .maincrop-img {
        display: unset;
    }
    .cp-img-anal {
        margin-top: 15px;
    }
    .images-action-pro .btn {
        margin: 5px 0px;
    }
    .modal-inner-pro {
        padding: 40px 40px;
    }
    .modals-default-notika {
        padding: 30px 30px;
    }
    .modal-ft .btn,
    .modals-default-cl .btn,
    .notification-demo .btn {
        margin: 5px 5px;
    }
    .modal-dialog.modals-default .modal-content,
    .modal-dialog.modal-sm .modal-content,
    .modal-dialog.modal-large .modal-content {
        padding: 30px 30px;
    }
    .modal-dialog.modals-default,
    .modal-dialog.modal-sm,
    .modal-dialog.modal-large {
        width: 650px;
        margin: 50px 70px;
    }
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px solid #ddd;
    }
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > thead > tr > th {
        white-space: nowrap;
    }
    .table-responsive .pagination-inbox {
        margin-bottom: 20px;
    }
    .left-sidebar-pro {
        display: none;
    }
    .all-content-wrapper {
        margin-left: 0px;
    }
    .breadcomb-area {
        margin-top: 40px;
    }
    .box-layout .header-top-area {
        width: 100%;
    }
    .all-content-wrapper.large-ctn-wp {
        margin-left: 0px;
    }
    .all-content-wrapper.mini-sidebar-ctn {
        margin-left: 0px;
    }
    .mini-navbar .all-content-wrapper.mini-sidebar-ctn {
        margin-left: 0px;
    }
    .rtl-layout .all-content-wrapper {
        margin-right: 0px;
    }
    .rtl-layout .menu-switcher-pro .btn.bar-button-pro {
        left: 8px;
    }
    .all-content-wrapper.small-ctn-wp {
        margin-left: 0px;
    }
    .mini-navbar .all-content-wrapper.small-ctn-wp {
        margin-left: 0px;
    }
    .sm-ltd-sd .menu-switcher-pro .btn.bar-button-pro {
        left: -14px;
    }
    .mini-navbar .box-layout-wp-bg .all-content-wrapper {
        margin-left: 0px;
    }
    .mini-navbar .all-content-wrapper {
        margin-left: 0px;
    }
    .menu-switcher-pro {
        display: none;
    }
    .logo-area {
        text-align: center;
    }
    .nav.navbar-nav.notika-top-nav {
        float: unset;
    }
    .header-top-menu {
        max-width: 255px;
        margin: 0 auto;
    }
    .header-top-menu.pull-left {
        float: unset !important;
    }
    .rtl-layout .navbar-nav > li > a {
        /* padding: 20px 0px 20px 30px; */
    }
    .rtl-layout .header-top-menu .nav.notika-top-nav li .search-dd {
        left: -210px;
    }
    .dash-widget-visits {
        margin: 35px 0px;
    }
    .default-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .sm-ltd-sd .header-top-menu .nav.notika-top-nav li .search-dd,
    .lg-sd-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .mini-std-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .lg-tp-ld .header-top-menu .nav.notika-top-nav li .search-dd,
    .offcanvas .header-top-menu .nav.notika-top-nav li .search-dd,
    .hd-fd-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .dark-header .header-top-menu .nav.notika-top-nav li .search-dd,
    .dark-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .fullscreen .header-top-menu .nav.notika-top-nav li .search-dd {
        left: -230px;
    }
    .dash-widget-visits {
        overflow: hidden;
    }
    .popovers-pr-sg {
        width: 275px;
    }
    .popover-wp {
        padding: 40px 30px;
    }
    .dash-widget-visits canvas {
        width: 100% !important;
    }
    .widget-signup-list img {
        top: -2px;
    }
    .widget-signup-list a {
        height: 45px;
        width: 45px;
        margin: 9px 1px;
        line-height: 45px;
    }
    .contact-dt ul.contact-list li:first-child {
        padding-top: 5px;
    }
    .breadcomb-ctn {
        top: 2px;
    }
    .btn-button-mg {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
}

/* small mobile :320px. */
@media (max-width: 767px) {
    .container {
        width: 300px;
    }
    .main-menu-area {
        display: block;
    }
    .mobile-menu-area {
        display: block;
    }
    .left-sidebar-pro,
    .menu-switcher-pro {
        display: none;
    }
    .logo-area {
        text-align: center;
    }
    .nav.navbar-nav.notika-top-nav {
        float: unset;
        margin: 0px;
    }
    .header-top-menu .nav.navbar-nav.notika-top-nav li {
        display: inline-block;
    }
    .header-top-menu .nav.notika-top-nav li .message-dd.task-dd {
        left: -200px;
    }
    .header-top-menu .navbar-nav > li > .dropdown-menu {
        background: #fff;
    }
    .header-top-area {
        position: unset;
    }
    .header-top-menu .nav.notika-top-nav li .search-dd {
        left: 0px;
        width: 270px;
        border-radius: 2px;
    }
    .header-top-menu .nav.notika-top-nav li .search-dd .search-input {
        margin: 4px 0px;
    }
    .header-top-menu .nav.notika-top-nav li .message-dd.chat-dd {
        left: -231px;
    }
    .header-top-menu .nav.notika-top-nav li .message-dd {
        left: -70px;
    }
    .header-top-menu .nav.notika-top-nav li .message-dd.notification-dd {
        left: -124px;
    }
    .header-top-menu .nav.notika-top-nav li .message-dd.task-dd {
        left: -178px;
    }
    .sm-res-mg-t-30 {
        margin-top: 30px;
    }
    .sm-res-mg-t-0 {
        margin-top: 0px;
    }
    .sm-res-ds-n {
        display: none;
    }
    .all-content-wrapper {
        margin-left: 0px;
    }
    .logo-area.logo-left {
        position: unset;
    }
    .header-top-menu {
        text-align: center;
    }
    .breadcomb-area {
        margin-top: 40px;
    }
    .breadcomb-report .tooltip {
        width: 150px;
    }
    .box-layout .header-top-area {
        width: 100%;
    }
    .all-content-wrapper.large-ctn-wp {
        margin-left: 0px;
    }
    .all-content-wrapper.mini-sidebar-ctn {
        margin-left: 0px;
    }
    .header-top-menu.pull-left {
        float: unset !important;
    }
    .rtl-layout .logo-area.logo-left {
        position: unset;
    }
    .rtl-layout .all-content-wrapper {
        margin-right: 0px;
        margin-left: 0px;
    }
    .all-content-wrapper.small-ctn-wp {
        margin-left: 0px;
    }
    .website-traffic-ctn p,
    .curved-ctn p,
    .recent-post-title p,
    .recent-post-it-ctn p,
    .view-ml-rl p,
    .mail-ads p,
    .multiupload-sys p {
        line-height: 24px;
    }
    .error-page-wrap .btn.error-btn-mg {
        margin: 5px 5px;
    }
    .sm-res-mg-t-40 {
        margin-top: 40px;
    }
    .sm-res-mg-t-10 {
        margin-top: 10px;
    }
    .btn-list .btn {
        margin: 5px 5px;
    }
    .notika-tl-btn .btn {
        margin: 5px 0px;
    }
    .cmp-int-lb {
        text-align: left;
    }
    .cmp-int-lb.cmp-int-lb1 span {
        top: 3px;
        right: 0px;
    }
    .cmp-int-lb span {
        top: 4px;
    }
    .view-mail-list .btn-group .btn {
        margin: 5px 1px;
    }
    .dataTables_wrapper .dataTables_filter {
        width: 100%;
        margin-top: 0px;
        padding-top: 0px;
    }
    .dataTables_wrapper .dataTables_filter input {
        padding: 0px 0px 0px 0px;
    }
    .dataTables_filter label::after {
        right: 10px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        margin: 5px 2px;
        margin-bottom: 0px;
    }
    .dropdown-trig-hd h2 {
        line-height: 24px;
    }
    .dropdown-trig-an-list .dropdown-trig-sgn {
        margin: 5px 0px;
    }
    .summernote-wrap .btn-group .btn {
        margin: 5px 0px;
    }
    .summernote-clickable .btn {
        margin: 5px 0px;
    }
    .form-example-int.form-horizental .hrzn-fm {
        text-align: left;
    }
    .cropper-container {
        left: 0px !important;
        margin-bottom: 15px;
    }
    .maincrop-img {
        display: unset;
    }
    .cp-img-anal {
        margin-top: 15px;
    }
    .img-preview-custom {
        width: 225px;
        height: 150px;
    }
    .images-action-pro .btn {
        margin: 5px 0px;
    }
    .ivc-frm {
        text-align: left;
    }
    .invoice-img {
        padding: 30px 0px;
    }
    .invoice-sp,
    .bsc-tbl,
    .bsc-tbl-st,
    .bsc-tbl-bdr,
    .bsc-tbl-hvr,
    .bsc-tbl-cds,
    .bsc-tbl-cls {
        width: 100%;
        overflow-y: hidden;
    }
    .modal-inner-pro {
        padding: 15px 15px;
    }
    .modals-default-notika {
        padding: 15px 15px;
    }
    .modal-ft .btn,
    .modals-default-cl .btn,
    .notification-demo .btn,
    .popover-cl-pro .btn,
    .tooltips-static .btn {
        margin: 5px 5px;
    }
    .modal-dialog.modals-default .modal-content,
    .modal-dialog.modal-sm .modal-content,
    .modal-dialog.modal-large .modal-content {
        padding: 20px 20px;
    }
    .modal-dialog.modals-default,
    .modal-dialog.modal-sm,
    .modal-dialog.modal-large {
        width: 288px;
        margin: 50px 70px;
    }
    .popover-wp {
        padding: 15px 15px;
    }
    .popovers-pr-sg {
        width: 200px;
    }
    .popovers-sgn h4 {
        line-height: 24px;
    }
    .sm-res-mg-t-15 {
        margin-top: 15px;
    }
    .widget-tabs-list .nav-tabs {
        border-bottom: 0px solid #ddd;
    }
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px solid #ddd;
    }
    .table-responsive .pagination-inbox {
        margin-bottom: 20px;
    }
    .dw-atc-sn a {
        display: none;
    }
    .view-ml-rl {
        display: none;
    }
    .wizard-wrap-int .nav > li > a {
        margin: 1px 0px;
    }
    .rtl-layout .header-top-menu .nav.notika-top-nav li .search-dd {
        left: -212px;
    }
    .default-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .sm-ltd-sd .header-top-menu .nav.notika-top-nav li .search-dd,
    .lg-sd-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .mini-std-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .lg-tp-ld .header-top-menu .nav.notika-top-nav li .search-dd,
    .offcanvas .header-top-menu .nav.notika-top-nav li .search-dd,
    .hd-fd-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .dark-header .header-top-menu .nav.notika-top-nav li .search-dd,
    .dark-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .fullscreen .header-top-menu .nav.notika-top-nav li .search-dd {
        left: 5px;
    }
    .dash-widget-visits {
        overflow: hidden;
    }
    .breadcomb-ctn p {
        line-height: 24px;
    }
    .recent-items-inn {
        width: 100%;
        overflow-y: hidden;
    }
    .recent-items-inn .table {
        margin-bottom: 10px;
    }
    .table.table-inner.table-vmiddle > tbody > tr > td,
    .table.table-inner.table-vmiddle > tbody > tr > th,
    .table.table-inner.table-vmiddle > tfoot > tr > td,
    .table.table-inner.table-vmiddle > tfoot > tr > th,
    .table.table-inner.table-vmiddle > thead > tr > td,
    .table.table-inner.table-vmiddle > thead > tr > th {
        white-space: nowrap;
    }
    .flot-chart-items {
        margin: -10px -10px 0;
    }
    .realtime-country-ctn h5 {
        line-height: 20px;
    }
    .dash-widget-visits canvas {
        width: 100% !important;
    }
    .breadcomb-report {
        display: none;
    }
    .bread-ntd {
        display: none;
    }
    .breadcomb-ctn {
        top: 0px;
    }
    .cropper-container {
        width: 100% !important;
    }
    .navbar-nav > li > a {
        padding: 20px 15px 20px 15px;
    }
    .ntd-ctn {
        left: -25px;
    }
    .spinner4 {
        left: -30px;
    }
    .floating-numner p {
        line-height: 24px;
    }
    .res-mg-fcs .nk-int-st {
        margin-bottom: 15px;
    }
    .fm-checkbox label {
        line-height: 24px;
    }
    .nk-int-mk p {
        line-height: 24px;
    }
    .fm-cmp-mg {
        margin-bottom: 15px;
    }
    .dropzone.dropzone-nk h2,
    .dropzone.dropzone-nk p {
        line-height: 24px;
    }
    .btn-button-mg {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
    .table.table-hover > tbody > tr > td,
    .table.table-hover > tbody > tr > th,
    .table.table-hover > tfoot > tr > td,
    .table.table-hover > tfoot > tr > th,
    .table.table-hover > thead > tr > td,
    .table.table-hover > thead > tr > th {
        white-space: nowrap;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px;
    }
    .main-menu-area {
        display: block;
    }
    .lg-res-mg-bl {
        display: block;
    }
    .email-round-pro {
        width: 33.33%;
    }
    .header-top-menu .nav.notika-top-nav li .search-dd .search-input {
        margin: 4px 30px;
    }
    .header-top-menu .nav.notika-top-nav li .search-dd {
        left: -40px;
        width: 350px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        margin-bottom: 30px;
    }
    .img-preview-custom {
        width: 345px;
        height: 205px;
    }
    .modal-dialog.modals-default .modal-content,
    .modal-dialog.modal-sm .modal-content,
    .modal-dialog.modal-large .modal-content {
        padding: 20px 20px;
    }
    .modal-dialog.modals-default,
    .modal-dialog.modal-sm,
    .modal-dialog.modal-large {
        width: 388px;
        margin: 70px 100px;
    }
    .popovers-pr-sg {
        width: 350px;
    }
    .default-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .sm-ltd-sd .header-top-menu .nav.notika-top-nav li .search-dd,
    .lg-sd-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .mini-std-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .lg-tp-ld .header-top-menu .nav.notika-top-nav li .search-dd,
    .offcanvas .header-top-menu .nav.notika-top-nav li .search-dd,
    .hd-fd-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .dark-header .header-top-menu .nav.notika-top-nav li .search-dd,
    .dark-sidebar-tp .header-top-menu .nav.notika-top-nav li .search-dd,
    .fullscreen .header-top-menu .nav.notika-top-nav li .search-dd {
        left: -30px;
    }
    .dropdown-trig-list .dropdown-trig-sing {
        margin-right: 4px;
    }
    .bread-ntd {
        display: inline-block;
    }
}