@charset "UTF-8";
/* CSS Document */

/************************************************************** viewport >1301 **************************************************************/
@media only screen and (min-width: 1301px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}
    
.bg-nav {background:url("../pics/bg-nav-big.gif") no-repeat; background-position:left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	z-index:0}
#homeCDS {min-height:500px;}
#cdsAnimate {width:75%; height: auto;}
/*.imgCDS {display: block; margin:0 auto; width:600px; height: auto}*/
.homeContent {width:600px;; margin:0 auto; min-height:300px; margin-top:350px; /*border: solid 1px #900; */}
    




}


/************************************************************** viewport >1201 **************************************************************/
@media only screen and (min-width: 1201px) and (max-width:1300px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}
    

#homeCDS {min-height:500px;}
#cdsAnimate {width:75%; height: auto;}
/*.imgCDS {display: block; margin:0 auto; width:600px; height: auto}*/
.homeContent {width:600px;; margin:0 auto; min-height:300px; margin-top:350px; /*border: solid 1px #900; */}
    




}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:980px; margin:0 auto;}
.container {width:100%}
    

#homeCDS {min-height:400px; background-position:center bottom!important}
/*.imgCDS {display: block; margin:0 auto; width:600px; height: auto}*/
#cdsAnimate {width:65%; height: auto; margin-top:300px;}
.homeContent {width:700px;; margin:0 auto;  margin-top:180px}


}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:992px) {
body {margin-bottom: 880px;}
.footer {height: 880px;}
.wrapper {width:100%; margin:0 auto;}
    
.bg-nav {background:url("../pics/bg-nav2.png") no-repeat; background-color:#2b2b2b;  background-position:left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	z-index:-999!important}
    
#aboutUs .imgResize {width:400px!important; height: auto!important}
    

}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
body {margin-bottom: 880px;}
.footer {height: 880px;}
    
.wrapper {width:100%;}
.container {width:100%}

.bg-nav {background:url("../pics/bg-nav2.png") no-repeat; background-color:#2b2b2b;  background-position:left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	z-index:-999!important}

#homeCDS {min-height:400px; background-position:center bottom!important}
#cdsAnimate {width:70%; height: auto; margin-top:400px;}
/*.imgCDS {display: block; margin:0 auto; width:450px; height: auto}*/
.homeContent {width:700px;; margin:0 auto;  margin-top:250px}
    
.aboutUs-overlayMobile {width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);}    
#aboutUs .imgResize {width:400px!important; height: auto!important}
    
	
}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {
body {margin-bottom: 880px;}
.footer {height: 880px;}
.wrapper {width:100%;}
.container {width:100%}

.bg-nav {background:url("../pics/bg-nav-mobile.png") no-repeat; background-color:#2b2b2b;  background-position:left top;  z-index:-999!important}

#homeCDS {min-height:400px; background-position:center bottom!important}
#cdsAnimate {width:70%; height: auto; margin-top:300px;}
/*.imgCDS {display: block; margin:0 auto; width:450px; height: auto}*/
.homeContent {width:600px;; margin:0 auto;  margin-top:300px}
.aboutUs-overlayMobile {width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);}
    
#aboutUs .imgResize {width:350px!important; height: auto!important}
    


}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {margin-bottom: 880px;}
.footer {height: 880px;}
.wrapper {width:100%;}
.xs-padding {margin-top:10px}

.bg-nav {background:url("../pics/bg-nav-mobile.png") no-repeat; background-color:#2b2b2b;  background-position:left top;  z-index:-999!important}
#homeCDS {background:url("../pics/home-putrajaya-cds-1b.jpg") no-repeat; min-height:400px; background-position:center top!important; }
#cdsAnimate {width:360px; height: auto; margin-top:380px;}
/*.imgCDS {display: block; margin:0 auto; width:90%; }*/
.homeContent {width:80%;; margin:0 auto;  margin-top:160px}
.aboutUs-overlayMobile {width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);}
#aboutUs .imgResize {width:350px!important; height: auto!important}
	

}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
body {margin-bottom: 880px;}
.footer {height: 880px;}
.wrapper {width:100%;}
.xs-padding {margin-top:10px}

.bg-nav {background:url("../pics/bg-nav-mobile.png") no-repeat; background-color:#2b2b2b;  background-position:20% top;  z-index:-999!important}
#homeCDS {background:url("../pics/home-putrajaya-cds-1b.jpg") no-repeat; min-height:400px; background-position:55% top!important; }
#cdsAnimate {width:100%; height: auto; margin-top:350px;}
/*.imgCDS {display: block; margin:0 auto; width:100%; }*/
.homeContent {width:80%;; margin:0 auto;  margin-top:200px}
#homeCDS h1 {font-size: 2em; line-height:1.2em; margin:0 0 12px 0 }
#homeCDS h2 {font-size: 1.4em; line-height:1.2em; }
.aboutUs-overlayMobile {width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);}
.home-abtUs {height:500px; background-position: 70% top}
	
}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
body {margin-bottom: 900px;}
.footer {height: 900px;}
.wrapper {width:100%}
.xs-padding {margin-top:10px}
	
.bg-nav {background:url("../pics/bg-nav-mobile.png") no-repeat; background-color:#2b2b2b;  background-position:20% top;  z-index:-999!important}
#homeCDS {background:url("../pics/home-putrajaya-cds-1b.jpg") no-repeat; min-height:400px; background-position:55% top!important; }
#cdsAnimate {width:250px; height: auto; margin-top:350px;}
/*.imgCDS {display: block; margin:0 auto; width:100%; }*/
.homeContent {width:80%;; margin:0 auto;  margin-top:200px}
#homeCDS h1 {font-size: 2em; line-height:1.2em; margin:0 0 12px 0 }
#homeCDS h2 {font-size: 1.4em;}
.aboutUs-overlayMobile {width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);}
.home-abtUs {height:520px; background-position: 70% top}
    


}