/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/

/*
 1.) Media Query for Handheld Devices
 ===============================*/
/*------------------Tablet css -----------*/
/* @media only screen and (min-width: 768px) and (max-width: 1024px) {
	.program-search {
		width: 100%;
	}
	.program-search .form-group {
		padding: 0 0 0 7.5%;
		width:50%
	}
	.navigation ul li {
		padding: 15px 15px 10px 15px;
	}
	.navigation ul {
		padding: 45px 0px;
	}
	.program-sec {
		margin-left: 130px;
	}
	.container {
		max-width: 600px;
	}
	.program-sec h1 {
		font-size: 25px;
	}
	.btn-create {
		font-size: 16px;
	}
	.prog-view-wrap ul li a {
		font-size: 14px;
	}
	.prog-view-wrap ul {
		width: 50%;
	}
	.prog-view-wrap ul li {
		padding: 0 5px;
	}
	.program-blocks > ul > li {
		width: calc(100%/2 - 42px);
	}
	.program-blocks > ul > li:nth-child(2n) {
		margin-right: 0;
	}
	.program-blocks > ul > li:nth-child(3n) {
		margin-right: 60px;
	}
	.prog-desp h2 {
		padding-left: 0;
	}
	.icon-plus {
		vertical-align: middle;
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}

	.breadcrum li {
		font-size: 18px;
		padding-top: 0;
		line-height: 1.2;
	}
	.breadcrum li.active {
		font-size: 20px;
	}
	.breadcrum li::after {

		top: -5px;
	}
	.about-icons p {
		font-size: 14px;
	}
	.about-icons span {
		font-size: 14px;
	}
	.about-icons {
		padding: 4px 15px;
	}
	.title-form input {
		font-size: 20px;
	}
	.welcome-msg input {
		font-size: 16px;
	}
	.prog-title {
		padding: 20px 35px;
	}
	.page-1-section {
		padding: 30px 20px;
	}
	.response-ques p {
		font-size: 14px;
	}
	.opt-ans > span {
		font-size: 14px;
	}
	.metric-wrap {
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}
	.page-1-section input {
		font-size: 18px;
		width: 56%;
	}
	.form-btn-wrap .btn {
		font-size: 16px;
	}
	.ratings-option li label {
		font-size: 16px;
	}
	.steps-sec ul {
		width: 450px;
	}

	.steps-sec li p {
		font-size: 16px;
	}
	.steps-sec li {
		min-width: 0;
		margin: 0 40px;
	}
	.steps-sec li span::before {
		width: 141px;
	}
	.preview-btn {
		margin-right: 0;
		margin-top: 0;
	}
	.steps-sec {
		padding: 28px 15px 21px 15px;
	}
	.add-page {
		right: -17px;
	}
	.add-page span {
		left: auto;
		right: 5px;
	}
	.page-2-form {
		padding: 40px 40px 40px 40px;
	}
	.rating-style .ui-selectmenu-button.ui-button{
		margin-right: 290px;
	}
	.ques-type .ui-selectmenu-text {
		font-size: 14px;
	}
	#response-menu .ui-menu-item-wrapper, #response-2-menu .ui-menu-item-wrapper {
		font-size: 14px;
	}
	.ques-type .ui-selectmenu-button.ui-button {
		width: 28%;
		padding: 12px 10px 12px 10px;
	}
	.ques-type .ui-selectmenu-icon.ui-icon {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	.page-2-sec {
		padding: 0px;
	}
	.ques-type .prog-option {
		margin-top: -42px;
		margin-right: 0;
	}
	.prev-2 {
		margin-bottom: 0;
	}
	.page-swap-icons {
		left: -22px;
	}
	.ques-section-2 .page-swap-icons {
		top: 47%;
	}
	.ques-type .form-group {
		width: 65%;
		float: left;
		margin-right: 2%;
	}
	.ques-type .prog-option {
		margin-top: -21px;
	}
	.prog-opt-menu {
		right: -18px;
		top: -97px;
	}
	.prog-opt-menu ul::before {
		border-top: 10px solid #e5e5e5;
		border-left: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid transparent;
		top: 115%;
		left: 107px;
	}
	.prog-opt-menu ul::after {
		border-top: 10px solid #fff;
		border-left: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid transparent;
		top: 112%;
		left: 107px;
	}
	.thankyou-note strong {
		font-size: 16px;
		margin-top: 6px;
	}
	.thankyou-note .opt-ans {
		padding: 0 0;
	}
	.thankyou-note > .opt-ans > span {
		font-size: 16px;
		padding: 0 10px;
	}
	.thanks-msg span {
		font-size: 18px;
	}
	.thanks-msg input {
		font-size: 16px;
	}
	.custom-step ul {
		float: none;
	}
	.customize-sec li {
		padding: 0 0px;
	}
	.customize-sec li p {
		font-size: 18px;
	}
	.customize-sec .switch span {
		font-size: 18px;
	}
	.survey .ui-selectmenu-button.ui-button {
		width: 215px;
		padding: 9px 10px;
	}
	.survey .ui-selectmenu-text {
		font-size: 18px;
	}
	#time-survey-menu .ui-menu-item-wrapper {
		font-size: 18px;
	}
	.file-upload {
		padding: 7px 15px;
	}
	.color-theme {
		padding: 0 15px;
	}
	.pop-up {
		max-width: 650px;
		padding: 31px 40px 30px 40px;
	} */
	/*=======Reminders Style Start========*/
	/* .d-survey {
		padding: 0 20px;
		display: block;
	}
	.d-survey .d-start-date {
		margin-bottom: 20px;
	}
	.d-survey label {
		min-width: 160px;
		font-size: 17px;
	}
	.d-survey input.rounded {
		font-size: 17px;
	}
	.d-reminder {
		padding: 20px;
	}
	.d-reminder h2, .d-reminder h3 {
		font-size: 18px;
	}
	.d-reminder-description label, .d-reminder-description li .rounded, .d-reminder-description li .time span, .select-box .ui-selectmenu-text, .d-reminder-description li .text-field input {
		font-size: 16px;
	} */
	/*=======Reminders Style End========*/
	/* .select-box-file {
		width: 200px;
	}
	.btn-qr {
		margin-left: 20px;
	}
	.overlay-area {
		width: 740px;
	}
	.rating-label li input {
		width: 50%;
	} */

	/*=======Account Style Start========*/
	/* .account-description {
		padding: 26px 15px 33px;
	}
	.account-password {
		padding: 10px 15px 33px;
	}
	.account h2 {
		font-size: 16px;
	}
	.account li {
		flex-wrap: wrap;
	}
	.account label {
		font-size: 16px;
		padding-right: 10px;
	}
	.account li input, .account li textarea {
		font-size: 15px;
	}
	.account li .left {
		width: 75%;
	}
	.account li .right {
		width: 75%;
	}
	.account .account-password .right {
		width: 100%;
	}
	.account li .input-wrap, .account .account-company .input-wrap {
		width: 230px;
	}
	.account .account-company li .left {
		width: 42%;
	}
	.account-company .right .d-flex {
		width: 100%;
	}
	.account .justify-content-start {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.account .account-company li .left, .account .account-company li .right {
		width: 75%;
		margin-bottom: 20px;
	}
	.settings li .left {
		width: 70%;
	}
	.settings .settings-notification .left {
		width: 80%;
	}
	.settings li span {
		padding-right: 10px;
		font-size: 14px;
	}
	.settings-description {
		padding: 22px 25px 37px 22px;
	}
	.theme-logo > span > a {
		margin-right: 10px;
	}
	.theme-logo .form-group {
		padding: 0 10px;
	}
	.theme-logo label {
		font-size: 14px;
	}
	.theme-logo .form-group input {
		margin-left: 25px;
	}
	.theme-logo .upload-logo span {
		font-size: 14px;
		margin-top: 11px;
	}
	.theme-logo .file-upload .file-wrap {
		margin-left: 15px;
		width: 245px;
	}
	.theme-logo .file-upload {
		text-align: center;
	}
	.theme-logo .btn-upload {
		margin-left: 0;
	}
	.ques-pop-up {
		right: -29px;
		top: 45px;
	}
	.ques-pop-up ul::before {
		border-top: 10px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #dddddd;
		top: -10px;
		left: 76%;
	}
	.ques-pop-up ul::after {
		border-top: 10px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #fff;
		top: -9px;
		left: 76%;
	} */
	/*=======Account Style End========*/
	/*====login Style start====*/
	/* .login-wrap {
		padding: 0px 0 0 25px;
	}
	.learn-more h1 {
		font-size: 40px;
	}
	.learn-more span {
		font-size: 18px;
	}
	.btn-learn {
		font-size: 18px;
		padding: 10px 24px;
	}
	.get-start-wrap {
		padding: 0px 15px 0 15px;
	}
	.get-start-wrap h3 {
		font-size: 23px;
	}
	.register-wrap li a {
		font-size: 18px;
	}
	.register-wrap {
		width: 204px;
	}
	.register-wrap li a {
		padding: 6px 10px;
	}
	.login-form {
		padding: 0 10px;
	}
	.login-form .form-group input {
		font-size: 18px;
	}
	.frgt-pass a {
		font-size: 14px;
		margin-right: 0;
	}
	.btn-login {
		font-size: 18px;
		min-width: 250px;
	}
	.btn-google, .btn-facebook {
		font-size: 16px;
		min-width: 250px;
	}
	.login-form span.pswd-incrt {
		left: 0;
	}
	.login-form span {
		font-size: 16px;
	}
	.login-form span.pswd-incrt {
		left: 0;
		right: 0;
	}
	.frgt-pass {
		padding-top: 13px;
	}
	.questions-ans {
		left: auto;
		right: -15px;
	}
	.questions-ans::before {
		left: auto;
		right: 13px;
	}
	.questions-ans::after {
		left: auto;
		right: 13px;
	}
	.complete-profile .ui-selectmenu-text {
		font-size: 16px;
	}
	.complete-profile .ui-selectmenu-icon.ui-icon {
		margin-top: 2px;
	}
	.complete-profile .form-group input {
		font-size: 18px;
	}
	.reset-text span {
		font-size: 16px;
	}
	.reset-mail {
		padding: 15px 10px 0 10px;

	}
	.reset-wrap h4{
		font-size: 20px;
	} */
	/*====login Style end====*/

	/*DTV-445-r*/
	/* .tab-container-wrap .program-sec{
		margin-left:65px;
	}
	.tab-container-wrap .container{
		width: calc(100% - 160px);
		max-width: 100%;
		padding: 0;
	}
	.tab-container-wrap .added-contact{
		width: 70%;
	}

} */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	.container {
		max-width: 950px;
	}
	.prog-view-wrap ul li {
		padding: 0 15px;
	}
	.prog-view-wrap ul li a {
		font-size: 16px;
	}
	.prog-view-wrap ul {
		width: 50%;
	}
	.program-blocks > ul > li {
		width: calc(100%/3 - 20px);
	}
	.program-blocks > ul > li {
		margin-right: 30px;
	}
	.program-blocks > ul > li:nth-child(2n) {
		margin-right: 30px;
	}
	.program-blocks > ul > li:nth-child(3n) {
		margin-right: 0;
	}
	.program-search {
		width: 100%;
	}
	.profile-wrap {
		margin-right: 10px;
	}
	.steps-sec ul {
		float: none;
		margin: 0 auto;
	}
	.preview-btn {
		margin-top: -48px;
	}
	.add-page {
		right: 50px;
	}
	.add-page span {
		left: -50px;
	}
	.ques-type .ui-selectmenu-text {
		font-size: 16px;
	}
	.preview-wrap {
		margin-bottom: 125px;
	}
	.prev-2 {
		margin-bottom: 0;
	}
	.page-nav ul {
		width: 45%;
	}
	.survey .ui-selectmenu-button.ui-button {
		width: 355px;
	}
	.overlay .rating-survey {
		padding: 30px 20px;
	}
	/*=======Reminders Style Start========*/
	.d-survey {
		padding: 0 5px;
	}
	/*=======Reminders Style End========*/
	.select-box-file {
		width: 200px;
	}
	.btn-qr {
		margin-left: 20px;
	}
	/*=======Account Style Start========*/
	.account-description {
		padding: 26px 15px 33px;
	}
	.account h2 {
		font-size: 16px;
	}
	.account label {
		font-size: 16px;
		padding-right: 10px;
	}
	.account li input, .account li textarea {
		font-size: 15px;
	}
	.account li .left {
		width: 42%;
	}
	.account li .right {
		width: 55.5%;
	}
	.account .account-password .input-wrap {
		width: 188px;
	}
	.account .account-password .confirm-password {
		width: 160px;
	}
	.account .account-password .right {
		width: 55.5%;
	}
	.account .account-company li .left {
		width: 42%;
	}
	.account .account-company .input-wrap {
		width: 220px;
	}
	.account-company .right .d-flex {
		width: 76%;
	}
	.settings li .left {
		width: 55%;
	}
	.settings .settings-notification .left {
		width: 70%;
	}
	.theme-logo .form-group {
		padding: 0 12px;
	}
	.theme-logo label {
		font-size: 16px;
	}
	.theme-logo .file-upload {
		padding: 7px 12px;
	}
	.theme-logo .upload-logo span {
		font-size: 16px;
		margin-top: 10px;
	}
	.theme-logo .file-upload .file-wrap {
		width: 280px;
		margin-left: 20px;
	}
	.theme-logo .btn-upload {
		font-size: 14px;
		margin-left: 10px;
		margin-top: 3px;
	}
	.navigation ul li span {
		font-size: 16px;
	}

	/*=======Account Style End========*/
	.get-start-wrap {
		padding: 0px 25px 0 25px;
	}
	.login-form {
		padding: 0 25px;
	}

	.login-form span.pswd-incrt {
		left: 0;
		right: 0;
	}
	.questions-ans {
		left: auto;
		right: -15px;
	}
	.questions-ans::before {
		left: auto;
		right: 13px;
	}
	.questions-ans::after {
		left: auto;
		right: 13px;
	}
	.reset-text span{
		font-size: 18px;
	}
	.reset-mail{
		padding: 18px 15px 0 15px;
	}

}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
	.sub-container {
		max-width: 980px;
	}
	.add-page {
		right: 0;
	}
	.preview-wrap {
		margin-bottom: 110px;
	}
	.prev-2 {
		margin-bottom: 0;
	}
	.account li .left {
		width: 42%;
	}
	.account .account-password .input-wrap {
		width: 220px;
	}
	.account .account-password .confirm-password {
		width: 180px;
	}
	.account .account-password .right {
		width: 55.5%;
	}
	.account .account-company li .left {
		width: 42%;
	}
	.account .account-company .input-wrap {
		width: 230px;
	}
	.account-company .right .d-flex {
		width: 76%;
	}
	.settings li .left {
		width: 45%;
	}
	.settings .settings-notification .left {
		width: 65%;
	}
	.register-wrap {
		width: 275px;
	}
	.login-form span.pswd-incrt {
		left: 0;
		right: 0;
	}
	.questions-ans {
		left: auto;
		right: -15px;
	}
	.questions-ans::before {
		left: auto;
		right: 13px;
	}
	.questions-ans::after {
		left: auto;
		right: 13px;
	}

}
/*------------------Mobile  css -----------*/
/* 
@media screen and (max-width: 767px) {
	.container-fluid {
		padding: 0 15px;
	}
	.header {
		text-align: center;
	}
	.logo {
		float: left;
		margin-left: 35px;
		display: inline-block;
		margin-bottom: 5px;
	}
	.program-search {
		float: none;
		width: 100%;
	}
	.program-search .form-group input {
		padding: 0 50px 0 15px;
		height: 35px;
		font-size: 12px;
	}
	.program-search .form-group {
		padding-left: 0;
		width: 60%;
	}
	.profile-wrap {
		margin-right: 0;
	}
	.hamburger {
		position: absolute;
		width: 20px;
		background: transparent;
		left: 17px;
		top: 26px;
		display: block;
		cursor: pointer;
	}
	.hamburger span {
		display: block;
		height: 2px;
		margin-bottom: 5px;
		background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.nav-home, .navigation {
		left: -420px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		height: calc(100vh - 70px);
		margin-top: 107px;
		z-index: 999;
		background: #fff;
	}
	.navigation {
		margin-top: 72px;
	}
	.nav-home {
		margin-top: 107px;
	}
	.program-sec {
		margin-left: 0;
		margin-top: 72px;
	}
	.nav-new {
		left: 0;
	}
	.container {
		padding: 0 15px;
	}
	.program-sec.draft-sec h1 {
		display: block;
		margin-bottom: 25px;
	}
	.btn-create {
		float: none;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.icon-plus {
		vertical-align: middle;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
	}
	.prog-view-wrap ul {
		float: left;
		width: 100%;
	}
	.prog-view-wrap ul li a {
		font-size: 14px;
	}
	.prog-view-wrap ul li.active a {
		font-size: 16px;
	}
	.prog-view-wrap ul li {
		padding: 0 2%;
	}
	.program-blocks > ul > li {
		float: none;
		width: 100%;
		margin-right: 0;
		min-height: 200px;
	}
	.add-wrap {
		padding: 40px 0 0 0;
	}
	.btn-search {
		right: 10px;
	}
	.steps-sec ul {
		width: 302px;
		margin-bottom: 20px;
	}
	.steps-sec li {
		margin: 0 37px;
		min-width: auto;
	}
	.preview-btn {
		margin-top: 0;
		margin-right: 0;
		float: none;
	}
	.steps-sec {
		text-align: center;
	}
	.steps-sec li span::before {
		width: 125px;
	}
	.steps-sec li p {
		font-size: 14px;
	}
	.breadcrum {
		float: none;
		padding: 20px 0;
	}
	.breadcrum li {
		font-size: 18px;
		padding-top: 0;
	}
	.breadcrum li.active {
		font-size: 18px;
	}
	.breadcrum li::after {
		font-size: 19px;
		top: -3px;
	}
	.about-icons {
		float: none;
		padding: 7px 15px;
		margin-top: 15px;
		margin-right: 0;
	}
	.about-icons p {
		font-size: 14px;
	}
	.about-icons span {
		font-size: 14px;
	}
	.breadcrum-wrapper {
		margin-bottom: 25px;
	}
	.prog-title {
		padding: 25px 15px;
	}
	.title-form input {
		font-size: 18px;
	}
	.welcome-msg input {
		font-size: 16px;
	}
	.page-1-section {
		margin-top: 50px;
		padding: 25px 20px;
	}
	.page-1-section input {
		font-size: 14px;
	}
	.rating-style span {
		font-size: 14px;
	}
	.rating-style .ui-selectmenu-button.ui-button {
		margin-left: 0;
	}
	.rating-style span.ui-selectmenu-text {
		font-size: 12px;
	}
	#smiley-menu .ui-menu-item-wrapper, #range1-menu .ui-menu-item-wrapper, #range2-menu .ui-menu-item-wrapper {
		font-size: 12px;
		font-weight: 600;
	}
	.rating-range > span {
		font-size: 14px;
	}
	#range1-button {
		margin-left: 0;
	}
	.rating-range > strong {
		font-size: 12px;
		margin: 0 0;
	}
	.rating-range .ui-selectmenu-button.ui-button {
		width: 51px;
	}
	.rating-range .ui-selectmenu-text {
		font-size: 12px;
	}
	.rating-range .ui-selectmenu-icon.ui-icon {
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	.ratings-option li label {
		font-size: 14px;
	}
	.ratings-option li {
		font-size: 10px;
	}
	.response-ques p {
		font-size: 14px;
		display: block;
	}
	.opt-ans {
		display: block;
		margin-bottom: 15px;
		padding: 0;
	}
	.opt-ans > span {
		font-size: 14px;
	}
	.metric-wrap {
		display: block;
		margin-left: 0;
	}
	.preview {
		margin-right: 0;
	}
	.form-btn-wrap .btn {
		font-size: 14px;
		padding: 10px 10px;
		padding: 12px 10px;
		min-height: 41px;
		border: none;
	}
	.form-btn-wrap .btn-finish {
		margin-right: 0;
		line-height: 1.2;
		border: none;
	}
	.add-page {
		right: 0;
		min-width: 100px;
	}
	.add-page span {
		min-width: 100px;
		font-size: 14px;
		padding: 7px 0;
		left: 0;
	}
	.add-page a i {
		-webkit-transform: translateY(-50%) scale(0.5);
		-moz-transform: translateY(-50%) scale(0.5);
		-ms-transform: translateY(-50%) scale(0.5);
		-o-transform: translateY(-50%) scale(0.5);
		transform: translateY(-50%) scale(0.5);
	}
	.add-page > a {
		margin-bottom: 0;
		height: 30px;
		width: 30px;
	}
	.page-name input {
		width: 100%;
	}
	.page-2-form {
		padding: 25px 15px 25px 15px;
	}
	.page-2-sec {
		padding: 0;
	}
	.ques-type .form-group {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.ques-type .ui-selectmenu-button.ui-button {
		float: none;
		width: 86%;
	}
	.ques-type .prog-option {
		margin-top: 0;
	}
	.prog-opt-menu ul::before {
		border-top: 10px solid #e5e5e5;
		border-left: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid transparent;
		top: 115%;
		left: 107px;
	}
	.prog-opt-menu ul::after {
		border-top: 10px solid #fff;
		border-left: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid transparent;
		top: 112%;
		left: 107px;
	}
	.prog-opt-menu {
		right: -18px;
		top: -97px;
	}
	.preview-wrap {
		padding: 0;
	}
	.prev-2 {
		margin-bottom: 0;
	}
	.ques-type .ui-selectmenu-text {
		font-size: 14px;
	}
	#response-menu .ui-menu-item-wrapper, #response-2-menu .ui-menu-item-wrapper {
		font-size: 14px;
	}
	.page-nav ul {
		width: 300px;
	}
	.page-nav ul li a {
		font-size: 16px;
	}
	.homepage-prof {
		margin-top: -80px;
	}
	.program-search .form-group {
		width: 100%;
	}
	.thankyou-note strong {
		font-size: 18px;
		padding-left: 0;
		display: block;
		margin-bottom: 15px;
		float: none;
	}
	.thankyou-note .opt-ans {
		float: none;
		padding: 0;
	}
	.thanks-msg {
		padding: 20px 15px 20px 15px;
	}
	.thanks-msg span {
		font-size: 16px;
	}
	.thanks-msg input {
		font-size: 16px;
	}
	.thank-btn .btn {
		font-size: 12px;
	}
	.bdrc-3 .about-icons {
		margin-right: 0;
	}
	.customize-sec li {
		padding: 0 0px;
	}
	.customize-sec li p {
		font-size: 16px;
		display: block;
		margin-bottom: 10px;
	}
	.customize-sec .switch span {
		font-size: 16px;
	}
	.survey {
		margin-left: 0;
	}
	.survey .ui-selectmenu-button.ui-button {
		width: 270px;
	}
	.survey .ui-selectmenu-text {
		font-size: 16px;
	}
	#time-survey-menu .ui-menu-item-wrapper {
		font-size: 16px;
	}
	#time-survey-menu .ui-menu-item {
		padding: 0 17px;
	}
	.customize-sec li .opt-ans {
		padding: 0 0px;
	}
	.file-upload {
		padding: 7px 0px;
	}
	.file-upload .file-wrap {
		width: 100%;
		margin-bottom: 10px;
	}
	.btn-upload {
		margin-top: 15px;
	}
	.file-upload .form-group {
		text-align: center;
	}
	.color-theme {
		padding: 0 0px;
		margin-bottom: 28px
	}
	.color-theme ul li {
		margin-right: 10px;
	}
	.color-theme ul {
		padding: 0 0px;
	}
	.color-option a {
		display: block;
		text-align: center;
		float: left;
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.tip-day {
		padding: 165px 0;
	}
	.tip-day strong {
		font-size: 20px;
	}
	.tip-day p {
		font-size: 20px;
	}
	.overlay .rating-survey {
		padding: 30px 15px;
	}
	.rating-survey h1 {
		font-size: 21px;
		word-wrap:break-word;
		line-height: 1.5;
		margin-bottom:15px;
	}
	.rating-survey p {
		font-size: 15px;
		word-wrap:break-word;
	}
	.rating-survey .btn-survey {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.overlay .rating-survey span {
		font-size: 12px;
	} */
	/*=======Reminders Style Start========*/
	/* .d-survey {
		padding: 0;
		display: block;
		margin-bottom: 15px;
	}
	.d-survey .d-start-date {
		margin-bottom: 15px;
	}
	.d-survey label {
		min-width: 130px;
		font-size: 15px;
		margin-right: 0;
	}
	.d-survey .d-date-wrap {
		width: 150px;
	}
	.d-date-wrap i, .time-wrap i {
		right: 12px;
	}
	.d-survey input.rounded {
		font-size: 15px;
		padding: 10px 8px 10px;
	}
	.d-reminder {
		padding: 10px;
	}
	.d-reminder h2, .d-reminder h3 {
		font-size: 16px;
	}
	.d-reminder-description label, .d-reminder-description li .rounded, .d-reminder-description li .time span, .select-box .ui-selectmenu-text, .d-reminder-description li .text-field input {
		font-size: 14px;
	}
	.d-reminder h2 i {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		margin-right: 0;
		vertical-align: text-bottom;
	}
	.d-reminder-description {
		margin: 10px 0 0;
		padding: 15px 0 0;
	}
	.switch {
		margin-bottom: 0;
	}
	.d-reminder-description .time-wrap, .d-reminder-description .email-list {
		width: 80%;
		margin-right: 0;
	}
	.d-reminder-description label {
		margin: 0 2px 3px 0;
	}
	.d-reminder-description li .time label, .d-reminder-description li .e-list label {
		display: block;
		margin: 0 0 15px;
	}
	.d-reminder-description label, .d-reminder-description li .rounded, .d-reminder-description li .time span, .select-box .ui-selectmenu-text, .d-reminder-description li .text-field input {
		font-size: 13px;
	}
	#ui-id-1-menu .ui-menu-item-wrapper {
		font-size: 13px;
	}
	.d-reminder-description li .text-field input {
		height: 23px;
		padding-top: 0;
	}
	.d-reminder h2, .d-reminder h3 {
		font-size: 14px;
	}
	.switch > span {
		padding: 0 2px;
	}
	.d-reminder-description .file-flex {
		flex-wrap: wrap;
	}
	.d-reminder-description .file-flex label {
		width: 100%;
		margin-bottom: 15px;
	} */

	/*=======Reminders Style End========*/

	/* .preview-header {
		background: #242424;
		padding: 12px 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		right: 0;
		z-index: 999;
	}

	.preview-header .container-fluid a {
		font-size: 16px;
		margin-right: 0px;
	}

	a.logo{
		margin-left: 10px;
	}

	.preview_device{
		display:none;
	}

	.select-box-file {
		width: 144px;
		margin-bottom: 5px;
	}
	.select-box-file .ui-selectmenu-text {
		font-size: 12px;
	}
	.btn-qr {
		display: inline-block;
		margin-left: 0;
		font-size: 14px;
		padding: 7px 10px;
	}
	.select-box-file .ui-selectmenu-icon.ui-icon {
		margin-top: 1px;
	}
	.overlay-area {
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		padding: 20px 10px 20px;
	}
	.rating-area {
		width: 100%;
	}
	.overlay label, .overlay span {
		font-size: 16px;
		line-height: 1.5;
		word-wrap: break-word;
	}
	.rating-list {
		padding: 15px 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.rating-list li {
		width: 35px;
		height: 35px;
		margin: 0 5px;
	}
	.overlay .pagination {
		padding: 30px 0;
	}
	.pagination  .btn {
		font-size: 16px;
		min-width: 100px;
	}
	.overlay h2 {
		font-size: 21px;
		margin-bottom: 20px;
		word-wrap: break-word;
		line-height:1.5;
		padding-left:10px;
		padding-right:10px;
	}
	.refer-overlay .rating-list {
		margin-bottom: 0;
	}
	.thanks-survey h2 {
		font-size: 24px;
	}
	.thanks-survey strong {
		font-size: 15px;
		padding-bottom: 18px;
		word-wrap: break-word;
		line-height:1.4
	}

	.powered-by span strong{
		font-size: 14px;
	}
	.overlay .rating-area input {
		font-size: 20px;
	}
	.question-overlay .rating-area input {
		margin-bottom: 20px;
	}
	.question-overlay .rating-list {
		padding: 0;
		margin: 0;
	}
	.required-area {
		background-color: #ffe0e0;
		padding: 25px 10px 19px;
		margin: 0 -10px 25px;
	}
	.rating-rage {
		float: none;
		width: 100%;
	}
	.prim-quest input {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.rating-rage .ui-selectmenu-text {
		font-size: 14px;
	}
	#rating-question-menu .ui-menu-item-wrapper {
		font-size: 14px;
	}
	.rating-label li {
		padding: 0 0;
	}
	.rating-label li input {
		width: 66%;
		margin-left: 10px;
	}
	.response-ques .switch {
		margin-bottom: 10px;
	}
	.response-ques .switch span {
		font-size: 14px;
	}
	.page-name-overlay h3 {
		font-size: 16px;
		line-height:1.5;
	}

	textarea{
		font-size: 14px;
		line-height: 1.4;
		padding-left: 10px;
		padding-right: 10px;
	}

	#demo-rangestepper {
		width: 280px !important;
		margin: 0 auto;
	}
	#demo-rangestepper2 {
		width: 250px !important;
	}
	#demo-rangestepper3 {
		width: 200px !important;
	}
	.overlay .most {
		right: -10px;
	}
	.radios-to-slider.medium .slider-label {
		width: calc(100%/10 + 5px);
		width: -webkit-calc(100%/10  + 5px);
		top: -34px;
	}
	.radios-to-slider.medium .slider-knob {
		margin: 1px 12px 0 0;
	}
	.overlay .range-stepper .slider-label.slider-label-active:after {
		top: -3px;
		width: 28px;
		height: 28px;
	}

	.denotesRequired{
		width:130px;
		margin:0 0;
	} */

	/*=======Account Style Start========*/
	/* .navigation ul.build-empty {
		padding: 27px 0px;
	}
	.account-description {
		padding: 26px 5px 15px;
	}
	.account-password {
		padding: 10px 5px 33px;
	}
	.account h1 {
		color: #52475c;
		font-size: 30px;
		margin-bottom: 9px;
		padding: 20px 0 0;
	}
	.account h2 {
		font-size: 16px;
		margin-bottom: 20px;
		padding: 0;
	}
	.account li, .account li .d-flex {
		flex-wrap: wrap;
	}
	.account label {
		font-size: 16px;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.account button {
		width: 102px;
		margin: 0 auto;
	}
	.account li input, .account li textarea {
		font-size: 15px;
	}
	.account li .left {
		width: 100%;
	}
	.account li .right {
		width: 100%;
	}
	.account .account-password .right {
		width: 100%;
	}
	.account li .input-wrap, .account .account-company .input-wrap {
		width: 100%;
		margin-bottom: 20px;
	}
	.account .account-company li .left {
		width: 42%;
	}
	.account-company .right .d-flex {
		width: 100%;
	}
	.account .justify-content-start {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.account .account-company li .left, .account .account-company li .right {
		width: 100%;
		margin-bottom: 5px;
	}
	.account .account-company h2 {
		margin-bottom: 20px;
	}
	.pas-tool-tip {
		right: auto;
		left: 15px;
	}*/
	/*=======Account Style End========*/
	/*.settings h1 {
		font-size: 30px;
		padding-left: 0;
	}
	.settings h2 {
		padding-left: 0;
		font-size: 20px;
	}
	.settings-description {
		padding: 22px 0px 37px 0px;
	}
	.settings li .left {
		width: 100%;
	}
	.settings li span {
		font-size: 14px;
		padding-right: 10px;
	}
	.settings .settings-notification .left {
		width: 60%;
		flex-wrap: wrap;
	}
	.settings .settings-notification li {
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.settings-notification {
		padding-left: 0;
	}
	.settings .settings-notification li .opt-ans {
		width: 100%;
	}
	.settings .settings-notification li .opt-ans span {
		padding: 0 2px;
	}
	.theme-logo {
		padding: 30px 0 0 0px;
	}
	.theme-logo > span {
		font-size: 12px;
		line-height: 1.5;
	}
	.theme-logo > span > a {
		margin-right: 5px;
	}
	.theme-logo .form-group {
		padding: 0 0px;
	}
	.theme-logo label {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.theme-logo .form-group input {
		margin-left: 0;
		font-size: 14px;
		width: 100%;
	}
	.theme-logo .file-upload {
		padding: 7px 0px;
		text-align: center;
	}
	.theme-logo .upload-logo span {
		font-size: 14px;
		display: block;
		float: none;
		margin-bottom: 20px;
	}
	.theme-logo .file-upload .file-wrap {
		margin-left: 0;
		float: none;
	}
	.file-upload-wrapper {
		float: none;
		margin-bottom: 25px;
	}
	.theme-logo .btn-upload {
		margin-top: 0;
		margin-left: 0;
	}
	.ques-pop-up {
		right: 0px;
		top: 40px;
		padding: 18px 15px;
	}
	.settings .settings-notification .ques-pop-up ul li {
		margin-bottom: 0;
	}
	.ques-pop-up ul::before {
		border-top: 10px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #dddddd;
		top: -10px;
		left: 76%;
	}
	.ques-pop-up ul::after {
		border-top: 10px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #fff;
		top: -9px;
		left: 76%;
	}
	.alert-msg p {
		font-size: 16px;
		line-height: 1.5;
	}
	.learn-more {
		width: 100%;
		height: auto;
	}
	.get-started {
		height: auto;
		width: 100%;
	}
	.login-wrap {
		padding: 150px 15px 150px 15px;
		text-align: center;
		width: 100%;
	}
	.learn-more h1 {
		font-size: 40px;
		text-align: center;
	}
	.learn-more span {
		font-size: 18px;
		text-align: center;
	}
	.btn-learn {
		font-size: 18px;
		padding: 8px 24px;
	}
	.get-start-wrap {
		padding: 55px 15px 30px 15px;
	}
	.get-start-wrap h3 {
		font-size: 21px;
	}
	.register-wrap {
		width: 260px;
	}
	.register-wrap li a {
		font-size: 20px;
	}
	.login-form {
		padding: 0 10px;
	}
	.btn-login {
		font-size: 18px;
	}
	.btn-google, .btn-facebook {
		font-size: 16px;
		min-width: 250px;
	}
	.login-form span {
		font-size: 16px;
	}
	.login-form span.pswd-incrt {
		left: 0;
	}
	.login-form span {
		left: 9px;
	}
	.frgt-pass {
		padding-top: 13px;
	}
	.get-start-wrap {
		width: 100%;
	}
	.questions-ans {
		left: auto;
		right: -15px;
	}
	.questions-ans::before {
		left: auto;
		right: 13px;
	}
	.questions-ans::after {
		left: auto;
		right: 13px;
	}
	.complete-profile .ui-selectmenu-text {
		font-size: 16px;
		line-height: 1.2;
	}
	.complete-profile .ui-selectmenu-icon.ui-icon {
		margin-top: 2px;
	}
	.reset-text span{
		font-size: 16px;
	}
	.reset-mail .btn-login{
		min-width: 200px;
	}
	.reset-mail{
		padding: 18px 15px 0 15px;
	}
	.reset-wrap h4{
		font-size: 18px;
		margin-bottom: 20px;
		padding-top: 0;
	} */

	/**
	 *
	 */

	/* .list-wrapper ul {
		padding: 0px 15px 10px;
	}
	.left-list h2 {
		font-size: 18px;
	}
	.left-list span {
		font-size: 14px;
	}
	.right-list-icon {
		padding-right: 0;
	}
	.list-wrapper li {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.right-list-icon {

		align-self: flex-start;
	}
	.right-list-icon a {
		padding: 0 0px;
	}
	.right-list-icon a i {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	.list-sec .btn-create {
		float: right;
		font-size: 16px;
		padding: 10px 15px;
	}
	.list-sec h1 {
		font-size: 24px;
	}
	.list-sort > span {
		font-size: 14px;
		float: left;
	}
	.list-sort .ui-selectmenu-button.ui-button {
		width: 122px;
	}
	.list-sort .ui-selectmenu-text {
		font-size: 12px;
	}
	.list-sort .ui-selectmenu-icon.ui-icon {
		margin-right: 0;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	.list-sort {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.list-sort .sort-sec {
		margin-right: 0;
		margin-top: 0;
	}
	.list-popup {
		padding: 44px 10px 24px;
	}
	.list-popup h2 {
		font-size: 16px;
	}
	.list-popup .form-group input {
		font-size: 14px;
	}
	.contact-list h1 {
		font-size: 20px;
		flex-basis: 100%;
		margin-bottom: 10px;
	}
	.contact-list {
		flex-wrap: wrap;
	}
	.total-contact > span {
		font-size: 14px;
		margin-right: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	.total-contact .btn {
		float: none;
		margin-right: 5px;
		font-size: 14px;
	}
	.total-contact .btn-export {
		padding: 11px 27px;
	}
	.list-search {
		flex-wrap: wrap;
	}
	.date-pagination-wrap .sort-sec {
		margin-right: 10px;
	}
	.date-pagination {
		width: 80px;
	}
	.date-pagination span {
		font-size: 12px;
	}
	.date-pagination-wrap .ui-selectmenu-button.ui-button {
		width: 139px;
	}
	.sort-sec label{
		margin-right: 0;
	}
	.list-search .form-group {
		margin-bottom: 15px;
	}
	.add-contact-list h3 {
		font-size: 18px;
	}
	.add-contact-list a {
		font-size: 16px;
	}
	.date-pagination-wrap {
		margin-bottom: 10px;
	}
	.list-sec > strong {
		font-size: 16px;
	}
	.how-to-add-list h4 {
		font-size: 18px;
	}
	.added-contact-wrapper {
		flex-wrap: wrap;
	}
	.added-contact {
		width: 100%;
	}
	.added-contact li {
		padding-left: 10px;
	}
	.added-contact li .form-group label {
		font-size: 14px;
		white-space: nowrap;
	}
	.added-contact li::before {
		top: 18px;
	}
	.added-contact li .form-group .text-field input {
		font-size: 16px;
	}
	.add-field-btn {
		padding: 30px 0 0 0;
	}
	.add-field-form label {
		font-size: 14px;
	} 

}*/

@media screen and (max-width:1024px){
	.ntemplates-items{
		width:calc(50% - 20px) !important;
	}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/**list styles */

/**end list styles */
