/*@media (max-width: 1360px) {
    .selectList li p{padding-left: 5px;float: left}
}*/
@media (max-width: 1380px) {
    .statisticList li{ margin-right: 1px; margin-bottom: 1px; }
    .statisticList li a{ padding-right: 8px; padding-left: 4px; line-height: 28px; }
    .statisticList li a span.menu-icon{ width: 24px; height: 28px; padding-left: 4px; }
    .statisticList li a span.menu-icon svg{ width: 100%; height: 100%; }
}

@media (max-width: 1279px) {
    .dateList{ float: none !important; margin-bottom: 10px;}
    /* .statisticList li{ margin-bottom: 2px;} */
    .statisticList.pull-right{ float: none !important;}
    .statisticList li a{ padding-right: 10px; padding-left: 5px; line-height: 30px; }
    .statisticList li a span.menu-icon{ width: 30px; height: 30px; padding-left: 5px; }
}
@media (max-width: 1199px) {
    /*ul.selectList > li{padding: 0 10px;width: 50%;max-width: inherit !important; text-align: left;float: left;}
    ul.selectList > li.multiSelectItem{ width: 50%;}
    ul.selectList > li:last-child{ padding-right: 10px;}
    ul.selectList > li.datePicker{width: 50%;max-width: inherit;}
    ul.selectList > li.datePicker{ width: 50% !important;}
    .comiseo-daterangepicker-triggerbutton.ui-button{padding: 0 10px;}
    ul.selectList > li:nth-child(2n+1){ border: 0;}
    ul.selectList > li select{width: 100%;}*/


    ul.selectList{ -webkit-flex-flow: wrap; flex-basis: 50%; -webkit-flex-basis: 50%; flex-flow: wrap;}
    ul.selectList > li{ width: 50%; border: 0;  flex: auto; -webkit-flex: auto;}
    ul.selectList > li:first-child{ padding-left: 10px;}
    ul.selectList > li:last-child{ padding-right: 10px;}






    .sortBoxSm{padding: 0px 20px;}
    .sortBoxSm header h3{margin: 5px 0;}
    .sortBoxSm header h3 span{display: block;}
    .price{font-size: 200%;}
}
@media (max-width: 1024px) {
    .searchByBtn{ display: block;}
    .searchcolDesktop, .filtercolDesktop{ display: none;}
    .visible-tab{ display: block;}
    .headCollapse{ margin: 0; border-right: 1px solid rgba(255, 255, 255, .3); font-size: 0; height: 30px; padding: 5px 15px;}
    .headCollapse i{ display: block; font-size: 14px;}
    /*.headCollapse.collapsed:after, .headCollapse:after{ display: none;}*/
    .headCollapse:last-child{ border: 0;}
    .filterPanel{ padding:0; min-height: inherit;}
    .dropdownNav{ padding: 0;}
    .dropdownNav.collapse, .searchByList.collapse{ display: none;}
    .dropdownNav.collapse.in, .searchByList.collapse.in{ display: block;}
    .collapsebleContent{ padding: 20px;}
    .appendList.selectList{ margin: 0; padding: 5px 0;}
    /*ul.selectList > li:last-child, ul.selectList > li{ padding: 5px 15px 0; margin: 0;}*/
    #filter{ max-height: 238px; overflow: auto;}
    .dateType li{ margin-right: 0;}
    .dateType li a{  font-size: 0; line-height: 14px; padding: 8px 15px; height: 30px;}
    .dateType li a i{ display: block; font-size: 14px; line-height: 100%;}
    /*.searchcollapse.navbar-collapse.collapse{ display: none !important;}
    .searchcollapse.navbar-collapse.collapse.in{ display: block !important;}*/

    .searchByList{ position: inherit; left: inherit; top: inherit; background: #fff;}
    .searchByList li{float: none; border: 0; margin: 0;}
    .nav-pills > li:first-child{ margin: 0;}
    .searchByList li a{ padding: 0 20px;}

    .appendList{ padding: inherit; margin: inherit;}
}

@media (max-width: 1023px) {
    .dragIcon{display: none!important;}
    .trash{right: 0!important}
}
@media (min-width: 1025px) {
    .searchcollapse.collapse.in, .filtercollapse.collapse.in{ display: none;}
}
@media (max-width: 999px) {
    .collapsebleContent{max-height: 300px;overflow: auto;}
    .customiseCol{margin-bottom: 15px;}
    .smallBox{width: 100%;}
    .md-icon{display: none;}
    .previewTabList .customiseCol .md-icon{ display: block; }
    /*.grid-stack > .grid-stack-item[data-gs-width='3']{width: 50%;position: static}*/
	.funnelChart .amcharts-chart-div{
		position:inherit !important ;
		/*border:1px solid red !important;*/
		display:inline-block !important;
		}
	.funnelChart .amcharts-legend-div{
		/*border:1px solid blue !important;*/
		display:inline-block !important;
		left:inherit!important;
		top:inherit!important;
        }
}
@media (max-width: 991px) {
    .previewTab, .previewReport{ width: 100%; }
    .previewTab{ max-height: 230px; border-left: none; }
    .previewReport{ height: auto; padding-top: 0; }
    .previewTabList{ width: calc(50% - 20px/2); float: left; margin-right: 20px; }
    .previewTabList:nth-child(even){ margin-right: 0; }
    .previewTabList:last-child .customiseCol{ border-bottom-width: 1px; }
}
@media (max-width: 767px){
    h3{ font-size: 122%;}
    .mainContent{ padding: 0;}
    .buttonList li{ padding: 0 10px;}
    .body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px;
    }
    .body-small.mini-navbar .navbar-static-side {
        display: block;
    }
    .lock-word {
        display: none;
    }
    .navbar-form-custom {
        display: none;
    }

    .sidebar-panel {
        z-index: 2;
        position: relative;
        width: auto;
        min-height: 100% !important;
    }
    .fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px;
    }
    .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block;
    }
    .ibox-tools {
        float: none;
        text-align: right;
        display: block;
    }
    .navbar-static-side {
        display: none;
    }
    body:not(.mini-navbar) {
        -webkit-transition: background-color 500ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
        background-color: #f3f3f4;
    }
    .avatarName{ display: none;}
    .nav-header{height: auto;}
    .logo-element{padding-top: 12px;padding-bottom: 11px;}
    .dashBtn{
        margin-bottom: 10px;
    }
    #preloader{ width: 100% !important; left: 0 !important; }
    .px-xs{ padding-left: 15px; padding-right: 15px; }
}

/*-------------------------------------------------------------*/
@media (max-width: 640px){
  .mini-navbar .nav-pills > li.active a{background-color: transparent;color: #1661ab}
  .filterPanel{text-align: center;}
  .filterPanel .searchBy{display: inline-block;float: none!important;}
  .filterPanel .collapsebleLink{display: block;width: 100%;box-sizing: border-box;margin: 10px 0 0;padding-top: 8px;padding-bottom: 8px}
  /*ul.selectList > li{width: 100%;border-left: 0;border-top: 1px solid #e2e3e5!important;padding-top: 5px;padding-bottom: 5px}
  ul.selectList > li.multiSelectItem{ width: 100%;}
  ul.selectList > li:first-child{border-top: 0!important;}
  ul.selectList > li.datePicker{width: 100%;}
  ul.selectList > li.datePicker{ width: 100% !important;}*/

  /*ul.selectList{ -webkit-flex-flow: wrap; flex-basis: 50%; -webkit-flex-basis: 50%; flex-flow: wrap;}*/
  ul.selectList > li{ width: 100%; padding: 3px 10px; border-top: 1px solid #f0f0f1;}
  ul.selectList > li:first-child{ border: 0;}
}


@media (max-width: 580px) {
  .headerRight > li > a{padding: 10px;}
  .avatar{margin-right: 0;}
  .headerRight .user .caret{display: none;}
  .body-small .dashElem{width: 100%}
    #arrival li,
    #criteria li{
        display: inline-block !important;
        border-left: none;
        float: none;
    }
    .previewTabList{ width: 100%; margin-right: 0; }
}


@media (min-width: 768px) {
    #page-wrapper {position: inherit; margin: 0 0 0 250px;}
    .navbar-static-side { z-index: 2001; position: absolute; width: 250px;}
}

@media (max-width: 479px) {
    /*.comiseo-daterangepicker{ width: 100%;}*/
    .tableline .searchByList li a{padding: 0 10px}
}

@media (min-width: 0px) and (max-width: 767px) {
  .row-eqh-xs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .row-eqh-sm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .row-eqh-md { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}
@media (min-width: 1200px) {
  .row-eqh-lg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}