/* -------------------------------------------------------------- */
/* --- REPSONSE 980px ------------------------------------------- */
/* -------------------------------------------------------------- */

@media screen and (max-width:1200px) {
.map-overlay {display: block;}
	
.home-page-grid-list > li img {height: auto;}

/*  work  */
.work-page-grid-list.columns6 > li {width: 24.9% !important;}
.work-page-grid-list.columns6 > li.double-item {width: 49.9% !important;}

/* blog */
ul.blog-articles li {width: 33.3%;}
ul.blog-articles li.double-element {width: 66.5%;}

img.big-monitor-img.inline-block, img.inline-block.small-cellphone {width: 100%;}

/*  hover disabling  */
.home-hover-bg, .home-hover-data {display: none;}

/*  blog  */
ul.blog-articles li.already-visible:hover img {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: -moz-translateY(0);
	-ms-transform: -ms-translateY(0);
	opacity:1 !important;
}

ul.blog-articles li img {
	transform: translateY(120px);
	-webkit-transform: translateY(120px);
	-moz-transform: -moz-translateY(120px);
	-ms-transform: -ms-translateY(120px);
	transition: transform 0.8s, opacity 0.8s;
	-webkit-transition: -webkit-transform 0.8s;
	opacity: 0;
}
ul.blog-articles li.already-visible img {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: -moz-translateY(0);
	-ms-transform: -ms-translateY(0);
	opacity:1;
}
.blog-articles li:hover .link-wrap {left:0;}

.container.content .text > div > *:not(img) {margin: 0 12px;}
}




/* -------------------------------------------------------------- */
/* --- REPSONSE 768px -------------------------------------------- */
/* -------------------------------------------------------------- */
@media screen and (max-width:992px) {
/* blog */
ul.blog-articles li {width: 50%;}
ul.blog-articles li.double-element {width: 100%;}

.default-img-overlay .col-md-6 {text-align: center !important;}
.footer-bg-setting > * {float: none !important; display: inline-block;}

.work-hover-wrap {display: none;}

.main-content-wrapper > .full-width-container > img, .main-content-wrapper > video {width: 200%; margin-left: -100%;}

.quote-icon i {font-size: 20px; padding:12px; line-height: 20px;}
.quote-block-wrap {margin: 0 80px;}
}




/* -------------------------------------------------------------- */
/* --- REPSONSE 440px ------------------------------------------- */
/* -------------------------------------------------------------- */
@media screen and (max-width:768px) {
/* work */
.work-page-grid-list.columns6 > li {width: 49.9% !important;}
.work-page-grid-list.columns6 > li.double-item {width: 100% !important;}

.main-content-wrapper > .full-width-container > img, .main-content-wrapper > video {width: 250%; margin-left: -120%;}

.home-page-header .nav-list li a {background: #fff;}

.quote-icon i {font-size: 20px; padding:12px; line-height: 20px;}
.quote-block-wrap {margin: 0 80px;}

#cell-phone-height .col-md-2 {width: 16.66%;}
#cell-phone-height .col-md-8 {width: 66.66%;}
}




/* -------------------------------------------------------------- */
/* --- REPSONSE 300px ------------------------------------------- */
/* -------------------------------------------------------------- */

@media screen and (max-width:440px) {
	
ul.blog-articles li, ul.blog-articles li.double-element {width: 100%;}

.home-page-grid-list.columns6.js-masonry > li {width:50% !important;}
.home-page-grid-list.columns6.js-masonry > li.double-item {width:100% !important;}

.main-content-wrapper > .full-width-container > img, .main-content-wrapper > video {width: 300%; margin-left: -180%;}
	
.footer-bg-setting > * {float: none !important; display: inline-block;}

.quote-icon i {font-size: 14px; padding:8px; line-height: 14px;}
.quote-block-wrap {margin: 0 50px;}


#cell-phone-height .col-md-8 img {width: 200%; margin-left: -50%;}
}