/* #Desktop 960px - 1239px
================================================== */
/* Note: Design for a width of 960px - 1239px */

@media only screen and (min-width: 960px) and (max-width: 1239px) {
	body { min-width:0;}
	#Wrapper { width: 1000px; }

   	.container							{ width: 960px; }
    .container .sixteen.columns,
	.container .one.column				{ width: 940px; }
	
	.container .one-fourth.column,
	.container .four.columns			{ width: 220px; }
	.container .one-third.column		{ width: 300px; }
	.container .one-second.column		{ width: 460px; }
    .container .two-third.column		{ width: 620px; }	
	.container .three-fourth.column		{ width: 700px; }	

	/* Subpage grid */
	.with_aside #Content .container .sixteen.columns,
	.with_aside #Content .container .one.column				{ width: 700px; }
	
	.with_aside #Content .container .one-fourth.column		{ width: 160px; }
	.with_aside #Content .container .one-third.column		{ width: 220px; }
	.with_aside #Content .container .one-second.column		{ width: 340px; }
	.with_aside #Content .container .two-third.column		{ width: 460px; }
	.with_aside #Content .container .three-fourth.column	{ width: 520px; }
	
	#Content .content { width: 960px; }
	.with_aside #Content .content { width: 720px; }
}


/* #Tablet (Landscape)
================================================== Skeleton */
/* Note: Design for a width of 768px - 959px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	body { min-width:0;}
	#Wrapper { width: 748px; }

   	.container							{ width: 708px; }
    .container .sixteen.columns,
	.container .one.column				{ width: 688px; } 
	
	.container .one-fourth.column,
	.container .four.columns			{ width: 157px; }
	.container .one-third.column		{ width: 216px; }
	.container .one-second.column		{ width: 334px; }
    .container .two-third.column		{ width: 452px; }	
	.container .three-fourth.column		{ width: 511px; }	

	/* Subpage grid */
	.with_aside #Content .container .sixteen.columns,
	.with_aside #Content .container .one.column				{ width: 508px; }
	
	.with_aside #Content .container .one-fourth.column		{ width: 112px; }
	.with_aside #Content .container .one-third.column		{ width: 156px; }
	.with_aside #Content .container .one-second.column		{ width: 244px; }
	.with_aside #Content .container .two-third.column		{ width: 332px; }
	.with_aside #Content .container .three-fourth.column	{ width: 374px; }
	
	#Content .content { width: 708px; }
	.with_aside #Content .content { width: 528px; }
}


/* #Tablet (Portrait)
================================================== Skeleton */
/* Note: Design for a width of 768px */

@media only screen and (max-width: 767px) {
	body { min-width:0;}
	#Wrapper { width: 300px; }
	
    .container { width: 260px; }
    .container .columns,
    .container .column { margin: 0; margin-bottom: 20px; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-third.column  { width: 260px !important; }
	
	/* Subpage grid */
	#Content .container .one-third.column, 
	#Footer .container .one-third.column			{ width: 100% !important; clear: both; }
	#Content .container .two-third.column, 
	#Footer .container .two-third.column			{ width: 100% !important; clear: both; }
	#Content .container .one-fourth.column, 
	#Footer .container .one-fourth.column			{ width: 100% !important; clear: both; }
	#Content .container .three-fourth.column, 
	#Footer .container .three-fourth.column			{ width: 100% !important; clear: both; }
	#Content .container .one-second.column, 
	#Footer .container .one-second.column			{ width: 100% !important; clear: both; }
	#Content .container .sixteen.columns, 
	#Footer .container .sixteen.columns				{ width: 100% !important; }
	
	#Content .content { width: 300px; margin: 0 0 20px; }
	.with_aside .content { width: 300px !important; margin: 0 0 20px; float: none; }

	/* The content */
	.the_content_wrapper 							{ padding-right: 0 !important; padding-left: 0 !important; }
	
	.container .the_content .one.column				{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	.container .the_content .one-second.column		{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	.container .the_content .one-third.column   	{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	.container .the_content .two-third.column   	{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	.container .the_content .one-fourth.column		{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	.container .the_content .three-fourth.column	{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
}


/* #Mobile (Landscape)
================================================== Skeleton */
/* Note: Design for a width of 480px - 767px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #Wrapper { width: 420px; }
	
	.container { width: 380px; }
    .container .columns,
    .container .column { margin: 0; margin-bottom: 20px; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-third.column { width: 380px !important; }
	
	/* Subpage grid */	
	#Content .content { width: 420px; margin: 0 0 20px; }
	.with_aside .content { width: 420px !important; margin: 0 0 20px; float: none; }
	
	/* Respond */
	#respond .comment-form-author { width: 100%; margin-right: 0%; float: none; }
	#respond .comment-form-email { width: 100%; margin-right: 0%; float: none; }
	#respond .comment-form-url { width: 100%; float: none; }
	#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 94%; }
	#respond .comment-form-comment textarea { width: 96%; }
	#comments .commentlist .children { margin-left: 0px; padding-left: 30px; }
	#respond .required { right: 15px; }
}
	

/* #Media Queries
================================================== Custom */

/* Design for a width of 960px - 1239px */
@media only screen and (min-width: 960px) and (max-width: 1239px) {
	
	/* Menu */
	#Header .menu > li > a { padding: 8px 8px; }
	
	/* Recent works */
	.three-fourth .recent_works .inside .placeholder { width: 338px; height: 212px; left: 76px; top: 14px; }
	.one-second .recent_works .inside .placeholder { width: 210px; height: 132px; left: 56px; top: 9px; }
	.two-third .recent_works .inside .placeholder { width: 295px; height: 185px; left: 70px; top: 13px; }
	.one .recent_works .inside .placeholder { width: 466px; height: 292px; left: 96px; top: 20px; }
	
	.with_aside .three-fourth .recent_works .inside .placeholder { width: 243px; height: 152px; left: 61px; top: 10px; }
	.with_aside .one-second .recent_works .inside .placeholder { width: 147px; height: 133px; left: 45px; top: 6px; }
	.with_aside .two-third .recent_works .inside .placeholder { width: 210px; height: 138px; left: 56px; top: 9px; }
	.with_aside .one .recent_works .inside .placeholder { width: 338px; height: 292px; left: 76px; top: 14px; }
	
	/* Article box */
	.one-third .article_box .photo .overlay { width: 300px; }
	.one-fourth .article_box .photo .overlay  { width: 221px; }
	.with_aside .one-third .article_box .photo .overlay { width: 221px; }
	.with_aside .one-fourth .article_box .photo .overlay  { width: 160px; }
	
	/* Contact form */
	.one .contact_form input[type="text"] { width: 281px; }
	.one .contact_form textarea { width: 918px; }
	.with_aside .one .contact_form input[type="text"] { width: 201px; }
	.with_aside .one .contact_form textarea { width: 678px; }
	
	.three-fourth .contact_form input[type="text"] { width: 201px; }
	.three-fourth .contact_form textarea { width: 678px; }
	.with_aside .three-fourth .contact_form input[type="text"] { width: 141px; }
	.with_aside .three-fourth .contact_form textarea { width: 498px; }
	
	.two-third .contact_form input[type="text"] { width: 174px; }
	.two-third .contact_form textarea { width: 598px; }
	.with_aside .two-third .contact_form input[type="text"] { width: 121px; }
	.with_aside .two-third .contact_form textarea { width: 438px; }
	
	.one-second .contact_form input[type="text"] { width: 121px; }
	.one-second .contact_form textarea { width: 438px; }
	.with_aside .one-second .contact_form input[type="text"] { width: 81px; }
	.with_aside .one-second .contact_form textarea { width: 318px; }
	
	.one-third .contact_form input[type="text"] { width: 278px; margin-right: 0; }
	.one-third .contact_form textarea { width: 278px; height: 100px; }
	.with_aside .one-third .contact_form input[type="text"] { width: 198px; margin-right: 0; }
	.with_aside .one-third .contact_form textarea { width: 198px; height: 100px; }
	
	.one-fourth .contact_form input[type="text"] { width: 198px; margin-right: 0; }
	.one-fourth .contact_form textarea { width: 198px; height: 100px; }
	.with_aside .one-fourth .contact_form input[type="text"] { width: 138px; margin-right: 0; }
	.with_aside .one-fourth .contact_form textarea { width: 138px; height: 70px; }
	
	/* Flickr */
	.Flickr .flickr_badge_image a img {width: 60px; height: 60px; }
	
	/* Archive */
	.widget_archive li { width: 100%; float: none; }
}


/* Responsive menu */
@media only screen and (min-width: 960px) {
	#Header #menu { display:block !important; }
}
@media only screen and (max-width: 959px) {
	
	/* Header */
	#Header .sixteen { padding: 0px 0 0px; }
	#Header .logo { position: static; width: 100%; padding: 30px 0px 10px; }
	#Header .logo #logo { width: 100%; padding: 0; }
	#Header .logo #logo img { max-width: 240px; }
	
	#mfn-offer-slider { margin-top:15px;}
	#Header #menu { display:none; margin:10px -20px;}
	#Header a.responsive-menu-toggle { display:block; width: 33px; height: 33px; line-height: 33px; font-size: 18px; text-align: center; position:absolute; top: 25px; right: 0px;}
	#Header a:hover.responsive-menu-toggle { text-decoration: none; }
	
	/* main menu 1st level */
	#Header #menu > ul { width:100%; background:rgba(0,0,0,.1);}
	#Header #menu ul li	{ width: 100%;}
	#Header #menu ul li	a { padding: 15px 20px; text-align:left;}
	#Header #menu ul li.submenu .menu-toggle { width:50px; height:51px; display:block; position:absolute; right:0; top:0; border-left:1px solid rgba(255,255,255,0.1); background:url(../images/menu-plus.png) center no-repeat;}
	#Header #menu ul li.hover > .menu-toggle { background: none;}
	
	/* main menu 2nd level */
	#Header #menu ul li	ul { position:relative !important; left:0 !important;}
	#Header #menu ul li	ul li { width:100% !important;}
	#Header #menu ul li	ul li a { padding: 15px 20px 15px 40px;}
	#Header #menu ul li ul li a .menu-arrow { display: none;}
	
	/* main menu 3rd level */
	#Header #menu ul li	ul li ul li a { padding: 15px 20px 15px 60px;}	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Logo */
	#Header .logo { position: static; width: 100%; }
	
	/* Recent works */
	.three-fourth .recent_works .inside .placeholder { width: 238px; height: 149px; left: 60px; top: 10px; }
	.one-second .recent_works .inside .placeholder { width: 144px; height: 90px; left: 45px; top: 6px; }
	.two-third .recent_works .inside .placeholder { width: 207px; height: 130px; left: 55px; top: 9px; }
	.one .recent_works .inside .placeholder { width: 332px; height: 208px; left: 75px; top: 14px; }
	
	.with_aside .three-fourth .recent_works .inside .placeholder { width: 165px; height: 103px; left: 49px; top: 7px; }
	.with_aside .one-second .recent_works .inside .placeholder { width: 95px; height: 60px; left: 38px; top: 4px; }
	.with_aside .two-third .recent_works .inside .placeholder { width: 143px; height: 90px; left: 45px; top: 6px; }
	.with_aside .one .recent_works .inside .placeholder { width: 236px; height: 208px; left: 60px; top: 10px; }
	
	/* Contact us */
	.contact_us .ico { display: none; }
	.contact_us .desc { padding-left: 0px; }
	.contact_us .desc h5 { font-size: 18px; }
	
	/* Features */
	.features ul.features_list li .ico { width: 100%; float: none; }
	.features ul.features_list li .desc { width: 100%; padding-left: 0; float: none; text-align: center; }
	
	/* Article box */
	.one-third .article_box .photo .overlay { width: 216px; }
	.one-fourth .article_box .photo .overlay  { width: 158px; }
	.with_aside .one-third .article_box .photo .overlay { width: 157px; }
	.with_aside .one-fourth .article_box .photo .overlay  { width: 112px; }
	
	/* Recent works */
	.recent_works_tabber .project .title { padding: 15px; }
	.recent_works_tabber .project .title .icon { display: none; }
	.recent_works_tabber .project .desc dl dt { display: none; }
	.recent_works_tabber .project .desc dl dd { width: 100%; }
	
	/* Post */
	.post.no-photo .desc { margin-left: 70px; min-height: 80px; }
	
	/* Responsive menu */
	#Header .sixteen { min-height:73px;}
	#Header #menu { position: absolute; top: 58px; right:0; width:300px; z-index:101; margin:0;}
	#Header #menu ul,
	#Header #menu ul li { width:300px;}
	
	/* Contact form */
	.one .contact_form input[type="text"] { width: 197px; }
	.one .contact_form textarea { width: 666px; }
	.with_aside .one .contact_form input[type="text"] { width: 137px; }
	.with_aside .one .contact_form textarea { width: 486px; }
	
	.three-fourth .contact_form input[type="text"] { width: 138px; }
	.three-fourth .contact_form textarea { width: 489px; }
	.with_aside .three-fourth .contact_form input[type="text"] { width: 92px; }
	.with_aside .three-fourth .contact_form textarea { width: 352px; }
	
	.two-third .contact_form input[type="text"] { width: 118px; }
	.two-third .contact_form textarea { width: 429px; }
	.with_aside .two-third .contact_form input[type="text"] { width: 78px; }
	.with_aside .two-third .contact_form textarea { width: 310px; }
	
	.one-second .contact_form input[type="text"] { width: 79px; }
	.one-second .contact_form textarea { width: 311px; }
	.with_aside .one-second .contact_form input[type="text"] { width: 221px; margin-right: 0; }
	.with_aside .one-second .contact_form textarea { width: 221px; height: 100px; }
	
	.one-third .contact_form input[type="text"] { width: 194px; margin-right: 0; }
	.one-third .contact_form textarea { width: 194px; }
	.with_aside .one-third .contact_form input[type="text"] { width: 134px; margin-right: 0; }
	.with_aside .one-third .contact_form textarea { width: 134px; height: 100px; }
	
	.one-fourth .contact_form input[type="text"] { width: 135px; margin-right: 0; }
	.one-fourth .contact_form textarea { width: 135px; height: 100px; }
	.with_aside .one-fourth .contact_form input[type="text"] { width: 90px; margin-right: 0; }
	.with_aside .one-fourth .contact_form textarea { width: 90px; height: 70px; }
	
	/* Subpage title */
	#Subheader .sixteen .title { left: 180px; }
	
	/* Latest posts */
	.latest_posts ul.latest_posts_slider li .photo .date { display: none; }
	.latest_posts_comments { padding-top: 40px; }
	.latest_posts_comments h3 { text-align: center; }
	.latest_posts_comments .onoffswitch { right: 75px; }
	.with_aside .latest_posts_comments .onoffswitch { right: 35px; }
	
	/* Flickr */
	.Flickr .flickr_badge_image a img {width: 43px; height: 43px; }
	
	/* Recent posts */
	.Recent_posts ul li .photo { display: none; }
	.Recent_posts ul li .desc { padding-left: 0; }
	
	/* Archive */
	.widget_archive li { width: 100%; float: none; }
	
	/* Get in touch */
	.get_in_touch ul li i { display: none; }
	.get_in_touch ul li { padding-left: 0; min-height: auto; margin-bottom: 0; }
	
	/* Categories */
	.widget_categories li { width: 100%; float: none; }
	
	/* Fun facts */
	.fun_facts .num { font-size: 55px; line-height: 55px; }
	.fun_facts .num sup { font-size: 20px; top: 15px; }
	
	/* Blog */
	.post { margin-left: 30px; }
	.post .photo .date { left: -30px; width: 75px; padding: 10px; }
	.post .photo .date .day { font-size: 35px; line-height: 35px; }
	.post .photo .date .month { font-size: 14px; }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	/* Top bar */
	#Top_bar { padding: 15px 0 25px; text-align: center; }
	
	/* Social */
	#Header .social { left: -20px; width: 420px; text-align: center; }
	#Header .social li { display: inline-block; float: none; margin: 1px; }

	/* Subheader */
	#Subheader { margin: 0 -20px; }
	#Subheader .title { text-align: center; width: 100%; float: none; font-size: 30px; line-height: 30px; }
	#Subheader #Breadcrumbs { display: none; }
	
	.column-fixed > div { height: auto !important; }
	.column-fixed div.inner-padding { height: auto !important; }
	.column-fixed .call_to_action .inner-padding { height: auto !important; line-height: normal !important; }
	
	.content-padding .inner-padding { padding: 20px 0 !important; }
	
	/* Offer slider */
	#mfn-offer-slider ul.slider-wrapper li { width: 400px !important; }
	#mfn-offer-slider a.slider_control_prev { left: 10px; right: auto; top: 125px; border: 0; }
	#mfn-offer-slider a.slider_control_next { right: 10px; top: 125px; }
	
	/* Latest posts */
	.latest_posts_comments { padding-top: 40px; }
	.latest_posts_comments h3 { text-align: center; }
	.latest_posts_comments .onoffswitch { right: 100px; }
	.latest_posts ul.latest_posts_slider li .item { padding: 20px; }
	.latest_posts ul.latest_posts_slider li .item .photo { display: none; }
	.latest_posts ul.latest_posts_slider li .desc { margin: 0; width: 100%; }
	.latest_posts ul.latest_posts_slider li .desc a.button { float: right; }
	.latest_posts ul.latest_posts_slider li .desc h4, .latest_posts ul.latest_posts_slider li .desc p { padding-right: 0; }
	
	.latest_comments .inside ul li { float: none; margin: 0 0 10px 0; width: 100%; }
	.latest_comments .inside ul li p a { display: inline; }
		
	/* Contact form */
	.contact_form input[type="text"] { width: 358px !important; margin-right: 0 !important; }
	.contact_form textarea { width: 358px !important; }
	
	/* Recent works */
	.recent_works .left { width: 100%; float: none; margin-bottom: 20px; }
	.recent_works .right { width: 100%; float: none; }
	.recent_works .inside .placeholder { height: 159px !important; left: 63px !important; top: 11px !important; width: 254px !important; }
	
	/* Features */
	.features { margin: 0 -20px; }
	.features ul.features_list li { float: none; width: 100%; margin: 0 0 15px; border-top: 0; }
	.features ul.features_list li .ico { width: 100%; float: none; }
	.features ul.features_list li .desc { width: 100%; padding-left: 0; float: none; text-align: center; }
	.features ul.features_list li .desc p { margin-bottom: 0; }
	
	/* Widget area */
	.widgets_wrapper .column { margin-bottom: 0; }
	
	/* Article box */
	.one-third .article_box .photo .overlay, .one-fourth .article_box .photo .overlay { width: 380px !important; }
	
	/* Copyights */
	#Footer .copyrights {}
	#Footer .copyrights .logo { width: 100%; max-width: 100%; float: none; padding: 20px 0; }
	#Footer .copyrights .menu { width: 100%; max-width: 100%; float: none; margin: 0; display: none; }
	#Footer .copyrights .addons { width: 100%; max-width: 100%; float: none; margin: 0; text-align: center; }
	#Footer .copyrights .addons .social { width: 100%; text-align: center; }
	#Footer .copyrights .addons .social li { float: none; display: inline-block; }
	#Footer .copyrights .addons p { float: none; padding-top: 25px; margin: 0; }
	
	/* Portfolio */
	.single-portfolio .sp-inside .sp-inside-left { position: static; padding-right: 0; border: 0; width: 100%; }
	.single-portfolio .sp-inside .sp-inside-right { margin-top: 20px; padding: 0; }
	.single-portfolio .sp-inside .sp-inside-left dt { font-weight: bold; display: inline-block; clear: both; width: 30%; padding: 3px 0; }
	.single-portfolio .sp-inside .sp-inside-left dd { display: inline-block; padding: 0; width: 65%; padding: 3px 0; }

	.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; }
	
	/* Error */
	#Error_404 .error h2 { font-size: 30px; line-height: 30px; margin-bottom: 15px; }
	#Error_404 .error h4 { margin-bottom: 15px; font-size: 18px; line-height: 21px; }
	#Error_404 .error p .check { line-height: 30px; }
	
	/* Clients */
	.Our_clients_slider div.inside { margin:0 39px !important;}
	.Our_clients_slider li { width: 300px !important; box-shadow:none;}
	.Our_clients_slider a.slider_control_prev { left:0;}
	.Our_clients_slider a.slider_control_next { right: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; }
	
	/* Tabs */
	.ui-tabs .ui-tabs-nav li { float: none !important; margin: 0; width: 100%; overflow: hidden; border-width: 0 0 2px 0 !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; }
	.ui-tabs .ui-tabs-nav li a { float: none; padding: 0px !important; width: 100%; text-align: center; }
	
	/* Blog */
	.post { margin-left: 15px; }
	.post .photo .date { display: none; }
	.post .desc { padding: 0px 10px 10px; float: none; }
	.post .desc .l { float: none; width: 100%; border-right: 0; padding-right: 0; border-top-width: 1px; border-style: solid; padding-top: 15px; }
	.post .meta { display: none; }
	.post .r_meta { display: block; }
	
	.post.no-photo .desc { margin-left: 0px !important; min-height: auto !important; }
	
	/* Blockquote */
	blockquote p { font-size: 25px; line-height: 40px; }
	
	/* Gallery */
	.gallery .gallery-item .gallery-icon i { font-size: 20px; line-height: 20px; margin-left: -10px; margin-top: -10px; }
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Respond */
	#respond .comment-form-author { width: 100%; margin-right: 0%; float: none; }
	#respond .comment-form-email { width: 100%; margin-right: 0%; float: none; }
	#respond .comment-form-url { width: 100%; float: none; }
	#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 94%; }
	#respond .comment-form-comment textarea { width: 96%; }
	#comments .commentlist .children { margin-left: 0px; padding-left: 30px; }
	#respond .required { right: 15px; }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	/* Offer slider */
	#mfn-offer-slider ul.slider-wrapper li { width: 280px !important; }
	#mfn-offer-slider a.slider_control_prev { top: 82px; left: 7px; }
	#mfn-offer-slider a.slider_control_next { top: 82px; right: 7px; }
	
	/* Social */
	#Header .social { left: -20px; width: 300px; }
	#Header .social li { margin: 1px 0; }
	#Header .social li a { width: 23px; height: 23px; line-height: 23px; font-size: 23px; border-width: 2px; }

	/* Contact form */
	.contact_form input[type="text"] { width: 238px !important; float: none; clear: both; margin-bottom: 5px; margin-right: 0; }
	.contact_form textarea { width: 238px !important; margin-bottom: 5px; }

	/* Recent works */
	.recent_works .header .more { display: none; }
	.recent_works .inside .placeholder { height: 102px !important; left: 49px !important; top: 7px !important; width: 163px !important; }
	
	/* Article box */
	.one-third .article_box .photo .overlay, .one-fourth .article_box .photo .overlay { width: 260px !important; }
	
	/* Latest posts */
	.latest_posts_comments .onoffswitch { right: 30px; }
	
	/* 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; }
	
	/* Clients */
	.Our_clients_slider li { width: 180px !important; }
	
	/* Flickr */
	.Flickr .flickr_badge_image { width: 23% !important; }
	.Flickr .flickr_badge_image a img {width: 60px !important; height: 60px !important; }
}


/* #Video
================================================== Iframe */

@media only screen and (min-width: 960px) and (max-width: 1239px) {
	
	/* Blog */
	.post .photo iframe								{ height:309px;}
	.with_aside .post .photo iframe					{ height:229px;}
	
	/* Portfolio */
	.single-portfolio .photo iframe					{ height:424px;}
	.with_aside .single-portfolio .photo iframe		{ height:314px;}
}
	
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	
	/* Blog */
	.post .photo iframe								{ height:231px;}
	.with_aside .post .photo iframe					{ height:170px;}

	/* Portfolio */
	.single-portfolio .photo iframe					{ height:317px;}
	.with_aside .single-portfolio .photo iframe		{ height:233px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) { 
	
	/* Blog */
	.post .photo iframe								{ height:128px;}
	.with_aside .post .photo iframe					{ height:128px;}
	
	/* Portfolio */
	.single-portfolio .photo iframe					{ height:175px;}
	.with_aside .single-portfolio .photo iframe		{ height:175px;}
}

@media only screen and (max-width: 479px) {
	
	/* Blog */
	.post .photo iframe								{ height:87px;}
	.with_aside .post .photo iframe					{ height:87px;}

	/* Portfolio */
	.single-portfolio .photo iframe					{ height:120px;}
	.with_aside .single-portfolio .photo iframe		{ height:120px;}
}