/*
This file is created and updated by
Chin Wei Ping at Xantec Solutions Sdn Bhd
*/
/* 
    Created on : Oct 8, 2015, 4:44:13 PM
    Author     : Ping
*/

@media (max-width:1170px) {

    .main-nav ul { margin-right: -20px; }
    .main-nav a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer h6 { padding-left: 20px; }

    .footer li a { padding-left: 5px; }
}

@media (min-width:1025px) {

}

@media (max-width:1023px) {
    .gridL0 { width: 0; }
    .gridL1 { width: 8.333333%; }
    .gridL2 { width: 16.666666%; }
    .gridL3 { width: 25%; }
    .gridL4 { width: 33.333333%; }
    .gridL5 { width: 41.666666%; }
    .gridL6 { width: 50%; }
    .gridL7 { width: 58.333333%; }
    .gridL8 { width: 66.666666%; }
    .gridL9 { width: 75%; }
    .gridL10 { width: 0; }
    .gridL11 { width: 0; }
    .gridL12 { width: 100%; }

    .logo img { height: 70px; }
    .main-nav ul { float: none; }
    .main-nav li { width: 16.666666%; }

    .sub-nav li { width: 25%; }

    .footer .row { height: auto !important; }

    .footer h6 { padding-left: 40px; }

    .footer .row .row > div:hover h6 { background: #11a0db; }

    .footer li a { padding-left: 25px; }

    .std { padding: 50px 25px; }

    .album .image { height: 206px; }
    .album span { height: 206px; }

    .tips > span { display: none; }

    .tips ul { margin: 0 -15px; }

    .tips .step {
        position: relative;
        overflow: hidden;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        display: block !important;
        padding: 15px;
        width: 50%;
        height: 200px;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .tips .step .numbering {
        top: 0;
        left: 15px;
        right: auto;
        bottom: auto;
    }

    .home > div > p { display: none; }

    .home > p { display: none; }

    .movedown { padding: 0; }

    .level-text h1 {
        font-size: 68px;
        padding: 8px 0;
    }

    .level-text h2 {
        font-size: 26px;
        padding: 11px 0;
    }

    .level-text a {
        font-size: 21px;
        padding: 4px 0;
    }
}

@media (min-width:768px) {
    .mobile-nav { display: none !important; }
}

@media (max-width:767px) {
    .gridM0 { width: 0; }
    .gridM1 { width: 8.333333%; }
    .gridM2 { width: 16.666666%; }
    .gridM3 { width: 25%; }
    .gridM4 { width: 33.333333%; }
    .gridM5 { width: 41.666666%; }
    .gridM6 { width: 50%; }
    .gridM7 { width: 58.333333%; }
    .gridM8 { width: 66.666666%; }
    .gridM9 { width: 75%; }
    .gridM10 { width: 0; }
    .gridM11 { width: 0; }
    .gridM12 { width: 100%; }

    .page {
        background: #fff !important;
        margin: 0;
        border-top: 3px #8c73b5 solid;
    }
    .main { padding: 0; }
    .std {
        padding: 50px 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .logo {
        position: static;
        padding-top: 65px;
        display: block;
    }

    .header {
        height: 150px;
        border-bottom: 2px #5a3795 solid;
    }

    .top-links {
        top: 0;
        position: fixed;
        background: url(../img/background/header.jpg);
        border-bottom: 1px #fff solid;
        border-color: rgba(255,255,255,0.3);
    }

    .top-links-items {
        float: left;
        margin-left: -15px;
    }

    .post {
        right: auto;
        left: 0;
    }

    .post > span {
        right: auto;
        left: 336px;
    }

    .user-account span { display: none; }

    .nav { display: block; }

    .main-nav { display: none !important; }
    .sub-nav { display: none !important; }

    .footer > span { background: #fff; }

    .sitemap-label {
        position: static;
        overflow: hidden;
        background: #fff;
        margin: 0 -15px;
    }

    .sitemap-label span {
        padding-left: 15px;
        width: 100px;
    }

    .footer h6 { padding-left: 15px; }

    .footer li a { padding-left: 0; }

    .album .image { height: 160px; }
    .album span { height: 160px; }

    .contact-info a+a { margin-left: 20px; }

    .photogallery { border-top: none; }

    .banner .owl-controls { bottom: 14px; }

    .level-text h1 {
        font-size: 32px;
        padding: 5px 0;
    }

    .level-text h2 {
        font-size: 17px;
        padding: 8px 0;
    }

    .level-text a {
        font-size: 14px;
        padding: 3px 0;
    }

    .level-text1 { top: 25%; }
    .level-text2 { top: 50%; }
    .level-text3 { top: 10%; }
    .level-text4 { top: 10%; }
    .level-text5 { top: 15%; }
}

@media (max-width:567px) {
    .gridS0 { width: 0; }
    .gridS1 { width: 8.333333%; }
    .gridS2 { width: 16.666666%; }
    .gridS3 { width: 25%; }
    .gridS4 { width: 33.333333%; }
    .gridS5 { width: 41.666666%; }
    .gridS6 { width: 50%; }
    .gridS7 { width: 58.333333%; }
    .gridS8 { width: 66.666666%; }
    .gridS9 { width: 75%; }
    .gridS10 { width: 0; }
    .gridS11 { width: 0; }
    .gridS12 { width: 100%; }

    .mobile-nav li { width: 50%; }

    .top-links .user-account { display: none; }
    .top-links .social-connect { display: none; }

    .mobile-nav .user-account { display: block; }
    .mobile-nav .social-connect { display: block; }

    .top-links .book-btn { margin-left: 15px; }

    .post { display: none !important; }

    .copyright a { display: block; }

    .album .image { height: 182px; }
    .album span { height: 182px; }

    .tips .step {
        width: auto;
        height: auto;
        padding-bottom: 100px;
    }

    .lightbox span {
        line-height: 1;
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;
    }

    .lightbox h5 {
        left: 15px;
        text-align: left;
    }

    .map { height: 290px; }

    .contact-info a {
        display: block;
    }

    .contact-info a+a { margin: 9px 0 0; }

    .banner { padding-top: 40px; }

    .banner .owl-controls { bottom: 0; }
	
	.job-search-block{ padding-top: 200px; }
}