.font_14em{font-size:14vh;}
.font_13em{font-size:13vh;}
.font_12em{font-size:12vh;}
.font_11em{font-size:11vh;}
.font_tenem{font-size:10vh;}
.font_9em{font-size:9vh;}
.font_8em{font-size:8vh;}
.font7_5em{font-size:7.5vh;}
.font_7em{font-size:7vh;}
.font_6em{font-size:6vh;}
.font_5em{font-size:5vh;}
.font_4em{font-size:4vh;}
.font4_5em{font-size:4.5vh;}
.font_3_9em{font-size:3.9vh;}
.font3_8em{font-size:3.8vh;}
.font3_5em{font-size:3.5vh;}
.font_3em{font-size:3vh;}
.font2_8em{font-size:2.8vh;}
.font2_5em{font-size:2.5vh;}
.font2_3em{font-size:2.3vh;}
.font_2em{font-size:2vh;}
.font1_7em{font-size:1.7vh;}
.font1_8em{font-size:1.9vh;}
.font1_5em{font-size:1.5vh;}
.font1_3em{font-size:1.3vh;}
.font1_2em{font-size:1.2vh;}
.font_1em{font-size:1vh;}
.font0_7em{font-size:0.8vh;}
#page_head{font-size:3vh;margin-right:0;margin-bottom:0;}
#menu_link{width:3vh;vertical-align:middle;}
.service_brief{top:10vh}
.header_lanscape{display:block;}
.header_portrait{display:none;}
.projects_box{margin-top:15vh;width:80%;}
.brand_align{float:left;margin-top:-20vh;}
.brand_des{float:left;width:59%;}
.well_m{z-index:1;}
.well_m img{width:100%;-moz-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-filter:brightness(100%);-moz-filter:brightness(100%);-o-filter:brightness(100%);filter:brightness(100%);z-index:3;}
.well_m .image{position:relative;width:97.5%;z-index:3;}
txt{position:absolute;top:40%;width:96%;color:#fff;display:none;line-height:80%;padding:2%;text-align:center;}
.well_m img:hover, .well_m img:hover ~ txt:hover{-moz-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-filter:brightness(10%);-moz-filter:brightness(10%);-o-filter:brightness(10%);filter:brightness(10%);z-index:3;}
.well_m:hover txt{display:inline-block;z-index:4;}
.pre-logo{ position:absolute; bottom:4vh; right:4vh; width:15%}
.loading_txt{ margin-top:2vh; margin-left:2vh; }
@media screen and (min-aspect-ratio:13/9){.l_view{display:block;}
.m_view{display:none;}
.explore_service{margin-left:20%;}
.explore_service_box{top:40%;}
}
@media screen and (max-aspect-ratio:13/9){
.loading_txt{ text-align:center; }  
.pre-logo{width:60%}
#menu_link{width:8vw;}
.explore_service_box .font_tenem{font-size:9vh;}
.explore_service_box .font_3em{font-size:2vh;}
#section6 .centere_content .font_1em, .pad15 .font_2em{font-size:1.5vh;}
#section4 .font_5em, #section7 .font_6em{font-size:3vh;}
#section3 .font_tenem{font-size:7vh;}
#MultiCarousel1 img{max-width:25px;}
#section2 .font_5em{font-size:5vh}
#section1 .font_2em{font-size:2.5vh;}
.header_lanscape{display:none;}
.header_portrait{display:block;}
.service_brief{top:0;}
.video-background{display:none;}
.banner_1{background:url(../images/mobile/main.png) no-repeat center;background-size:cover;}
.banner_1 .centere_content{display:block !important;}
.banner_1 .centere_content{top:40vh;}
/*.col-sm-offset-4{margin-left:0}
.col-sm-4{width:100%}*/
.l_view{display:none;}
.m_view{display:block;}
.banner_1 ul{margin-top:24vh;}
.banner_2{background:url(../images/mobile/men.jpg) no-repeat right;background-size:cover;}
.work_left_btn{left:auto;right:5vw;top:50vh;}
.third_page{line-height:6vh;}
.work_left_btn img{max-width:9vh !important;}
.work_btm{padding-top:10vh;padding-bottom:5vh;height:40vh;}
.container{width:85vw;}
.ad_logo{width:15vw;}
.m_first, .m_last{width:100%;padding-top:20vh;height:100vh}
.contact_h3{text-align:center;}
.contact_link{width:25vw;}
.map_close{width:20vw;height:20vh;right:10vw;}
#map-responsive{position:absolute !important;top:100vh;}
.projects_box{width:100%;padding:0;}
.explore_service{margin:0;float:left;}
.explore_service_box{top:33%;}
.m_hide{display:none;}
.service_detail .img-responsive{max-width:none;max-height:60vh;}
.explore80p{height:40vh;}
.explore20{height:20vh;overflow:hidden;}
.explore50{height:50vh;overflow:hidden;}
.grey_shade_p{overflow:hidden;webkit-filter:opacity(25%);-moz-filter:opacity(25%);-o-filter:opacity(25%);filter:opacity(25%);}
.brand_align{float:left;margin-top:15vh}
.brand_des{float:left;width:100%;}
.marketing_right{width:100%;height:50vh;margin-top:0;float:none;}
.marketing_page{background-position:right;}
.marketing_left{height:50vh;width:100vw;padding:0;margin:0;float:none;}
.its_left img{width:50vw;height:25vh;}
.sthank_page{background:url(../images/mobile/thank.jpg) no-repeat right;background-size:cover;}
.thanks_box{margin:0;margin-top:50vh;height:50vh;width:100vw;padding-left:8vw;padding-top:8vw;}
.logo_b{margin-top:2vh;margin-left:2vh;}
.menu_b{margin-top:2vh;margin-right:2vh;}
.footer_circle{width:40vw;background:rgba(0,0,0,0.8);position:absolute;bottom:0;left:30vw;text-align:center;vertical-align:bottom;padding-top:2vh;padding-bottom:2vh;cursor:pointer;}
.border_b{border:solid 1px #000;}
.well_m .img-responsive{width:100%;vertical-align:top;}
.work_banner .row{-moz-column-width:33vw;-webkit-column-width:33vw;-moz-column-gap:0;-webkit-column-gap:0;}
.item{display:inline;padding:0;width:auto;z-index:99999}
.work_banner .row{margin:0;}
.footer_items img{max-width:15vw;margin-top:7vh;}
.branding, .marketing, .it_solution, .web_program, .intrior{background:none;}
#ourstory{bottom:-90vh;height:90vh;}
.work_left_btn img{width:auto}
.story{width:85vw;padding-top:5vh;}
.st_head{color:#000;width:100vw}
.clients .centere_content{padding-top:35vh !important;}
.brand_box{padding-top:4vh;}
.form_fields input{padding:1vh;}
.contact_form{padding:3vh 2vw;width:90vw;margin:0 auto}
.work_banner{background:#000;background-size:cover;}
}