/*============================================================================================= Company : PT Web Architect Technology - webarq.com Document : MediaQuery 1366 Author : Rizki Nida Chaerulsyah - akuiki.net ==============================================================================================*/ /* structure ----------------------------------------------------------------------------------------------*/ .content{width: 460px} .m480{display: block;} /* header ----------------------------------------------------------------------------------------------*/ header .btn_header {position: absolute;opacity: 0;top:-200px } header .btn_header.m480{float: none;display: block;width: 245px;margin:30px 0 0 30px;position: relative;top: auto;opacity: 1} header .btn_header.m480 a{ float: left; margin: 0 20px 0 0; padding: 0px 10px 0px 40px; border: 1px solid #CCC; } header .btn_header.m480 a:last-child{margin: 0;} header.active .btn_header a.get_info {width: 60px;} header .btn_header a img {left: 12px} header .tel480{right:100px;} /* middle ----------------------------------------------------------------------------------------------*/ #middle .wrap_banner.home .banner_home .lighting_shadow {width: 200%;left: -50%;} #middle .wrap_banner.home .caption {width: 340px;} #middle .wrap_banner.home .caption h1 {letter-spacing: -1px;margin-bottom: 30px} #middle .wrap_banner.home .caption h5 {display: none;} #middle .wrap_banner.home .scrollI{display: none} #middle section h6 {max-width: 100%;font-size: 12px;line-height: 20px;letter-spacing: 2px;} #middle .wrap_banner.home .banner_home , #middle section.wrap_banner .banner_std {position: absolute;margin: 0;} #middle section.services {height: auto; } #middle section.services .content {width: 420px;} #middle section.our_client .box_client .text h5 {font-size: 18px;} #middle section.our_client .box_client .text h6 {font-size: 12px;} #middle section .nav_slide .direction.next a {padding:36px 0 36px 134px} #middle section .nav_slide .direction.prev a {padding:36px 134px 36px 0} #middle section.case_studies{padding-top: 0;} #middle section.case_studies h2{display: none;} #middle section.case_studies h6{display: none;} #middle section.connect .connect_, #middle section.connect {height: auto;} #middle section.connect .box_connect {width: 460px;margin-bottom: 25px} #middle section.connect .box_connect .desc {width: 270px;} #middle section.connect p.pfoot {width: 420px;} #middle section.wwa .left .text {width: 405px;} #middle section.our_vision .text, #middle section.wwd .text {width: 430px;padding-top: 105px;} #middle section.wt {height: auto;padding:0 0 65px} #middle section.wt .content .left{width: 460px;} #middle section.wt .content .right{width: 430px;margin: 0 0 0 15px;} #middle section.wt .left .box_images {margin: 0 8px 30px 8px;} #middle section.our_vision .text{padding-top: 160px} #middle section.recognition {height: auto} #middle section.recognition .content, #middle section.recognition .inner_content {width: 420px;} #middle section.recognition .inner_content .box_recog { float: none; width: 344px; margin:0 auto; } #middle section.services_top{padding: 0 0 65px} #middle section.services_top .content, #middle section.services_top .content .left, #middle section.services_top .content .right{width: 425px;} #middle section.services_top .content .right{margin-top: 10px} #middle section.services_middle .content {width: 460px;} #middle section.services_middle .services_logo .logo_animate img{width: 460px} #middle section.services_middle .services_logo {width: 460px;height: 190px} #middle section.services_middle .box_detail.d1 {left: 3px;} #middle section.services_middle .box_detail.d2{left:135px } #middle section.services_middle .box_detail.d3{left:290px } #middle section.services_middle .box_detail.d4{left:137px } #middle section.services_middle .box_detail.d5{left:270px } #middle section.services_middle .box_detail.d6{left:425px } #middle section.services_middle .box_detail .label {width: 100px;} #middle section.services_middle .box_detail.top .label {left: 32px;} #middle section.services_middle .box_detail ul { width: 125px; height: 250px; padding: 10px 15px; font-size: 9px; } #middle section.services_middle .box_detail ul h2{font-size: 9px;} #middle section.services_bottom .content {width: 340px;} #middle section.services_bottom .content hr, #middle section.services_bottom .content .blueBorderButtton{display: none} #middle section.banner_casestudy .images{width: 100%;} #middle section.banner_casestudy .caption {display: none} #middle section.banner_casestudy .nav {display: none} #middle section.casestudies_list .content {} #middle section.casestudies_list .menu_category {width: 340px;} #middle section.casestudies_list .menu_category {text-align: center;} #middle section.casestudies_list .menu_category .search { display: block; position: relative; top: auto; background: url(../images/material/search_ico.png) no-repeat 308px center; width: 308px; margin: 30px auto 0 6px; } #middle section.casestudies_list .menu_category .drop_downbox {text-align: left;margin-left: 6px} #middle section.casestudies_list .menu_category .drop_downbox span {padding: 0 10px} #middle section.banner_dcasestudy .dcase_study_slide {margin-top: 0} #middle section.share.top .right {min-width: 164px} #middle section.share .left {min-width: 316px;} #middle section.share a {width: 51.8px} #middle section.share a.share_ico img{left: -10px} #middle section.share a.direction._left img {right: -79px;} #middle section.share a.direction._right img {right: -9px;} #middle section.share .left a:first-child{border-left: none;} #middle section.share .right a:last-child{border-right: none;} #middle section.share a.text {font-size: 14px} #middle section.project_story .content, #middle section.project_detail .content {width: 440px;} #middle section.project_story .wrap_psSlide { width: 385px; margin: 0 auto; height: 353px; padding-bottom: 1px; padding-bottom: 60px; } #middle section.project_story .wrap_psSlide .slide{height: 353px;overflow: hidden;} #middle section.project_story .wrap_psSlide .bx-controls-direction a {height: 60px;} #middle section.project_story .wrap_psSlide .bx-controls-direction a.bx-prev {left: -35px;} #middle section.project_story .wrap_psSlide .bx-controls-direction a.bx-next {right: -35px;} #middle section.project_story .ps_slide .slide .bt_{top: 145px} #middle section.project_story .ps_slide .slide .bt_ a {margin: 0 5px} #middle section.dp {height:auto} #middle section.dp .content .box_dp:nth-child(4){ border:none; } #middle section.dp .content .box_dp {width: 32%;margin: 0 0 60px } #middle section.result .content {width: 365px;} #middle section.result .content .box_result { float: none; width: 365px; height: 370px; padding-bottom: 50px; border:none; border-bottom:1px solid #004578; } #middle section.result .content .box_result .wrap_charts {margin: 0 auto;height: 230px;} #middle section.result .content .box_result:nth-child(4) {border:none;margin: 0} #middle section.result p {display: none} #middle section.sec3 h2 {width: 370px;line-height: 30px;font-size: 21px;margin: 0px auto 25px auto} #middle section.casestudies_list .content {width: 360px;} #middle section.casestudies_list.blog_list .menu_category , #middle section.casestudies_list.blog_list .content {width: 302px;} #middle section.casestudies_list.blog_list .menu_category span{padding: 0px 11px;} #middle section.casestudies_list.blog_list .menu_category .search { background: url(../images/material/search_ico.png) no-repeat 270px center; width: 270px; margin: 30px auto 0 0px } #middle section.share.top.blog {margin-top: 70px;} #middle section.career_list .content {width: 460px;} #middle section.career_list .box_career.last, #middle section.career_list .box_career {float:none;margin: 0 auto 30px auto;} #middle section.contact_top .wrap_navtab .spar { top: 25px; width: 110px; } #middle section.form_contact .content_tab {width:420px} form .row input[type=text], form .row textarea, form .row.floating_input textarea {width: 400px} #middle section.contact_top .wrap_navtab .spar_3 { top: 75px; height: 130px; width: 1px; } #middle section.banner_dcasestudy {margin-top: 0} /*popup ----------------------------------------------------------------------------------------------*/ .wrap_popup_form .inner_content {width:420px;margin-top: 25px;} .wrap_popuprecog .mCSB_scrollTools .mCSB_draggerContainer, .wrap_popup_form .mCSB_scrollTools .mCSB_draggerContainer{display: none;} .wrap_popuprecog .right img.set_image{max-width: 90%} .wrap_popuprecog .left .text {width: 430px;} .wrap_popupcareer .detail_req .left {width: 420px;} .wrap_popupcareer .detail_req .right {width: 380px;} .wrap_popupcareer .tab_2 {width: 420px;} .wrap_popupcareer form .row input[type=text], .wrap_popupcareer form .row textarea, .wrap_popupcareer form .row.floating_input textarea {width: 400px;min-width: 400px} /*footer ----------------------------------------------------------------------------------------------*/