/* only ipad 1024 and bigger screen landscape screen */ @media only screen and (min-width: 1101px) { .filter-nav-row > ul { display:table !important; } } @media only screen and (max-width: 2600px) { .intro-heading-box h2 { font-size:70px; } .intro-heading-box h2 span { font-size:36px; } #top-mainmenu { font-size:20px; } .director-info { margin-top:45px; } .page-template-template-our-commitment #main .full-width-slider { min-height:950px; } .page-template-template-our-commitment #main .full-width-slider .item img { height:100% !important; top:0 !important; } .founder-details blockquote p { margin-bottom:0; } #mainmenu > ul > li { font-size:19px; padding:3px 0; } #mainmenu ul li ul { padding:5px 0 0 15px; } } @media only screen and (max-width: 1680px) { .intro-heading-box h2 span { font-size:40px } .intro-heading-box h2 { font-size:68px; } #top-mainmenu { font-size:18px; } .copyright, .social, .language-nav li { font-size:14px; } .stock-lg .price { font-size:34px; } .section-info .section-title { font-size:28px; margin:0 0 26px; } .section-info p { font-size:16px; line-height:1.35; text-align:left; } .vjs-default-skin .vjs-big-play-button { transform:scale(0.75); -webkit-transform:scale(0.75); -moz-transform:scale(0.75); -ms-transform:scale(0.75); } .full-page .cols2 .col.content-col { padding-right:15px; } .sales-by-year .sales-value > strong { font-size:50px; } .address-wrapper { width:44%; } } @media only screen and (max-width: 1600px) { .info-col h3 span { font-size:18px; } .stock-cols .stock-status { position:relative; top:0; font-size:15px; } .info-col .stock-cols h3 { font-size:16px; margin:0 0 5px; } .status-box { padding:0; } .stock-cols .price { line-height:1.1; font-size:18px; } .banner-info .banner-title { font-size:50px; margin-bottom:30px; } .banner-info .banner-title > span { font-size:40px; } .milestone-box { margin-bottom:40px; } .banner-info { margin-top:-200px; } .country { padding:16px 30px; } .country strong { font-size:36px; } .country .country-name { font-size:26px; max-width:200px; } .country-list { padding-right:115px; } } @media only screen and (max-width: 1500px) { .collection-img-box { width:60%; } .collection-info-box { width:40% } .product-details h3 { font-size:30px; } .product-details a.button { margin-top:5px; } .collection-img-box a img { max-width:none; } .collection-row > div { height:450px !important; overflow:hidden; } .menu-footer p { line-height:1.25; } .investor-box .investor-info h4 { font-size:20px; } .investor-info { font-size:15px; } .foundation-research-box figure { background-position:50% center; background-repeat:no-repeat; background-size:cover; height:420px; } .foundation-main-box li:nth-child(3) figure, .foundation-main-box li:nth-child(4) figure, .foundation-main-box li:nth-child(5) figure { height:500px; } .country-list { padding-right:200px; } .menu-block .menu-rightcol .copyright, .menu-block .menu-footer .social { float:none; } .menu-block .menu-footer .social { margin-top:10px; } .address-wrapper { width:80%; } } /*==========================================================================================================*/ @media only screen and (max-width: 1440px) { #top-mainmenu { margin-right:150px; } #top-mainmenu > ul > li { margin-left:20px; } .collection-img-box a img { display:none; } .collection-img-box figure { display:block; height:100%; background:#000; } .collection-img-box a { height:100%; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; background-size:cover; background-position:50% 50% !important; } .collection-img-box a { max-width:none; -webkit-backface-visibility: hidden; backface-visibility: hidden; max-width:100%; } .company-links-row .col .list li { font-size:17px; } .topnav li a { font-size:16px; } .collection-img-box a { max-width:none; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; max-width:100%; } .collection-img-box a:hover { -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1); } .intro-heading-box h2 span { font-size:24px } .intro-heading-box h2 { font-size:48px } .listbox-container .cols .col { width:20%; } .module-col h3 span { font-size:34px; } .sales-by-year .sales-value > strong { font-size:40px; } .sales-by-year .sales-value > span { font-size:18px; } .sales-by-year .sales-in-year:before { transform:scale(0.8) } .sales-by-year .sales-in-year { padding-left:70px; } .sales-by-year .sales-in-year > span { font-size:34px; line-height:42px; margin:25px 0; } .company-profile #main,.company-profile .full-width-slider { min-height:767px; } .full-width-slider .item img { min-height:815px; } } @media only screen and (max-width: 1400px) { .opening-date { font-size: 12px; } .module-col h3, .career-bottom-section .primary-col h3 { font-size: 20px; } #footer { text-align:left; } .company-stock-update { margin:8px 0 0; display:block; } #main, .history-page #main { padding-bottom:120px; } .col-container .post-info h4 { font-size:26px; } .press-releases .col-container .post-info h4 { font-size:17px; } .career-page #main { padding-bottom:97px; } .col-container h4 { font-size:20px; } .col-container h6 { font-size:18px; } .times-sections .list-section .cols4 .col { width:33.333%; } .module-col h3 { font-size:26px; } .module-col h3 span { font-size:30px; } .job-info h3 { font-size:20px; } .primary-col { width:60%; } .sidebar-col { width:40%; } .dist-circle-data { width:200px; height:200px; padding:50px 0; } .dist-title { font-size:18px; margin-bottom:10px; } .dist-circle-data > strong { font-size:30px; line-height:normal; } .section-inner-content > span { font-size:24px; margin-top:40px; } .director-img.col-align-right .position-name { top:calc(100% + -80px); } .foundation-main-box li:nth-child(3) figure, .foundation-main-box li:nth-child(4) figure, .foundation-main-box li:nth-child(5) figure { height:600px; } .founder-details-box { width:45%; } .founder-image-box { width:55%; } .push-right .founder-details-box { right:-45%; } .founder-image-box { padding-bottom:99px; } .products-services #main { padding-bottom:89px; } .founder-details { padding-bottom:230px; } .page-template-template-foundation #main { padding-bottom:0px; } .page-template-template-investor-relations #main { padding-bottom:192px; } .page-template-template-nirvana-times #main { padding-bottom:170px; } .page-template-template-gallery #main { padding-bottom:195px; } .career-page #main { padding-bottom:0px; } .country-list ul li a { font-size:19px; } #mainmenu { top:-5%; } } /*==========================================================================================================*/ @media only screen and (max-width: 1280px) { #top-mainmenu { font-size:18px; } #top-mainmenu > ul > li { margin-left:10px; } .video-section .video-js .vjs-tech, .vjs-playing .vjs-tech { height: auto; left: 50%; max-width: 100%; min-height: 100%; min-width: 100%; object-fit: cover; position: fixed; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; } .founder-image-box .video-section .video-js .vjs-tech, .vjs-playing .vjs-tech { -moz-transform:translate(0%, 0%); -webkit-transform:translate(0%, 0%); transform:translate(0%, 0%); } #lightgallery li { width:33.333%; } /*.gallery-section-container .col-container h4 { font-size:18px; }*/ .menu-footer p { width:auto; display:block; line-height:1.45; } .menu-footer .social { float:none; margin:10px 0 0; } .common-page .menu-footer .social a:first-child, .homepage .menu-footer .social a:first-child { margin-left:0; } .listbox-container .cols .col { width:25%; } .full-page .video-section .video-js .vjs-tech { position:absolute; } .col.video-col:after { display:none; } .sales-by-year .sales-value > strong { line-height:normal; margin-top:20px; } .sales-by-year .nirvana-sale-box { padding:40px 70px; } .feed-value { font-size:74px; margin:50px auto 0; } .country { padding:12px 30px; } .country strong { font-size:32px; } .country .country-name { font-size:20px; top:-18px; max-width:160px; } .about-nirvana > .wrap > h4 { font-size:32px; } #nirvanagallery > a { width:25%; } .director-info { margin-top:60px; } .director-info.col-align-left { padding:50px 27px 25px 27px; } .director-info.col-align-right { padding:50px 27px 25px 27px; } .director-img.min-width { width:45%; } .director-info.max-width { width:55%; } .director-info > p { font-size:19px; line-height:1.4; } .director-position { margin-bottom:30px; } .foundation-research-box h2 { font-size:22px; } .foundation-research-box p { font-size:16px; } #mainmenu { height:500px; overflow-y:auto; } } @media only screen and (max-width: 1279px) { .slider-box .item { padding-top:13%; } .stock-col > p { margin:15px 0 0; } .filter-nav-row li { letter-spacing:0.01em; padding-left:10px; padding-right:10px; } .topnav ul { margin:0; } .topnav li a { font-size:15px; } .company-info-row { padding:0; } .listbox-container { margin-bottom:0; } .times-sections { padding:0 30px; } .times-sections .cols2 { margin:-30px -15px 0; } .times-sections .cols2 .col { padding:0 15px; margin:30px 0 0; } .times-sections h3, .times-sections .list-section .section-title { margin:0 0 30px; } .investor-slider { width:65%; } .info-col h3 { font-size:22px; } .slide-content h2 { font-size:26px; } .company-info-block { padding:25px; } .times-sections .list-section .wrap { padding:0; } .sales-by-year .nirvana-sale-box { padding:40px; } .sales-by-year .sales-value > strong { font-size:32px; line-height:42px; } .sales-by-year .sales-in-year > span { font-size:30px; line-height:25px; margin:12px 0; } .sales-by-year .sales-in-year:before { margin-top:-50px; transform:scale(0.6); } .sales-by-year .sales-in-year { padding-left:58px; } .founder-details blockquote:before { left:-20px; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); } .founder-details blockquote { padding:50px 35px 45px; } .founder-details p { font-size:18px; line-height:1.6; } .founder-details .text-secondary { font-size:18px; } .page-template-template-our-commitment #main { min-height:840px; } .nirvana-brand #main { min-height:980px; overflow-x:hidden; } .nirvana-brand .full-width-slider { height:1030px !important; min-height:100% !important; } .nirvana-brand .full-width-slider .item img { min-height:100% !important; } .homepage #top-mainmenu { margin-right:200px; } #top-mainmenu > ul > li { margin-left:8px; } .page-template-template-nirvana-times #main { padding-bottom:190px; } .page-template-template-latest-promotions-events .section-title { font-size:30px; } } @media only screen and (max-width: 1180px) { #top-mainmenu { font-size:15px; margin-right:135px; } #top-mainmenu > ul > li { margin-left:4px; } #header { padding:10px 40px; } /*.footer-rightblock { margin-right:25px; }*/ .copyright { padding-left:25px; } #menu { right:25px; } .investors-row .cols5 .col { width:33.333%; } .company-links-row h4 { font-size:26px; } .search-trigger { right:166px; } .opening-date { padding:6px 15px; } .nirvana-sale-title { font-size:60px; margin-bottom:40px; } .dist-circle-data { width:180px; height:180px; padding:40px 0; } .dist-title { font-size:16px; margin-bottom:10px; } .dist-circle { padding:0 8px; } .dist-circle-data > strong { font-size:24px; line-height:normal; } .dist-circle-data > strong > em { font-size:18px; } .dist-circle:first-child { padding-left:0; } .dist-circle:last-child { padding-right:0; } .director-img.col-align-right .position-name { top:calc(100% + -60px); } .section-inner-content > span { font-size:20px; margin:0; } svg { max-width:850px; margin:0 auto; } .donation-button { margin:0 17px 45px; } .homepage .video-section .video-js .vjs-tech { margin-left:-1px; } #mainmenu { height:50%; min-height:70%; overflow-y:auto; } .compass img { max-width:60%; } .country-list ul li { padding:0 16px; } .country-list ul li a { font-size:16px; } .address-view { overflow-y:auto; } } @media only screen and (max-width: 1100px) { .career-section .primary-col { float: right; } .career-section .sidebar-col { float: left; } .page-title { font-size:30px; /*margin-right:165px;*/ } .common-page #header { padding:15px 20px; } .common-page #menu { top:25px; right:20px; } .collection-row > div { height:380px !important; } .collection-img-box { width:55%; } .collection-info-box { width:45% } .menu-gray-cornertop { border-width: 140px 140px 0 0 } .menu-gray-cornerbottom { border-width:0 0 140px 140px } #filter-menu:before { content:''; background:url(../images/bgi/sprites.png) no-repeat -131px -83px; width:17px; height:13px; display:inline-block; vertical-align:middle; margin:-3px 8px 0 0; } .list-section.press-releases .cols3 .col, .search-results-popup .list-section .cols .col { width:50%; } .lg-outer .lg-img-wrap { padding:0 20px; } .col-container .post-info h4 { font-size:24px; } .press-releases .col-container .post-info h4 { font-size:16px; } .scroll-navigation { top:100px; } .search-trigger { right:161px; top:24px; } .quick-search input[type="text"] { font-size:70px; } .search-results-popup { padding-top:85px; } .close-icon { top:25px; right:30px; } .career-bottom-section .primary-col h3, .career-bottom-section .sidebar-col h3 { font-size:18px; } .lg-sub-html p { font-size:15px; } .cols4 .col-container .post-info h4 { font-size:22px; } .primary-col, .sidebar-col { float:none; width:auto; padding:0 } .career-section .filter-section { border-bottom:1px solid #e1e1e1; margin:-10px -30px 20px; padding:0 30px 15px; } .filter-section ul { text-align:left; } .career-bottom-section .primary-col, .career-bottom-section .sidebar-col { float:left; } .job-info:before { border-right-width:515px; } .sales-by-year .nirvana-sale-box { padding:30px 0 25px; } .sales-by-year .main-title { font-size:34px; margin-bottom:50px; } .sales-by-year .main-title:after { margin-top:14px; } .sales-by-year .main-title > span { font-size:20px; } .sales-by-year .sales-value, .sales-by-year .sales-in-year { float:none; } .sales-by-year .sales-value { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #eaeaea; padding:0 30px 30px; } .sales-by-year .sales-in-year { padding:0 30px 0 68px; margin:32px 0 0 16px; } .country-box { padding:0 15px; } .country strong { font-size:24px; } .country .country-name { font-size:20px; top:-18px; } .nirvana-info { margin:70px 0 30px; } .nirvana-info .about strong { font-size:44px; } .nirvana-info .about > span { font-size:18px; } .director-info.col-align-right { padding:30px 20px 20px 37px; } .director-info.col-align-left { padding:30px 37px 20px 20px; } .director-img.col-align-right .position-name { top:calc(100% + -60px); right:10px; } .director-info.col-align-right { padding:50px 27px 20px; } .director-img { border:#e2d6c1 solid 8px; } .foundation-main-box li { width:50%; } .foundation-research-box figure, .foundation-main-box li:nth-child(3) figure, .foundation-main-box li:nth-child(4) figure, .foundation-main-box li:nth-child(5) figure { height:500px; } .director-info { margin-top:-10px; } .foundation-research-box figure figcaption { opacity:1; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .foundation-research-box figure figcaption:after { opacity:0.85; } .foundation-research-box figure figcaption:before { opacity:0.85; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .foundation-research-box figure:hover figcaption { transform:scale(1); } .feed-value { font-size:66px; } .feed-value.sales-feed .counter { width:160px; } .banner-info .banner-title { font-size:30px; margin:30px 0; } .founder-image-box { padding-top:98px; } .founder-details-box { padding:155px 60px 0 40px; } .founder-details h3 { font-size:26px; margin-bottom:15px; } /*.page-child .search-trigger { top:25px; }*/ .page-template-template-our-commitment #main { min-height:inherit; } .company-profile .search-trigger { top:35px; } .page-template-template-our-commitment .search-trigger { /*top:34px;*/ } .nirvana-brand .search-trigger { right:165px; top:34px; } .homepage .search-trigger { top:21px; } .homepage #top-mainmenu { font-size:14px; } .page-template-template-our-commitment { overflow-x:hidden; overflow-y:auto; } .page-template-template-latest-promotions-events .section-title { font-size:28px; } .address-wrapper { top:97px; } } /*==========================================================================================================*/ @media only screen and (max-width: 1023px) { body { min-width:320px; } img{ max-width: 100%; width:auto; height:auto; } .wrap { width:auto; padding:0 15px; } .default-grid.form-grid.cols2 .col { width:auto; float:none; } .buttonset .col a { margin:0 5px 8px 0; } .default-grid.cols4 .col { width:50%; } .cols2.default-grid.tab-grid .col { width:100%; } .default-page h1, .default-page h2 {font-size:26px; } #top-mainmenu { display:none; } #footer { text-align:center; padding:0 25px 5px; } .homepage #footer { text-align:center; } .copyright, .homepage .copyright { /*float:none;*/ display:block; /*border:solid 1px rgba(255,255,255,0.25);*/ padding:6px 0; border-left:0; border-right:0; margin-bottom:8px; } .footer-rightblock { float:none; margin-right:0; } .intropage .footer-rightblock { float:right; margin-bottom:22px; } .social, .language-nav { float: right;/*float:none; display:inline-block;*/ } .common-page #logo { float:none; display:block; } .page-title { color:#bf9a56; margin:0; padding:0 20px 20px; text-align:left; /*border-bottom:1px solid #e1e1e1;*/ } .filter-nav-row { margin:0; } .filter-nav-row li { padding:10px 12px; } .filter-nav-row ul { margin:0; float:none; } .filter-nav-row li.filter { padding:10px 20px; } .gallery-wrapper .filter-nav-row > ul > li { font-size:15px; } .collection-img-box { width:50%; } .collection-info-box { width:50% } .product-details h3 { font-size:22px; } .product-details a.button { margin-top:0; } #main, .history-page #main { padding:20px 0 25px; } .career-page #main { padding-top:20px; } .page-title { padding-bottom:15px; border-bottom:1px solid #e1e1e1; } .common-page #footer { position:relative; padding:15px 15px 19px } .history-page #footer { position:relative; } .menulogo { max-width:240px; } .menu-rightcol { padding:50px 20px 50px 75px } .company-links-row { margin:0; padding:5px 0 0; } .company-links-row .col:first-child { border-bottom:1px solid #e4e4e4; padding-bottom:25px; } .company-links-row .col { float:none; width:auto; padding:0 20px; margin:25px 0 0; } .company-links-row:after { display:none; } #filter-menu { color:#bf9a56; display:block; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; /*position:absolute; top:4px; right:20px; */ letter-spacing:0.05em; padding:10px 20px 8px; background:#f5f5f5; } .filter-nav-row ul { display:none; text-align:left; } .topnav ul { text-align:left; } .filter-nav-row li.filter { display:none; } #filter-menu:hover { text-decoration:none; } .filter-nav-row { position:relative; border:0; margin-top:-1px; } .filter-nav-row li { display:block; padding:0; border-bottom:1px solid #e1e1e1; } .filter-nav-row li a { padding:8px 20px 7px; display:block; } .filter-nav-row li:before { display:none; } .filter-nav-row li ul { position:relative; left:0; top:0; width:auto; } .filtertigger { right:0; top:0; cursor:pointer; text-indent:-999em; position:absolute; width:39px; height:39px; display:block; background:#bf9a56; } .filter-nav-row li li { border:0; } .filtertigger:after { content:""; width:auto; height:auto; border-top:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; left:50%; margin-left:-6px; top:17px; } .filtertigger.open:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); } .menu-footer { display:none; } .press-releases .wrap { padding:0; } .press-releases .col-container h4 { font-size:15px; } /*.list-section .cols .col-container figure:before, .featured-list-box .cols .col-container figure:before, .list-section .col-container .mask-container:after, .featured-list-box .col-container .mask-container:after { top:15px; bottom:15px; right:15px; left:15px; } .list-section .mask-container .border.top, .list-section .mask-container .border.bottom, .featured-list-box .mask-container .border.top, .featured-list-box .mask-container .border.bottom { height:15px; } .list-section .mask-container .border.right, .list-section .mask-container .border.left, .featured-list-box .mask-container .border.right, .featured-list-box .mask-container .border.left { width:15px; top:15px; bottom:15px; }*/ .times-sections, .press-releases { padding:0 20px; } .col { padding-left:10px; padding-right:10px; } .cols, .list-section .cols, .featured-list-box .cols { margin-left:-10px; margin-right:-10px; } .stock-cols .col { padding-left:10px; padding-right:10px; } .list-section.press-releases .cols3 .col { margin-top:20px; } .stock-cols .price { font-size:16px; } .stock-cols .stock-status { font-size:14px; top:-2px; } .read-more { font-size:26px; } .toolbar { background:#f5f5f5; margin:-1px -20px 25px; padding:15px 20px 15px; border-bottom:0; } .toolbar .wrap, .times-sections .wrap { padding:0; } .col-container .post-info h4 { font-size:22px; } .list-section .col-container .post-info h4 { font-size:18px; } .post-info p { font-size:16px; } .author-name { float:none; margin-bottom:3px; } .post-date { float:none; } #lightgallery li { width:50%; } .gallery-section-container { padding:0 20px; } .slide-content h2 { font-size:26px; } .listbox-container .cols .col { width:33.333%; } .listbox-container .wrap { padding:0; } .history-page #main { padding-top:20px; } .scroll-navigation { top:162px; } #menu-trigger.menulines-button { border-bottom-color:#e1e1e1; } .awards-section { padding:20px 5px 0; } .awards-section table tr td, .awards-section table tr th { font-size:15px; } .awards-section h4 { font-size:22px; } .awards-summary { margin:0 0 30px; } .awards-section table { margin:35px 0 0; } .section-info .cols2 .col { width:auto; float:none; margin:0 0 20px; } .full-page #header { position:relative; } .full-page #main { padding:0; } .section-info .wrap { position:relative; transform:translateY(0); top:0; padding:0 15px; } .full-width-slider { width:100%; height:100%; position:fixed !important; left:0; top:0; } .full-page #footer { position:relative; z-index:10; } .full-page .section-title { font-size:20px; margin:0 0 26px; text-align:center; } .full-page .section-title:before { width:225px; } .full-page .section-title:after { left:0; right:0; background:#f3f2ee; } .full-page .section-title span:after { left:0; right:0; } .quick-search input[type="text"] { font-size:50px; } .search-results-popup { padding-left:5px; padding-right:5px; } .quick-search { margin:0 20px 30px; } .close-icon { right:25px; } .nirvana-brand #footer { position:absolute; } .section-info { padding:25px 0; } .nirvana-brand .copyright { border:0; } .filter-section { margin:20px 0 30px; } .filter-section ul { text-align:left; } .career-section { padding:0 20px; } .career-section .wrap, .career-bottom-section .wrap { padding:0; } .career-bottom-section { margin-top:30px; } .career-bottom-section .sidebar-col, .career-bottom-section .primary-col { float:none; width:auto; padding-right:0; } .career-bottom-section .primary-col { border:0; padding:0 0 15px; } .career-bottom-section .primary-col .lSSlideOuter .lSPager.lSpg { position:static; } .career-page #main { padding-bottom:0; } .career-bottom-section > div { padding:0 20px; } .times-sections .toolbar { margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; } .investor-slider { float:none; width:auto; } .company-info-row { margin:0; } .company-info-block { padding:20px; } .times-sections .list-section .cols4 .col { width:50%; } .career-section .filter-section { margin-top:15px; } .career-bottom-section { margin-top:5px; } .career-section { overflow:hidden; } .news-ticker { margin:0 -15px 20px; } .news-slider .item a { font-size:16px; } .news-ticker h5 { margin-right:35px; } .footer-tall #main { padding-bottom:25px; } .section-feed .min-width { float:none; margin:0 0 35px; width:auto; } .section-feed .min-width.fadeInRight { margin:35px 0 0; } .section-feed .max-width { float:none; width:auto; } .years-feed-section .col-align-right figure, .years-feed-section .col-align-left figure { text-align:center; } .feed-value { margin:20px auto 0; font-size:70px; } .feed-value > sub { top:9px; } .feed-value:before { transform:scale(0.8); left:10px; } .section-feed .main-title { font-size:64px; } .chart > strong { font-size:50px; } .nirvana-sale-title { font-size:44px; } .gold-section .nirvana-sale-box { padding:60px 50px; } .sales-value > strong { font-size:56px; } .sales-value > span { line-height:none; } .sales-in-year { margin:20px 0 0; } .sales-in-year > span { font-size:30px; } .revenue-countries, .sales-countries { padding:60px 0; } .country-box { padding:0 20px; width:50%; margin-bottom:36px; } .indonesia, .hong-kong { margin-bottom:0; } .country { padding:16px 30px; } .country strong { font-size:32px; } .year-in-review .page-title { display:none; } .thank-you-section { padding:170px 0 150px; } .locations a span { text-align:center; width:auto; } .locations a span strong { font-size:14px; padding:0; } .locations a span .country-info { display:none; } .data-tab { padding-top:45.869%; } .chart-info { margin:50px auto 30px; } .board-of-director .page-title { background:#fff; position:relative; padding:15px; z-index:10; } .director-info.col-align-left, .director-info.col-align-right { margin:0; } .director-img, .director-info { position: relative; -moz-transform: translateY(-20%); -webkit-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); } #section4 .director-img, .director-info { position: relative; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #section4 #footer { display:none; } #section4 .director-info { -moz-transform:translateY(20%); -webkit-transform:translateY(20%); -o-transform:translateY(20%); -ms-transform:translateY(20%); transform:translateY(20%); } .position-name { display:none; } .founder-page #footer { position:fixed; } .founder-details { padding-bottom:460px; } .founder-details-box { padding:57px 60px 0 40px; } .founder-image-box { padding-bottom:143px; padding-top:0; } .common-page #header { position:relative; } .founder-page #main { padding:20px 0 0; } .founder-image-box, .founder-details-box { margin-top:176px; } .founder-page .menu-block { position:absolute; } #header:after { content:""; display:table; clear:both; } .pop-contentbox h3.section-title:after { display:none; } .products-services #main { padding-bottom:20px; } .products-services #footer { padding-top:0; } .page-child #main .content-area { margin-top:15px; } .company-profile .news-ticker, .page-template-template-our-commitment .news-ticker { margin-left:-25px; margin-right:-25px; } .page-template-template-founder #footer { position:absolute; } /*.page-template-template-founder .news-ticker, .history-page .news-ticker, .page-template-template-foundation .news-ticker, .page-template-template-latest-promotions-events .news-ticker, .post-type-archive-press-coverage .news-ticker { margin-left:0; margin-right:0; }*/ .nirvana-brand .news-ticker { margin-left:0; margin-right:0; } .board-of-director #footer { position:fixed; } body.board-of-director { padding:0 0 220px; } .nirvana-brand #main { min-height:880px; } .page-template-template-foundation #main { padding-bottom:25px; } .page-template-template-foundation .news-ticker { border-top:0; } .wrap #primary { margin-top:15px; } .homepage .news-ticker { margin-left:-25px; margin-right:-25px; } .page-template-template-investor-relations #main { padding-bottom:25px; } .page-template-template-investor-relations #footer { padding-top:0; } .stock-cols .stock-status { position:absolute; } .page-template-template-nirvana-times #main { padding-bottom:25px; } .page-template-template-gallery #main { padding-bottom:25px; } .page-template-template-gallery #footer, .career-page #footer { padding-top:0; } .enquiry-form-trigger { font-size:20px; margin-left:-80px; width:213px; padding:10px 28px; } .contact-page #main { padding-top:20px; } .compass { max-width:130px; right:20px; } .country-list ul li { padding:0 15px; margin-bottom:15px; } .country-list ul li a { font-size:17px; } .country-list { margin-bottom:35px; } .page-template-template-latest-promotions-events .section-title { font-size:24px; } .address-wrapper { width:0; } .address-wrapper.visible { width:100%; top:87px; } .enquiry-form-trigger { font-size:16px; margin-left:-84px; } .country-list { padding:0 160px 0 20px; } .compass img { max-width:100%; } .contact-wrapper { padding-top:20px; } .close-trigger { -webkit-transform:scale(0.8); transform:scale(0.8); } .branch-address-box { padding-left:80px; } .locations a span { width:170px; } .banner-content .banner-title { font-size:55px; } .banner-content .banner-title > span { font-size:26px; } } /*==========================================================================================================*/ @media only screen and (max-width: 1000px) { .career-bottom-section .primary-col h3, .career-bottom-section .sidebar-col h3 { font-size: 26px; } .career-bottom-section .col.content-col { width: 100%; } h3 { font-size: 26px; } body .fp-tableCell { vertical-align: middle; } #logo { width:190px; } .product-info { display:block; } .year-in-review #header h1 { display:none; } .banner-info { margin-top:-200px; } .year-in-review #menu { margin:26px 0; } .milestone-info { padding:45px 20px 35px; } .milestone-info .milestone-title { font-size:20px; } .milestone-info > span { font-size:18px; } .overview > strong { font-size:60px; } .banner-info .banner-title { font-size:50px; } .banner-info .banner-title > span { font-size:36px; } .circle-chart { width:50%; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:25px 0; } .charts-container:last-child { margin-bottom:26px; } .circle-chart-03, .circle-chart-04 { padding-bottom:0; border-bottom:0; } .circle-chart-02, .circle-chart-04 { border-right:0; } .circle-chart .chart { margin:0 auto; } .about-nirvana > .wrap > h4 { font-size:24px; } .nirvana-info .new-employees { width:23%; } .nirvana-info .offices { width:25%; } .nirvana-info .chandon { width:27%; } .contract-chart-section { margin-bottom:0; } .contract-chart-section .main-title { font-size:36px; } .contract-chart .tab-data, .chart-info { padding:0 25px; } .dist-circles-group { text-align:center; } .dist-circle { float:none; width:25%; display:inline-block; margin-bottom:25px; float:none; padding:0; text-align:center; margin:0 25px 25px; } .dist-circle-data { width:200px; height:200px; padding:50px 0; } .dist-title { font-size:18px; margin-bottom:10px; } .dist-circle-data > strong { font-size:30px; line-height:normal; } .dist-circle:nth-child(4), .dist-circle:nth-child(5) { margin-bottom:0; } svg { max-width:720px; } .section-inner-content > span { margin:-35px 0 0; } .director-title { font-size:23px; } .director-position { font-size:16px; line-height:1.5; margin-bottom:20px; } .director-info p { font-size:17px; line-height:1.5; } .chart-info { margin:52px auto 30px; } .radiotabnav li a { font-size:24px; margin-right:22px; } .radiotabnav li a:before { left:4px; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform:scale(0.9); } .founder-details h3 { font-size:22px; } .founder-details h3 span { font-size:15px; } .founder-details .text-secondary { font-size:17px; margin-bottom:15px; } .founder-details-box { width:55%; } .push-right .founder-details-box { right:-55%; } .founder-image-box, .founder-details-box { margin-top:162px; } .founder-details-box { padding:57px 40px 0; } .founder-details { padding-bottom:440px; } .products-services .pop-contentbox .section-title:before { max-width:800px; width:100%; } } /*==========================================================================================================*/ @media only screen and (max-width: 767px) { .open-positions-slider .item-group ul li img { height: 200px; } .branch-address-box { padding-top: 13%; } .copyright, .homepage .copyright, .footer-rightblock { width: 100%; } .country-list { padding-left: 30px !important; padding-right: 30px !important; } .contact-map { display: none; } .page-template-template-contact .tablectn .address-col2 { width: 100%; float: none; } table.resptb, table.resptb thead, table.resptb tbody, table.resptb td, table.resptb tr { display: block; width:100% !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; float:none !important; clear:left !important; } table.rptable, table.rptable thead, table.rptable tbody, table.rptable td, table.rptable tr { display: block; width:100% !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; float:none !important; clear:left !important; } table.rptable td { border: none; } .career-section .primary-col { float: none; width: 100%; padding-right: 0; } .career-section .sidebar-col { float: none; width: 100%; padding-right: 0; } .career-section .sidebar-col .module-col { margin-bottom: 40px; } .page-title { /*display: none !important;*/ } .job-lists h3 { font-size: 22px; } h3 { font-size: 22px; } .owl-prev { margin-left: 4%; top: 30%; } .owl-next { right: 4%; top: 30%; } .owl-carousel .owl-item img { max-width: 80%; margin-left: auto; margin-right: auto; } .cool-timeline .timeline-post .timeline-content img { max-width: 70px; } .award-left { float: none; width: 100%; } .award-right { float: none; width: 100%; } .timeline-post.even .timeline-img { text-align: left; padding-left: 15px; } .section-info { padding-top: 0px; padding-bottom: 0; } .social { float: none; margin-right: 0; margin-left: 0; width: 100%; } .footer-rightblock { margin-left: 0; margin-right: 0; } .page-loader .logo-holder { max-width: 70%; margin-left: auto; margin-right: auto; } #header { position:relative; } .language-nav { clear: both; top: 10px; position: relative; margin: 10px 5px 10px 0; } .default-grid.cols3 .col { width:50%; } .default-grid.cols3 .col:nth-child(3) { clear:left; } .tabnav { display:none; } .tab-data { margin:0 0 30px; } .tab-data .tabnav { display: none; } .tabMobiletrigger { position: relative; margin:0; padding:10px 40px 10px 0; line-height:100%; cursor: pointer; display: block; font-size:18px !important ; border-bottom:2px solid #e2e2e2; text-align:left } .tabMobiletrigger:after { content:''; position:absolute; right:16px; top:50%; margin-top:-3px; border-top:solid 6px #848690; border-left:solid 6px transparent; border-right:solid 6px transparent; } .tabMobiletrigger.rotate { background:#fff; color:#444; border-bottom-color:#9497ce; } .tabcontent { padding:15px 0; border-bottom:2px solid #848690; margin:0; } .tabMobiletrigger.rotate:after { border-top-color:#9497ce; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); } .tabcontent input[type="button"].save-continue, .tabcontent input[type="submit"].save-continue, .tabcontent input[type="button"].back-btn, .tabcontent input[type="submit"].back-btn, .tabcontent input[type="submit"].save, .tabcontent input[type="submit"].cancel, input[type="submit"].small-button { font-size:17px; } .tabcontent input[type="button"].save-continue, .tabcontent input[type="submit"].save-continue, .tabcontent input[type="submit"].save, .tabcontent input[type="button"].back-btn, .tabcontent input[type="submit"].back-btn, .tabcontent input[type="submit"].cancel, input[type="submit"].small-button { background-size:auto 100%; } body.homepage #wrapper { min-height:650px; position:relative; height:100%; } .video-section { background:#8c5332 url(../images/bgi/home-mobile-bg.jpg) 50% 50% no-repeat; background-size:cover; } .video-section .video-js { display:none; } .full-page .video-section .video-js { display:block; } .collection-img-box, .collection-info-box { float:none; width:auto; } .collection-img-box a { background-image:none !important; } .collection-img-box a img { display:block; max-width:100%; } .collection-row > div { height:auto !important; } .collection-row:nth-child(2n) .collection-img-box { float:none; } .collection-img-box figure { background:none; } .collection-img-box a:hover { opacity:1; } .collection-row { margin:0; } .page-title { font-size:26px; } .menu-block.menu-visible { background:#fff; } .menu-leftcol { width:100%; position:relative; height:250px; background-position:50% 20%; } .menu-rightcol { width:100%; position:relative; height:auto; padding:90px 40px } .nirvana-logo { margin:0 auto; top:203px; } .menu-block { box-shadow:0 2px 5px rgba(0,0,0,0.15); height:auto; } body.hidden-scrollbar { overflow:inherit; } #mainmenu > ul { display:block; } #mainmenu > ul > li { font-size:20px; } #mainmenu > ul > li a { display:block; } #mainmenu > ul > li.hasmenu > a { position:relative; } #mainmenu > ul > li.hasmenu > a:after { content:''; width:0; height:0; position:absolute; right:5px; top:50%; margin-top:-3px; border-top:solid 6px #8C5332; border-left:solid 5px transparent; border-right:solid 5px transparent; } #mainmenu > ul > li.hasmenu.open > a:after { border-top:0; border-bottom:solid 6px #8C5332; } .skip-intro { bottom:50px; } .video-controlbox { display:none; } .intropage #logo { float:none; display:block; margin:0 auto; } .intropage .footer-rightblock { float:none; margin-bottom:0; } .investors-row .cols5 .col { width:50%; } #lightgallery li { width:50%; } .gallery-section-container { padding:0 20px; margin:20px 0 0; } .menu-footer { display:none; } .intro-heading-box h2 span { font-size:20px } .intro-heading-box h2 { font-size:30px } .list-section.press-releases .cols3 .col, .list-section .cols2 .col { float:left; width:100%; } .times-sections h3 { font-size:26px; } .col-container .post-info h4 { font-size:18px; } .col-container h6 { font-size:15px; } .gallery-section-container #lightgallery .col-container h4 { font-size:16px; } .slide-content { font-size:16px; } .slide-content h2 { font-size:22px; } .newsletter-box { font-size:16px; } .investor-box .investor-info h4 { font-size:17px; } .listbox-container .cols .col { width:50%; } .history-page .page-title { border-bottom:1px solid #e1e1e1; } .featured-list-box .img-container figure a img { display:none; } .featured-list-box .img-container figure a { height:300px; display:block; background-position:50% 0; -moz-background-position:50% 0; -webkit-background-position:50% 0; -ms-background-position:50% 0; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; background-size:cover; } .awards-section table tr th { display:none; } .awards-section table tr td { display:block; width:auto; } .award-year { text-align:left; } .awards-section table tr { border-bottom:1px solid #ccd2d9; } .awards-section table tr td { border:0; position:relative; padding-left:105px; line-height:1.4; } .awards-section table tr td:before { content:attr(data-heading-text); position:absolute; left:16px; top:4px; color:#bf9a56; margin-right:10px; font-family:'proxima_novasemibold', Arial, Helvetica, sans-serif; font-size:18px; } .awards-section table tr td:first-child { padding-left:16px; padding-top:15px; } .awards-section table tr td:last-child { padding-bottom:15px; } .serial-no span { height:42px; width:42px; line-height:42px; } .lg-title-bar { font-size:22px; } .search-results-popup .list-section .cols .col { float:none; width:auto; } .quick-search input[type="text"] { padding:10px 25px; font-size:35px; } /*.nirvana-brand #footer { position:relative; }*/ .filter-section li .custom-select { width:160px; } .filter-section li .button.btn-outline { padding:10px 18px; } .filter-section li.filters { display:block; margin:0 0 8px; } .filter-section li { margin:0 12px 0 0; } .career-bottom-section .primary-col h3, .career-bottom-section .sidebar-col h3 { font-size:24px; } .lg-sub-html { text-align:left; padding-left:20px; } .stock-cols .price { font-size:18px; } .stock-cols .stock-status { font-size:15px; top:0; } .back-top { right:15px; bottom:15px; } .cols4 .read-more { font-size:22px; } .times-sections .toolbar .link { float:none; } .sort-by { float:none; margin-bottom:10px; } .sort-by:after { content:''; display:table; clear:both; } .item-group ul li { float:none; width:auto; } .career-bottom-section { margin-top:25px; } .news-ticker h5 { font-size:16px; padding:13px 12px 12px; height:46px; } .news-ticker h5:after { border-top-width:23px; border-bottom-width:23px; } .news-ticker div.lSAction { width:50px; } .news-ticker .lSSlideOuter { padding-right:60px; } .news-slider .item a { font-size:15px; } .sale-box { float:none; width:auto; padding:0; text-align:center; } .sale-box { margin-bottom:25px; } .sale-box:last-child { margin-bottom:0; } .sales-by-year .sales-in-year { display:table; margin:0 auto; text-align:left; } .sales-by-year .main-title { font-size: 28px; margin-bottom: 38px; } .year-in-review #header { background:#161921; } .milestone-info { padding:35px 20px 30px; } .banner-info { margin-top:-260px; } .overview > strong { font-size:36px; } .overview { font-size:16px; letter-spacing:5px; } .gold-section .sales-value { float:none; text-align:center; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #eaeaea; } .sales-value > strong { font-size:48px; line-height:68px; } .sales-value > span { font-size:20px; } .sales-in-year { float:none; display:table; margin:0 auto; padding-left:70px; } .sales-in-year:before, .tool-tip { -moz-transform:scale(0.8); -webkit-transform:scale(0.7); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); } .sales-in-year > span { font-size:26px; } .gold-section .nirvana-sale-box{ padding:40px 20px; } .sale-countries .main-title { margin-bottom:34px; } .circle-chart-group .main-title, .sale-countries .main-title { width:321px; font-size:50px; } .sale-countries .main-title { width:290px; } .sale-countries .sales-countries .main-title > span:before { left:-10px; } .sale-countries .sales-countries .main-title > span:after { right:-10px; } .country { padding:12px 30px; } .country strong { font-size:28px; } .circle-chart-group .main-title > span:before { left:-13px; } .circle-chart-group .main-title > span:after { right:-13px; } .locations a:after { width:18px; height:18px; border-width:2px; } .locations a span { border-width:2px; top:-5px; } .locations a span:before { top:2px; border-width:9px; margin-left:9px; } #nirvanagallery > a { width:33.333%; } .nirvana-info { margin-bottom:0; } .nirvana-info .about { width:50%; margin-bottom:30px; } .nirvana-info .served, .nirvana-info .chandon { margin-bottom:0; } .about-nirvana br { display:none; } .contract-chart-section { padding:60px 0; } .contract-chart-tab { padding-top:80px; } .radio-btns ul { margin:30px 0; } .contract-chart-tab .tabMobiletrigger { padding:15px 40px 15px 20px; margin-bottom:10px; color:#fff; } .contract-chart-tab .tabMobiletrigger, .tabMobiletrigger.rotate { background:#ad916a; border-bottom:0; } .contract-chart-tab .tabMobiletrigger:after, .contract-chart-tab .tabMobiletrigger.rotate:after { border-top-color:#fff; } .contract-chart-tab .tabcontent { border-bottom:0; padding:25px 0; } .chart-info { margin-top:0; } .dist-circle { margin: 0 0 20px 0; text-align: center; width: auto; padding: 0 10px; } .dist-circle:nth-child(3), .dist-circle:nth-child(4) { padding-left:0; } svg { max-width:560px; } .section-inner-content > span { font-size:18px; padding:0 20px; } .contract-chart-section .main-title { margin-bottom:40px; } .thank-you-section { padding:100px 0; } .locations a span strong { font-size:12px; font-weight:lighter; } .chart-info { margin:52px auto 30px; } .radiotabnav li a { font-size:22px; margin-right:18px; } .radiotabnav li a:before { left:6px; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform:scale(0.9); } /* .director-img { display:none; }*/ .director-info { transform:translateY(-20%); } #section4 .director-info { transform:translateY(-10%); } .director-img.min-width, .director-info.max-width { float:none; text-align:center; } .director-info.col-align-left, .director-info.col-align-right { margin:30px 0; padding:0 20px; } .director { padding-top:80px; } .director-img.col-align-left .position-name { bottom:25%; } .foundation-main-box li { width:auto; float:none; } .foundation-main-box li:nth-child(1), .foundation-main-box li:nth-child(2), .foundation-main-box li:nth-child(3) figure, .foundation-main-box li:nth-child(4) figure, .foundation-main-box li:nth-child(5) figure { width:100%; } .foundation-main-box li:nth-child(3) figure, .foundation-main-box li:nth-child(4) figure, .foundation-main-box li:nth-child(5) figure { height:500px; } .foundation-donation-box p { padding:0 20px; } .contract-chart-section .yearnav { width:240px;} /*.director-info.col-align-left, .director-info.col-align-right { margin:110px 0 0; }*/ .director-info.col-align-left, .director-info.col-align-right { margin: 100px auto 0; } .director { padding:10px 0; } .founder-image-box, .founder-details-box { margin-top:0; position:relative; width:100%; } .founder-page { overflow:auto; } .founder-page #footer { position:relative; } .founder-details { padding:0; } .founder-details-box { padding:35px; } .founder-close { display:none; } .founder-image-box { padding-bottom:0; } .founder-image-box figure { min-height:82vh; } .founder-details-box { animation:none; } .company-profile .news-ticker .lSSlideOuter { height:46px; } .page-template-template-founder #footer { position:relative; } .page-template-template-founder #main { padding-bottom:0; } .nirvana-brand #main { min-height:inherit; } .products-services .pop-contentbox { padding-top:53px; } .products-services .pop-contentbox .section-title { font-size:25px; } .pop-contentbox p { font-size:17px; line-height:1.5; } .site-content p { font-size:15px; } .compass img { max-width:85%; } .country-list ul li { padding:0 8px; } .country-list ul li a { font-size:14px; position:relative; top:-18px; } .country-list ul li a:before { position:relative; top:18px; -webkit-transform:scale(0.8); transform:scale(0.8); } .director .fp-tableCell { padding:70px 0 80px; } .directors-banner .banner-content { padding:100px 20px; vertical-align:top; } .director-img.min-width { margin: 0 auto; max-width: 350px; width: 100%; } .board-of-director #footer { position:static !important; display:table; } .directors-banner.fp-section.fp-table, .directors-banner.fp-section.fp-table .fp-tableCell, .directors-banner.fp-section.fp-table .fp-tableCell .fp-scrollable { height:auto !important; } .director.fp-section.fp-table { padding:0; } .director.fp-section.fp-table, .director.fp-section.fp-table .fp-tableCell, .director.fp-section.fp-table .fp-tableCell .fp-scrollable { height:auto !important; } .director-info.col-align-left, .director-info.col-align-right { width:100%; } .btn-outline.brand-film-btn { position:static; } .nirvana-brand .section-info .wrap { min-height:600px; } } /*==========================================================================================================*/ /* only iphone4 landscape & Potriat 300 by 480*/ @media only screen and (max-width: 567px) { .branch-address-box { padding-left: 80px; } .social { margin-bottom:6px; } .page-title { font-size:24px; } .company-links-row .col .list:after { content:''; display:table; clear:both; } .company-links-row .col .list li { float:left; width:50%; display:block; margin:1px 0; text-align:left; margin-left:0; } .company-links-row .col .list li:first-child { padding-left:31px; } .company-links-row h4 { margin-bottom:15px; } .company-links-row .col .list li:first-child:before { display:block; } .company-links-row .col .list li a { display:inline-block; line-height:1.3; } .company-links-row h4 { font-size:24px; } .common-page #logo { width:180px; top:-3px; } .common-page #menu { top:21px; } #filter-menu { font-size:17px; padding-bottom:6px; } .times-sections .toolbar .link { float:none; } .scroll-navigation { top:154px; } .featured-list-box .img-container figure a { height:260px; } .awards-summary p { font-size:16px; } .lg-title-bar { font-size:18px; } /*.search-trigger { top:21px; }*/ .filter-section li:last-child { margin-top:12px; } .sort-by { float:none; margin:0 0 12px; } .times-sections .list-section .cols4 .col { float:none; width:auto; } .filter-trigger { width:170px; } .review-overview .cols { margin:0; } .review-overview .cols .col { width:auto; float:none; margin:25px 0; } .banner-info .banner-title { font-size:30px; } .banner-info .banner-title > span { font-size:30px; } .banner-info { margin-top:-350px; } #canvas-particles { height:800px; width:100%; } .section-feed .main-title { font-size:48px; } .feed-value { font-size:54px; } .feed-value > sub { top:7px; font-size:20px; } .circle-chart-group { padding:50px 0 40px; } .charts-container { margin-bottom:54px; } .circle-chart-group .main-title, .sale-countries .main-title { font-size:40px; margin-bottom:0; } .circle-chart-group .main-title > span, .sale-countries .main-title > span { font-size:18px; line-height:normal; } .circle-chart-group .revenue-title > span:before, .sale-countries .revenue-title > span:before { left:-20px; bottom:12px; } .circle-chart-group .revenue-title > span:after, .sale-countries .revenue-title > span:after { right:-20px; bottom:12px; } .circle-chart-group .main-title, .sale-countries .main-title { width:274px; } .circle-chart-group .main-title > span:before { bottom:12px; } .circle-chart-group .main-title > span:after { bottom:12px; } .nirvana-sale-title { margin-bottom:20px; } .circle-chart { width:auto; float:none; border-right:0; border-bottom:1px solid #e4e4e4; padding:25px 0; } .circle-chart-04 { border-bottom:0; padding-bottom:0; } .nirvana-sale-title { font-size:40px; } .sales-value > strong { font-size:38px; line-height:normal; } .sales-value > span { font-size:18px; } .sales-in-year > span { font-size:24px; } .gold-section .nirvana-sale-box { padding:40px 20px; } .sales-in-year:before { -moz-transform:scale(0.8); -webkit-transform:scale(0.7); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.7); } .country-box { float:none; width:auto; } .malaysia { margin-top:24px; } .country { padding:16px 30px; } .country strong { font-size:32px; } .locations a:after { width:14px; height:14px; border-width:2px; } .locations a span { border-width:2px; top:-5px; font-size:14px; } .locations a span:before { top:2px; border-width:9px; margin-left:9px; } #nirvanagallery > a { width:50%; } .contract-chart-section .main-title { font-size:26px; } .section-inner-content { max-width:400px; margin:0 auto; } svg { max-width:400px; } .thank-text { font-size:200px; } .section-inner-content > span { margin-top:-45px; } .nirvana-sale-title { font-size:34px; } .sale-countries .sales-countries .main-title > span:before { bottom:12px; } .sale-countries .sales-countries .main-title > span:after { bottom:12px; } .contract-chart-section .yearnav li a { font-size:20px; width:110px; } .thank-you-section { padding:0 0 40px; } .social-group { position:relative; top:auto; left:0; right:0; margin:25px auto 0; bottom:0; display:table; } .social-group li { float:left; margin:0 6px; } .director-img.col-align-left .position-name { bottom:0; height:100%; left:0; top:3%; width:100%; } .banner-content .banner-title { font-size:55px; } .banner-content .banner-title > span { font-size:22px; } .director-info p { font-size:16px; line-height:1.4; } .position-name { font-size:14px; } .director-title { font-size:21px; } .charts-container .main-title.revenue-title { width:270px; } .feed-value .counter { width:115px; } .feed-value.sales-feed .counter { width:150px; } .fp-tableCell { position:relative; } /*.directors-banner { padding:120px 20px; } .directors-banner .banner-content { position:absolute; left:0; right:0; margin:0 auto; top:50%; margin-top:-75px; }*/ .founder-details-box { padding:25px; } .founder-details p { font-size:16px; line-height:1.5; margin-bottom:12px; } .site-content p img { margin:0 0 15px; padding:0; width:100%; } .search-trigger { top:21px; } .nirvana-brand .search-trigger { top:33px; } .nirvana-brand .full-width-slider { height:100% !important; min-height:100% !important; } .foundation-research-box figure figcaption { padding:60px 60px 100px; } .products-services .pop-contentbox .section-title { font-size:22px; } .pop-contentbox p { font-size:16px; line-height:1.4; } .modal-backdrop { position:fixed; } .page-template-template-latest-promotions-events .section-title { font-size:20px; } #founder.video-js .vjs-tech { position:static; } .address-wrapper.visible { top:83px; } .address-col .section-title, .address-col h4 { font-size:18px; } .address-col { font-size:15px; } .branch-address-box { padding:0 30px; } .enquiry-form-box { left:-418px; } .enquiry-form-box.visible { width:80%; left:0; } .enquiry-form, .enquiry-form .formlist { width:100%; } .enquiry-form h3 { font-size:24px; } .address-wrapper { height:100%; } .branch-address-box { padding-top:30vh; } .banner-content .banner-title { font-size:46px; } .btn-outline.brand-film-btn { font-size:14px; } .nirvana-brand .section-info .wrap { min-height:550px; } } /*==========================================================================================================*/ /* only iphone landscape 340 by 478*/ @media only screen and (max-width: 480px) { #lightgallery li { width:100%; } .gold-section { padding:30px 0 46px; } .contract-chart-section .main-title { font-size:24px; } .contract-chart-section .main-title:after { margin-top:10px; } .indonesia { margin-bottom:36px; } .nirvana-info { margin:50px 0 10px; } .chart-info { margin:62px auto 30px; } .contract-chart .tab-data, .chart-info { padding:0; } .chart-info li a { font-size:15px; } .foundation-donation-box h3 { font-size:21px; } .donation ul { padding:0 20px; } .branch-offices-list { text-overflow:ellipsis; } } /*==========================================================================================================*/ /* only iphone portrait 300 by 479*/ @media only screen and (max-width: 479px) { .branch-address-box { padding-left: 80px !important; } .lg-title-bar { padding: 0 15px 0 85px !important; font-size: 14px !important; } .close-trigger { left: 10px; } .owl-prev { margin-left: 0; } .owl-next { right: 0; } .page-loader ul li { font-size:17vw; } .language-nav { width: 100%; TEXT-ALIGN: center; } .copyright a { display: inline-block; } body, .copyright { font-size:13px; } .language-nav li { font-size:13px; padding:0 8px; } #logo { width:175px; /*margin-top:-15px; */} .common-page #logo { margin-top:0; top:-3px; width:140px; } #menu { top:20px; padding:0 8px 0 32px; line-height:34px; right:20px; } #header { padding:10px 15px 15px 15px; } .menulines { left:-3px; top:-5px; } .menulines-button { font-size:16px; } .language-nav li, .social { font-size:13px; } .page-title { padding-right:50px; font-size:20px; } .product-info-box { padding:0; border:0; } #main { padding:15px 0 20px; } .page-title { padding-bottom:15px; } .menu-rightcol { padding:90px 20px } .investors-row .cols5 .col { float:none; width:auto; display:block; } .company-links-row .col .list li { float:none; width:auto; } .newsletter-box h4 { font-size:24px; } .company-links-row h4 { font-size:22px; } .newsletter-box { font-size:14px; } .press-releases .col-container h4 { font-size:14px; } .press-releases .link { font-size:16px; } .subscribe-box input[type="submit"] { font-size:14px; padding:8px 15px; } .subscribe-box input[type="text"] { padding-right:115px; font-size:15px; } .lg-actions .lg-next, .lg-actions .lg-prev { -moz-transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); -moz-transform-origin:0 50%; -webkit-transform-origin:0 50%; -ms-transform-origin:0 50%; transform-origin:0 50%; } .lg-actions .lg-next { -moz-transform-origin:100% 50%; -webkit-transform-origin:100% 50%; -ms-transform-origin:100% 50%; transform-origin:100% 50%; } .lg-toolbar .lg-close { -moz-transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); -moz-transform-origin:100% 0; -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0; } .common-page #menu { top:16px; } .read-more { font-size:20px; } .read-more:before { -moz-transform:scale(0.85); -webkit-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85); right:2px; } #filter-menu { font-size:16px; padding-bottom:6px; } .topnav li a { font-size:15px; } .times-sections h3 { font-size:22px; } .col-container .post-info h4, .list-section .col-container .post-info h4 { font-size:16px; line-height:1.4; } .post-info p { font-size:15px; } .cat-nav a { font-size:16px; padding:5px 18px; } .press-releases .col-container .post-info h4 { font-size:15px; margin:0 0 15px; } .slide-content { position:static; padding-bottom:5px; font-size:14px; } .slide-content h2 { font-size:18px; } .investor-slider .lSSlideOuter, .investor-slider .lSSlideWrapper, .investor-slider .slider-box, .investor-slider .item { height:auto !important; } .stock-cols .col { float:none; width:auto; } .stock-cols .col:first-child { border:0; } .stock-cols .col:first-child .status-box { margin:0 0 15px; } .investors-row .cols5 { padding-bottom:25px; } .listbox-container .cols .col { float:none; width:auto; } .scroll-navigation { top:140px; } .author-name a { display:block; margin:0; } .featured-list-box .img-container figure a { height:180px; } .awards-section h4 { font-size:17px; } #lg-counter { padding-top:10px; } .lg-title-bar { margin:55px 0 15px; padding:0 20px; text-align:left; } .search-trigger { display:none; } .press-releases .read-more { font-size:16px; padding-right:30px; } .press-releases .read-more:before { -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); } div.filter-section li { display:block; margin:0 0 12px; } .filter-section li .custom-select { width:100%; } .filter-section li .button.btn-outline { display:block; width:100%; } .module-col h3 { font-size:20px; } .module-col h3 span { font-size:23px; } .module-col p { font-size:16px; } .filter-section li:last-child { margin-bottom:0; } .job-info:before { display:none; } .job-info { padding:15px; position:static; /*background:rgba(149, 5, 5, 0.8);*/ } .open-positions-slider .item-group ul li img { height: 0; } .job-info-box { width:auto; } .job-info h4 { font-size:16px; margin:0 0 7px; } .job-info h3 { font-size:18px; line-height:1.35; } .career-bottom-section .primary-col h3, .career-bottom-section .sidebar-col h3 { font-size:20px; line-height:1.3; } .module-col { margin-bottom:18px; } .career-bottom-section .slider-gallery img { float:none; margin:0 0 15px; } .summary-box { border:0; padding:0; } .career-bottom-section .primary-col .lSSlideOuter .lSPager.lSpg { margin:0; } .lg-sub-html p { font-size:13px; } .lg-title-bar { display:block; } .lg-toolbar { height:auto; display:block; } .sort-by label { display:block; float:none; margin:0 0 7px; } .archive-filter-wrap { margin:0 10px 0 0; } .filter-trigger { width:128px; } .news-ticker { padding:0; } .news-ticker h5 { float:none; margin:0; text-align:center; height:auto; font-size:18px; } .news-ticker h5:after { display:none; } .news-ticker .lSSlideOuter { height:auto; position:relative; } .news-ticker .lSSlideOuter { width:auto; } /*.news-ticker .lSSlideOuter .lSSlideWrapper { position:relative; }*/ .news-slider .item { height:auto; } .news-slider .item { padding:15px 0 15px 15px; } .sales-by-year .main-title { font-size:24px; } .sales-by-year { padding:44px 0; } .year-in-review #header { padding:34px 20px; } .year-in-review #logo { width:150px; } .year-in-review #menu { margin:14px 0; } .banner-info { margin-top:-360px; } .section-feed .main-title { font-size:38px; } .feed-value { font-size:38px; } .feed-value:before { left:20px; transform:scale(0.71); } .feed-value > sub { top:4px; } .circle-chart-group .main-title > span, .sale-countries .main-title > span { font-size:16px; } .circle-chart-group .revenue-title > span:before, .sale-countries .revenue-title > span:before { left:-24px; width:40px; } .circle-chart-group .revenue-title > span:after, .sale-countries .revenue-title > span:after { right:-24px; width:40px; } .circle-chart-group .main-title, .sale-countries .main-title { width:200px; } .sale-countries .main-title.revenue-title > span:before { left:0; } .sale-countries .main-title.revenue-title > span:after { right:0; } .sale-countries .sales-countries .main-title > span:before { left:-40px; width:40px; } .sale-countries .sales-countries .main-title > span:after { right:-40px; width:40px; } .gold-section { padding:50px 0; } .revenue-countries, .sales-countries { padding:45px 0; } .nirvana-sale-title { font-size:30px; margin-bottom:30px; } .tool-tip { top:7px; right:9px; } .sales-value > strong { font-size:32px; } .sales-value > span { font-size:18px; } .sales-in-year > span { margin:0; line-height:normal; } .locations a:after { width:12px; height:12px; border-width:2px; } .locations a span { border-width:2px; top:-5px; font-size:12px; padding:6px 4px; } .locations a span:before { top:2px; border-width:9px; margin-left:9px; } .nirvana-info { margin:40px 0 0; } .nirvana-info .about { float:none; width:auto; } .nirvana-info .served { margin-bottom:30px; } .nirvana-info .about strong { font-size:32px; } .radio-btns li a { font-size:22px; margin-right:28px; padding-left:30px; } .radio-btns li a:before { margin-top:-13px; -moz-transform:scale(0.9); -webkit-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } .chart-info li { font-size:16px; } .dist-circle { padding:0; width:100%; display:block; } .dist-circle:nth-child(4), .dist-circle:nth-child(5) { margin-bottom:20px; } .section-inner-content { max-width:320px; } svg { max-width:320px; } .section-inner-content > span { margin-top:-45px; } .thank-text { font-size:186px; } .section-inner-content > span { margin-top:-60px; } .indonesia { margin-bottom:36px; } #canvas-particles { height:780px; } .banner-info .banner-title { font-size:26px; } .milestone-info { padding:25px 20px; } .milestone-info .milestone-title { font-size:16px; margin-bottom:10px; letter-spacing:0; } .sales-by-year .main-title > span { font-size:19px; letter-spacing:0; } .circle-chart-group .main-title > span:before { bottom:10px; left:-63px; } .circle-chart-group .main-title > span:after { bottom:10px; right:-63px; } .circle-chart-group .main-title.revenue-title > span:before { left:-30px; } .circle-chart-group .main-title.revenue-title > span:after { right:-30px; } .circle-chart-group .revenue-title > span:before, .sale-countries .revenue-title > span:before { bottom:10px; } .sale-countries .main-title.revenue-title > span:before { left:-10px; } .sale-countries .main-title.revenue-title > span:after { right:-10px; } .chart-info { display:block; } .chart-info li { float:none; display:block; } .contract-chart-section .main-title { margin-bottom:30px; } .contract-chart-tab { padding-top:70px; } .decore-line > span:before, .decore-line > span:after { width:107px; } .director-img.col-align-left { padding:0 15px 0 35px; } .director-img.col-align-right { padding:0 35px 0 15px; } .director-img.col-align-left .position-name { left:10px; top:10px; } .charts-container .main-title.revenue-title { width:200px; } .chart-info li { margin-right:0; } .feed-value .counter { width:85px; } .feed-value.sales-feed .counter { width:96px; } .foundation-research-box figure, .foundation-main-box li:nth-child(3) figure, .foundation-main-box li:nth-child(4) figure, .foundation-main-box li:nth-child(5) figure { height:550px; } .foundation-donation-main-box { padding:10px 0 30px; } .donation { text-align:center; } .donation .button { font-size:16px; display:block; max-width:220px; } .donation .button.btn-secondary, .donation .button.btn-lg { margin:0 auto; } .button.btn-secondary.btn-lg { margin-bottom:12px; } .close-dialogbox { height:42px; width:42px; } .close-dialogbox:before { left:14px; top:14px; } .company-profile .news-ticker .lSSlideOuter { height:auto; } .page-template-template-founder #main { padding-bottom:0; } .page-template-template-latest-promotions-events .section-title { font-size:18px; } .compass { display:none; } .address-wrapper { height:700px !important; } .branch-address-box { padding:0 20px 0 20px; } .address-wrapper.visible { top:72px; } .enquiry-form h3 { font-size:20px; } .enquiry-form input[type="submit"] { font-size:14px; padding:14px 25px 10px 25px; } .enquiry-form-box { left:-384px; } .close-trigger .address-wrapper { transform:scale(0.6); top:9px; left:12px; } .director .fp-tableCell { padding: 70px 0 40px; } } /*==========================================================================================================*/ /* Retina css */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) { .sprites, .sp-after:after, .sp-before:before, .alert:before, .common-page #header:before, .product-details h3 span:after, .section-title span:after, .section-title span:after, div.lSAction > a, .list li:before, .link:after, .mask-info .zoom, .col-container a:hover .zoom, .module-col li:before, .custom-list li:before, .career-bottom-section .primary-col .lSSlideOuter .lSPager.lSpg > li a, .filter-section li .custom-select:after, .post-date:before, .read-more:before, .sort-by .custom-select:after, .history-summary .year:before, .search-trigger, .close-icon, #filter-menu:before, .news-ticker div.lSAction > a, .social-group .thank-social, .feed-value:before, .country-box:before, .radiotabnav li a:before, .lg-toolbar .lg-close, .founder-details blockquote:before, .founder-close:before, .awards-section table th.award-name span:before, .awards-section table th.project-name span:before, .awards-section table th.award-year span:before, .filter-trigger:after, .country-list ul li a:before, .close-trigger, .contact-box span:before, .branch-address-box .custom-select:after, .close-dialogbox:before { background-image:url(../images/bgi/sprites%402x.png); -moz-background-size:710px 450px; -ms-background-size:710px 450px; -o-background-size:710px 450px; -webkit-background-size:710px 450px; background-size:710px 450px; } }