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

	Response For Lower Than 1170

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

@media all and (max-width: 1170px) {



	.met_page_wrapper.met_boxed_layout{

		width: auto;

	}



	.met_content {

		width        : 90%;

		margin-left  : 5%;

		margin-right : 5%;

	}



	.met_content .row-fluid [class*="span"] {

		margin-bottom : 40px;

	}



	.met_content .row-fluid [class*="span"]:last-child {

		margin-bottom : 0;

	}



	.met_thumbnail_slider_1_small{

		position: relative;

		bottom: 0;

		left: 0;

		height: auto;

	}



	.met_thumbnail_slider_1_small img:first-child{

		margin-left: 0;

	}



	.met_thumbnail_slider_1_small img,

	.met_thumbnail_slider_1_next {

		width: 50px;

		height: 50px;

		padding: 3px;

		margin: 5px 0 0 5px;

	}



	.met_thumbnail_slider_1_next{

		font-size: 70px;

		line-height: 38px;

	}



	.met_thumbnail_slider_1_title a{

		line-height: 41px;

	}



	.met_thumbnail_slider_1_effects_left .met_thumbnail_slider_1_title {

		padding: 10px 20px 10px 40px;

	}



	.met_thumbnail_slider_1_title{

		font-size: 15px;

	}



	.met_thumbnail_slider_1_effects_left .met_thumbnail_slider_1_subtitle {

		padding: 10px 20px 10px 40px;

		left: 0;

	}



	.met_thumbnail_slider_1_subtitle{

		font-size: 13px;

	}



	.met_thumbnail_slider_1_effects_right .met_thumbnail_slider_1_title {

		padding: 10px 40px 10px 20px;

	}



	.met_thumbnail_slider_1_effects_right .met_thumbnail_slider_1_subtitle {

		padding: 10px 40px 10px 20px;

		right: 0;

	}

}







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

	Response For Tablets

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

@media all and (max-width: 1169px) {



	.met_one_column_portfolio_item_preview{

		width: 100%;

		text-align: center;

		margin-bottom: 15px;

	}



	.met_one_column_portfolio_item_preview a{

		max-width: 100%;

	}



	.met_one_column_portfolio_item_details{

		margin-left: 0;

	}



	.met_div5{

		width: 100%;

	}



	.met_footer_menu {

		float : none;

	}



	.met_slider_item {

		overflow : hidden;

	}



	.met_main_nav {

		display : none!important;

	}



	header aside {

		display : none;

	}



	.met_slider_item_preview {

		width : 100%;

	}



	.met_slider_item_caption {

		width       : 100%;

		margin-left : 0;

		position    : relative;

		height      : auto;

		float       : left;

	}



	.met_page_header h1 {

		width   : auto;

		display : block;

	}



	.met_page_header h2:before {

		display : none;

	}



	.met_logo {

		position : relative;

		z-index  : 2;

	}



	.dl-menuwrapper {

		z-index : 1;

	}



}



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

	Response For Mobile

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

@media all and (max-width: 767px) {



	.met_img_with_text_preview {

		width : 100%;

	}



	.met_img_with_text article {

		position    : relative;

		margin-left : 0;

		float       : left;

	}



	.met_img_with_text article:before,

	.met_cacoon_sidebar:before {

		display : none;

	}



	.met_icon_tabs nav a {

		width : 56px;

	}



	.met_page_header h2 {

		line-height : 20px;

		height      : auto;

		padding     : 15px 30px;

		font-size   : 15px;

	}



	.met_page_header ul {

		float   : left;

		margin  : 0;

		padding : 15px 30px;

	}



	.met_blog_list_preview aside {

		position : relative;

		width    : auto;

	}



	.met_blog_list_preview aside:after {

		display : none;

	}



	.met_blog_list_preview .met_blog_video_iframe {

		margin-left : 0;

	}



	.met_blog_list_preview .met_blog_video_iframe iframe {

		width  : 100% !important;

		height : 130px !important;

	}



	.met_comment_reply_link {

		display : none;

	}



	.met_comment_box > .met_comment > .met_comment_descr {

		margin-right : 0;

	}



	.met_comment_box > .met_comment:nth-child(2),

	.met_comment_box > .met_comment:nth-child(3),

	.met_comment_box > .met_comment:nth-child(4) {

		margin-left : 0;

	}



	.met_comment_box > .met_sub_comment:before {

		display : none;

	}



	.met_footer_menu {

		display : none;

	}



	.met_responsive_nav {

		display : block;

	}



	.met_recent_work_overbox a {

		top : 4px;

	}



	.met_blog_list_preview aside div {

		padding    : 0;

		text-align : center;

	}



	.met_blog_list_preview aside span:first-child {

		font-size   : 25px;

		margin-top  : 0;

		line-height : 28px;

		display     : inline;

	}



	.met_blog_list_preview aside span:last-child {

		font-size   : 16px;

		line-height : 19px;

		display     : inline;

	}



	.met_blog_posted_by {

		width        : 100%;

		padding-left : 0;

		margin-left  : 0;

		border-left  : none;

	}



	.met_blog_posted_by {

		width        : 100%;

		padding-left : 0;

		margin-left  : 0;

		border-left  : none;

	}



	.met_comment_box > .met_comment > img {

		margin-left   : 80px;

		margin-bottom : 20px;

	}



	.met_comment_box > .met_comment > .met_comment_descr {

		margin  : 0;

		padding : 15px;

	}



	.met_portfolio_item_descr {

		width : 68%;

	}



	.met_portfolio_item_share {

		width : 32%;

	}



	.met_page_header h1 {

		font-size : 23px;

	}



	.met_thumbnail_slider_1_effects{

		display: none;

	}



    .met_header_bar nav{display: none;}



	.met_header_bar > div > a{

		width: 100%;

		text-align: center;

	}

}

/*logo header mobile*/
@media all and (max-width: 540x) {
	.dl-menuwrapper {

		top: 150px;

		max-width: 100%;

	}
}

@media all and (max-width: 440px){



	.met_masonry_blog_item{

		width: 89.68%;

	}



	.met_logo{

		width: 100%;

		text-align: center;

	}



	.dl-menuwrapper {

		top: 150px;

		max-width: 100%;

	}



	.dl-menuwrapper button {

		width: 100%;

		text-indent: 1px;

		font-size: 25px;

		font-weight: 300;

		color: #FFF;

		text-align: left;

	}



	header.met_content{

		margin-bottom: 50px;

	}



	.dl-menuwrapper button:after {

		width: auto;

		height: auto;

		box-shadow: none;

		left: auto;

		top: 0;

		right: 10px;

		background: none;

		color: #FFFFFF;

		font-family: FontAwesome;

		content: '\F0C9';

		font-size: 28px;

		line-height: 41px;

	}



}