@media (max-width: 1200px) {
	.sage-smart-search-bar {
		flex-basis: 60%;;
		margin-right: 25px;
	}
	.search-bar-area .search-input-wrapper.show {
		display: block;
		position: relative;
	}
	.search-bar-area .search-input {
		line-height: 13px;
	}
	.responsive-search img{
		display: block;
	}
	.search-bar-area input.search-sage-items {
		height: 34px;
	}
	.responsive-search.show-with-form {
		position: absolute;
		z-index: 2;
	}
	.cross-button {
		width: 36px;
		height: 34px;
		position: absolute;
		z-index: 1;
		opacity: 0;
		top: 0;
		left: 0;
		background: #dedede;
		border-radius: 3px 0 0 3px;
		cursor: pointer;
		transition: all ease .2s;
	}
	.cross-button.show {
		z-index: 3;
		opacity: 1;
	}
	.cross {
		position: absolute;
		top: 16px;
		left: 9px;
		display: inline-block;
		width: 15px;
		height: 1.4px;
		background: #c35019;
		z-index: 4;
		cursor: pointer;
	}
	.cross.first {
		transform: rotate(45deg);
	}
	.cross.second {
		transform: rotate(-45deg);
	}
	.data-content {
		position: relative;
		padding-left: 70px;
	}
	.data-content::before {
		content: attr(data-content);
		position: absolute;
		top: 0;
		left: 0;
		font-weight: 600;
	}
	.bounty-question-search-wrapper {
		width: 630px;
	}
}
/*------------------------------------------------------------------------------*/
/*                    width : 991px
/*------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1200px) {
	.widget_menu_jquery {
		top: inherit !important;
	}
	.desc {
		margin: 0px 0px;
	}
	h2.title-2 {
		margin: 0;
		font-size: 18px;
	}
	.followers {
		margin-top: 0px;
		font-size: 12px;
		font-weight: 600;
	}
	/******* Private Profile ***********/
	.user-profile .user-profile-img {
		max-width: 130px;
		max-height: 130px;
	}
	.user-profile .profile-header h2.profile-name {
		font-size: 25px;
		line-height: 30px;
	}
	.header-content span {
		margin-right: 8px;
	}
	.user-profile .profile-reputation p.badge-icon {
		font-size: 26px;
		padding: 12px 16px;
	}
	.user-profile .profile-reputation p.badge-title {
		line-height: 43px;
	}
	.user-profile .profile-reputation p.badge-title {
		font-size: 20px;
	}
	.profile-reputation p.badge-title {
		min-width: 150px;
	}
	.user-profile .profile-reputation span.score {
		min-width: 28px;
		min-height: 28px;
		line-height: 25px;
		font-size: 12px;
	}
	.profile-header .header-flex {
		padding: 25px 24px 40px;
	}
	.profile-bg h1 {
		padding: 0px 20px 15px;
	}
	.profile-bg {
		padding: 22px 30px;
	}
	.user-porfile-statistics .user-stat {
		padding: 15px 14px;
		flex-grow: 1;
	}
	.user-stat span {
		text-align: center;
	}
	.user-profile-img {
		width: 150px;
		height: 150px;
	}
	.expert-name {
		flex-basis: 30%;
	}
	.profile-header h2.profile-name {
		font-size: 18px;
		line-height: 26px;
	}
	.profile-header h3.profile-title {
		font-size: 15px;
	}
	.wallet .earning.title,
	.user-activity .title {
		font-size: 16px;
	}

	/*****************
	   Header bara area
	*****************/
	#header .main-menu-area {
		flex: 0 0 46.333333%;
    	max-width: 46.333333%;
	}
	#header .search-ask-area {
		flex: 0 0 35%;
    	max-width: 35%;
	}
	.navigation > ul > li > a,
	.navigation li ul li a {
		font-size: 10px;
		padding: 16px 4px 16px;
	}
	.profile-img img {
		width: 76px;
		height: 76px;
	}
	.answer-count span.text {
		font-size: 13px;
	}
}
/****************************************************************
*		@media Qurey
****************************************************************/
/*------------------------------------------------------------------------------*/
/*                    Width : 990
/*------------------------------------------------------------------------------*/
@media (min-width: 992px) {
	.boxed #header.fixed-nav,.boxed2 #header.fixed-nav {
		width: 970px;
	}
	.banner-search form input.question-search {
		width: 540px;
	}
	.parent-list > img {
		margin: 13px 0 0 0;
	}
	.search-bar-area .search-form {
		flex-basis: 58%;
	}
	.search-bar-area .ask-question-button {
		flex-basis: 40%;
		margin-left: 20px;
	}
}
/*------------------------------------------------------------------------------*/
/*                    Width : 1200
/*------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	/*****************
	   Header bara area
	*****************/
	#header .main-menu-area {
		flex: 0 0 49.333333%;
		max-width: 49.333333%;
	}
	#header .search-ask-area {
		flex: 0 0 34%;
		max-width: 34%;
	}
	.search-bar-area .ask-question-button {
		flex-basis: 32%;
		margin: 0 20px;
	}
	.sage-smart-search-bar {
		flex-basis: 54%;
		margin-right: 32px;
	}
	.cross-button {
		display: none;
	}
}
@media (max-width: 991px) {
	span.filter {
		display: block;
		text-align: center;
		font-size: 30px;
		cursor: pointer;
	}
	.mobile-filter {
		height: auto;
		overflow: hidden;
		-webkit-transition: all linear .2s;
		-moz-transition: all linear .2s;
		-o-transition: all linear .2s;
		transition: all linear .2s;
	}
	.unseen {
		top: .2em;
		left: 40%;
		font-weight: 200;
		height: 1.8em;
		width: 1.8em;
		line-height: 1.8em;
	}
	.user-valuation .valuation {
		margin-top: 5px;
	}
	.profile-rate-score .account-level .level-name {
		padding: 3px 3px;
		font-size: 12px;
	}
	.profile-rate-score .reputation-score {
		font-size: 12px;
	}
	.sage-profile-header .prifile-title {
		padding: 0px 0px 0 18px;
	}
	.rate-level .account-level .level-icon {
		padding: 3px 8px;
	}
	.rate-level .account-level .level-name {
		padding: 2px 10px;
		border-width: 2px 2px 2px 0;
		font-size: 12px;
	}
	.header-edit.profile-item-edit {
		top: 86%;
		left: 160px;
		width: fit-content;
	}
	span.answer-stat {
		color: #9c9c9c;
		font-size: 12px;
		cursor: pointer;
		padding: 2px 5px;
		background: whitesmoke;
		text-align: center;
		border-radius: 5px;
	}
	.user-valuation {
		position: absolute;
		top: 50px;
		z-index: -2;
		opacity: 0;
		background: white;
		width: 270px;
		padding: 20px;
		box-shadow: 0 5px 7px -4px #00000087;
		border-radius: 5px;
		transform: translateX(30px);
		-webkit-transition: all ease .2s;
		-moz-transition: all ease .2s;
		-o-transition: all ease .2s;
		transition: all ease .2s;
	}
	.user-valuation.show {
		z-index: 30;
		opacity: 1;
		transform: translateX(0px);
	}
	.user-valuation .close {
		font-size: 1rem;
		padding: 5px;
		cursor: pointer;
	}
	.user-valuation .valuation {
		box-shadow: none;
		display: block;
		cursor: pointer;
	}
	.highlighted-link-area {
		place-items: self-start;
		padding-left: 25px;
		margin-top: 10px;
	}
	.bounty-question-search-wrapper {
		width: 100%;
	}

	.navigation ul.general-menu {
		position: fixed;
		top: 0;
		right: 0;
		flex-direction: column;
		width: 300px;
		padding: 40px 20px;
		height: 100%;
		background: white;
		z-index: -10;
		opacity: 0;
		-webkit-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		transition: all .3s ease;
		box-shadow: -10px 0 20px -10px rgb(0 0 0 / 30%);
	}
	.navigation ul.general-menu.opened {
		z-index: 10;
		opacity: 1;
		-webkit-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.navigation > ul.general-menu  li {
		text-align: left;
	}
    .navigation ul.general-menu li i.menu-icon {
		font-size: 16px;
		display: inline-block;
		margin-right: 10px;
	}
	.navigation > ul.general-menu > li > a {
		padding: 8px;
	}

	.navigation ul.sg-profile-menu-bar {
		align-items: center;
	}
	.navigation ul.sg-profile-menu-bar .menu-text {
		display: none;
	}
	.navigation ul.sg-profile-menu-bar .parent-list a > img {
		display: inline-block;
	}

	.hamburger-menu-icon {
		width: 36px;
		height: 40px;
		margin-top: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px;
		cursor: pointer;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		margin-top: 12px;
		margin-left: 20px;
	}
	.hamburger-menu-icon.is-active {
		position: fixed;
		top: 0px;
		right: 10px;
		padding: 8px;
		z-index: 12;
	}
	.hamburger-menu-icon .icon-container {
		width: 100%;
		height: 2px;
		background-color: #2c3d50;
		position: relative;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
	.hamburger-menu-icon .icon-container::after,
	.hamburger-menu-icon .icon-container::before {
		content: "";
		width: 100%;
		height: 2px;
		background-color: #2c3d50;
		position: absolute;
		left: 0;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
	.hamburger-menu-icon .icon-container::after {
		top: 7px;
		width: 18px;
	}
	.hamburger-menu-icon .icon-container::before {
		top: -7px;
		width: 22px;
	}

	.hamburger-menu-icon.is-active .icon-container {
		transform: rotate(45deg);
	}
	.hamburger-menu-icon.is-active .icon-container::after {
		width: 20px;
		top: 0px;
		transform: rotate(-90deg);
		-webkit-transition: all .3s ease .3s;
		transition: all .3s ease .3s;
	}
	.hamburger-menu-icon.is-active .icon-container::before {
		top: 0;
		opacity: 0;
		-webkit-transition: all .3s ease .1s;
		transition: all .3s ease .1s;
	}
	.navigation li.join a {
		margin-top: 0px;
	}
}
/*------------------------------------------------------------------------------*/
/*                    Width : 960
/*------------------------------------------------------------------------------*/
@media only screen and (min-width: 767px) and (max-width: 960px) {
	body {
		width: 100%;
	}
	.inner {
		width: 768px;
	}
	.boxed, .boxed2,.boxed #header.fixed-nav,.boxed2 #header.fixed-nav {
		width: 100%;
	}
	.boxed2 {
		margin-top: 0;
		margin-bottom: 0;
	}
	.breadcrumbs h1 {
		float: none;
		display: block;
	}
	.crumbs {
		float: left;
	}
	.breadcrumbs h1 {
		margin-right: 10px;
		float: none;
		display: block;
	}
	.box_icon.box_warp.box_no_border.box_no_background .col-md-4 .height_40 {
		height: 0;
	}
	/* user-profile */
	.stats-head,.block-stats-visibility,.block-stats-1,.block-stats-2,.block-stats-3,.block-stats-4 {
		padding: 10px;
		font-size: 14px;
	}
	.block-stats-1 {
		width: 29.2%;
	}
	/* sidebar */
	.sidebar {
		margin-top: 30px;
	}
	/* Widgets */
	#footer .widget {
		margin-bottom: 30px;
	}
	.widget_flickr a,.widget_portfolio .portfolio-widget-item .portfolio_img,.popular_img {
		width: 63.3px !important;
		height: 63.3px !important;
	}
	.widget_portfolio .portfolio-widget-item .portfolio_img:before,.popular_posts .popular_img a:before,.widget_flickr a:before {
		line-height: 63.3px !important;
	}
	.widget_flickr a:nth-child(3n),.widget_flickr a:nth-child(4n),.widget_portfolio .portfolio-widget-item:nth-child(3n),.widget_portfolio .portfolio-widget-item:nth-child(4n) {
		margin-right: 5px !important;
	}
	.widget_flickr a:nth-child(10n),.widget_portfolio .portfolio-widget-item:nth-child(10n) {
		margin-right: 0 !important;
	}
	#footer .widget_flickr a,#footer .widget_portfolio .portfolio-widget-item .portfolio_img,.popular_img {
		width: 67.5px !important;
		height: 67.5px !important;
	}
	#footer .widget_portfolio .portfolio-widget-item .portfolio_img:before,#footer .popular_posts .popular_img a:before,#footer .widget_flickr a:before {
		line-height: 67.5px !important;
	}
	#footer .widget_flickr a:nth-child(3n),#footer .widget_flickr a:nth-child(4n),#footer .widget_portfolio .portfolio-widget-item:nth-child(3n),#footer .widget_portfolio .portfolio-widget-item:nth-child(4n) {
		margin-right: 5px !important;
	}
	#footer .widget_flickr a:nth-child(10n),#footer .widget_portfolio .portfolio-widget-item:nth-child(10n)  {
		margin-right: 0 !important;
	}
	.sage-profile-header .profile-img {
		flex: 0 0 24%;
	}
	.profile-img img {
		width: 68px;
		height: 68px;
	}
	.sage-profile-header .prifile-title {
		flex: 0 0 76%;
	}
}

/*------------------------------------------------------------------------------*/
/*                    width : 991px
/*------------------------------------------------------------------------------*/
@media (min-width: 769px) and (max-width: 991px) {
	.grid_970 .container {
		width: 750px;
	}
	.grid-images img {
		width: 100%;
		height: auto;
	}
	.widget_menu_jquery {
		display: none;
	}

	.ask-question {
		margin-bottom: 30px;
	}
	.contact-us .page-content,.login .page-content {
		margin-bottom: 30px;
	}
	.breadcrumbs h1 {
		float: none;
		display: block;
	}
	.crumbs {
		float: left;
	}
	.widget_flickr a:nth-child(3n),.widget_portfolio .portfolio-widget-item:nth-child(3n),#footer .widget_flickr a:nth-child(3n),#footer .widget_portfolio .portfolio-widget-item:nth-child(3n) {
		margin-right: 5px !important;
	}
	#footer .widget,.user-stats {
		margin-bottom: 30px;
	}
	.overlay-lightbox,.overlay-link {
		top: 10px;
	}
	.form-style-2 .fileinputs {
		width: 85%;
	}
	.sidebar {
		margin-top: 30px;
	}
	.search-bar-area .ask-question-button {
		flex-basis: 60%;
		margin: auto;
	}
	/* ********* The top questions area ******** */
	.votes-icon {
		display: inline-block;
		vertical-align: bottom;
	}
	.votes-icon .question-vote-up,
	.votes-icon .question-vote-down {
		display: block;
		height: 12px;
		line-height: 13px;
	}
	.statistics span {
		display: block;
		vertical-align: top;
	}
	span.stat-num {
		margin-left: 5px;
	}
	/* logo */
	/* Banner area */
	.section-warp.ask-me {
		padding: 100px 0px 100px 0;
	}
	.banner-search h2 {
		line-height: 34px;
		font-size: 25px;
	}
	.banner-search form input.question-search {
		width: 452px;
		height: 35px;
	}
	button.mble-show.q-logo-icon {
		width: 55px;
		height: 35px;
	}
	.breadcrumbs {
		margin-bottom: 30px;
	}

	/* ask a question page */
	.alert-message {
		padding: 12px;
	}
	.alert-message i {
		margin: 0 10px 0 0;
		height: 32px;
		width: 32px;
		line-height: 34px;
		font-size: 18px;
	}
	.alert-message p {
		line-height: 18px;
		font-size: 12px;
	}
	.ask-question .form-style label,
	#question-title, #question-details, .taglist .input input,
	.fileinputs {
		float: none;
		width: 100%;
		margin: 0px 0 5px 0;
	}
	.ask-question .form-description {
		margin: 0;
		width: 100%;
	}
	#question-title, #question-details, .taglist .input input {
		padding: 5px 9px;
	}
	#selectfile {
		padding: 0px 10px !important;
		height: 32px;
	}
	.fileinputs span {
		padding: 5px 16px;
	}
	#form-textarea .question-details-field {
		margin: 0;
	}

	/*********** Private Profile **********/
	.user-profile .user-profile-img {
		max-width: 130px;
		max-height: 130px;
		padding: 4px;
	}
	.user-profile .profile-header h2.profile-name {
		font-size: 24px;
		line-height: 30px;
	}
	.header-content span {
		margin-right: 8px;
		font-size: 13px;
		text-transform: lowercase;
	}
	.user-profile .profile-reputation p.badge-icon {
		font-size: 25px;
		padding: 12px 15px;
	}
	.user-profile .profile-reputation p.badge-title {
		font-size: 22px;
		min-width: 140px;
	}
	.profile-header h3.profile-title {
		font-size: 15px;
		line-height: 18px;
	}
	.profile-header .header-flex {
		padding: 25px 20px 0px;
	}
	.user-porfile-statistics .user-stat {
		margin-right: 18px;
		padding: 12px 18px;
	}
	.profile-background-image {
		min-height: 200px;
	}
	.user-profile-img {
		max-width: 120px;
		max-height: 120px;
	}
	.profile-header h2.profile-name {
		font-size: 16px;
		line-height: 18px;
	}
	.profile-reputation p.badge-icon {
		font-size: 18px;
		padding: 8px 14px;
	}
	.profile-reputation p.badge-title {
		padding: 0 25px;
		font-size: 18px;
	}
	.answer-fee {
		padding: 6px 20px;
	}
	span.fee {
		font-size: 13px;
	}
	span.fee.fee-amount {
		font-size: 20px;
	}
	/********** Wallet ********/
	.wallet .earning.title {
		font-size: 18px;
	}
	.wallet .earning {
		line-height: 32px;
	}
	.wallet .earning.title,
	.user-activity .title {
		font-size: 14px;
	}
	.expert-name {
		flex-basis: 38%;
	}
	.profile-expertise-list .expertise-area li .topic {
		width: 136px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.answer-count span.text {
		font-size: 13px;
		font-weight: 500;
		width: 115px;
	}
	.sage-selected-area {
		padding: 24px 10px;
	}
	span.selected-profile {
		width: 122px;;
		font-size: 13px;
	}
}
/*------------------------------------------------------------------------------*/
/*                    width : 767px
/*------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	/* banner area */
	.section-warp.ask-me {
		margin-bottom: 10px;
		padding: 60px 0px 60px 0;
		border-radius: 0 0 55px 0;
	}
	.banner-search h2 {
		line-height: 32px;
		font-size: 21px;
	}
	.banner-search form .button.search-now {
		padding: 6px 26px;
	}
	.banner-search p:before {
		width: 37px;
		height: 34px;
	}
	.alert-message {
		padding: 10px;
	}
	.alert-message i {
		margin: 0 8px 0 0;
		float: left;
		height: 25px;
		width: 25px;
		line-height: 27px;
		font-size: 16px;
	}
	.alert-message p {
		line-height: 20px;
		font-size: 12px;
	}
	.page-content, .about-author, .user-question, #related-posts {
		padding: 0;
	}
	.registration-wrapper .page-content {
		padding: 38px 0px;
	}
	#question-title, #question-details, .taglist .input input, .ask-question .form-description, #question_poll_item, .form-style-5.form-style input[type="text"], .form-style-5.form-style input[type="email"], .form-style-5.form-style input[type="password"], .form-style-5.form-style textarea, .styled-select, .fileinputs {
		padding: 4px 8px;
	}
	#selectfile {
		padding: 0 8px !important;
		height: 35px;
	}
	.fileinputs span {
		padding: 6px 14px;
		font-size: 11px;
	}
	.profile-header .header-flex {
		padding: 18px 0px 0;
	}
	.profile-header .header-content {
		margin-left: 0;
	}
	.user-profile-img {
		max-width: 120px;
		height: 120px;
		margin: 0;
	}
	.header-item h2 {
		line-height: 18px;
	}
	.expert-name {
		font-size: 16px;
	}
	.header-content span.social-media,
	.header-content span.social-media a {
		line-height: 16px;
	}
	.user-profile .user-profile-img {
		max-width: 130px;
		max-height: 130px;
		padding: 4px;
	}
	.profile-header h2.profile-name {
		font-size: 16px;
		line-height: 20px;
	}
	.profile-header h3.profile-title {
		font-size: 14px;
		line-height: 18px;
	}
	.profile-header .repuation-score {
		margin-top: 30px;
    	width: 100%;
    	flex-basis: 100%;
	}
	.user-porfile-statistics {
		flex-wrap: wrap;
	}
	.user-porfile-statistics .user-stat {
		flex-basis: 47%;
		margin-bottom: 5%;
	}
	.profile-reputation {
		justify-content: start;
	}
	.profile-reputation p.badge-title {
		width: 100%;
	}
	.user-porfile-statistics .user-stat:nth-child(even) {
		margin-right: 0;
	}
	.profile-bg {
		padding: 20px;
	}
	.profile-bg h1 {
		margin: 0 -20px 16px -20px;
		padding: 0px 30px 12px;
		font-size: 24px;
	}
	.widget_menu li.current_page_item a {
		margin: 0px;
	}
	.widget_menu li a {
		padding: 5px 15px;
		border-left: 2px solid transparent;
	}
	.widget_menu li a:hover {
		color: #00df73;
		border-left-color: white;
	}
	.expert-zone-status {
		width: 49%;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	textarea, select {
		padding: 6px 10px;
		font-size: 12px;
		margin-bottom: 0px;
		border: 2px solid #ededed;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	.image-preview {
		max-width: 150px;
		max-height: 150px;
	}
	.image-preview img {
		width: 140px;
		height: 140px;
	}
	label.upload {
		padding: 5px 0;
	}
	span.delete-expertise-item {
		top: 1px;
		right: 0px;
	}
	.button.small {
		padding: 5px 20px;
	}
	.topic-area:before,
	.sub-topic-area:before,
	.specialty-tag:before{
		display: block;
		position: absolute;
		top: -17px;
		left: 7px;
		z-index: 2;
		padding: 3px 8px;
		background: white;
		box-shadow: 0 4px 16px -9px black;
		font-size: 10px;
		line-height: 15px;
	}

	.topic-area:before {
		content: "Add Topic";
	}
	.sub-topic-area:before {
		content: "Add Sub Topic";
	}
	.specialty-tag:before{
		content: "Add Tags";
	}
	.expertise-single-item .select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 10px;
		line-height: 16px;
	}
	.expertise-single-item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		padding: 0 2px;
	}

	.question-sucess p {
		font-size: 14px;
	}


	.question-sucess h2 {
		font-size: 29px;
		line-height: 35px;
	}
	.question-sucess p.success-message {
		font-size: 16px;
		font-weight: 500;
		margin-top: 7px;
		line-height: 23px;
	}
	.question-sucess p.success-message br {
		display: none;
	}

	.login-confirmation.offset-md-3 {
		margin-left: 0%;
	}

	.question-meta-item .question-answered,
	.question-meta-item .question-date,
	.question-meta-item .question-answer,
	.question-meta-item .question-view,
	.question-meta-item .question-comment,
	.question-meta-item .question-edit {
		width: 140px;
	}
	.question-meta-item .question-edit + .question-comment + ul.single-question-vote {
		margin-right: 60px;
	}
	.search-bar-area .search-input:before {
		content: "\f002";
		display: none;
	}
	.search-bar-area .search-form {
		flex-basis: 33%;
	}
	.search-bar-area .ask-question-button {
		flex-basis: 60%;
	}
	.search-bar-area .search-input {
		position: initial;
	}
	.search-bar-area .form-style label {
		width: 100% !important;
		text-align: center;
		cursor: pointer;
	}
	.search-bar-area .form-style label i {
		font-size: 30px;
		vertical-align: middle;
		color: #c15719;
	}
	.search-bar-area .search-form input {
		padding: 0px 0 0 8px;
		border: 2px solid #ededed;
		opacity: 0;
		position: absolute;
		width: 100px;
		top: 69px;
		left: -50%;
		-webkit-transition: all ease .2s;
		-moz-transition: all ease .2s;
		-o-transition: all ease .2s;
		transition: all ease .2s;
	}
	.search-bar-area .search-form label.open + input:focus {
		border: 0;
		box-shadow: 0 1rem 3rem rgba(0,0,0,.575)!important;
		opacity: 1;
		width: 300px;
	}

	.sage-notifications {
		width: 100%;
	}
	.notification-action-desc p {
		line-height: 20px;
	}

	/******************
		Mobilew view
	******************/
	.search-ask-area {
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: white;
		z-index: 5;
		width: 100%;
		max-width: 100%;
		box-shadow: 0 -5px 10px -5px black;
	}
	.search-ask-area .search-bar-area-wrap {
		padding: 10px 0px;
	}
	.sage-search-result-wrapper {
		bottom: 74px;
	}
	span.sage-sidebar {
		display: inline-block;
		font-size: 18px;
		padding: 0 14px;
		background: #f5f7fa;
		line-height: 60px;
		cursor: pointer;
	}

	.questions-sidebar {
		display: none;
		position: fixed;
		top: 60px;
		right: 0;
		width: 100%;
		background: #f5f5f5;
		box-shadow: 0 5px 10px -5px black;
		border-radius: 12px;
		overflow: auto;
		height: calc(100vh - 110px);
    	z-index: 11;
	}
	.questions-sidebar.show {
		display: block;
		opacity: 1;
	}
	.question-details .cat,
	.question-details .time {
		font-size: 10px;
	}
	.question-author-box {
		padding: 0 0px 5px 0px;
	}
	.q-author-info,
	.cats {
		flex: 0 0 50%;
	}
	.single-filter .select2-container--default .select2-selection--multiple, .single-filter .select2-container--default .select2-selection--single {
		min-height: 35px;
	}
	.single-filter .select2-container--default .select2-selection--single .select2-selection__rendered, .single-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered {
		margin-top: 3px;
	}
	.registration-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .registration-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered, .single-filter .select2-container--default .select2-selection--single .select2-selection__rendered, .single-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered {
		padding-left: 6px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 26px;
	}
	.single-filter .select2-container--default .select2-selection--single .select2-selection__arrow, .single-filter .select2-container--default .select2-selection--multiple .select2-selection__arrow {
		top: 5px;
	}
	.tagsinput div input {
		padding: 0px;
	}
	.answer-activity-wrapper {
		position: absolute;
		top: -43px;
		left: 43px;
		height: 100%;
		display: block;
	}
	.answer-count span.text {
		font-size: 13px;
		width: 130px;
	}
	.show-selection {
		position: fixed;
		top: 122px;
		right: 5px;
		padding: 5px 15px;
		font-size: 13px;
		background: white;
		box-shadow: 0 3px 5px -2px black;
		border-radius: 5px 0 0 5px;
		cursor: pointer;
		z-index: -1;
		opacity: 0;
		transition: opacity .2s linear;
	}
	.show-selection.show {
		z-index: 1;
		opacity: 1;
	}
	.sage-selected-area {
		margin:0 !important;
		padding: 24px;
		position: fixed;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: -2;
		opacity: 0;
		right: 0;
		border-radius: 0px;
		transform: translateX(100px);
		transition: all linear .2s;
	}
	.sage-selected-area.show {
		transform: translateX(0);
		z-index: 7;
		opacity: 1;
	}
	.close-selecte-card {
		display: block;
		cursor: pointer;
		padding: 5px 8px;
	}
	.sage-selected-area h3 {
		margin-bottom: 10px;
	}
	.header-edit.profile-item-edit {
		top: 62%;
		left: 10px;
	}
	.rate-level {
		justify-content: start;
		align-items: flex-end;
	}
	.rate-level .rate-ask {
		order: 2;
		margin-left: auto;
	}

	.public-profile-tab.links {
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		background-image:
			/* Shadows */ linear-gradient(to right, #ffffff, white),
			linear-gradient(to right, white, white),
			/* Shadow covers */
			linear-gradient(to right, rgb(193 193 193), rgb(255 255 255 / 56%)),
			linear-gradient(to left, rgb(193 193 193), rgb(255 255 255 / 56%));
		background-position: left center, right center, left center, right center;
		background-repeat: no-repeat;
		background-color: white;
		background-size: 20px 100%, 38px 100%, 21px 100%, 20px 100%;

		/* Opera doesn't support this in the shorthand */
		background-attachment: local, local, scroll, scroll;
	}
	.links a {
		font-weight: 500;
		font-size: 13px;
		padding: 5px 9px;
	}
	.public-profile-tab::-webkit-scrollbar {
		display: none;
	}
	.select-sage-mble {
		display: block;
		position: fixed;
		bottom: 100px;
		left: 20px;
		background: white;
		padding: 10px 20px;
		border-radius: 35px;
		white-space: nowrap;
		overflow: hidden;
		box-shadow: 0 0 5px -2px #000000;
		z-index: -5;
		opacity: 0;
		cursor: pointer;
		transition: all ease .2s;
	}
	.select-sage-mble.show {
		z-index: 5;
		opacity: 1;
	}
	.submit-button.select-sage-list {
		position: fixed;
		bottom: 86px;
		right: 71px;
		z-index: 11;
	}
	span.sidebar-close {
		position: absolute;
		right: 20px;
		top: 6px;
		display: inline-block;
		padding: 8px 12px;
		cursor: pointer;
	}
	.label-filter {
		gap: 10px 18px;
	}
	.question_filter_btn {
		font-size: 11px;
	}
	.highlighted-link-area {
		padding-left: 6px;
	}
	.ticker-item a {
		font-size: 12px;
		line-height: 14px;
		font-weight: 300;
		border-left: 2px solid #00a82d;
		padding: 5px 0 5px 10px;
	}
	.links-items h3 {
		margin: 12px 12px 0px 0;
		font-size: 14px;
	}
	.link {
		padding: 5px 0px;
		margin-right: 8px;
		border-radius: 5px;
		min-width: 96px;
	}
	span.link-text {
		font-size: 12px;
	}
	.link * {
		font-size: 15px;
		line-height: 18px;
	}
	.ask-button-wrap {
		padding: 0 0px;
	}
	.ask-real-question {
		height: auto;
	}
	.question-wizard-wrapper {
		width: 100%;
	}
	.progress-text {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.steps-container .steps {
		top: 18px;
		left: 72px;
	}
	.wizard-step label.label-text {
		font-size: 24px;
		line-height: 35px;
	}
	.wizard-step .text-field input[type=text] {
		height: 44px;
		font-size: 22px;
	}
	.wizard-step small {
		width: 100% !important;
		margin-top: 15px;
	}
	.text-field-border {
		width: 4px;
	}
	.wizard-step .topic-list-wrapper,
	.wizard-step .subtopic-container .select-subtopic-wrap {
		max-height: 300px;
		margin-bottom: 14px;
	}
	span.show-right-side {
		padding: 2px 12px;
		background: #00a82d;
		color: white;
		font-size: 11px;
		border-radius: 5px;
		position: fixed;
		top: 65%;
		left: 15px;
		z-index: 10;
		cursor: pointer;
		box-shadow: 0 0 11px -4px rgb(0 0 0 / 86%);
	}
	.close-right-side {
		padding: 5px 10px;
		cursor: pointer;
		display: inline-block !important;
		width: fit-content;
	}
	.wizard-step .select-subtopic-wrapper {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #f2f3f8;
		z-index: -100;
		opacity: 0;
		top: 0;
		left: 0;
		padding-top: 79px;
		padding-left: 30px;
		transition: all .3s ease;
	}
	.wizard-step .select-subtopic-wrapper.open {
		z-index: 100;
		opacity: 1;
	}
	.wizard-step .subtopic-container {
		max-height: 0;
		overflow: hidden;
		visibility: hidden;
		opacity: 0;
	}
	.wizard-step .subtopic-container.open {
		opacity: 1;
		visibility: visible;
		max-height: 900px;
	}
	.wizard-pagination {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.wizard-pagination > div {
		flex: 0 0 47%;
	}
	.question-sucess {
		padding: 0;
		box-shadow: none !important;
	}
}
/*------------------------------------------------------------------------------*/
/*                    Width : 480
/*------------------------------------------------------------------------------*/
@media only screen and (min-width: 451px) and (max-width: 767px) {
	body {
		width: 100%;
	}
	.grid_970 .container {
		width: auto;
	}
	.inner {
		width: 420px;
	}
	.boxed, .boxed2,.boxed #header.fixed-nav,.boxed2 #header.fixed-nav {
		width: 100%;
	}
	.boxed2 {
		margin-top: 0;
		margin-bottom: 0;
	}
	.ask-me {
		height: auto;
	}
	.ask-me .col-md-9 form {
		background: transparent;
		height: auto;
		margin-top: 0;
	}
	.ask-me .col-md-9 p {
		width: 220px;
		width: 100%;
		margin: 20px 0 0;
	}
	.ask-me .col-md-9 p textarea {
		background-color: #FFF;
		border: none;
		color: #2f3239;
		font-size: 13px;
		font-weight: 600;
		font-style: italic;
		resize: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		margin-top: 20px;
	}
	.ask-me .col-md-9 .publish-question {
		right: 10px;
	}
	.ask-me .col-md-12 p input {
		margin-top: 51px;
	}
	.widget_menu_jquery {
		display: none;
	}
	/* Columns */
	.one_half, .one_third, .two_third, .three_fourth, .two_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth {
		float: none !important;
		width: auto !important;
		margin-right: 0 !important;
	}
	.panel-pop {
		width: 90%;
	}
	/* Header */
	#header {
		padding-bottom:8px;
	}
	#header,#header.fixed-nav {
		height: auto;
		line-height: 70px;
	}
	#header .logo {
		text-align:center;
		margin:0;
	}
	#footer-bottom .social_icons ul li {
		margin-left:10px !important;
	}
	#footer-bottom {
		height:auto;
	}
	#footer-bottom .social_icons {
		float:inherit !important;
		display:inline-block;
	}
	#footer-bottom .social_icons li:first-child {
		margin-left:0 !important;
	}
	#footer-bottom > .container > div {
		float:inherit !important;
		display:inline-block;
		margin-left:0 !important;
		margin-right:0 !important;
		width: 100%;
		text-align: center;
	}
	#footer-bottom > .container > div:first-child {
		margin-bottom: 10px;
	}
	#footer-bottom > .container > .social_icons {
		margin-bottom: 0;
	}
	#footer-bottom > .container ul {
		display: inline-block;
		float: none;
	}
	#footer-bottom > .container > .social_icons li {
		display: inline-block;
	}
	#footer-bottom_nav > ul > li:last-child,#footer-bottom_nav.f_right > ul > li:last-child {
		margin-right:0;
		margin-left:0;
	}
	/* Navigation */

	/* Breadcrumbs */
	.crumbs {
		display: none;
	}
	.breadcrumbs h1 {
		margin: 0;
	}
	.box_icon.box_warp.box_no_border.box_no_background .col-md-4 .height_40 {
		height: 0;
	}
	/* Footer */
	#footer-bottom > .container > div {
		margin-left:0;
		margin-right:0;
	}
	#footer-bottom_nav.f_right > ul > li:first-child {
		margin-left:0;
	}
	/* Widgets */
	.widget_flickr a,.widget_portfolio .portfolio-widget-item .portfolio_img,.popular_img {
		width: 65.1px !important;
		height: 65.1px !important;
	}
	.widget_portfolio .portfolio-widget-item .portfolio_img:before,.popular_posts .popular_img a:before,.widget_flickr a:before {
		line-height: 65.1px !important;
	}
	.widget_flickr a:nth-child(3n),.widget_flickr a:nth-child(4n),.widget_portfolio .portfolio-widget-item:nth-child(3n),.widget_portfolio .portfolio-widget-item:nth-child(4n) {
		margin-right: 5px !important;
	}
	#footer .widget_flickr a,#footer .widget_portfolio .portfolio-widget-item .portfolio_img,.popular_img {
		width: 69.7px !important;
		height: 69.7px !important;
	}
	#footer .widget_portfolio .portfolio-widget-item .portfolio_img:before,#footer .popular_posts .popular_img a:before,#footer .widget_flickr a:before {
		line-height: 69.7px !important;
	}
	#footer .widget_flickr a:nth-child(3n),#footer .widget_flickr a:nth-child(4n),#footer .widget_portfolio .portfolio-widget-item:nth-child(3n),#footer .widget_portfolio .portfolio-widget-item:nth-child(4n),#footer .widget_flickr a:nth-child(5n),#footer .widget_portfolio .portfolio-widget-item:nth-child(5n) {
		margin-right: 5px !important;
	}
	.widget:last-child {
		margin-bottom:30px;
	}
	.sidebar .widget:last-child {
		margin-bottom:0;
	}
	/* Single post */
	.post-next-prev p {
		font-size:14px;
	}
	/* Respond */
	#respond-inputs p,.full_width #respond-inputs p {
		width:100%;
		margin-right:0;
	}
	#respond-inputs p.last {
		margin-bottom:20px;
	}
	/* Blog 2 */
	.blog_2.post .post-img {
		margin-right:0;
		width:100% !important;
		margin-bottom:20px !important;
	}
	/* Shortcodes */
	/* Tabs */
	.tabs-vertical.tabs-long .tabs {
		width:200px !important;
	}
	.tabs-vertical.tabs-long .tab-inner-warp {
		margin-left:204px !important;
	}
	.tabs-style-2.tabs-vertical.tabs-long .tab-inner-warp,.tabs-style-3.tabs-vertical.tabs-long .tab-inner-warp {
		margin-left:200px !important;
	}
	/* Callout */
	.button_right {
		margin-top: 10px;
		top: inherit !important;
		right: inherit !important;
		position: relative;
	}
	.callout_inner {
		margin-right: 0 !important;
	}
	/* Carousel */
	.images-warp ul li {
		width: 420px;
	}
	.images-warp-grid li.columns,.images-warp-grid li.column {
		margin-bottom: 20px;
	}
	/* Forms */
	.form-inputs p {
		float: none;
		width: 100%;
	}
	.form-inputs p {
		width: 60% !important;
	}
	.form-style-4 .form-inputs p {
		width: 100% !important;
	}
	#question-title, #question-details, .taglist .input input,.ask-question .form-description,#question_poll_item,.taglist,.form-style-5.form-style input[type="text"], .form-style-5.form-style input[type="email"], .form-style-5.form-style input[type="password"], .form-style-5.form-style textarea,.styled-select,.fileinputs {
		width: 100%;
	}
	.ask-question .form-style label {
		margin-top: 0;
	}
	.fileinputs {
		margin-top: 5px;
	}
	.form-description,#question_poll_item {
		margin-left: 0;
	}
	.login-panel ul.login-links, .login ul.login-links {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.user-profile .user-profile-img {
		float: left;
	}
	.form-style-2 .fileinputs {
		width: 100%;
	}
	/* Slider */
	.flex-caption,.nivo-caption,.br-slideinfo {
		display: none !important;
	}
	/* Questions */
	.question-type-normal .question-type-main,.question-type-poll .question-type-main {
		left: 121px;
		right: inherit;
	}
	.question-type-normal .question-report {
		left: 213px;
		right: inherit;
	}
	.question-type-poll .question-report {
		left: 187px;
		right: inherit;
	}
	.question-type-normal.question h2,.question-type-poll.question h2 {
		padding-right: 0;
		padding-top: 53px;
	}
	.single-question.question-type-normal .question-type-main,.single-question.question-type-poll .question-type-main {
		left: 20px;
		right: inherit;
	}
	.single-question.question-type-normal .question-report {
		left: 104px;
		right: inherit;
	}
	.single-question.question-type-poll .question-report {
		left: 78px;
		right: inherit;
	}
	.poll_1 {
		width: 100%;
	}
	.question-favorite, .question-category, .question-comment, .question-category a, .question-comment a {
		margin-bottom: 5px;
	}
	.question-date, .question-view {
		margin-bottom: 10px;
	}
	.user-points h3 {
		float: none;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.user-points .question-user-vote,.user-points .question-vote-result,.user-points .question-date {
		margin-bottom: 0;
	}
	.question-tags,.post-tags {
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	/* user-profile */
	.stats-head,.block-stats-visibility,.block-stats-1,.block-stats-2,.block-stats-3,.block-stats-4 {
		padding: 10px 5px;
		font-size: 13px;
		width: 21.2%;
		margin: 0;
	}
	.block-stats-1 {
		width: 36.4%;
	}
	.overlay-lightbox,.overlay-link {
		top: 50%;
		margin-top: -15px;
	}
	.bxslider-title {
		display: none;
	}
	.banner-search form input.question-search {
		width: 334px;
		padding: 6px 0 6px 20px;
		height: 32px;
	}
	.q-logo-icon img {
		width: 34px;
	}
	button.mble-show.q-logo-icon {
		height: 32px;
		width: 55px;
	}
	.user-porfile-statistics .user-stat span {
		text-align: center;
		display: block;
	}
	.profile-background-image {
		min-height: 180px;
	}
	.profile-header .header-content {
		margin-left: 0px;
	}
	.profile-header .repuation-score {
		margin-left: 0px;
	}
	.container.header-container:before {
		right: 18px;
	}
	.container.header-container:after {
		left: 18px;
	}
	.profile-reputation p.badge-icon {
		font-size: 28px;
		padding: 14px 20px;
	}
	.profile-reputation p.badge-title {
		font-size: 25px;
	}
	.profile-reputation span.score {
		min-width: 28px;
		min-height: 28px;
		line-height: 24px;
	}

}
/*------------------------------------------------------------------------------*/
/*                    width : 479px
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
	body {
		width: 100%;
	}
	.grid_970 .container {
		width: auto;
	}
	.inner {
		width: 260px;
	}
	.boxed, .boxed2,.boxed #header.fixed-nav,.boxed2 #header.fixed-nav {
		width: 100%;
	}
	.boxed2 {
		margin-top: 0;
		margin-bottom: 0;
	}
	.panel-pop {
		width: 90%;
	}
	.ask-me {
		height: auto;
	}
	.ask-me .col-md-9 form {
		background: transparent;
		height: auto;
		margin-top: 0;
	}
	.ask-me .col-md-9 p {
		width: 220px;
		width: 100%;
		margin: 20px 0 0;
	}
	.ask-me .col-md-9 p textarea {
		background-color: #FFF;
		border: none;
		color: #2f3239;
		font-size: 13px;
		font-weight: 600;
		font-style: italic;
		resize: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		margin-top: 20px;
	}
	.ask-me .col-md-9 .publish-question {
		right: 10px;
	}
	.ask-me .col-md-3 {
		padding-top: 0;
		text-align: center;
	}
	.widget_menu_jquery {
		display: none;
	}
	iframe {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 18px;
	}
	h3 {
		font-size: 16px;
	}
	h4 {
		font-size: 14px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 12px;
	}
	/* Columns */
	.one_half, .one_third, .two_third, .three_fourth, .two_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth {
		float: none !important;
		width: auto !important;
		margin-right: 0 !important;
	}
	/* Header */
	#header-top {
		height: auto;
	}
	.header-search {
		float: left;
		width: 100%;
	}
	.header-search input {
		width: 100%;
	}
	#header,#header.fixed-nav {
		height: auto;
	}
	.login-panel ul.login-links, .login ul.login-links {
		margin:  20px 0 0 0;
	}
	#footer-bottom .social_icons ul li {
		margin-left:10px !important;
	}
	#footer-bottom .social_icons ul li,.social_icon ul li {
		line-height: normal;
	}
	#footer-bottom .social_icons.f_left ul li {
		margin-left:0 !important;
		margin-right:10px !important;
	}
	#footer-bottom {
		height:auto;
	}
	#footer-bottom .social_icons {
		float:inherit !important;
		display:inline-block;
	}
	#footer-bottom .social_icons li:first-child {
		margin-left:0 !important;
	}
	#footer-bottom > .container {
		text-align:center;
	}
	#footer-bottom > .container > div {
		float:inherit !important;
		display:inline-block;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	#footer-bottom > .container > div:first-child {
		margin-bottom: 10px;
	}
	#footer-bottom > .container > .social_icons {
		margin-bottom: 0;
	}
	#footer-bottom > .container > div,#footer-bottom_nav > ul > li > a {
		height: auto;
		line-height: auto;
		text-align: center;
	}
	#footer-bottom_nav > ul li,#footer-bottom_nav > ul li a {
		display: inline-block;
		line-height: normal;
		float: none;
	}
	#footer-bottom_nav > ul > li:last-child,#footer-bottom_nav.f_right > ul > li:last-child {
		margin-right:0;
		margin-left:0;
	}


	.post-next-prev p {
		font-size: 14px;
		float: none !important;
	}
	/* Respond */
	#respond-inputs p,.full_width #respond-inputs p {
		width:100%;
		margin-right:0;
	}
	#respond input#submit {
		width: 100%;
	}
	#respond-inputs p.last {
		margin-bottom:20px;
	}
	/* Comments */
	.commentlist li .avatar {
		width: 45px;
		height: 45px;
		display: inline-block;
	}
	.comment-author {
		margin-top: 0px;
	}
	.comment-author a {
		display: inline-block;
		font-size: 13px;
		font-weight: 600;
		margin-left: 5px;
	}
	span.answer-accepted, span.community-answer {
		padding: 2px 7px;
		border-radius: 3px;
		font-size: 10px;
	}
	.commentlist li .author {
		text-align:center;
		margin-bottom:10px;
	}
	.commentlist li .comment-meta {
		float:none;
		margin-bottom:10px;
	}
	.commentlist li .date {
		font-size: 11px;
		margin: 0px;
	}
	.commentlist li .date i {
		color: #999;
		margin-right: 5px;
		margin-left: 5px;
	}
	.commentlist li a.thumbs-button {
		color: #8c8c8c;
	}
	.children {
		padding-left: 40px;
	}
	/* Shortcodes */
	/* Tabs */
	.tab a {
		float:none;
		margin-right:0;
		margin-bottom: 3px !important;
	}
	.tab a.current {
		border-bottom: 1px solid #e5e5e5;
	}
	.tabs {
		border-bottom: 1px solid #e5e5e5;
		border-right: none;
	}
	.tabs-vertical .tabs {
		float:none;
		width:100% !important;
	}
	.tabs-vertical.tabs-style-2 .tabs, .tabs-vertical.tabs-style-3 .tabs {
		left:0;
	}
	.tabs-vertical.tabs-style-2 .tab:last-child a, .tabs-vertical.tabs-style-3 .tab:last-child a {
		border-bottom:none;
	}
	.tabs-vertical.tabs-style-2 .tab a.current, .tabs-vertical.tabs-style-3 .tab a.current {
		border-right-color:#d3d3d3;
	}
	.tabs-vertical .tab-inner-warp,.tabs-style-2.tabs-vertical.tabs-long .tab-inner-warp, .tabs-style-3.tabs-vertical.tabs-long .tab-inner-warp {
		margin-left:0 !important;
	}
	.tabs-vertical .tab-inner {
		padding:20px 0 0;
	}
	.tabs-style-2 .tab a.current {
		border-bottom-color:#d3d3d3;
	}
	.tabs-style-2 .tab a, .tabs-style-3 .tab a {
		margin-right:0;
		margin-bottom:-1px;
	}
	.tabs-style-2 .tab:last-child a, .tabs-style-3 .tab:last-child a {
		margin-bottom:0;
	}
	/* Callout */
	.button_right {
		margin-top: 10px;
		top: inherit !important;
		right: inherit !important;
		position: relative;
	}
	.callout_inner {
		margin-right: 0 !important;
	}
	/* Carousel */
	.images-warp ul li {
		width: 260px;
	}
	.images-warp-grid li.columns,.images-warp-grid li.column {
		margin-bottom: 20px;
	}
	/* Forms */
	.form-inputs p {
		float: none;
		width: 100%;
	}
	.form-inputs p {
		width: 100% !important;
	}
	#question-title, #question-details, .taglist .input input,.ask-question .form-description,#question_poll_item,.taglist,.form-style-5.form-style input[type="text"], .form-style-5.form-style input[type="email"], .form-style-5.form-style input[type="password"], .form-style-5.form-style textarea,.styled-select,.fileinputs {
		width: 100%;
	}
	.form-description,#question_poll_item {
		margin-left: 0;
	}
	.ask-question .form-style label {
		margin-top: 0;
	}
	.user-profile .user-profile-img {
		float: left;
	}
	.form-style-2 .fileinputs {
		width: 100%;
	}
	.user-question h3 {
		padding: 38px 0 0 0;
	}
	.user-question .question-type-main {
		left: 20px;
		right: inherit;
	}
	/* Slider */
	.flex-caption,.nivo-caption,.br-slideinfo {
		display: none !important;
	}
	.tp-rightarrow.default,.tp-leftarrow.default,.nivo-directionNav a.nivo-nextNav,.nivo-directionNav a.nivo-prevNav,.br-next,.br-previous {
		height: 24px;
		line-height: 23px;
		font-size: 21px;
		padding: 6px 10px;
	}
	.flex-direction-nav li a {
		height: 24px;
		padding: 6px 10px;
		font-size: 25px;
	}
	/* Questions */
	.question-type-normal .question-type-main,.question-type-poll .question-type-main {
		left: 121px;
		right: inherit;
	}
	.question-type-normal .question-report,.question-type-poll .question-report {
		left: 121px;
		right: inherit;
		top: 58px;
	}
	.question-type-normal.question h2,.question-type-poll.question h2 {
		padding-right: 0;
		padding-top: 86px;
		margin-top: 0;
	}
	.single-question.question-type-normal .question-type-main,.single-question.question-type-poll .question-type-main {
		left: 20px;
		right: inherit;
	}
	.single-question.question-type-normal .question-report {
		left: 104px;
		right: inherit;
	}
	.single-question.question-type-poll .question-report {
		left: 78px;
		right: inherit;
	}
	.single-question.question-type-normal .question-report,.single-question.question-type-poll .question-report {
		top: 20px;
	}
	.question-tab .tab-inner-warp {
		padding-top: 0;
	}
	.question h2 {
		margin-top: 121px;
	}
	.question h2,.question-inner {
		margin-left: 0;
	}
	.question-author {
		top: 20px;
		left: 20px;
	}
	.user-points h3 {
		float: none;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.user-points .question-user-vote,.user-points .question-vote-result,.user-points .question-date {
		margin-bottom: 0;
	}
	.poll_1 {
		width: 100%;
	}
	.post-next-prev {
		margin-bottom: 0;
	}
	.question-tags,.post-tags {
		display: block;
		float: none;
		width: 100%;
	}
	.question-reply, .question-date, .question-view, .question-comment, .question-category, .question-tags, .post-tags, .question-favorite, .question-answered {
		width: 100%;
		margin-bottom: 10px !important;
	}
	.single-question.question h2 {
		margin: 38px 20px 10px;
		padding: 0;
	}
	.comment-vote,.question-vote {
		margin-top: 0px;
	}
	/* user-profile */
	.user-profile .user-profile-img {
		float: left;
		margin: 0 15px 10px 0;
	}
	.stats-head,.block-stats-visibility,.block-stats-1,.block-stats-2,.block-stats-3,.block-stats-4 {
		padding: 10px 5px;
		font-size: 13px;
		width: 33.3%;
	}
	.block-stats-1 {
		border-top: 1px solid #E0E6ED;
		border-bottom: 1px solid #E0E6ED !important;
	}
	.block-stats-visibility {
		display: none;
	}
	.block-stats-1 {
		position: relative;
		width: 100%;
	}
	/* error 404 */
	.error_404 h2 {
		font-size: 140px;
	}
	.overlay-lightbox,.overlay-link {
		top: 50%;
		margin-top: -15px;
	}
	.bxslider-title {
		display: none;
	}

	/* ************* Top Question area ************* */
	.top-questions h2 {
		margin-bottom: 15px;
	}
	.top-question-single h3 {
		font-size: 14px;
		line-height: 16px;
	}
	.question-details P {
		font-size: 12px;
		margin-top: 4px;
	}
	.question-details .author {
		font-size: 12px;
	}
	/* Experts */
	.exp-avatar {
		width: 60px;
		display: inline-block;
		vertical-align: top;
		height: 60px;
	}
	.profile-details {
		display: inline-block;
		width: 182px;
		vertical-align: top;
		padding: 5px 10px;
	}
	.exp-title {
		margin: 0px 0;
		font-size: 17px;
	}
	.job-title {
		font-size: 12px;
		margin: 0px;
		text-align: start;
		line-height: 18px;
	}
	h2.title-2 {
		margin: 0;
		font-size: 14px;
		line-height: 15px;
	}
	.followers {
		margin-top: 0px;
		margin-bottom: 7px;
		font-size: 13px;
	}
	.element-animation{
		text-align: start;
	}

	/* pagination */
	.pagination a, .pagination span {
		margin: 0px 3px 0 0;
		padding: 3px 6px;
	}

	/* banner area */
	.mble-off {
		display: none !important;
	}
	.mble-show {
		display: inline-block !important;
	}
	.user-feedback h4 {
		font-size: 13px;
	}
	.feedback-items {
		flex-basis: 8%;
	}
	.user-feedback .feedback-count label {
		font-size: 11px;
	}
	input[type="radio"] {
		height: 16px;
		width: 16px !important;
	}
	input[type="radio"]:checked::before {
		font-size: 9px;
		height: 8px;
		left: 0px;
		top: -1px;
		width: 8px;
	}
	.feedback-comment label {
		font-size: 11px;
	}
	.feedback-wrapper {
		width: 350px;
	}
	.user-feedback p span {
		padding: 0px 7px;
		font-size: 11px;
	}
	.feedback-count {
		margin-bottom: 0;
	}
	button.btn {
		padding: 6px 22px;
		font-size: 11px;
	}
	.submit-button {
		padding: 6px 15px;
		font-size: 11px;
	}
	.registration-wrapper .select2-container--default .select2-selection--single, .registration-wrapper .select2-container--default .select2-selection--multiple {
		border: 2px solid #ededed;
		min-height: 40px;
	}
	.registration-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .registration-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered {
		padding-left: 15px;
		margin-top: 4px;
	}
	.registration-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .registration-wrapper .select2-container--default .select2-selection--multiple .select2-selection__arrow {
		top: 8px;
	}
	.user-profile-img {
		max-width: 86px;
		height: 86px;
		margin: auto;
	}
	.user-profile-img img {
		padding: 3px;
	}

}
@media(min-width: 450px) {
	span.show-expertise {
		display: none;
	}
}
/*------------------------------------------------------------------------------*/
/*                    width : 320
/*------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 450px) {
	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 0px;
	}

	.section-warp.ask-me {
		padding: 40px 0px 40px 0;
	}
	.banner-search h2 {
		font-size: 20px;
    	line-height: 26px;
	}
	section.category-container {
		margin-bottom: 5px;
		padding: 12px 0;
	}
	.cat-item {
		padding: 5px 0;
		margin: 0;
	}
	.cat-icon i {
		font-size: 20px;
	}
	span.cat-name {
		font-size: 13px;
		margin-top: 1px;
	}
	.statistics span {
		font-size: 10px;
	}
	/* banner area */
	.banner-search form input.question-search::placeholder {
		font-size: 10px;
	}
	.banner-search form input.question-search {
		width: 225px;
		height: 28px;
	}
	button.mble-show.q-logo-icon {
		height: 28px;
		width: 42px;
	}
	.button.large {
		font-size: 15px;
		padding: 5px 20px;
	}
	.profile-header .repuation-score {
		margin-left: 0px;
	}
	.user-profile .profile-reputation span.score {
		min-width: 28px;
		min-height: 28px;
		line-height: 24px;
	}
	.user-porfile-statistics .user-stat {
		flex-basis: 45%;
		margin-bottom: 5%;
	}
	.user-porfile-statistics .user-stat {
		width: 100%;
		padding: 15px 14px;
		margin-right: 10px;
	}
	.user-porfile-statistics {
		display: block;
	}
	.profile-header .header-flex {
		padding: 13px 15px 24px;
	}
	/********* Wallet **********/
	.wallet {
		padding: 16px 0px;
		border-radius: 6px;
	}
	.wallet .earning.amount {
		font-size: 24px;
	}
	.wallet .earning {
		line-height: 30px;
	}
	span.fas.fa-ellipsis-h {
		font-size: 38px;
		line-height: 15px;
	}
	.payment-settings {
		margin-left: 0px;
	}
	.payment-settings ul.sub-settings {
		margin: 15px 0 0 0;
	}
	.sage-transactions .profile-bg {
		border-left: 3px solid #00df73;
		padding: 0px 8px;
	}
	.get-paid-action h2 {
		font-size: 17px;
	}
	.get-paid-action h3 {
		font-size: 14px;
	}
	.get-paid-action p {
		font-size: 13px;
	}
	a.page-links, .zone-link label {
		font-size: 12px;
		padding: 6px 15px;
	}
	.expert-zone-status {
		padding: 3px 0px;
		font-size: 11px;
		font-weight: 600;
	}
	.single-expert {
		width: 50%;
	}
	.show-summary {
		right: 51%;
	}
	.expert-summary {
		top: 30px;
		right: 0px;
		width: 100%;
	}
	.expert-statistics span {
		max-width: 100%;
	}
	.expert-summary:after {
		top: -3px;
		right: 52%;
	}
	.question-details .cats,
	.question-details .author-box {
		float: none;
	}

	.wallet, .user-activity {
		padding: 10px 0px;
		border-radius: 4px;
	}
	.wallet .earning.title,
	.user-activity .title {
		font-size: 13px;
		line-height: 22px;
	}
	.wallet .earning.amount,
	.user-activity .amount {
		font-size: 22px;
	}

	span.filter {
		font-size: 20px;
		line-height: 38px;
	}
	.ask-me input[type="text"]{
		padding: 5px 6px;
		height: 38px;
	}
	.ask-me .publish-question {
		bottom: 4px;
		padding: 4px 16px;
		font-size: 12px;
	}
	.badge-card {
		width: 95px;
		top: -14px;
		padding: 3px 0px;
	}
	.badge-card i {
		font-size: 17px;
	}
	.question-sucess p.success-message {
		font-size: 14px;
		margin-top: 0px;
		line-height: 23px;
	}
	.login-confirmation .card-header {
		padding: .7rem 1rem;
	}
	.login-confirmation .card-header p {
		font-size: 12px;
    	line-height: 16px;
	}
	.confirmation-action .profile-picture {
		width: 100%;
		height: auto;
		padding: 2px;
	}
	.profile-photo h2 {
		font-weight: 500;
		line-height: 15px;
	}
	p.profile-picture-text {
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
	}
	.confirmation-action label {
		font-size: 12px;
	}
	.card-footer label {
		display: block;
		line-height: 15px;
	}
	.confirmation-action .submit-button {
		padding: 2px 11px;
	}
	.single-filter .select2-results__option {
		cursor: pointer;
		padding: 2px 6px;
	}
	.question-meta-item .question-answered,
	.question-meta-item .question-date,
	.question-meta-item .question-answer,
	.question-meta-item .question-view,
	.question-meta-item .question-comment,
	.question-meta-item .question-edit {
		width: 95px
	}
	.meta-item.question-comment {
		padding: 6px 14px;
		width: fit-content;
	}
	.search-bar-area .search-form {
		flex-basis: 20%;
	}
	.search-bar-area .form-style label i {
		font-size: 17px;
	}
	.search-bar-area .ask-question-button {
		flex-basis: 100%;
		line-height: 30px;
	}

	.sage-smart-search-bar {
		margin-right: 18px;
	}
	.responsive-search {
		height: 30px;
	}
	.search-bar-area input.search-sage-items {
		height: 30px;
	}
	.cross-button {
		height: 30px;
	}
	.sage-search-result-wrapper {
		width: 300px;
		height: 250px;
	}
	span.filter-item.type,
	span.filter-item.title {
		font-size: 11px;
	}
	span.filter-item.icon {
		height: 20px;
		width: 20px;
		line-height: 20px;
		font-size: 11px;
	}
	.single-question h1 {
		font-size: 16px;
		line-height: 20px;
	}
	.search-bar-area-wrap .ask-question-button {
		font-size: 11px;
	}
	.profile-img img {
		width: 60px;
		height: 60px;
	}
	.profile-rate-score .rate {
		position: absolute;
		top: -75px;
		right: 0px;
	}
	.profile-rate-score {
		margin-top: 26px;
	}
	.sage-checkbox {
		top: -21px;
		left: 6px;
	}
	.sage-checkbox input[type=checkbox] + label {
		font-size: 18px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.sage-checkbox input[type=checkbox] + label i.fa-plus {
		transform: translate(-7px, -9px);
	}
	span.show-expertise {
		display: block;
		text-align: center;
		padding: 2px 0;
		font-size: 12px;
		cursor: pointer;
	}
	span.show-expertise i {
		transition: transform .2s linear;
	}
	span.show-expertise i.rotate {
		animation: rotateIcon ease .5s;
		animation-fill-mode:forwards;
	}
	@keyframes rotateIcon{
		0% {
			transform: rotate(45deg);
		}
		50% {
			opacity: .5;
		}
		100% {
			opacity: 1;
			transform: rotate(180deg);
		}
	}

	.profile-expertise-list {
		height: 0px;
		visibility: hidden;
		opacity: 0;
		transition: height .2s, opacity .3s, visibility .4s;
	}
	.profile-expertise-list.show {
		height: auto;
		visibility: visible;
		opacity: 1;
	}
	.header-edit.profile-item-edit {
		top: 28%;
		left: 60%;
	}
}


/*-----------------------------------------------------------------------------*/
/* Custom Design responsive for custom-container
/*-----------------------------------------------------------------------------*/
.custom-container {
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	position: relative;
}

@media (min-width: 576px) {
	.custom-container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.custom-container {
		max-width: 760px;
	}
	.show-selection {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.custom-container {
		max-width: 980px;
	}
}
@media (min-width: 1200px) {
	.custom-container {
		max-width: 1140px;
	}
}

@media (min-width: 1325px) {
	.custom-container {
		max-width: 1300px;
	}
}
@media (min-width: 992px){

}