@media (max-width: 1180px) {
	blockquote {
		margin:20px 0px !important;
		padding:45px 0;
		width:auto !important;
	}
	#home-lastestblog .right_section h1{ font-size:30px;}
.blog-single .casestudy_block.container_beforeafterimage div#beforeafterHolder{
	width: 82vw;
	height: 59vw;
}
	.blog-single .casestudy_block.container_beforeafterimage.psvita div#beforeafterHolder{
		height: 45vw;
	}

}


@media (max-width: 1000px) {
	
	#header #logo{width:80px;}
	#home-hbg{height:auto;}
	#home-hbg img{min-height:0;min-width:0}
	.blog-single .container_wide .right_section p{font-size: 16px;}
}

/* MAX-WIDTH 780 */
@media (max-width: 779px) {

.two_column {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 100px; /* Chrome, Safari, Opera */
    -moz-column-gap: 100px; /* Firefox */
    column-gap: 100px;
	padding-left: 10px;
	padding-right: 10px;
}

.blog-single .casestudy_block.scroll-background {
	background-image: none !important;
}

iframe {width: 100%;}
blockquote {margin: 10px 0px !important;padding: 25px 0; display: block;}

#header {height: 74px;}
#header .open #logo a{background: url('../images/header/demomedia_logo_white.svg') no-repeat 0% 0%; background-size:100%}
#header #logo{padding:10px 0 0 0}

#menu .normal-menu{display:none;}
#menu .mobile-menu{display:block;}

	#menu{height:100%;}
	#menu .menu_shadow{background: url('../images/header/menu_shadow_480.png') no-repeat 50% 0%;}
	#menu .container{height: auto;min-height: 100px; padding: 0; border:0;}
	#menu .row{margin:0}
	#menu .row nav{padding:0}

#menu .navbar-header{
	height:74px;
	position: absolute;
	width: 100%;
	background: url('../images/header/mobile_repeat_before.png') repeat-x 0% 70%;
	transition: background 0.8s ease-in;
	-webkit-transition: background 0.8s ease-in;
	-moz-transition: background 0.8s ease-in;
	-o-transition: background 0.8s ease-in;
	}
#menu .navbar-header.open{
	/*background: url('../images/header/mobile_repeat.png') repeat-x 0% 70%;*/
	background:#000;
}

#menu .navbar-nav {
 margin: 0;
 min-height: auto;
}
	#menu ul.nav{
		float:left;
		width:100%;
	}
		#menu ul.nav li{
			width:100%;
			margin:0;
			padding:0;
			text-align:left;		
		}
		#menu ul.nav li a{
			font-size:26px;
			font-weight:600;
			color:#fff;
			padding:10px;
		}
	#menu ul.nav ul.cs_menu{float:left;margin-left:10px;padding-top:10px;}
		#menu ul.nav ul.cs_menu a{color:#b9b9b9;display: block; padding:10px 0 10px 20px;text-transform: none;}
		#menu ul.nav ul.cs_menu a:hover{color:#007eff}
	
	#menu .blog-header{padding-top:50px}
	#menu .each-blog-header{padding:20px 0}
	#menu .each-blog-header a{font-size:42px; color:#fff;font-weight: 600;}
	#menu .each-blog-header a:hover{color:#007eff;}
	#menu .each-blog-header .date{font-size:17px; color:#a6a6a6; text-transform:uppercase;}

#menu .navbar-inverse {background-color: transparent;border-color: transparent;}
	#menu .navbar-inverse .navbar-toggle:hover, #menu .navbar-inverse .navbar-toggle:focus {background-color: transparent;}
	#menu .navbar-inverse .navbar-toggle {border-color: transparent; }
#menu .nav>li{display:inline-block;}

#menu .collapsing {
	transition:opacity 0.3s linear; 
	-webkit-transition:opacity 0.3s linear; 
	-moz-transition:opacity 0.3s linear; 
	-o-transition:opacity 0.3s linear;
}

#menu .navbar-collapse.collapse.in{
	background:url('../images/transparent_80.png') repeat 0% 0%;
	opacity:1.0;
	transition:opacity 0.3s linear; 
	-webkit-transition:opacity 0.3s linear; 
	-moz-transition:opacity 0.3s linear; 
	-o-transition:opacity 0.3s linear;
}

#menu .navbar-collapse.collapse{
	transition:opacity 0.3s linear; 
	-webkit-transition:opacity 0.3s linear; 
	-moz-transition:opacity 0.3s linear; 
	-o-transition:opacity 0.3s linear;
}
#menu .navbar-collapse {
    opacity: 0;
	width: auto;
    height: auto;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;

}
	#menu .navbar-toggle:hover .icon-bar {background:#fff !important;}
	#menu .navbar-toggle.collapsed:hover .icon-bar {background:#555 !important;}

	#menu .navbar-toggle.collapsed .icon-bar{
		background-color: #515151;
	}

	#menu .navbar-toggle.collapsed .icon-bar.first, #menu .navbar-toggle.collapsed .icon-bar.middle{
		position: absolute;
		margin-bottom: 6px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);

	}
	#menu .navbar-toggle.collapsed .icon-bar.first{top:0;}
	#menu .navbar-toggle.collapsed .icon-bar.middle{top:11px;}
	#menu .navbar-toggle.collapsed .icon-bar.last{top:22px;display:block;}


	#menu .navbar-toggle .icon-bar{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		background-color: #fff;
	}
		#menu .navbar-toggle .icon-bar:hover{
			background-color: #fff;
		}

	#menu .navbar-toggle .icon-bar.first{
		position: absolute;
		top: 0;
		left:0;
		margin-top: 0;
		margin-bottom: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#menu .navbar-toggle .icon-bar.middle{
		position: absolute;
		top: 0;
		left:0;
		margin-top: 0;
		margin-bottom: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#menu .navbar-toggle .icon-bar.last{
		position: absolute;
		top: 0;
		left:0;
		margin-top: 0;
		margin-bottom: 0;
		display:none;
	}

	#menu .navbar-toggle{
		border: 0px solid transparent;
		border-radius: 0; 
		margin:0;
		padding:0; 
		position: absolute;
		float: none;
		top: 25px;
		right: 10px;
		background:transparent;
		width:32px;
		height:32px;
	}
	#menu .navbar-toggle.collapsed{background:transparent;}
	#menu .navbar-toggle:hover{background:transparent}

	#menu .navbar-toggle .icon-bar,
	#menu .navbar-brand{padding:0;width: 32px; height: 5px;margin-bottom: 6px;}


	#menu .navbar-collapse .menu-header{
			float:left;
			width:100%;
			padding: 50px 0;
	}


/* HOME */

#home-hbg, #home-hbg .moving-bg {background-image: none !important; padding: 0;}
#home-hbg .backimg {display:block;overflow: hidden;}
#home-hbg .backimg img{display:block;min-height: 0;min-width: 0;}

#home-casestudy {padding: 10px 0;}

#home-lastestblog .halfwidth{width:100%; height:auto;}
#home-lastestblog .left_section img {min-height: 0;min-width: 0;}
#home-lastestblog .right_section .blog_title{padding-bottom:10px;}
#home-lastestblog .right_section .date{padding-bottom: 10px;}
#home-lastestblog .right_section a.link{padding:0}



/* SINGLE  */

#casestudy-list .halfwidth{width:100%; height:auto;}
#casestudy-list .halfwidth .content_holder{padding: 20px 20px 100px 20px;}

	
/*CASE STUDIES */

#casestudy-list .halfwidth{width:100%; height:380px}
#casestudy-list .halfwidth .content h2{max-width:100%}

/*CASE STUDIES - SINGLE */

#single-casestudy-list .halfwidth,
.blog-single .casestudy_block .halfwidth, .cs-single .casestudy_block .halfwidth,
#Bottom_Nav .each_PreNex.halfwidth{clear:both;width:100%; height:auto;}
#Bottom_Nav .each_PreNex img{min-height:300px;}

#single-casestudy-list .halfwidth .content_holder {	
	float:left;
}
	#single-casestudy-list .halfwidth .content_holder a.button{
		position:relative;
		float:left;
		left:0;
	}


.blog-single.cs-single #blog-single-share .entry_share{ padding-top:0;}
.blog-single.cs-single #blog-single-share .entry_share .share_button{padding-top:0;}

.blog-single .container_wide .left_section.halfwidth{height:auto}
.blog-single .container_wide .left_section img{ min-height:0; min-width:0;}
.blog-single .container_wide .right_section{padding:20px;}
.blog-single .container_wide .right_section p{font-size: 20px;}


.blog-single .casestudy_block.container_icon_block .halfwidth.left.first{
	border-top:0px solid #3b78b7 !important;
}

.blog-single .casestudy_block.container_icon_block .halfwidth{
	height: auto;
	border-top:1px solid #3b78b7 !important;
	border-right:0px solid #3b78b7 !important;
}

.blog-single .casestudy_block.container_beforeafterimage div#beforeafterHolder{
	width: 75vw;
	height: 54vw;
}

.blog-single .casestudy_block.container_beforeafterimage.psvita div#beforeafterHolder{
	height: 41vw;
}

.blog-single .casestudy_block.container_beforeafterimage div#beforeafterHolder figure #before_img .clicker{
	display:none;
}

/* BLOG LIST */
.width_3box {float: left;width: 50%;}

#blog-list-top{height:auto; padding-left: 10px;padding-right: 10px;}
#blog-list-top img{min-width:850px;}

#blog-list-top {background-image: none !important; padding: 0;}
#blog-list-top .backimg {display:block;overflow: hidden;}
#blog-list-top .backimg img{display:block;min-height: 0}


#blog-list-rest .box_padding{padding-left:30px; padding-right: 30px;}

.navigation{height: auto;}
.wp-paginate{display:none;}
.mobile-pagination{display:block;}

/* BLOG SINGLE */

.blog-single img{max-width: 100%;height: auto;}
.blog-single #blog-single-image {background-image: none !important;padding: 0;}
.blog-single #blog-single-image .container {display:none;}
.blog-single #blog-single-image .backimg {display:block;overflow: hidden;}
.blog-single #blog-single-image img{display:block;min-height: 0;min-width: 0;}



.blog-single #blog-single-share{text-align:center;}
	.blog-single #blog-single-share .entry_share{clear:both;float:none; padding-top:40px;display:inline-block;}
	.blog-single #blog-single-share .entry_share .share_button{ float:none; height:20px; display:inline-block;}

/* SOCIAL */

#twitter-list .twitterbottom .twittereach{	min-height:260px;}
#twitter-list .twitterbottom .twittereach.last{width:100%; min-height:150px;}
#twitter-list .twitterbottom #post_twitter_2.twittereach{border-right:0px solid #0e90c1;}
.width_4box {float: left;width: 50%;}
.width_6box {float: left;width: 33.333%;}


/* CONTACT US */
#contact-top .container{padding-top:20px; padding-bottom:0;}
#contact-map	#google_map_holder{height:300px;}
#contact-top .halfwidth{width:100%; padding:10px 0}
#contact-top .halfwidth.borderright{border-right: 0px solid #b8babb; border-bottom: 1px solid #b8babb}

/* FOOTER */
#footer_other .footer_copy {padding-left: 0;}

#Bottom_Nav .each_PreNex {padding: 20px 0;height: auto;}

/* 404 */

.error404-text-holder{height:auto;}
	.error404-text-holder .error404-text-inner{
		padding-top: 0;
	}

}


/* MAX-WIDTH 480 */
@media (max-width: 479px) {
	

h1{font-size: 9vw !important;}
h2{font-size: 8vw !important;}
h3{font-size: 6.4vw !important;}
p,time{font-size: 5vw !important; line-height: 170%}
blockquote {margin: 5px 0px !important;padding: 10px 0;}

#backtotop{display:none !important;}
.halfwidth, .width_3box {float: left;width: 100%;}




#menu .navbar-header{padding:0 10px}
#menu .blog-nav{display:none}

#menu ul.nav{padding-top:20px;}
#menu ul.nav ul.cs_menu {padding-top: 0;}
#menu ul.nav ul.cs_menu a{padding: 5px 0 5px 20px;}

#home-hbg {height: auto;}
	#home-hbg .backimg img{min-height: 300px;min-width: 510px;}
#home-casestudy {padding: 70px 0;}

#home-lastestblog .right_section{height:auto}



/* BLOG LIST */
#blog-list-top img{left: -50%; }


#blog-list-rest {padding-left:10px;padding-right:10px;}
#blog-list-rest .box_padding{padding-left: 0;padding-right: 0;}

#blog-list-rest .blog-each{height:auto}
	#blog-list-rest .blog-each h1{padding-bottom: 30px; min-height: 0;}
	#blog-list-rest .blog-each .content {display:none;}
	#blog-list-rest .blog-each time{padding:10px 0}


	#blog-list-rest .blog-each .image {	height: 100%;max-height: inherit;}
	#blog-list-rest .blog-each .image img {width:100%}

/* BLOG SINGLE */

/*.blog-single .casestudy_block{padding:10px 0;}*/
.blog-single h1{padding:25px 0}
.blog-single h2{padding:20px 0}

.blog-single #blog-single-share .tag_holder .cat_type{line-height:100%;height:auto;padding:10px 20px;}
.blog-single #blog-single-share .entry_share{ padding-top:40px; width: 100%; clear:both}

.blog-single #blog-single-image{min-height: 300px;}
.blog-single #blog-single-image img{min-height: 300px; min-width: 510px;}
.blog-single #entry-author-info .author_info h1{ font-size:6vw !important}

.blog-single.page-single h1.title{padding:20px 0 15px 0;font-size: 7vw !important;}
.blog-single.page-single h1{padding:10px 0; font-size: 14vw !important;}

.blog-single #entry-tags {height:120px;}
.blog-single #entry-tags .each_tag{font-size: 5.5vw !important;}

.blog-single .casestudy_block.container_beforeafterimage .beforeafter_mobile{
	display:block;
}
.blog-single .casestudy_block.container_beforeafterimage .beforeafter{
	display:none;
}

.blog-single .casestudy_block.container_beforeafterimage div.beforeafterHolder figure .before_img,
.blog-single .casestudy_block.container_beforeafterimage div.beforeafterHolder figure .before_img .clicker{display:none;}




#casestudy-list .halfwidth .content_holder h1{font-size: 5vw !important;}

#Bottom_Nav .each_PreNex {padding: 10px 0;height: auto;}
#Bottom_Nav .each_PreNex .cat_type{margin:10px 0;}
#Bottom_Nav .each_PreNex .top_heading{padding-bottom:0;}
#Bottom_Nav .each_PreNex h1{padding:0;}
#Bottom_Nav h1 a{font-size: 7vw !important;line-height: 100%;}
#Bottom_Nav .each_PreNex time {padding: 5px 0;}
#Bottom_Nav .each_PreNex.halfwidth {height:200px;}
#Bottom_Nav .each_PreNex.halfwidth .container .content{display:none}

/* CONTACT US */
#contact-top{height:auto;}
	#contact-top .container .content{padding:0}
	#contact-form .title{font-size:40px;}
	#contact-top img {
		min-height: 600px;
		min-width: 1000px;
	}

/* SOCIAL */
#social-header h1{font-size: 15vw !important;}
.width_4box{width:100%}
.width_6box{width:50%;}

.topstrip-header{font-size:32px; height: 180px;}

#twitter-list .twitterbox.twittermain{padding:30px 10px;}
	#twitter-list .twitterbox.twittermain .text{font-size:32px}

#twitter-list .twitterbottom {margin-top: 10px;}
	#twitter-list .twitterbottom .twittereach{min-height:0;border-right: 0px solid #0e90c1;padding:0 10px 10px 10px}


/*FOOTER*/

#footer{height: 360px;padding: 30px 10px;}
	#footer .footer_left{padding-top:0;}
#footer #logo {margin-bottom: 30px;}

#footer .footer_nav{clear:both}
	#footer .footer_nav .menu-header {padding-top: 30px;}
	#footer .footer_nav ul li a{padding:10px 0;}



#footer .footer_right .pinicon{margin-bottom: 30px;margin-top: 20px;}
#footer_other{text-align:center;height: 120px;}
	#footer_other .footer_copy{padding-top:20px;text-align:center; width:100%}
	#footer_other .footer_icon_holder {float:none;display:inline-block}
		#footer_other .footer_icon_holder .icon_holder{margin-left:0; margin-right:15px}


/* 404 */

#error404-robotcop h1{font-size:45px}

.cop-img{clear:both;float:right; width:100%}
.cop-text{float:left;width:100%}
.error404-text-holder .error404-text-inner{position:relative;}


}