/* responsive */
@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;
	}

	/* main menu */
	.main-menu ul li{
		margin-left:20px !important;
	}
.main-menu ul li a{font-size:13px;}
	.main-menu ul li li{
		margin-left:0px !important;
	}

	.widget-column1-1,
	.widget-column1-2,
	.widget-column1-3,
	.widget-column2-3,
	.widget-column1-4,
	.widget-column2-4,
	.widget-column3-4,
	.milestone_column2_1,
	.milestone_column3_1,
	.milestone_column4_1,
	.column1,
	.column1-1,
	.column2_1,
	.column3_1,
	.column3_2,
	.column4_1,
	.column4_2,
	.column4_3{
		padding:0px 15px;
	}

	/* blog */
	.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 */
	.portfolio-content.right{
		padding-left: 40px !important;
	}

	.portfolio-content.left{
		padding-right: 40px;
	}

	/* icon box */
	.icon-box-vertical .icon-box-right .icon-box-detail{
		margin-right: 100px;
	}

	.icon-box-vertical .icon-box-image-detail{
		margin-left:100px;
	}

	/* 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;
	}
#top-bar-open{display:none;}

	#page.layout-boxed .wrap{
		padding-left:20px;
		padding-right:20px;
	}

	#page.layout-boxed #toggle-menu-button{
		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;
	}

	/* Top bar */
	#top-bar{
		display: none;
		
	}

	#topbar-open{
		display: inline-block;
	}

	.left-top-bar{
		float:none;
	}

	.right-top-bar{
		float:none;
	}

	.left-top-bar .header-social,
	.left-top-bar .contact-detail-line,
	.left-top-bar .search-form,
	.right-top-bar .header-social,
	.right-top-bar .contact-detail-line,
	.right-top-bar .search-form{
		margin-right:20px;
		margin-left:0px;
	}

	.left-top-bar .header-social a,
	.right-top-bar .header-social a{
		margin-right:20px;
		margin-left:0px;
	}

	.right-top-bar #flags_language_selector{
		margin-left:0px;
		margin-right:0px;
	}

	.left-top-bar .contact-detail-line ul li,
	.right-top-bar .contact-detail-line ul li{
		padding-left:0px;
		padding-right: 20px;
	}

	.left-top-bar #flags_language_selector img,
	.right-top-bar #flags_language_selector img{
		margin-left:0px;
		margin-right:20px;
	}


	/* logo & menu */
	.main-menu{
		display:none;
	}
	
	#toggle-menu-button{
		display:block;
	}

	*{
		box-sizing:border-box;
	}

	/* layout */
	.left,.right{
		float:none;
		padding-left:0px;
	}

	.big-column,.small-column{
		float:none;
		width:100%;
	}

	.widget-column1-1,
	.widget-column1-2,
	.widget-column1-3,
	.widget-column2-3,
	.widget-column1-4,
	.widget-column2-4,
	.widget-column3-4,
	.content-column1_1,
	.content-column2_1,
	.content-column3_1,
	.content-column3_2,
	.content-column4_1,
	.content-column4_2,
	.content-column4_3,
	.milestone_column2_1,
	.milestone_column3_1,
	.milestone_column4_1,
	.column1,
	.column1-1,
	.column2_1,
	.column3_1,
	.column3_2,
	.column4_1,
	.column4_2,
	.column4_3{
		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:30px;
	}

	.logo_column1,
	.logo_column2,
	.logo_column3,
	.logo_column4,
	.logo_column5,
	.logo_column6{
		width:100%;
		margin-right:0%;
		float:none;
		text-align:center;
	}

	.widget-element-bottom,.minestone-row-bottom{
		margin-bottom:30px !important;
	}



	/* blog */
	.fullwidth-column{
		width:100%;
	}

	/* callout */
	.callout-content{
		float:none;
	}

	.callout-buttons{
		float:none;
		padding-top:10px;
	}



	/* subscribe */
	.subscribe-align-justify .subscribe-box-text{
		float:none;
	}

	.subscribe-align-justify .subscribe-box-form{
		float:none;
		padding-top:0px;
	}

	/* pricing table */
	.pricing-table-column4,
	.pricing-table-column5{
		width:50%;
	}

	/* woocommerce hide quick view */
	.yith-wcqv-button{
		display:none !important;
	}

	/* woocommerce grid */
	.woocommerce.columns-4 ul.products li.product, 
	.woocommerce-page .columns-4 ul.products li.product,
	.woocommerce.columns-3 ul.products li.product, 
	.woocommerce-page .columns-3 ul.products li.product,
	.woocommerce.columns-2 ul.products li.product, 
	.woocommerce-page .columns-2 ul.products li.product{
		width:100%;
		float:none;
		margin-right:0px;
	}

	/* footer */
	#footer-widget-container{
		padding-bottom:80px;
	}

	.footer-column{
		float:none; overflow:hidden;
		width:100%;
		padding-bottom:0px;
	}
.site-logo {
    float: none;
    text-align: center;
}
html.responsive-menu-open #responsive-menu-container {
     z-index: 99999;
}
button#responsive-menu-button {
    top: 30px !important;
}
}

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

	/* hide on mobile */
	.hide_on_mobile{
		display:none;
	}

	#background{
		min-width:460px;
	}

	/*.wrap-column{
		width:450px;
	}*/

	#page.layout-boxed{
		width:460px;
	}

	#page.layout-boxed .wrap{
		padding-left:20px;
		padding-right:20px;
	}

	#page.layout-boxed #toggle-menu-button{
		right:20px;
	}

	#toggle-menu-button{
		right:15px;
	}

	.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;
	}
	

	
	/* HEADER */
	.left-header{
		float:none;
	}
	
	.right-header{
		display:none;
	}
	
	
	/* blog */

	.blog-medium .post-entry-media{
		float:none;
		width:100%;
	}


	.blog-medium .post-entry-detail{
		float:none;
		width:100%;
		padding-left:0px;
		padding-top:30px;
	}
	
	.depth-2{
		margin-left:0px;
	}

	.depth-3{
		margin-left:0px;
	}

	.depth-4{
		margin-left:0px;
	}

	.depth-5{
		margin-left:0px;
	}

	/* blog cell list */
	.post-cell-list .post-cell-thumb{
		float:none;
		margin-bottom:20px;
	}

	.post-cell-list .post-cell-detail{
		margin-left:0px;
	}

	.post-list-center-left .post-cell-thumb,
	.post-list-center-right .post-cell-thumb{
		float:none;
		margin-bottom:20px;
	}

	.post-list-center-left .post-cell-detail,
	.post-list-center-right .post-cell-detail{
		margin-right:0px;
		margin-left:0px;
		text-align:left;
	}

	.post-cell-medium .post-cell-thumb{
		float:none;
		width:100%;
		margin-bottom:20px;
	}

	.post-cell-medium .post-cell-detail{
		float:none;
		width:100%;
		padding-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;
	}

	/* portfolio layout */
	.column1_3{
		float:none;
		width:100%;
		margin-right:0px;
		margin-bottom:20px;
	}

	.portfolio-relatives .portfolio-cell{
		margin-bottom:30px;
	}

	/* gallery column */
	.percent_column2,
	.percent_column3,
	.percent_column4,
	.percent_column5,
	.percent_column6,
	.percent_column7,
	.percent_column8,
	.gallery_percent_column2,
	.gallery_percent_column3,
	.gallery_percent_column4,
	.gallery_percent_column5,
	.gallery_percent_column6,
	.gallery_percent_column7,
	.gallery_percent_column8{
		float:none;
		width:100%;
	}

	/* half column section */
	.section-half-column{
		display:block;
	}

	.section-column-content{
		display:block;
		width:100%;
	}

	.section-column-bg {
    display: block;
    width: 100%;
}
img.desktop-hide {
   width: 100%;
}
.hide{display:none !important;}
.hide.m-show{display:block !important;}
	.desktop-hide {
    display: block;
}
	/* heading */
	#page-heading-left{
		float:none;
	}

	#breadcrumb{
		float:none;
	}

	/* callout */
	.callout-align-center .callout-buttons.content .callout-button2{
		margin-left:0px !important;
		margin-top:10px !important;
	}

	/* tab */
	.tab-vertical-top{
		float:none;
		width:100% !important;
		padding-bottom:30px;
	}

	.tab-vertical-bottom{
		float:none;
		width:100% !important;
		padding-left:0px;
	}
	
	/* shop */
	.related.products .widget-column1-3{
		float:none;
		width:100%;
		margin:0px;
	}

	/* process */
	.process_container_2 .process_cell, 
	.process_container_3 .process_cell{
		display:block;
		width:100%;
	}

	.process-arrow{
		bottom: -14px;
    	left: 50%;
    	margin-left:-14px;
   		top:auto;
	}

	.process-item.widget-element-bottom{
		margin-bottom:0px !important;
		
	}

	.process_style_2.process-item,
	.process_style_3.process-item{
		padding:36px 36px;
		text-align:center;
	}


	.process_style_2 .process-number{
		display:inline-block;
		float:none;
	}

	/* 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%;
	}
	
.service-data {
    position: relative;
    overflow: hidden;
}
.service-data:nth-child(odd) .section-column-bg {
     position: static; 
}
.svgmask {
    display:none;
}

}

@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;
		box-sizing:border-box;
	}
	.slider-content .text{ padding:10px !important;max-width:90%;}
	.slider-content p{font-size:16px;line-height:20px;}
	.slider-content .main_title{ font-size:18px;}
	.callout-inside .normal-case.pt20, #content-section5 .content-section-title, #content-section5 .normal-case, .client-view1 .content-section-title, #content-section7 .content-section-title, #content-section8 .content-section-title, #newsletter .widgettitle{ font-size:23px !important;}
.slider-content h4{ font-size:18px !important; line-height:20px;}
.page-id-3466 h2 {line-height: normal;font-size: 25px;}
.servicecategories_inner, .servicecategories_inner .thumbnail{ height:auto !important;}
.content p, .content p:last-child{ font-size:16px;}
.page-id-580 .flex-viewport{margin: 0 auto !important;max-width:200px;}
.adre-info{ width:100%; margin-top:20px; margin-bottom:20px;}
.contact-detail-widget .adre-info i{ font-size:50px;}
.adre-info strong{ font-size:20px;}
.adre-info{ font-size:17px;}
.conct-deails{padding-left:4%;}
#content-section4 .servicebg{background:#F00 !important;}
.case-item .content-box h2{ font-size:25px;line-height: normal;}
.page-id-3386 strong{ font-size:20px;}
.section-features-secondary{ margin:0;}
.Proficiency2 .flex-direction-nav{ top:18%;}
.faqs .flex-viewport{ margin:0 auto; max-width:300px;}
.faqs .tile{ height:auto;}
.related-item{left:0 !important}
.faqs .flex-direction-nav {bottom:200px !important;}
.logo-style-border .logo_column6, .milestones-box .widget-column1-2{ width:100% !important;}
.milestones-box .flexslider .slides > li{ padding:10px;}
.milestones-box .flex-viewport {max-width:150px;}
	
}
@media screen and (min-width:481px) and (max-width:720px) {
.slider-content .text{ padding:10px !important;max-width:90%;}
	.slider-content p{font-size:16px;line-height:20px;}
	.slider-content .main_title{ font-size:18px;}
	.callout-inside .normal-case.pt20, #content-section5 .content-section-title, #content-section5 .normal-case, .client-view1 .content-section-title, #content-section7 .content-section-title, #content-section8 .content-section-title, #newsletter .widgettitle{ font-size:23px !important;}
.slider-content h4{ font-size:18px !important; line-height:20px;}
.page-id-3466 h2 {line-height: normal;font-size: 25px;}
.servicecategories_inner, .servicecategories_inner .thumbnail{ height:auto !important;}
.content p, .content p:last-child{ font-size:16px;}
.adre-info{ width:100%; margin-top:20px; margin-bottom:20px;}
.contact-detail-widget .adre-info i{ font-size:50px;}
.adre-info strong{ font-size:20px;}
.adre-info{ font-size:17px;}
.conct-deails{padding-left:4%;}
#content-section4 .servicebg{background:#F00 !important;}
.case-item .content-box h2{ font-size:25px;line-height: normal;}
.page-id-3386 strong{ font-size:20px;}
.faqs .flex-viewport{ margin:0; max-width:300px;}
.faqs .tile{ height:auto;}
.logo-style-border .logo_column6, .milestones-box .widget-column1-2{ width:100% !important;}
.milestones-box .flexslider .slides > li{ padding:10px;}
.milestones-box .flex-viewport {max-width:150px;}
}