Responsive Layout
A responsive design automatically adapts itself to a particular viewing environment such as desktop, tablet or mobile, without the need for separate layouts for varying platforms

Responsive Frameworks

We use the responsive layout based on Twitter's Bootstrap Framework, with its collection of utility classes, to provide a flexible responsive design.

Read Blog

RocketTheme Extensions

The RokSprocket and RokGallery extensions are built to work with a responsive layout and support mobile touch events, such as 'swipe'.

Read Blog

Media Queries in JavaScript

We have created a new helper class, RokMediaQueries.js, which provides a unified system that enables extensions to add media query listeners.

Read Blog

Responsive Layouts


Metropolis's responsive grid system is designed for desktop, tablet and smartphone systems, each with minor modifications to ensure compatibility in each mode. The table above shows the breakdown of screen resolutions and associated devices, and what layout characters are then applied to each.

Responsive Classes


Another useful feature available, via Bootstrap, is the collection of responsive utility classes that can be used to help tweak layouts by providing a simple method of showing or hiding modules. Insert the above module class suffixes into your settings to show/hide a module for a particular mode.

Media Queries

In terms of media queries, the breakdown is:

/* Smartphones */
@media (max-width: 480px) { ... }

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { ... }

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }

/* Large Display */
@media (min-width: 1200px) { ... }



For mobile devices, there are two options, a dropdown panel menu with items in a tree format or a select box using the browsers own UI elements. Chose a format in the template's menu settings.

The Dropdown Menu is a CSS driven dropdown menu, offering such features as multiple columns, inline icons, subtext, modules and positions, custom column widths, item distribution and menu offsets.

SplitMenu displays 1st level items in the navigation bar and children in the Sidebar.

The company employee around 2300 workers, our People are our valuable assets, whom made our firms history and what it is today. They are our path to success and we are proud and grateful of the quality of all teams.
Leaders, experts and knowledgeable and may, sound trite to say, our people are our most valuable assets. We search for the very best people to hire, keep them motivated and inspired, reward them for what they do and give them opportunities to prove and learn. By doing this, we believe we can build a family who want to do the very best for YCIC and for the success of our business.
Our objectives to be the best company to work for and each year we get closer to achieving that. We provide benefits; incentive plans opportunities that rival those offered by our competitors.

Internal Communication:
Communicating with our staff is the highest of our priorities. We have our unique internal communications program, which enables us to reach each other’s through emails, phones, and visits, from our higher managers. We try to listen twice we talk so we can act upon ideas, suggestions and point of views.

Continues Learning:
Our goal is to provide the base and environment which makes it easy for talented people to reach their potential. We do this by setting clear targets for what people need to achieve in their jobs and we offer training and support to help them get their desires.

Sustainability of learning:
Performance awareness take place in every part of our business each year to asure that people understand what is expected of them, receive feedback on their performance and set goals for the following year. Everyone of YCIC take part in a performance review at least once. Training is offered to reflect the needs of specific job functions. We believe doing face-to-face training as it enables people to meet one another and share ideas; and increasingly we use the latest technology to ease communication with the world.

Benefits beyond salary:
Our reward goes beyond our salaries, in addition to competitive pay by following a set of principles to guide the way we provide benefits. These principles include monthly recognition for employee of the month, and innovation for new ideas. Moreover, there are some programs provided, such as health, welfare, and retirement plans.