/* responsive */
@media screen and (max-width: 1440px) {
	/* logo & menu */
	.header-left{
		min-width: 300px;
	}

	.header-right{
		min-width: 300px;
	}
}

@media screen and (max-width: 1280px) {
	#background{
		min-width:1160px;
	}	

	.wrap-column{
		width:1140px;
	}

	#page.layout-boxed{
		width:1160px;
	}

	#page.layout-boxed .wrap{
		padding-left:30px;
		padding-right:30px;
	}
	
	.wrap,
	.no-wrap .wrap-no-fullwidth, /* widget title */
	.no-wrap .callout-wrap,
	.no-wrap .testimonials-slider-section,
	.promote-wrap,
	.blockquote-section .blockquote-wrap{
		width:1100px;
	}

	
}

@media screen and (max-width: 1180px) {
	#background{
		min-width:1000px;
	}

	.wrap-column{
		width:990px;
	}

	#page.layout-boxed{
		width:1000px;
	}

	#page.layout-boxed .wrap{
		padding-left:20px;
		padding-right:20px;
	}

	.wrap,
	.no-wrap .wrap-no-fullwidth, /* widget title */
	.no-wrap .callout-wrap,
	.no-wrap .testimonials-slider-section,
	.promote-wrap,
	.blockquote-section .blockquote-wrap{
		width:960px;
	}

	.wrap-wide {
	   	padding-left: 15px;
	    padding-right: 15px;
	}

	.wrap-columnfull {
	    padding-left: 15px;
	    padding-right: 15px;
	    margin: 0 auto;
	}

	/* logo & menu */
	.header-left{
		padding-left:30px;
	}

	.header-right{
		padding-right:30px;
	}

	.header-center .main-menu,
	.header-right .main-menu{
		display:none;
	}
	
	#toggle-menu-button{
		display:inline-block;
	}


	/* slider button */
	.tp-caption.Hightlight-button,
	.tp-caption.slider-white-button{
		padding:12px !important;
	}

	/* blog */
	.blog-widget.type-fullbox .post-cell{
		padding:40px 40px;
	}

	.blog-widget.type-grid .post-cell-detail, 
	.blog-widget.type-masonry .post-cell-detail, 
	.post-relative-entry .post-cell-detail{
		padding:20px;
	}

	/* resize column spacing to 30px */
	.widget-column1-1,
	.widget-column1-2,
	.widget-column1-3,
	.widget-column2-3,
	.widget-column1-4,
	.widget-column2-4,
	.widget-column3-4,
	.widget-column1-5,
	.widget-column1-6,
	.column1,
	.column1-1{
		padding:0px 15px;
	}

	/* column */


	.wrap-column .column1{
		padding:0px 15px;
	}

	/* blog reduce spacing between 2 columns */
	.right{
		padding-left:40px
	}

	/* blog comment */
	.depth-2{
		margin-left:48px;
	}

	.depth-3{
		margin-left:96px;
	}

	.depth-4{
		margin-left:144px;
	}

	.depth-5{
		margin-left:192px;
	}

	/* portfolio reduce spacing between columns*/
	.portfolio-content.right{
		padding-left: 40px !important;
	}

	.portfolio-content.left{
		padding-right: 40px;
	}


	/* page sections */
	.section-column-content{
		padding:50px 30px;
	}

	/* icon box */
	.icon-box-vertical .icon-box-right .icon-box-detail{
		margin-right: 100px;
	}

	.icon-box-vertical .icon-box-image-detail{
		margin-left:100px;
	}

	.icon-box.type-white-box .icon-box-item, 
	.icon-box.type-color-box .icon-box-item{
		padding:50px 15px;
	}

	.icon-vertical-media{
		width: 90px;
	}

	.icon-vertical-content{
		margin-left: 90px;
	}

	.icon-vertical-item.align-right .icon-vertical-content{
		margin-right: 90px;
	}

	/* promotion box hidden the content */
	.promote-box .promote-content{
		display:none;
	}



	/* hidden team social */
	.team-fullwidth .team-socials{
		display:none;
	}

	/* reduce spacing promote info*/
	.promote-box .promote-info{
		padding:0px 20px;
	}

	/* contact detail */
	.contact-detail.type-fullbox .contact-detail-entry{
		padding: 50px 20px 40px 20px;
	}

	.contact-detail.type-fullbox .contact-detail-name, 
	.contact-detail.type-fullbox .contact-detail-detail{
		margin-left:70px;
	}

	/* blockquote */
	.blockquote-small.top-small .blockquote-wrap{
		padding-top:10px;
		padding-bottom:10px;
	}

	.blockquote-small.left-small .blockquote-wrap{
		padding-left:10px;
		padding-right:10px;
	}

	.blockquote-small.top-medium .blockquote-wrap{
		padding-top:30px;
		padding-bottom:30px;
	}

	.blockquote-small.left-medium .blockquote-wrap{
		padding-left:30px;
		padding-right:30px;
	}


	.blockquote-small.top-large .blockquote-wrap{
		padding-top:40px;
		padding-bottom:40px;
	}

	.blockquote-small.left-large .blockquote-wrap{
		padding-left:40px;
		padding-right:40px;
	}

	/* footer */
	.footer-column{
		padding-left:15px;
		padding-right:15px;
	}
}


@media screen and (max-width: 1000px) {
	#background{
		min-width:740px;
	}

	.wrap-column{
		width:730px;
	}

	#page.layout-boxed{
		width:740px;
	}

	#page.layout-boxed .wrap{
		padding-left:20px;
		padding-right:20px;
	}

	.wrap,
	.no-wrap .wrap-no-fullwidth, /* widget title */
	.no-wrap .callout-wrap,
	.no-wrap .testimonials-slider-section,
	.promote-wrap,
	.blockquote-section .blockquote-wrap{
		width:700px;
	}

	.wrap-wide{
		padding-left:15px;
		padding-right:15px;
	}

	/* header */
	.header-left{
		min-width:250px;
	}

	.header-right{
		min-width:250px;
	}

	.mobile-hidden{
		display:none;
	}

	/* slider button */
	.tp-caption.Hightlight-button,
	.tp-caption.slider-white-button{
		padding: 6px 10px !important;
	    font-size: 12px !important;
	    letter-spacing: 0px !important;
	}

	/* layout */
	.left,.right{
		float:none;
		padding-left:0px;
	}

	.big-column,.small-column{
		float:none;
		width:100%;
	}

	/* blog */

	.fullwidth-column{
		width:100%;
	}

	/* portfolio */


	.portfolio-cell{
		width:350px;
		margin-left:auto !important;
		margin-right:auto !important;
		margin-bottom:30px !important;
	}

	.paginate-portfolio{
		text-align:center;
	}

	.single-portfolio .left{
		float:none;
		width:100%;
		padding-left:0px;
		padding-right:0px;
		margin-bottom:50px;
	}

	.single-portfolio .right{
		float:none;
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}

	.portfolio-single-center .portfolio-single-content{
		float:none;
		width:100%;
		margin-bottom:50px;
	}

	.portfolio-single-center .portfolio-single-meta{
		float:none;
		width:100%;
		margin-left:0px;
	}

	.portfolio-relatives .portfolio-cell{
		margin-bottom:30px;
	}

	/* column */
	.content-column1_1,
	.content-column2_1,
	.content-column3_1,
	.content-column3_2,
	.content-column4_1,
	.content-column4_2,
	.content-column4_3,
	.widget-column1-1,
	.widget-column1-2,
	.widget-column1-3,
	.widget-column2-3,
	.widget-column1-4,
	.widget-column2-4,
	.widget-column3-4,
	.widget-column1-5,
	.widget-column1-6,
	.column1,
	.column1-1{
		float:none;
		width:100%;
	}

	.content-column1_1,
	.content-column2_1,
	.content-column3_1,
	.content-column3_2,
	.content-column4_1,
	.content-column4_2,
	.content-column4_3{
		margin-bottom:50px;
	}

	.equal_column2,
	.equal_column3,
	.equal_column4,
	.equal_column5,
	.equal_column6,
	.equal_column7,
	.equal_column8{
		display:block;
		width:100%;
	}

	.equal_column4.widget-element-bottom{
		margin-bottom:0px !important;
	}

	.margin_column1,
	.margin_column2,
	.margin_column3,
	.margin_column4,
	.margin_column5,
	.margin_column6{
		width:100%;
		margin-right:0%;
		float:none;
		text-align:center;
	}

	.widget-element-bottom,.minestone-row-bottom{
		margin-bottom:30px !important;
	}


	/* section half image */
	.section_column_1_3,
	.section_column_2_3,
	.section_column_1_2{
		width:100% !important;
		display:block;
	}

	.section-column-bg{
		display:none;
	}


	/* blog post widget */
	.post-cell{
		width:350px;
		margin-left:auto;
		margin-right:auto;
	}

	.blog-widget.type-fullbox .equal_column{
		border-right:0px !important;
		border-top:0px !important;
	}

	.blog-widget.type-fullbox .widget-element-bottom{
		margin-bottom:0px !important;
	}

	.post-masonry{
		width:350px;
		margin-left:auto;
		margin-right:auto;
	}


	/* callout */
	.callout.type-normal{
		text-align:center;
	}

	.callout-content{
		float:none;
	}

	.callout-buttons{
		float:none;
		padding-top:20px;
	}


	/* contact detail */
	.contact-detail.type-boxes .contact-detail-entry{
		padding: 30px 50px;
		width:250px;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:30px;
	}


	/* gallery */
	.gallery-left,
	.gallery-right{
		text-align:center;
	}

	.gallery-grid-title{
		margin-bottom:30px;
	}

	.gallery-single,
	.gallery-grid-entry,
	.gallery-slider,
	.gallery-grid-title{
		width:350px;
		margin-right:auto;
		margin-left:auto;
	}

	/* icon box */
	.icon-box-item.align-right,
	.icon-box-item.align-right{
		text-align:center;
	}

	.icon-box.type-white-box .icon-box-column{
		border-top:0px;
		border-right:0px;
		border-bottom: 1px solid #e5e5e5 !important;
	}

	.type-white-box .icon-box-column,
	.type-color-box .icon-box-column{
		margin-bottom:0px !important;
	}
	


	/* subscribe */
	.subscribe-align-justify .subscribe-box-text{
		float:none;
	}

	.subscribe-align-justify .subscribe-box-form{
		float:none;
		padding-top:0px;
	}

	/* pricing table */
	.pricing-table-column1,
	.pricing-table-column2,
	.pricing-table-column3,
	.pricing-table-column4,
	.pricing-table-column5{
		width:350px;
		margin-right:auto;
		margin-left:auto;
		float:none;
		margin-bottom:30px !important;
	}

	.pricing-table-highlight{
		margin-top:0px;
	}

	/* process */

	.process.style-step .process_cell{
		display:block;
	}

	.process.style-tab .process_cell{
		display:block;
	}

	/* promote box */
	.promote-box{
		width:350px;
		margin-right:auto;
		margin-left:auto;
	}


	/* tab */
	.tab-title{
		display:block;
		padding-top:35px;
	}


	/* team */

	.team-item{
		width:350px;
		margin-right:auto;
		margin-left:auto;
	}

	.team-fullwidth .team-fullwidth-entry{
		width:350px;
		margin-right:auto;
		margin-left:auto;
		display:block;
	}

	/* testimonial */
	.widget-element-bottom .testimonials-entry{
		margin-bottom:80px;
	}

	/* timeline */
	.timeline-item{
		width:350px;
		margin-left:auto;
		margin-right:auto;
	}

	.timeline-vertical .timeline-image{
		float:none;
		width:100%;
	}

	.timeline-vertical .timeline-detail{
		margin-left:0px;
	}

	.timeline-vertical .timeline-title{
		padding-top:25px;
	}

	/* woocommerce grid */
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product,
	.woocommerce ul.products li.product.last, 
	.woocommerce-page ul.products li.product.last, 
	.woocommerce-page ul.products li.product:nth-child(3),
	.woocommerce.columns-3 ul.products li.product, 
	.woocommerce-page .columns-3 ul.products li.product{
		width:350px;
		margin-left:auto !important;
		margin-right:auto !important;
		float:none !important;
	}

	.woocommerce .related.products ul.products li.product, 
	.woocommerce-page .related.products ul.products li.product{
		margin-bottom:30px !important;
	}

	.woocommerce div.product div.summary{
		margin-bottom:80px;
	}

	/* footer */
	#footer-widget-container{
		padding-bottom:80px;
	}

	.footer-column{
		float:none;
		width:100%;
		padding-bottom:0px;
	}
}

@media screen and (max-width: 760px) {

	/* hide on mobile */
	.hide_on_mobile{
		display:none;
	}

	.mobile-cta{
		display:block;
	}

	.mobile-have-cta #footer-bottom{
		padding-bottom:70px;
	}

	.mobile-have-cta#backtop{
		right:15px;
		bottom: 60px;
	}

	#background{
		min-width:460px;
	}

	.wrap-column{
		width:450px;
	}

	#page.layout-boxed{
		width:460px;
	}

	#page.layout-boxed .wrap{
		padding-left:20px;
		padding-right:20px;
	}


	.wrap,
	.no-wrap .wrap-no-fullwidth, /* widget title */
	.no-wrap .callout-wrap,
	.no-wrap .testimonials-slider-section,
	.promote-wrap,
	.blockquote-section .blockquote-wrap{
		width:420px;
	}

	.wrap-wide{
		padding-left:0px;
		padding-right:0px;
	}
	

	
	/* HEADER */
	.header-left{
		min-width:auto;
		padding-left:15px;
	}

	.header-right{
		min-width:auto;
		padding-right:15px;
	}

	.menu-center .header-center{
		float:right;
		margin:0px;
		padding-right:15px;
	}

	.menu-center .header-right{
		display:none;
	}

	.header-right-element{
		display:none;
	}

	

	/* section */
	.section_column_1_3, 
	.section_column_2_3, 
	.section_column_1_2{
		padding:50px 0px;
	}
	
	
	/* blog */

	.column1_2{
		float:none;
		width:100%;
	}

	.post-relative-entry{
		margin-bottom:15px;
	}

	.blog-medium .post-entry-media{
		width:100%;
		float:none;
		margin-bottom:30px;
	}

	.blog-medium .post-entry-detail{
		width:100%;
		float:none;
		padding-left:0px;
	}
	
	.depth-2{
		margin-left:0px;
	}

	.depth-3{
		margin-left:0px;
	}

	.depth-4{
		margin-left:0px;
	}

	.depth-5{
		margin-left:0px;
	}

	/* portfolio */
	.portfolio-big-column{
		width:100%;
	}

	.portfolio-content.left {
	    padding-right: 0px;
	    padding-bottom:50px;
	}

	.portfolio-content.right {
	    padding-left: 0px !important;
	     padding-bottom:50px;
	}

	.portfolio-small-column{
		width:100%;
	}

	.portfolio-single-center .portfolio-single-content{
		float:none;
		width:100%;
		margin-bottom:50px;
	}

	.portfolio-single-center .portfolio-single-meta{
		float:none;
		width:100%;
		margin-left:0px;
	}



	/* callout */
	.callout-button2{
		margin-left: 0px;
    	margin-top: 20px;
	}

	/* contact detail */
	.contact-detail.type-fullbox .contact-detail-entry{
		padding:30px 15px;
	}

	/* contact form */
	.contact-form-col2,
	.contact-form-col3{
		width:100%;
		float:none;
		margin-right:0px;
	}

	.comment-form-left .comment-form-author, 
	.comment-form-left .comment-form-email, 
	.comment-form-left .comment-form-url{
		float: none;
		width: 100%;
		margin-right: 0%;
		box-sizing: border-box;
	}

	.logged-in-as{
		float: none;
		width: 100%;
		margin-right: 0%;
	}

	/* icon box */

	.icon-box.type-white-box .icon-box-item, 
	.icon-box.type-color-box .icon-box-item{
		padding:50px 15px
	}

	/* promote */
	.promote-box{
		width:auto;
	}

	/* subscribe */
	.subscribe-box.content input[type=submit]{
		border-radius:3px;
		margin-top: 20px;
	}

	/* tab */
	.tab-vertical{
		display:block;
	}

	.tab-vertical-top{
		width:100% !important;
		display:block;
	}

	.tab-vertical-bottom{
		float:none;
		width:100% !important;
		padding-left:0px;
		display:block;
	}


	/* team */
	.team-item{
		width:100%;
	}

	.team-fullwidth{
		padding-left:15px;
		padding-right:15px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
	}

	.team-fullwidth .team-fullwidth-entry{
		width:100%;
	}

	.team-fullwidth .team-socials{
		display:block;
	}

	/* testimonial */
	.testimonials-slider-box .testimonials-buttons{
		position:relative;
		display:block;
		padding-top: 40px;
	}


	/* timeline */
	.timeline-item{
		width:100%;
	}
	
	/* shop */
	.related.products .widget-column1-3{
		float:none;
		width:100%;
		margin:0px;
	}

	

	/* pricing table */
	.pricing-table-column2,
	.pricing-table-column3,
	.pricing-table-column4,
	.pricing-table-column5{
		width:100%;
		float:none;
	}


	/* woocommerce */
	.woocommerce-result-count{
		padding-bottom:0px;
	}

	.woocommerce-result-count,
	.woocommerce-ordering{
		float:none !important;
		width:100%;
		padding-right:0px;
	}

	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product{
		float:none;
		width:100%;
	}

	.portfolio_filter1,
	.portfolio_filter2,
	.portfolio_filter3,
	.portfolio_filter4{
		width:100%;
	}

	.footer-column{
		padding-left:0px;
		padding-right:0px;
	}
	
}

@media screen and (max-width: 480px) {
	/* General */
	#background{
		width:100%;
		min-width:100%;
	}

	#page{
		width:auto;
	}

	.wrap{
		padding-left:15px;
		padding-right:15px;
	}

	.wrap-column{
		width:100%;
		padding:0px;
	}

	#page.layout-boxed{
		width:auto;
		margin-top:0px;
		margin-bottom:0px;
	}

	 /* widget title */
	.wrap,
	.no-wrap .wrap-no-fullwidth{
		width:auto;
	}

	
	.no-wrap .callout-wrap,
	.no-wrap .testimonials-slider-section,
	.promote-wrap,
	.blockquote-section .blockquote-wrap{
		width:auto;
		padding-left:15px;
		padding-right:15px;
	}
	
	
	
}