/**
* The stylesheet for displaying on mobile device.
*
* @package Gusteau
* @author  SunriseThemes
* @link	http://www.sunrisetheme.com
*/
/*--------------------------------------------------------------
	1. Max Screen 1299px
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px){
	.circle-bg {
		background-image: none;
		height: auto!important;
		min-height: 100% !important;
	}
	.circle-center{
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0,0);
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);

	}
	.k2t-related-posts .owl-nav {
		display: none;
	}
}
/*--------------------------------------------------------------
	1. Max Screen 1280px
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px){
	.k2t-header-mid .k2t-menu li:nth-last-child(2) ul li ul {
		left: -190px
	}
}
@media only screen and (max-width: 1280px){
	.k2t-header-mid .k2t-menu li:nth-last-child(2) ul li ul {
		left: -190px
	}
}

/*--------------------------------------------------------------
	1. Max Screen 1170px
--------------------------------------------------------------*/
@media only screen and (max-width: 1170px) {
	.blog-content .entry-content p:first-child {
		padding: 0;
	}

}

/*--------------------------------------------------------------
	2. Max Screen 1024px
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
	/*----------- 2.1 Container -----------*/
	.k2t-container {
		width: 100%;
	}
	.vc_row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.vc_row.stretch_row,
	.vc_row.Default,
	.vc_row.stretch_row_content_no_spaces,
	.vc_row.stretch_row_content {
		background-attachment: scroll !important; 
	}
	.k2t-info,
	.k2t-not-found,
	.vc_row > div > .wpb_column,
	.vc_row > div > div > .wpb_column {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.vc_row .vc_row .wpb_column,
	.vc_row > div > .wpb_column.mobile-nopadding,
	.vc_row > div > div > .wpb_column.mobile-nopadding {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.post-item,
	.k2t-title-bar .k2t-wrap,
	.k2t-title-bar .k2t-wrap.breadcrumb,
	.search .k2t-blog > *, .single .k2t-blog > *,
	.k2t-sidebar .widget {
		padding-left: 15px;
		padding-right: 15px;
	}
	.b-masonry .k2t-blog {
		padding-left: 5px;
		padding-right: 5px;
	}

	/*----------- 2.5 Menu -----------*/
	.k2t-header > div {
		padding: 0 15px;
	}
	.k2t-header-mid .k2t-menu li ul {
		top: 60px;
	}

	/*----------- 2.6 Portfolio Free Style -----------*/

	/* blog */
	.k2t-blog-post .post-content p{
		overflow: hidden;
		max-height: 46px;
	}
	.blog-layout .blog-content header {
		padding-top: 31px;
	}
	.blog-layout .blog-content .entry-content p:first-child {
		max-height: 98px;
		overflow: hidden;
	}
	.blog-layout .blog-content-text .crop-content {
		padding: 0 30px;
	}
	.blog-layout .blog-content-text .entry-title {
		font-size: 27px;
	}
	.blog-layout .blog-content-text .entry-title {
		font-size: 27px;
	}
}

/*--------------------------------------------------------------
	5. Screen between 800px to 900px
--------------------------------------------------------------*/
@media only screen and (max-width: 900px) {
	.k2t-header-mid .k2t-menu > li a i {
		margin-right: 3px
	}
	.k2t-header-mid .k2t-menu > li > a {
		padding: 20px 10px 20px 8px;
	}
	/* blog */
	.blog-layout .blog-content header {
		padding-top: 28px;
	}
	.blog-layout .blog-content .entry-content p:first-child {
		max-height: 50px;
		overflow: hidden;
	}
	blockquote, q {
		padding-left: 15px !important; 
		padding-right: 15px;
		margin-left: 15px !important;
		margin-top: 20px;
		font-size: 100% !important;
	}
	blockquote:before,
	q:before  {
		left: 15px;
	}
	.quote-content h4 ~ p {
		margin-left: 15px;
	}
}

/*--------------------------------------------------------------
	3. Max Screen 800px
--------------------------------------------------------------*/
@media only screen and (max-width: 800px) {

	/*----------- 2.2 Header -----------*/
	.k2t-header > *:not(.k2t-header-m) {
		display: none;
	}
	.k2t-header {
		padding-top: 0;
		position: relative;
		height: 82px
	}
	.k2t-header-m {
		background-color: #000000;
		display: inline-block;
		height: 82px;
		padding-top: 8px;
		position: relative;
		z-index: 1000;
		width: 100%;
	}
	.k2t-header-m  .k2t-logo-m {
		margin: 0!important;
	}
	.k2t-header-m  .k2t-logo-m .k2t-logo {
		height: 82px;
		line-height: 82px;
	}
	div.k2t-sidebar {
		width: 100% !important;
		padding: 0 15px;
	}
	.single-post .k2t-blog {
		width: 100% !important;
		padding: 0 15px;
	}
	div.k2t-content.left-sidebar .k2t-blog,
	.right-sidebar div.k2t-sidebar {
		padding: 0 15px;
	}
	div.left-sidebar .k2t-blog,
	div.right-sidebar .k2t-blog {
		padding: 0 15px;
	}
	/*----------- 2.5 Menu -----------*/
	.m-trigger {
		height: 30px;
		width: 30px;
		z-index: 100;
		position: relative;
		display: inline-block;
		top: 10px;
		margin: 13px 5px;
		cursor: pointer;
	}
	.m-trigger:hover span,
	.m-trigger:hover span:before,
	.m-trigger:hover span:after {
		background-color: #C95F32;
	}
	.m-trigger span,
	.m-trigger span:before,
	.m-trigger span:after {
		background-color: #767676;
		content: "";
		display: block;
		height: 3px;
		width: 14px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition:    all .3s ease-in-out;
		transition:         all .3s ease-in-out;
	}
	.m-trigger span {
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform:    translate(-50%, -50%);
		-ms-transform:     translate(-50%, -50%);
		-o-transform:      translate(-50%, -50%);
		transform:         translate(-50%, -50%);
	}
	.m-trigger span:before {
		margin-top: -5px;
		position: absolute;
	}
	.m-trigger span:after {
		margin-top: 5px;
		position: absolute;
	}
	.m-trigger.open span {
		background-color: transparent !important;
		left: 54%;
	}
	.m-trigger.open span:before,
	.m-trigger.open span:after {
		width: 14px;
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		-ms-transform:     rotate(45deg);
		-o-transform:      rotate(45deg);
		transform:         rotate(45deg);
		-webkit-transform-origin: 0 50%;
		-ms-transform-origin:     0 50%;
		transform-origin:         0 50%;
	}
	.m-trigger.open span:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform:    rotate(-45deg);
		-ms-transform:     rotate(-45deg);
		-o-transform:      rotate(-45deg);
		transform:         rotate(-45deg);
	}
	body {
		right: auto;
		left: 0;
	}
	body.nav-is-visible,
	body.nav-is-visible .k2t-header-m {
		left: 260px;
	}
	.nav-is-hide,
	.menu-mobile-wrap,
	.menu-mobile-wrap ul,
	.k2t-menu-m .menu,
	.k2t-menu-m .menu ul {
		-webkit-transition: all .4s ease-in-out;
		-moz-transition:    all .4s ease-in-out;
		transition:         all .4s ease-in-out;
	}

	/* Is active mobile menu on admin
		---------------------------- */
	.admin-bar .menu-mobile-wrap,
	.admin-bar .menu-mobile-wrap ul {
		margin-top: 32px;
	}
	.menu-mobile-wrap {
		background: #2e3233;
		left: -260px;
		z-index: 0;
		overflow: hidden;
		position: fixed;
		top: 0;
	}
	.menu-mobile-wrap,
	.menu-mobile-wrap ul {
		margin: 0;
		width: 260px;
		height: 100%;
		list-style: none;
	}
	.menu-mobile-wrap > ul{
		position: fixed;
		top: 0;
		left: -260px;
	}
	.menu-mobile-wrap.active > ul{ 
		left: 0;
	}
	.menu-mobile-wrap > ul ul{
		position: fixed;
		top: 0;
		left: 0;
	}
	.menu-mobile-wrap ul ul,
	.menu-mobile-wrap:not(.active) ul ul.is-visible,
	.menu-mobile-wrap > ul.is-hide,
	.menu-mobile-wrap ul ul.is-hide  {
		left: -260px;
	}
	.menu-mobile-wrap.active,
	.menu-mobile-wrap ul ul.is-visible {
		left: 0;
	}
	.menu-mobile-wrap ul li {
		position: relative;
	}
	.menu-mobile-wrap ul li a {
		font-size: 100%;
		font-weight: 400;
		border-bottom: 1px solid #3a3f40;
		padding: 10px;
		display: block;
		color: #fff;
	}
	.menu-mobile-wrap ul .sub-open {
		background: #464c4e;
		display: none;
		height: 24px;
		line-height: 22px;
		position: absolute;
		right: 9px;
		text-align: center;
		bottom: 12px;
		width: 24px;
		cursor: pointer;
	}
	.menu-mobile-wrap ul .children > .sub-open {
		display: block;
	}
	.menu-mobile-wrap ul .menu-back {
		display: none;
	}
	.menu-mobile-wrap ul li.children > ul.is-visible > li:first-child .menu-back {
		display: block;
	}

	/* No active mobile menu
		---------------------------- */
	.admin-bar .k2t-menu-m div.menu {
		margin-top: 32px;
	}
	.k2t-menu-m > div.menu {
		background: #2e3233;
		left: -260px;
		z-index: 0;
		overflow: hidden;
		height: 100vh;
		position: fixed;
		margin: 0;
		width: 260px;
		top: 0;
	}
	.k2t-menu-m div.menu > ul{
		overflow-y: auto;
		height: 100vh;
	}
	.k2t-menu-m div.menu ul {
		margin: 0;
		width: 260px;
		list-style: none;
	}
	.k2t-menu-m div.menu ul ul.children{
		height: 0;
		display: none;
	}
	.k2t-menu-m div.menu ul ul,
	.k2t-menu-m div.menu:not(.active) ul ul.is-visible,
	.k2t-menu-m div.menu > ul.is-hide,
	.k2t-menu-m div.menu ul ul.is-hide  {
		left: -260px;
	}
	.k2t-menu-m div.menu.active,
	.k2t-menu-m div.menu ul ul.is-visible {
		left: 0;
	}
	.k2t-menu-m div.menu ul li {
		position: relative;
	}
	.k2t-menu-m div.menu ul li a {
		font-size: 100%;
		font-weight: 400;
		border-bottom: 1px solid #3a3f40;
		padding: 10px;
		display: block;
		color: #fff;
	}
	.k2t-menu-m div.menu ul .sub-open {
		background: #464c4e;
		display: none;
		height: 24px;
		line-height: 22px;
		position: absolute;
		right: 9px;
		text-align: center;
		bottom: 12px;
		width: 24px;
		cursor: pointer;
	}
	.k2t-menu-m div.menu ul .children > .sub-open {
		display: block;
	}
	.k2t-menu-m div.menu ul .menu-back {
		display: none;
	}
	.k2t-menu-m div.menu ul ul li:first-child .menu-back {
		display: block;
	}
	.k2t-header-m > div {
		width: 33.3%;
		float: left;
	}
	.k2t-header-m .k2t-logo-m {
		text-align: center;
	}
	.k2t-right-m {
		text-align: right;
	}
	.k2t-right-m > * {
		display: inline-block;
	}
	.k2t-logo-m .k2t-logo img {
		max-height: 40px;
	}

	/*----------- 2.4 Mobile element -----------*/
	.k2t-right-m > div {
		margin: 31px 10px 20px;
		height: 15px;
	}
	.open-sidebar {
		margin: 0;
	}
	.search-box {
		position: relative;
		top: -2px;
	}

	.k2t-body section.container > #main, .k2t-body section.container > div.k2t-shop-sidebar{
		width: 100%;
		clear: both;
		padding-right: 0;
	}
	.right-sidebar .k2t-blog,
	.left-sidebar .k2t-blog,
	.right-sidebar .k2t-main,
	.left-sidebar .k2t-main,
	.k2t-body .k2t-sidebar,
	.archive .k2t-main {
		width: 100% !important;
	}
	.k2t-bottom .col-3 {
		min-height: 300px;
	}
	.b-masonry [class*="column-"] .velo-sizer {
		width: 50%;
	}
	.b-masonry .masonry-layout[class*="column-"] .hentry {
		width: 48%;
	}
	.k2t-logo-m .k2t-logo {
		margin: auto;
	}
	.k2t-bottom .k2t-row {
		margin: 0 5px;
	}
	.wpcf7 .wpcf7-form > p{
		margin-bottom: 25px;
	}
	.k2t-member .team-avatar {
		height: auto;
	}

	/* Blog */
	.format-video .flx-entry-thumb .wp-video, 
	.format-video .flx-entry-thumb .wp-video .mejs-video, 
	.format-video .flx-entry-thumb video, 
	.format-video .flx-entry-thumb .mejs-overlay, 
	.format-video .flx-entry-thumb iframe, 
	.format-audio .flx-entry-thumb iframe {
		min-height: 200px;
	}

	/* Portfolio */
	.k2t-detail-item .k2t-detail-img,
	.k2t-detail-item .k2t-content {
		width: 100%;
		float: none;
	}
	.k2t-detail-item .k2t-detail-img {
		margin-bottom: 20px;
	}
	.k2t-detail-item .k2t-content > * {
		margin-left: 0;
	}	

	/* accordion */
	.toggle-title {
		padding-right: 25px !important;
	}
	.toggle-title i {
		right: -10px;
	}

	/* Button */
	.k2t-button.align-right, .k2t-button.align-left{
		text-align: center;
		margin-top: 20px;
	}
	.post-item .more-link {
		float: none;
	}

	/*Icon box*/
	.k2t-iconbox.layout-2 {
		margin-top: 30px
	}
	/* blog */
	.blog-layout .blog-content header {
		padding-top: 19px;
	}

	/* Footer */
	.k2t-main ul.info-footer {
		text-align: center !important;
	}
	.content-img-1-4 > * {
		width: 50%;
	}
}
@media only screen and (min-width: 760px) and (max-width: 900px) {
	.k2t-related-posts .owl-item.active .post-item {
		margin-left: 30px;
	}
	.k2t-related-posts .owl-item.active ~ .active .post-item {
		padding-right: 39px;
		margin-left: 0;
	}
}
/*--------------------------------------------------------------
	4. Max Screen 768
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) and (max-device-width: 768px) {
	.hide-mobile{
		display: none;
	}
	.wpb_wrapper > .vc_row {
		margin-top: 0 !important;
		margin-bottom: 20px !important;
	}
	.wpb_wrapper > .vc_row .wpb_column {
		margin-bottom: 10px !important;
	}
	.wpb_wrapper > .vc_row.no-margin-bottom {
		margin-bottom: 0px !important;
	}
	/* Footer */
	.k2t-footer .k2t-info #footer-menu {
		margin-top: 10px;
		float: none;
		display: inline-block;
	}
	.null-instagram-feed ul li {
		width: 33.33333%;
	}
	.portfolio-carousel.style-2 .owl-carousel {
		width: calc(100% - 99px);
		width: -webkit-calc(100% - 99px);
		width: -moz-calc(100% - 99px);
	}
	.portfolio-carousel.style-2 .view-more {
		right: 29px
	}
	.vc_row > div > div > .wpb_column.portfolio-box {
		padding: 0 ! important
	}
	/* PORTFOLIO FREE STYLE */


	/* Shop */
	.right-sidebar .k2t-shop, .right-sidebar .k2t-shop-sidebar {
		float: none;
		width: 100%;
		border: none;
	}

	.k2t-custom-heading .k2t-heading {
		width: 184px
	}
	.portfolio-carousel .view-more {
		margin-left: 10px
	}

	.b-masonry .masonry-layout article .flx-entry-thumb {
		padding: 0 ! important;
		overflow: hidden;
	}
	/* wp search shortcode */
	.k2t-payment {
		float: none;
	}
		/* blog */

	
	.blog-standard .blog-content .entry-content p:first-child {
		max-height: 80px;
		overflow: hidden;
	}
	.page-template .blog-content .entry-content p:first-child {
		max-height: none;
		overflow: visible;
	}
	.blog-layout {
		border: 10px #e9e9e9 solid;
	}
	.blog-layout:before {
		display: none !important;
	}
	.blog-layout .flx-entry-thumb,
	.blog-layout .blog-content {
		width: 100% !important;
		border: none !important;
	}
	.blog-layout .flx-entry-thumb {
		position: relative !important;
	}
	.blog-layout .flx-entry-thumb .blog-feature-img:before {
		display: none !important;
	}
	.blog-layout .crop-content {
		position: relative !important;
	}
	.blog-layout .blog-content {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
	}
	.blog-layout .blog-content .blog-content-text:before {
	display: none !important;
	}
	.blog-layout .post-odd .flx-entry-thumb {
		top: 0 !important;
		left: 0 !important;
	}
	.blog-layout .blog-content .entry-content p:first-child {
		max-height: 100% !important;
		overflow: visible;
	}
	div.blog-standard.hide-feature {
		padding-top: 20px;
	}
	.blog-standard.align-left div.blog-content {
		padding: 0 30px;
	}
	.blog-standard.hide-feature .blog-content .entry-content p:first-child {
		max-height: 100% !important;
	}
	/* footer */
	.k2t-footer .k2t-row .col-3 {
		width: 50%;
		display: block;
		float: left;
	}
	.footer-logo img {
		top : 90px!important;
	}
	.avoid-ios-format {
		text-decoration: none;
		color: inherit !important;
	}
}
/*--------------------------------------------------------------
	5. Screen between 640px
--------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
		width: 33.3333% !important;
	}
}
/*--------------------------------------------------------------
	5. Screen between 568px to 767px
--------------------------------------------------------------*/
@media only screen and (min-width: 569px) and (max-width: 768px) {
	.vc_row .wpb_column{
		margin-top: 0;
/*		margin-bottom: 30px;
*/	}
	.vc_row .wpb_column.mobile-nomargin {
		margin-bottom: 0;
	}

	.admin-bar .menu-mobile-wrap,
	.admin-bar .menu-mobile-wrap ul {
		margin-top: 46px;
	}
	.k2t-info .row [class*="col-"] {
		width: 100%;
	}
	.member-box .vc_column_container {
		width: 50%;
		float: left;
	}
	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront #frm-email {
		width: 360px;
	}
}
/*--------------------------------------------------------------
	6. Max Screen 568px
--------------------------------------------------------------*/
@media only screen and (max-width: 568px){
	/* Container */
	.k2t-content {
		padding-bottom: 0;
		padding-top: 0!important;
	}
	.k2t-portfolio-shortcode .k2t-isotope-filter {
		padding-top: 0 !important;
	}
	.k2t-body .k2t-main .page-entry .sm-padding-top-40 {
		padding-bottom: 40px !important;
	}
	.k2t-body .k2t-main .page-entry .sm-padding-top-20 {
		padding-bottom: 20px !important;
	}
	.k2t-body .k2t-main .page-entry .sm-padding-top-0 {
		padding-top: 0 !important;
	}
	.k2t-body .k2t-main .page-entry .sm-padding-bot-40 {
		padding-bottom: 40px !important;
	}
	.k2t-body .k2t-main .page-entry .sm-padding-bot-0 {
		padding-bottom: 0 !important;
	}
	.k2t-row [class*="col-"],
	.row [class*="col-"] {
		width: 100% !important;
		display: inline-block !important;
	}
	.wpb_row, .wpb_content_element,
	ul.wpb_thumbnails-fluid > li,
	.last_toggle_el_margin, .wpb_button {
		margin-bottom: 0 !important
	}

	.k2t-body .k2t-main .wpb_wrapper > .vc_row.vc_inner {
    	margin-bottom: 0 !important;
	}
	.k2t-info,
	.k2t-not-found,
	.vc_row > div > .wpb_column,
	.vc_row > div > div > .wpb_column {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.vc_row.wpb_row[class*="vc_custom_"] {
		padding-top: 40px ! important;
		padding-bottom: 40px ! important;
		margin-bottom: 0!important;
	}
	.sm-no-padding-bottom.vc_row.wpb_row[class*="vc_custom_"] {
		padding-bottom: 0 !important;
	}
	div:not(.offcanvas-sidebar) .k2t-sidebar .widget,
	.k2t-post-share .col-6 {
		width: 100%;
	}
	.k2t-searchbox form {
		width: 90%;
		margin-left: -45%;
	}
	.k2t-sidebar .widget {
		padding: 20px;
	}
	.k2t-post-share .col-6 {
		margin-bottom: 20px;
	}
	.k2t-social-share {
		text-align: center;
	}
	.k2t-body .k2t-sidebar {
		padding: 0 15px;
		margin-top: 20px
	}
	.content-img-1-4 {
		margin-bottom: 0 !important;
	}
	.content-img-1-4 > * ,
	.content-img-1-3 > * ,
	.content-img-1-2 > * {
		width: 100%;
	}
	/* Disable */
	.mobile-disable {
		display: none;
	}

	/* Titlebar */
	.k2t-title-bar {
		text-align: left;
	}

	/* Blog */
	.k2t-blog {
		padding: 0 !important; 
	}
	.k2t-blog > * {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.blog-content .entry-content p:first-child {
		padding: 0!important;
	}
	.blog-layout .blog-content-text .crop-content {
		padding: 0 15px;
	}
	.blog-layout .blog-content-text .entry-title {
		font-size: 22px;
	}
	.blog-layout .blog-content header p:not(.divider-2) {
		margin-bottom: 5px !important;
	}
	.blog-layout .blog-content header {
		margin-bottom: 10px;
	}
	.k2t-related-posts .entry-box .flx-entry-thumb img {
		border: none !important	;
	}
	.entry-box .flx-entry-thumb img,
	.about-author {
		border: 4px solid #E9E9E9 !important;
	}

	.single .no-sidebar .k2t-blog {
		width: 100% ! important
	}
	div.blog-content header {
		margin-bottom: 10px;
	}
	.blog-standard .blog-content .entry-content p:first-child {
		padding: 0 5px !important;
	}
	.blog-content .entry-content p:last-child {
		margin-bottom: 0;
	}
	div.blog-content header p:not(.divider-2){
		margin-bottom: 5px;
	}
	div.blog-standard .blog-content header .entry-title {
		margin-bottom: 3px;
	}
	.blog-layout .blog-content .entry-content p:last-child {
		margin-bottom: 10px;
	}
	.blog-standard.align-left div.blog-content {
		padding: 0 15px;
	}
	.blog-standard .entry-title {
		font-size: 22px;
	}
	.blog-layout .blog-content div.entry-content p:first-child {
		margin-bottom: 10px;
	}
	.blog-layout .blog-content .entry-content p:last-child {
		margin-bottom: 16px;
	}
	.blog-layout .blog-content .divider-2 {
		margin-top: 5px;
	}
	.blog-standard div.flx-entry-thumb {
		margin-bottom: 20px;
	}

	.owl-nav {
		margin-top: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
	}
	.owl-theme .owl-controls .owl-nav [class*="owl-"] {
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important;
	}
	.entry-sharing .entry-sharing-left {
		width: 100%;
	}
	/* author box */
	.about-author {
		padding: 17px 10px !important;
	}
	div.about-author-right {
		width: 100%;
		padding: 0;
	}
	div.about-author-left {
		position: absolute;
	}
	div.about-author-right .author-right-top {
		padding-left: 130px;
		padding-top: 18px;
	}
	article.about-author h4 {
		display: block;
		float:none;
	}
	.about-author ul.user-social {
		display: block;
		float: none;
	}
	div.about-author-right .author-desc {
		display: block;
		float: left;
		padding-left: 0;
		padding-top: 20px;
		width: 100%;
	}
	/* Heading */
	.k2t-heading.has-border.heading .h::before, .k2t-heading.heading .h::after{
		content: none;
	}
	.k2t-heading.has-border.heading .h span{
		border: none;
		padding: 0;
		text-align: center;
	}

	/* Text */
	.k2t-countdown .ele .unit {
		font-size: 150%;
	}
	.k2t-iconbox.layout-2 > .iconbox-text *, 
	.k2t-iconbox.layout-2 > .iconbox-icon  * {
		text-align: center;
	}
	.single-post-portfolio .portfolio-title {
		padding-right: 115px;
	}

	/* Commnent */
	#commentform > p.comment-form-author, 
	#commentform > p.comment-form-email, 
	#commentform > p.comment-form-url {
		width: 100%;
		padding: 0 !important;
	}
	.comment-list .children {
		margin-left: 0!important;
	}
	.action-link {
		display: none;
	}
	.about-author p {
		padding-left: 86px
	}

	/* 404 */
	.error-404-left, .error-404-right {
		width: 100%;
	}
	.error-404-right {
		margin: 30px 0 0;
		padding-left: 0
	}
	/* simple subscribe */
	#simple-subscribe-style2 #frm-subscriptionFront table tbody{
		text-align: center;
	}

	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront table tr {
		float: none;
		display: inline-block;
	}
	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront table tr:first-child td {
		float: right;
	}
	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront #frm-email {
		width: 320px;
	}
	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront .subscribeButton.button {
		margin:30px 0 0 0;
	}
	/* isotope  */
	.isotope-gallery .isotope-selector, 
	.isotope-gallery .isotope-selector.width-2 {
		width: 100% !important;
	}

	/* Footer */
	.k2t-footer .k2t-info{
		text-align: center;
	}
	.k2t-footer .k2t-info .copy-right p {
		line-height: inherit;
		padding: 20px 0 20px;
	}
	.k2t-footer .k2t-bottom {
		padding-top: 20px
	}
	.k2t-info .row [class*="col-"] {
		min-height: inherit !important;
	}
	.k2t-bottom .col-3 {
		min-height: inherit !important;
	}
	.k2t-footer .col-3 .widget:last-child {
		margin-bottom: 0 !important;
	}
	.k2t-footer .footer-logo {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
	}
	.k2t-footer .footer-logo img {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		margin-top: 20px;
	}
	.k2t-info .row > div .social {
		text-align: center;
	}
	.k2t-footer .widget {
		padding: 0
	}
	.k2t-footer .k2t-bottom {
		padding-bottom: 0;
	}
	/* side bar */ 
	.k2t-sidebar .widget {
		padding: 0 10px;
	}
	.k2t-sidebar {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* Team Social Link */
	.k2t-member .team-socials-link, .k2t-member .social-media-widget {
		float: none;
		width: 100%;
	}
	.k2t-member .team-socials-link li {
		float: none;
		display: inline-block;
	}

	/* Icons */
	.k2t-icons li {
		width: 100% ! important;
	}

	/* simple subscribe */
	#simple-subscribe-style2 #frm-subscriptionFront table tbody{
		text-align: center;
	}

	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront table tr {
		float: none;
		text-align: center;
		display: block !important;
	}
	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront table tr td{
		display: inline-block;
		float: none !important;
	}
	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront #frm-email {
		width: 320px;
	}
	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront .subscribeButton.button {
		margin:30px 0 0 0;
	}
	/* contact form 7 */
	.wpcf7-form p:nth-child(2), .wpcf7-form p:nth-child(3) {
	    width: 100%;
	    display: block;
	    float: left;
	}
}

/*--------------------------------------------------------------
	7. Max Screen 380px
--------------------------------------------------------------*/
@media only screen and (max-width: 380px) { 
	/* about author */
	div.about-author-left {
		width: 55px;
	}
	div.about-author-right .author-right-top {
		padding-left: 70px;
		padding-top: 0;
	}
	article.about-author h4 {
		margin-top: 0;
	}
	div.about-author-right .author-desc {
		padding-top: 0;
	}
	.banner .k2t-iconbox {
        margin-right: 10px !important;
    }
}
/*--------------------------------------------------------------
	8. Max Screen 320px
--------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
	.offcanvas-sidebar {
		width: 280px;
	}
	.k2t-searchbox input[type="text"] {
		font-size: 178%;
	}
	.k2t-searchbox #searchsubmit {
		font-size: 110%;
		top: -2px;
	}
	.k2t-social-share .social li {
		margin: 5px;
	}
	.wpcf7 .wpcf7-form > p {
		margin-bottom: 15px;
	}
	.user-social li {
		margin-right: 10px;
	}
	/*simple subscribe */
	#simple-subscribe-style2 .widgetGuts.shortcode #frm-subscriptionFront #frm-email {
		width: 300px;
	}
	/* PORTFOLIO FREE STYLE */
	.isotope-gallery .isotope-selector,
	.isotope-gallery .isotope-selector.width-2 {
		width: 100% !important;
	}
	/* Footer */
	.k2t-bottom .k2t-row > div{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
}