body {
	overflow-x: hidden;
}



/* 																								< 960
===================================================================================================== */
@media only screen and (max-width: 479px) {
	
	/* #Header.is-sticky */
	.header_placeholder { margin-top:0 !important;}
	
	/* Header */
	#Header #menu {  height: auto; width: 300px; bottom: auto; top: 170px; left: 20px; }

	/* main menu 1st level */
	#Header #menu > ul { width:100%; float: left; }
	#Header #menu ul li	{ width: 100%; padding-bottom: 0; border-right: 0; position: relative; }
	#Header #menu ul li em, #Header #menu .menu-arr-bottom, #Header #menu .menu-arr-top	{ display: none !important; }
	#Header #menu ul li	a { padding: 15px 20px; border-top-width: 0; text-align:left; display: block; margin: 0; height: auto; line-height: normal; }
	
	#Header #menu ul li.hover > .menu-toggle { background: none !important;}
	#Header #menu ul li.hover a { border-bottom: 0; }
	
	#Header #menu ul.mfn-megamenu li .menu-toggle { display:none;}

	/* main menu 2nd level */
	#Header #menu ul li	ul { position:relative !important; left:0 !important; top:0; padding: 0; margin-left: 0 !important; }
	#Header #menu ul li	ul li { width:100% !important;}
	#Header #menu ul li	ul li a { padding: 15px 20px 15px 30px;}
	#Header #menu ul li ul li a .menu-arrow { display: none;}
	
	#Header .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;}
	#Header .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left:auto; top:auto;}
	
	/* main menu 3rd level */
	#Header #menu ul li	ul li ul { border-left: 0 !important; padding: 0; top: 0; }
	#Header #menu ul li	ul li ul li a { padding: 15px 20px 15px 40px;}
	
	/* Offer */
	.offer .offer_wrapper .owl-controls { position: static; margin-top: 20px; }
	.offer .offer_wrapper .owl-controls .owl-controls-inner { width: 100%; }
	.offer .offer_wrapper .owl-controls .owl-pagination-wrapper { width: 100%; background: none !important; }
	.offer-slider .owl-controls .owl-pagination { position: static; }
	.offer-slider .owl-controls .owl-pagination-arrow { display: none; }
	.offer-slider .owl-pagination-wrapper { height: auto; }
	
	.offer .offer_wrapper .owl-controls .owl-page { width: 17px !important; height: 17px !important; margin: 5px 6px !important; background: rgba(0, 0, 0, .15) !important; -webkit-border-radius: 100%; border-radius: 100%; }
	.offer .offer_wrapper .owl-controls .owl-page span { display: none; }
	.offer .offer_wrapper .owl-controls .owl-page.active:after { display: none; }
	
	.offer .offer_wrapper .owl-item li { padding-left: 0; }
	.offer .offer_wrapper .owl-item .image { float: none; width: 100%; }
	.offer .offer_wrapper .owl-item .desc { float: none; width: 100%; margin-right: 0; }
	
	/* Single post */
	.single-post .post_meta { width: 100%; float: none; border-top: 0; margin-top: 0; padding-top: 0; margin-bottom: 5px; }
	.single-post .post_photo { width: 100%; float: none; }
	
}



/* #Tablet (Portrait) & Mobile - COMMON 														< 768	*
===================================================================================================== */
@media only screen and (max-width: 479px) 
{
	body 							{ min-width:0;}
	#Wrapper						{ width: 300px;}
	
	.section_wrapper .column,
    .container .column,
	.sections_group,
	.four.columns					{ margin:0; width: 100% !important; clear: both; }
	
	.section_wrapper,
	.container,
	.four.columns					{ width: 260px !important; }

	.left-sidebar .items_group,
	.right-sidebar .items_group,
	.with_aside .content_wrapper 	{ width:100%;}

	.section_wrapper .column		{ margin:0 0 20px;}
	
	.four.columns					{ float: none !important; margin:0 auto; }

	/* ======================================================= */
	
	body { padding: 15px 0 0; }
	
	/* header */
	#top_bar { display: block; }
	
	#Header .social { position: static; overflow: hidden; text-align: center; margin: 0 -20px; }
	#Header .social li { display: inline-block; float: none; }
	#Header .social li a { height:40px; line-height:40px;}
	#Header .logo { position: static; float: left; width: 100%; text-align: center; margin: 0; }
	#Header .logo #logo { padding: 30px 10px; }
	#Header .addons { position: static; float: left; width: 100%; padding-top: 15px; }
	#Header .addons .contact_details { display: none; }
	#Header .addons #searchform { padding: 0; float: right; margin-right: 43px; }
	#Header .addons #searchform input[type="text"] { width: 95px; }
	#Header .addons #searchform input[type="text"]:focus { width: 115px; }
	#Header .addons .language { padding: 5px 0; float: left; border-right: 0; }
	#Header .addons .language .language_select { top: 32px; }
	#Header a.responsive-menu-toggle { top: 55px; left: auto; right: 0; }
	#Header #menu { position: static; float: left; width: auto; margin: 0 -20px; }
	
	/* Subheader */
	#Subheader .title { margin-top: 25px; }
	#Subheader ul.breadcrumbs { float: none; text-align: center; }
	
	/* Slider */
	#mfn-slider .swiper-controls { left: 0 !important; top: auto !important; bottom: 215px !important; width: 100%; margin: 0 !important; text-align: center; height: 15px; }
	#mfn-slider .swiper-controls .swiper-pagination-switch { display: inline-block !important; margin: 0 7px; }
	#mfn-slider .swiper-slide .swiper-title { font-size: 14px !important; }
	#mfn-slider .swiper-slide .swiper-desc { font-size: 35px !important; line-height: 37px !important; }
	
	/* .section  */
	.section { background-attachment: scroll !important; }
	
	/* Article box */
	.article_box .photo { width: 100% !important; float: none !important; height: auto !important; }
	.article_box .desc { width: 94% !important; float: none !important; min-height: inherit !important; }
	
	/* Contact form */
	.wpcf7 span.wpcf7-form-control-wrap { width: 100% !important; margin-right: 0; }
	.wpcf7 span.wpcf7-form-control-wrap .wpcf7-text { margin-bottom: 6px; }
	.wpcf7 span.wpcf7-form-control-wrap:last-child .wpcf7-text { margin-bottom: 0px; }
	
	/* Quick form */
	.quick_form .title { margin-bottom: 10px; }
	.quick_form .wpcf7 span { width: 100%; margin: 0; }
	.quick_form .wpcf7 input[type="submit"] { top: 0px; } 
	
	/* Clients */
	.clients ul li { width: 50% !important; }
	.clients ul li.last_row_mobile .client_wrapper { border-bottom-color:transparent; }
	.clients ul li:nth-child(even) .client_wrapper { border-right: 0 !important; }
	
	/* Feature box */
	.feature_box_wrapper.has_border:after { border: 0; }
	
	/* Feature box */
	.quick_fact_wrapper.has_border:after { border: 0; }
	
	/* Flickr */
	.Flickr .flickr_badge_image { width: 18% !important; }
	.Flickr .flickr_badge_image { margin: 0 2% 2% 0; }
	.Flickr .flickr_badge_image a img {width: 68px !important; height: 68px !important; }
	
	/* Timeline */
	.timeline_items { background: none; }
	.timeline_items li { padding: 100px 0 0 0; position: relative; margin-bottom: 20px; }
	.timeline_items li h5 { margin: 0 0 10px 0; position: static; width: 100% !important; float: none !important; text-align: center !important; }
	.timeline_items li h5 span { top: 0px; }
	.timeline_items li .desc { position: relative; width: 100%; float: none !important; min-height: auto !important; }
	.timeline_items li .desc:after { display: none; }
	
	/* Fancy heading */
	.fancy_heading_wrapper.has_icon:after { left: 20%; width: 22%; }
	.fancy_heading_wrapper.has_icon:before { right: 20%; width: 22%; }
	
	/* Blockquote */
	.blockquote:after { left: 18%; width: 21%; }
	.blockquote:before { right: 18%; width: 21%; }
	
	/* Blog */
	.post { padding-bottom: 0; border-bottom-width: 0; } 
	.post_meta { width: 100%; float: none; clear: both; padding-top: 10px; margin-top: 15px; border-top-width: 1px; border-style: solid; text-align: center; }
	.post_meta > div { display: inline-block; border-bottom: 0; padding: 0 10px; margin-bottom: 6px; }
	.post_meta > div i { display: inline; margin-bottom: 0; font-size: 17px; line-height: 17px; margin-right: 5px; }
	.post_meta > div.category a, .post_meta > div.tags a { display: inline; }
	.post_photo { width: 100%  !important; float: none  !important; }
	.post_wrapper { width: 100%  !important; float: none !important; overflow: hidden !important; }
	.post_wrapper .desc { width: 100% !important; float: none !important; }
	
	/* Offer */
	.offer .offer_wrapper .owl-item .image .image_wrapper { padding: 0 36px 51px; }

	/* Portfolio page */
	.Projects_header { margin-bottom: 10px; }
	.Projects_header .categories ul { text-align: center; }
	.Projects_header .categories ul li.label { display: none; }
	.Projects_header .categories ul li { display: inline-block; float: none; }
	.Projects_header .categories ul li a { line-height: 40px; padding: 0 10px; }
	
	.portfolio_item.one .photo { width: 100%; float: none; }
	.portfolio_item.one .desc { width: 100%; float: none; }
	.portfolio_item.one .desc .list_view { display: none; }
	.portfolio_item.one .desc > a h5 { text-align: center; font-size: 19px; line-height: 24px; }
	
	/* Single portfolio */
	.single-portfolio .portfolio_meta .portfolio_photo { width: 100%; float: none; margin-bottom: 15px; }
	.single-portfolio .portfolio_meta .portfolio_desc { width: 100%; float: none; margin-left: 0; }
		
	/* Error 404 */
	#Error_404 { position: static; padding-top: 20px; margin-top: 0; }
	#Error_404 .error_pic { width: 100%; float: none; }
	#Error_404 .error_pic i { font-size: 160px; line-height: 160px; }
	#Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; }
	#Error_404 .error_desk h2 { font-size: 30px; line-height: 30px; }
	#Error_404 .error_desk h4 { font-size: 19px; line-height: 25px; }
	#Error_404 .error_desk p .check { line-height: 22px; font-size: 16px; margin-bottom: 15px; display: block; }

	/* Gallery */
	.gallery .gallery-item { margin: 0 0 3px 0 !important; }
	
	/* Footer */
	.copyright { position: static; margin-top: 25px; text-align: center; }
	
	.recent-works { margin-left:-20px; width:300px;}
}




/* 	#Mobile (Portrait)																			< 480
===================================================================================================== */
@media only screen and (max-width: 479px) {
	
	/* Header */
	#Header .addons #searchform { display: none; }
	#Header .social li a { width: 28px; }
	
	/* Offer */
	.offer .offer_wrapper .owl-item .image .image_wrapper { padding: 0 26px 35px; }
	
	/* Flickr */
	.Flickr .flickr_badge_image { width: 23% !important; }
	.Flickr .flickr_badge_image a img {width: 60px !important; height: 60px !important; }
	
	/* Respond */
	#respond .comment-form-author { width: 99%; margin-right: 0%; float: none; }
	#respond .comment-form-email { width: 99%; margin-right: 0%; float: none; }
	#respond .comment-form-url { width: 99%; float: none; }
	#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 93%; }
	#respond .comment-form-comment textarea { width: 94%; }
	#comments .commentlist .children { margin-left: 0px; padding-left: 30px; }
	#respond .required { right: 11px; }
	
	
	#Header .logo {
		margin: 0px !important;
		display: block;
		float: none !important;
	}
	
	.new-header-right {
		margin: 0px !important;
		float: none !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		margin-top: 146px !important;
	}
	
	.new-header-left {
		margin-top: 20px !important;
		margin-bottom: 20px !important;		
	}
	
	.new-logo {
		display: block;
		height: 160px;
		position: absolute;
		margin-left: 12px !important;
	}
	

#logo {
	margin-left: 0px !important;
	padding: 0px;
}

	
	.the_content_wrapper {
		width: 220px !important;
	}
	
	.form-border {
		width: 224px !important;
		margin-left: -5px;
	}
	
	.sub-header {
		display: none;
	}
	
	#Header #menu ul li {
		background-image: none !important;
		background: #2E3E5E !important;
	}
	
	
	#Header #menu ul li ul{
		background-image: none !important;
		background: #2E3E5E !important;
		display: none !important;
	}	
	
	/* #Header #menu ul li ul li a{
		color: white !important;
	}	*/
	
	#Header #menu ul li a {
		padding: 10px !important;
		background: #9B895A !important;
		text-align: center;
		width: 183px !important;
		margin: auto;
		margin-bottom: 8px;
		border-radius: 3px;
	}
	
	#mfn-slider .swiper-container, #mfn-slider .swiper-slide {
		display: none;
	}
	
	.home-callout {
		width: 196px !important;
		margin-left: -20px;
	}
	
	#mfn-slider {
		display: none !important;
	}
	
	.menu-arrow {
		padding-right: 0px !important;
	}

	.new-title {
		margin-left: 20px !important;
		width: 220px;
		line-height: 34px;
	} 

	#Subheader {
		display: none !important; 
	}

	.with_aside .sections_group {
		margin-top: 30px;
	}

	.home-callout {
		font-size: 18px !important;
	}
	
	.home-bottom h2 {
		display: none !important;
	}
	
	.home-bottom {
		display: none !important;		
	}
	
	h2.new-home-bottom {
		display: none !important;
	}
	
	.mobile-callout {
		display: block !important;
		width: 196px !important;
		margin-left: -18px;
		font-size: 18px !important;
	}	
}