
@media (min-width: 768px) and (max-width: 1024px) {
  .email-msg {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    overflow-x: hidden;
  }
   .filter .form-group{ margin-bottom:10px!important; overflow:hidden;}
}
@media (min-width: 991px) and (max-width: 1120px) {
.mini-stat-icon{ width:20px; height:20px; line-height:20px; font-size:14px;}
.mini-stat-info span{ font-size:18px;}
}
@media (max-width: 1505px) {
	.mini-stat-icon{ width:35px; height:35px; line-height:35px; font-size:18px;}
}
@media (max-width: 1389px) {
.relativeandhidden{ padding-top:25px;}
}
@media (max-width: 1310px) {
.m-tminus28{ margin-top: 3px;}
}
@media (max-width: 1227px) {
.m-tminus20{ margin:0;}
.relativeandhidden{ padding-top:25px;}
}
@media (max-width: 1200px) {
.verticalmiddle h1{ font-size:58px; line-height:67px;}
}
@media (max-width: 991px) {
.formoverlay{ width:100%;}
	.vertical-form-middle{ margin:0; position:static;}
	.verticalmiddle{ display:none;}
	.rowfull{ height:auto; position:static}
	.paddingleft-right{ width:100%; text-align:center}
	.formoverlay{ background:none;}
	.paddingleft-right{ padding:0 30px}
	 figure.effect-sarah .delete, figure.effect-sarah ul{ opacity:1;}
	.btn-survey-settings{ position:absolute; right:42px; top:9px; right:5px; display:block; font-size:30px;}
	.btn-survey-settings span{display:none;}
	.tree-multiselect .selected{ display:none!important;}
	.tree-multiselect .selections{ width:100%!important; height:auto!important; float:none!important; border:none!important}
	.tree-multiselect .section span.collapse-section{ width:18px!important;}
	.tree-multiselect .section .title{ padding:7px!important;}
	.tab-img-sec{ display:none;}
	.emotion-change{ padding-top:0; padding-bottom:20px;}
	.errorimg img{position:static; right:0; bottom:0; width:100%; max-width:400px; text-align:center;}
	.errorimg{ text-align:center;}
	.error-survey{ text-align:center; padding-top:10px;}
	.menusub{ display:none!important;}
	.type-survey-select{ display:block;}
	.nicescroll.pad20.h69vh{ height:170px; padding:10px}
	.content-inner{ padding:4px 35px 4px 25px; font-size:11px;}
	.bottomabsol{ position:static;}
	.response{ position:static; border:none; padding-left:0;}
	.survList:hover .response{ display:block!important;}
	.m-tminus28{ margin-top:10px;}
	.highcharts-title{ display:none!important}
	.m-b-0.days{ margin-bottom:30px!important;}
	.m-tminus28{ margin-top:30px;}
}

@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
  .mobile-sidebar {
    left: 0px;
  }
  .mobile-content {
    left: 250px;
    right: -250px;
  }
  .wrapper-page {
    width: 90%;
  }
  .wizard > .steps > ul > li {
    width: 100%;
  }
  .wizard > .content {
    padding: 0px !important;
  }
  .wizard > .content > .body {
    float: none;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0%;
  }
  .wizard.vertical > .steps {
    display: inline;
    float: none;
    width: 100%;
  }
  .wizard.vertical > .content {
    display: inline;
    float: none;
    margin: 0%;
    width: 100%;
  }
  .navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    left: auto;
    position: absolute;
    right: 0;
  }
  .todo-send {
    margin-top: 10px;
    padding-left: 15px;
  }
  .chat-inputbar {
    padding-left: 15px;
  }
  .chat-send {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .dataTables_wrapper .col-xs-6 {
    width: 100%;
    text-align: left;
  }
  .ms-container {
    width: 100%;
  }
  .email-msg {
    display: none;
  }
  .menu-extras ul.nav {
    display: flex;
  }
  .menu-extras ul.nav li.navbar-c-items {
    display: inline-block;
  }
  .question-type-container{ display:none;}
  .question-text-container{ padding:0;}
.phone-icons-box{ padding:15px 5px;}
.survList.report figure{ height:auto!important; padding-bottom:22px;}
.survList figure img{ width:100%;}
.focus-type-img{ display:none;}
.filter .filter-b-d-l{ margin-top:10px;}
.mini-stat-icon{ width:60px; height:60px; line-height:60px; font-size:30px;}
.right-qstn{ display:block; width:100%;}
.left-qstn{ display:block; width:100%; border:none;}
.right-qstn-caret{ display:none;}
.question-view-container{ display:none;}
.small-active{ display:inline-block;}
}
@media (max-width: 480px) {
  .side-menu {
    z-index: 10 !important;
  }
  .button-menu-mobile {
    display: block;
  }
  .search-bar {
    display: none !important;
  }
  .dropdown-menu-lg {
    width: 220px !important;
  }
  .notification-list em {
    display: none;
  }
  .notification-list .media-body {
    margin-left: 0 !important;
  }
  .paddingleft-right img{ max-width:80px;}
  .download-data{ left:50%!important; top:-15px!important; margin-left:-15px!important;}
  .download-data button{background:#7266ba!important; color:#fff!important; font-size:15px; border-radius:30px; padding-left:3px;}
  .download-name{ display:none}
  .download-data button span.m-l-5{ color:#fff;}
  .download-data .dropdown-menu {
	  left:-76px!important;
	}
  .nps-drop{ width:100%!important;}
  .pull-right.nps{ float:none!important; width:100%;}
}
@media (max-width: 420px) {
  .hide-phone {
    display: none !important;
  }
}
/* Container-alt */
@media (min-width: 768px) {
  .container-alt {
    width: 750px;
  }
  
}
@media (min-width: 992px) {
  .container-alt {
    width: 970px;
  }
/*    .btn-toolbar{ display:none!important;}*/
}
@media (min-width: 1200px) {
  .container-alt {
    width: 1170px;
  }
}
@media (min-width: 1500px) {
span.break{ display:block;}
.verticalmiddle h1{ font-size:120px; line-height:130px;}
.verticalmiddle{ top:40%;}
}
@media (max-width: 419px) {
  .topbar-left {
    width: 70px !important;
  }
  .content-page {
    margin-left: 70px;
  }
  .forced .side-menu.left {
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
  }
  .enlarged .side-menu.left {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  }
}

@media screen and (max-height: 450px) {
  .qstnoverlay {overflow-y: auto;}
  .qstnoverlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}