/**

 * The stylesheet for displaying on mobile device.

 *

 * @package skstore

 * @author  ThemeLead

 * @link	http://www.sunrisetheme.com

 */



 /*------------------------------------------------------------------

[Table of contents]



1. Max Screen 1024px

2. Max Screen 900px

3. Max Screen 800px

4. Max Screen 768px

5. Max Screen 568px

6. Max Screen 540px

7. Max Screen 320px

8. Screen between 568px to 768px 



-------------------------------------------------------------------*/



/*--------------------------------------------------------------

	1. Max Screen 1024

--------------------------------------------------------------*/

@media only screen and (max-width: 1024px), (max-device-width: 1024px) {

	.k2t-blog-post .post-content p{

		overflow: hidden;

		max-height: 46px;

	}

	.k2t-iconbox.layout-2 > .iconbox-icon, 

	.k2t-iconbox.layout-2 > .iconbox-image {

		margin-top: 32px;

	}

}



/*--------------------------------------------------------------

	2. Max Screen 900

--------------------------------------------------------------*/

@media only screen and (max-width: 900px), (max-device-width: 900px) {

	.wpb_single_image.banner .entry-image figure .wpb_heading {

		top: 50%;

		margin-top: -60px;

	}

	.wpb_single_image.banner .entry-image figure .image-content {

		margin-top: 40px;

	}



	/* ElasticSlideshow */

	.ei-slider {

		height: 410px;

	}

	.ei-slider-loading {

		line-height: 410px;

	}

	.ei-title {

		left: 20px;

	}

	.ei-title h2 {

		padding: 10px 15px;

	}



	/* iView Slider */

	#iview {

		margin: 30px auto;

		height: 300px;

	}

	#iview .iviewSlider {

		height: 300px;

	}

	.iview .iviewSlider > div .iview-caption {

		width: 250px !important;

		top: 20px !important;

		left: 20px !important;

	}

}



/*--------------------------------------------------------------

	3. Max Screen 800

--------------------------------------------------------------*/

@media only screen and (max-width: 800px), (max-device-width: 800px) {

	.k2t-iconbox.layout-2 > .iconbox-icon, 

	.k2t-iconbox.layout-2 > .iconbox-image {

		margin: 8.5px 0;

	}

	/* accordion */

	.toggle-title {

		padding-right: 20px !important;

	}

	.toggle-title i {

		right: -10px;

	}



	/* Button */

	.k2t-button.align-right, .k2t-button.align-left{

		margin-top: 20px;

	}

	.post-item .more-link {

		float: none;

	}



	/*Icon box*/

	.k2t-iconbox.layout-2 {

		margin-top: 30px

	}

}



/*--------------------------------------------------------------

	4. Max Screen 768

--------------------------------------------------------------*/

@media only screen and (max-width: 768px) and (max-device-width: 768px) {

	.wpb_single_image.banner .entry-image figure .wpb_heading{

		top: 50%;

		margin-top: -25px;

	}

	.wpb_single_image.banner .entry-image figure .image-content{

		display: none;

	}

	.k2t-member.style-2 .image img,

	.k2t-member.style-4 .image img{

		width: 100%;

	}

	.k2t-member.style-4 .desc{

		padding-top: 17px;

	}

	

	/* ElasticSlideshow */

	.ei-slider {

		height: 283px;

	}

	.ei-slider-loading {

		line-height: 283px;

	}

	.ei-title {

		left: 20px;

	}

	.ei-title h2 {

		padding: 5px 10px;

		font-size: 20px;

	}

	.ei-title h3 {

		font-size: 14px;

		padding: 5px;

	}



	.k2t-iconbox.layout-2 > .iconbox-icon {

		font-size: 100%;

	}

	/*Blog style 4*/

	.b-style-4 .article-style-4 .flx-entry-thumb {

		width: 100%;

	}

	.b-style-4 .article-style-4 .post-item header {

		position: relative;

		width: 100%;

		height: auto;

	}

	.b-style-4 .article-style-4 .post-item:first-child img {

		height: auto;

	}

	.b-style-4 .article-style-4 .post-item:nth-child(2n+2) .flx-entry-thumb {

		width: 100%;

	}

	.b-style-4 .article-style-4 .post-item:nth-child(2n+2) header {

		width: 100%;

		height: auto;

	}



	/* Blog style 5 */

	.b-style-5 > .post-item:nth-child(3n+1) > .flx-entry-thumb {

		width: 100%;

		padding: 0;

	}

	.b-style-5 > .post-item:nth-child(3n+1) > header, 

	.b-style-5 > .post-item:nth-child(3n+1) > .entry-content {

		width: 100%;

	}

	.b-style-5 .post-item:nth-child(3n+2) {

		width: 100%;

		padding-bottom: 30px;

	}

	.b-style-5 .post-item:nth-child(3n+2) > .flx-entry-thumb {

		padding: 0;

	}

	.b-style-5 > .post-item:nth-child(3n+3) {

		width: 100% !important;

		float: left !important;

	}

	.b-style-5 .post-item:nth-child(3n+3) > .flx-entry-thumb {

		width: 25%;

		float: left;

		margin-right: 20px

	}

	.b-style-5 article.post-item:nth-child(3n+3) > header h2 {

		margin-top: 10px;

	}



	/* Tab product*/

	.wpb_wrapper .vc_tta-container .vc_tta-panels .woocommerce.columns-4 .k2t-product-page .product-item {

		width: 50%

	}

	/* Grid columns*/

	.grid-2-columns .dhvc-woo-item .dhvc-woo-info {

		padding: 25px !important;

	}



	.k2t-slick-slider.style-2 .product-item .product-thumb .wrap-3-button {

		display: none;

	}

}



/*--------------------------------------------------------------

	5. Max Screen 568

--------------------------------------------------------------*/

@media only screen and (max-width: 568px){ 

	.k2t-countdown .inner {

		margin: 0;

	}

	.k2t-countdown .ele {

        width: 50% ! important;

	    float: left;

	    margin-top: 10px;

	    margin-bottom: 10px;

    }

    .k2t-countdown .ele:nth-child(2n) {

        padding-right: 0;

        padding-left: 10px;

    }

    .k2t-member {

    	padding: 20px;

    }

    .k2t-member .team-socials-link, 

    .k2t-member .social-media-widget, 

    .about-des .social-media-widget {

    	margin-top: 0;

    }

	.skin-eion .k2t-blog-post .entry-box .k2t-social-share {

		display:none;

	}



	.under .k2t-countdown .ele {

		width: 20% !important;

		margin-top: 50% !important;

		margin: 20px !important;

	}



	/* Blog style 5 */

	.b-style-5 .post-item:nth-child(3n+2) > .flx-entry-thumb {

		width: 100%;

	}

	.b-style-5 > .post-item:nth-child(3n+2) > header, 

	.b-style-5 > .post-item:nth-child(3n+2) > .entry-content {

		width: 100%;

	}

	/* Tab product*/

	.wpb_wrapper .vc_tta-container .vc_tta-panels .woocommerce.columns-4 .k2t-product-page .product-item {

		width: 100%

	}

	/* blog post style 5 */

	.b-style-5 > .group-item .post-item:first-child > .flx-entry-thumb {

		width: 100%;

		float: none;

		padding: 0;

	}

	.b-style-5 > .group-item .post-item:first-child,

	.b-style-5 > .group-item .post-item:first-child > header, 

	.b-style-5 > .group-item .post-item:first-child > .entry-content {

		width: 100%;

	}

	.b-style-5 > .group-item .post-item:last-child {

	    width: 100%;

	    margin-top: 30px;

	}

	.b-style-5 > .group-item .post-item:last-child > header {

		margin-top: 30px;

	}

	.k2t-slick-slider .slick-prev {

		left: 0;

	}

	.k2t-slick-slider .slick-next {

		right: 0;

	}

}



/*--------------------------------------------------------------

	6. Max Screen 540

--------------------------------------------------------------*/

@media only screen and (max-width: 540px) and (max-device-width: 540px) {

	.k2t-counter .title,

	.k2t-testimonial.style-2 *,

	.k2t-main span.k2t-dropcap,

	div.k2t-heading.bottom_icon .text,

	div.k2t-iconbox.layout-1.align-left .iconbox-icon,

	div.k2t-iconbox.layout-1.align-right .iconbox-icon,

	div.k2t-countdown .ele *,

	div.k2t-blog-post .post-content .post-content,

	.k2t-button.align-right {

		text-align: center;

	}

	.k2t-main .k2t-heading .text,

	.k2t-main .wpb_alert .messagebox_text *,

	.k2t-heading.align-left,

	.k2t-counter.icon-left .counter-number, .k2t-counter.icon-left .counter-text,

	.k2t-counter.icon-left .title,

	.wpb_content_element.wpb_tabs .wpb_tabs_nav,

	div.k2t-pullquote,

	.k2t-iconbox.layout-2 .iconbox-text *,

	.k2t-progress .text{

		text-align: left;

	}

	.k2t-iconbox.layout-2.align-right .iconbox-text *,

	.k2t-iconbox.layout-3.align-right .iconbox-text *{

		text-align: right;

	}

	div.k2t-iconbox.layout-1.align-left .iconbox-icon,

	div.k2t-iconbox.layout-1.align-right .iconbox-icon{

		float: none;

	}





	.wpb_single_image.banner .entry-image figure .wpb_heading{

		font-size: 140%;

	}

	.k2t-tab-sticky > * {

		width: 100% !important;

		text-align: center;

		padding: 30px 20px !important;

	}

	.tabsticky-nav ul li a {

		text-align: center;

	}

	.k2t-pricing .pricing-column, 

	.k2t-pricing.separated .pricing-column,

	.k2t-blog-post .article-inner > div,

	.k2t-member .team-avatar {

		width: 100%;

		display: block;

		float: none;

	}

	.k2t-pricing.separated .pricing-column{

		margin-left: 0;

		margin-bottom: 20px;

	}

	div.k2t-process.style-line .layer-table .layer-row .k2t-step{

		clear: both;

		display: block;

		float: none;

		margin: 0 auto;

		width: 100%;

	}

	div.k2t-process.style-line .layer-table .layer-row .k2t-step .step-inner{

		min-height: 180px;

	}

	div.k2t-process.style-line .layer-table .layer-row .k2t-step .step-inner:before{

		border-left: 1px dashed #ececec;

		bottom: 0;

		height: 95px;

		top: auto;

		width: 1px;

	}

	div.k2t-process.style-line .layer-table .layer-row .k2t-step:last-child .step-inner:before{

		height: 70px;

		bottom: 40px;

	}

	div.k2t-process.style-line .k2t-step:first-child .step-heading, div.k2t-process.style-line .k2t-step:first-child .step-inner .step-text,

	div.k2t-process.style-line .k2t-step:last-child .step-heading, div.k2t-process.style-line .k2t-step:last-child .step-inner .step-text{

		text-align: center;

	}

	div.k2t-process.style-line .layer-table .layer-row .k2t-step .step-inner .h{

		margin-top: 30px;

		text-align: center;

		padding: 3px 0;

		background: #fff;

	}

	div.k2t-process.style-line .layer-table .layer-row .k2t-step .step-inner .step-content{

		display: none;

	}

	div.k2t-process.style-box{

		border: none;;

	}

	div.k2t-process.style-box .layer-table{

		display: block;

	}

	div.k2t-process.style-box .layer-table .layer-row{

		display: table;

		width: 100%;

	}

	div.k2t-process.style-box .layer-table .layer-row .k2t-step{

		width: 100%;

		display: table-row;

	}

	div.k2t-process.style-box .layer-table .layer-row .k2t-step:before{

		top: auto;

		right: 50%;

		margin-right: -20px;

		bottom: -20px;

	}

	div.k2t-process.style-box .layer-table .layer-row .k2t-step .step-inner-parent{

		border: 1px solid #ededed;

		margin-top: 0;

		padding-bottom: 30px;

		padding-top: 30px;		

		border-top: 0;

	}

	div.k2t-process.style-box .layer-table .layer-row .k2t-step:first-child .step-inner-parent{

		border-top: 1px solid #ededed;

	}

	

	/* ElasticSlideshow */

	.ei-slider {

		height: 266px;

	}

	.ei-slider-loading {

		line-height: 266px;

	}

	.ei-title {

		left: 20px;

	}

	.ei-title h2 {

		padding: 5px;

		font-size: 20px;

		line-height: 22px;

	}

	.ei-title h3 {

		font-size: 14px;

		padding: 5px;

	}



	/* iView Slider */

	#iview {

		margin: 20px auto;

		height: 200px;

	}

	#iview .iviewSlider {

		height: 200px;

	}

	.iview .iviewSlider > div .iview-caption {

		width: 200px !important;

		top: 10px !important;

		left: 10px !important;

		padding: 5px 10px;

	}

	.k2t-counter .counter-inner {

		padding: 10px 0

	}

}



/*--------------------------------------------------------------

	7. Max Screen 320

--------------------------------------------------------------*/

@media only screen and (max-width: 320px) and (max-device-width: 320px) {

	.wpb_single_image.banner .entry-image figure .wpb_heading{

		font-size: 100%;

	}

	

	/* ElasticSlideshow */

	.ei-slider{

		height: 165px;

	}

	.ei-slider-loading{

		line-height: 165px;

	}

	.ei-title{

		display: none;

	}

}

/*--------------------------------------------------------------

	7. Screen between 569px to 768px 

--------------------------------------------------------------*/

@media only screen and (min-width: 569px) and (max-width: 768px) {

	/* iconbox */

	.k2t-iconbox.layout-1 .iconbox-image {

		padding-bottom: 50px !important;

	}

	.k2t-blog-post-2:hover .entry-thumb img {

	    -webkit-transform: scale(1);

	    -moz-transform: scale(1);

	    -o-transform: scale(1);

	    -ms-transform: scale(1);

	    transform: scale(1);

	}

	/* blog post style 5*/

	.b-style-5 > .post-item:nth-child(3n+1) > .flx-entry-thumb {

		width: 100%;

		padding-right: 0px

	}

	.b-style-5 > .post-item:nth-child(3n+1) > header, 

	.b-style-5 > .post-item:nth-child(3n+1) > .entry-content {

		width: 100%;

	}

	.b-style-5 > .group-item .post-item:first-child {

		width: 100%;

	}

	.b-style-5 > .group-item .post-item:last-child {

	    width: 100%;

	    float: left;

	    margin-top: 30px;

	}

	.b-style-5 > .group-item .post-item:last-child .flx-entry-thumb {

		width: 50%;

		float: left;

	}

	.b-style-5 .post-item:nth-child(3n+2) > header, 

	.b-style-5 .post-item:nth-child(3n+2) > .entry-content {

	    float: left;

	    width: 50%;

	    padding-left: 30px;

	}

	

}