@media (max-width: 1050px) {
#h-bottom span{ margin:0 0 40px 0; width:100%; }
#h-bottom h2{margin:0 0 0 15px;}
#h-bottom h3{ margin:0 0 0 15px;}
#h-bottom h4{ margin:0; padding:15px;}
#h-bottom p{padding:10px 0 15px 15px;}
#h-bottom .more{ margin:0 0 0 15px;}
}
@media (max-width: 1000px) {
.txt-hide{display:none}
.txt-show{display:block}
.tp-caption{left:40px!important}
.bgblack{left:20px!important}
.circle-menu{display:none}
#section0 h3{font-size:18px}
#section0 .iconinfo{max-width:65px}
}
@media (max-width: 990px) {
.desktop{display:none !important;}
.mobile{display:block !important;}
.main { width:100%; }
.left-side{ background:#FFF; padding: 0 !important; display:none;}
.left-mobile{ background:#FFF; padding: 0 !important; display:block;}
.buttonset{ display:block;}
.border-left{ border-left:0}
.space{ display:none;}
#h-bottom .add{ width:100%; float:left; }
#h-service{padding:0 30px !important; }
#h-service .head{padding:0; }
#h-service .s-more{padding:0; }
#h-service h3{margin:15px 0 15px 0;}
#h-service .more{ margin:15px 20px;}

#our-project li, #press li, #show-reel li{ width:100%; float:left;}
#show-reel .job span{ height:auto;}
#show-reel .job p{font-size:1.2em; padding:7px 3px; margin:0;}

#h-service .more{margin:15px 0;}
#h-service h3{padding:3px 7px; background:#720C2B;}
#h-service li{ width:100%; display:inline-block; }
#h-service li img{ width:100%;}

#show-reel .clip iframe{ height:200px;}

#contact .address{ padding:0 30px !important;}
#contact .address li{ border-left:0; padding:0;}
#contact .address li:first-child{ margin-bottom:30px;}
#contact .address li:last-child{ margin-top:30px;}
#contact .f-contact { display:block;}
#contact .f-contact .form { width:100%; padding:0 !important; display:block;}
#contact .f-contact .form li{ width:100%; display:block;}
#contact .f-contact .form li:first-child{ margin-bottom:20px;}
#contact .f-contact .form label{ width:30.333% !important; display:inline-block}
#contact .f-contact .form input{ width:69.3333% !important; float:right;}
#contact .f-contact .form textarea{ width:69.3333% !important; float:right; line-height:20px;  padding-top:10px; padding-bottom:10px; border:0; resize:none;}
#contact .f-contact .form p{ margin:0; padding:0; display:inline-block !important;}
#contact .f-contact .form .submit{ width:100% !important; display:block;}
}

@media (max-height: 526px) {
#section0 .iconinfo{max-width:52px}
#section0 h3{font-size:16px;margin-top:2px}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.sec1-img img{max-width:550px;height:auto;width:100%}
.highlight-right{display:block}
.footer{display:block}
.footer-mobile{display:none}
}