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

@font-face {
 
 
  font-family: "zodiaque";
   src: url(fonts/Cochin.otf);
}




.hideme{opacity: 0}
.zodiaque{
				margin: 0 auto; width: 100%; text-align: center;
				
			}
			
			.zodiaque img{width:100%;}
			
.zodiaque .banner{ background-image: url(images/TopBanner_Desktop.jpg); min-height: 735px; background-position: center top; background-repeat: no-repeat;}


	.green .blue .red .yellow{ width:100%;}
	.zodiaque .title{font-family: "Shuei Mincho M", serif; width:100%;max-width: 1920px; line-height: 44px;
  margin: 0 auto ;
	font-size: 24px; /* for IE */
  font-size: min(max(3.0vw, 16px), 40px);
		
    font-weight: 400;
    letter-spacing: 0.2em;
    text-align: center;
	color:#4d403f;
		
		
  /*-ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);*/
		padding-top:340px;
		
}

.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{width:100%;max-width: 1920px;   margin: 0 auto ;
	
}
.greenSection, .blueSection, .redSection, .yellowSection{position: relative;}
.greenSection{ background-image: url(images/greenBG.jpg);  background-position: center top;min-height: 3000px;background-repeat: no-repeat;}
.blueSection{ background-image: url(images/blueBG.jpg);  background-position: center top;min-height: 3000px;background-repeat: no-repeat;}
.redSection{ background-image: url(images/redBG.jpg);  background-position: center top;min-height: 3000px;background-repeat: no-repeat;}
.yellowSection{ background-image: url(images/yellowBG.jpg);  background-position: center top;min-height: 3000px;background-repeat: no-repeat;}
.zodiaque .content{font-size: min(max(1.4vw, 12px), 22px);font-weight: normal;letter-spacing: 0em;line-height: 2.2;

font-family: "Public Sans", sans-serif;
  

} 

.greenSection .content{color: #5f7e5f;}
.greenSection .part1{font-size: min(max(1.2vw, 10px), 20px);font-family: "Public Sans", sans-serif;  font-weight: normal;  letter-spacing: 0em;margin-top:40px;line-height: 36px;display: table;}

.blueSection .content{color: #4e75a0;}
.blueSection .part1{font-size: min(max(1.2vw, 10px), 20px);font-family: "Public Sans", sans-serif;  font-weight: normal;  letter-spacing: 0em;margin-top:40px;line-height: 36px;display: table;}


.redSection .content{color: #b56767;}
.redSection .part1{font-size: min(max(1.2vw, 10px), 20px);font-family: "Public Sans", sans-serif;  font-weight: normal;  letter-spacing: 0em;margin-top:40px;line-height: 36px;display: table;}



.yellowSection .content{color: #a39669;}
.yellowSection .part1{font-size: min(max(1.2vw, 10px), 20px);font-family: "Public Sans", sans-serif;  font-weight: normal;  letter-spacing: 0em;margin-top:40px;line-height: 36px;display: table;}


.three .three1{width:37%; float: left;}
 .three .three2{width:28%; float: left}
 .three .three3{width:34%; float: left;}




.movie{   width: 30%; visibility: hidden;
  margin-top: 7%;
  height: 1100px;
  background: #000; float: left}

   .movie_iframe {
    position: relative;
    width: 100%;
    padding-top: 52.65%;
	   background: #000;
}
 .movie_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.redSection .movie{visibility: visible;height: auto;  background: transparent;}
.greenSection .link{	width: 96%;margin-top: 100%; position: absolute;}
	.greenSection .link img{	width: 100%;}
	.greenSection .link .link1{	width:33.3%; float: left;}
	.greenSection .link .link2{	width:33.3%; float: left;}
	.greenSection .link .link3{	width:33.3%; float: left;}



.greenSection .part1 {width: 100%;display: table;margin-top: 20%;color: #5f7e5f;    }
.greenSection .part1 .part1a{float: left;width:33.3%}
.greenSection .part1 .part1b{float: left;width:33.3%}
.greenSection .part1 .part1c{float: left;width:33.3%}
.greenSection .part1 img{ width:100% }




.blueSection .part1 {width: 100%;display: table;margin-top: 20%;color: #4e75a0;}
.blueSection .part1 .part1a{float: left;width:33.3%}
.blueSection .part1 .part1b{float: left;width:33.3%}
.blueSection .part1 .part1c{float: left;width:33.3%}
.blueSection .part1 img{ width:100% }

.blueSection .part1 .part1a .three1{padding-right:9%;margin-top: -20px;}
.blueSection .part1 .part1b .three2{margin-top: -20px;}
.blueSection .part1 .part1c .three3{padding-left:9%;margin-top: -20px;}

.redSection .part1 {width: 100%;display: table;margin-top: 20%;    color: #b56767;}
.redSection .part1 .part1a{float: left;width:33.3%}
.redSection .part1 .part1b{float: left;width:33.3%}
.redSection .part1 .part1c{float: left;width:33.3%}
.redSection .part1 img{ width:100% }

.redSection .part1 .part1b .three2{padding-left:2%;}


.yellowSection .part1 {width: 100%;display: table;margin-top: 20%;color: #a39669;}
.yellowSection .part1 .part1a{float: left;width:33.3%}
.yellowSection .part1 .part1b{float: left;width:33.3%}
.yellowSection .part1 .part1c{float: left;width:33.3%}
.yellowSection .part1 img{ width:100% }

.yellowSection .part1 .part1a .three1{padding-right:8%;}
.yellowSection .part1 .part1c .three3{padding-left:4%;}



.greenSection .headTitle {
    font-family: "zodiaque";
  font-size: 52px;
  margin-top: -8%;
  margin-bottom: 70px;
  color: #5e7e61;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: bold;

}

.greenSection .headTitle::before {
    content: url("images/greenStar_1500.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1500.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
margin-left: 15px;


    vertical-align: sub;
}
.blueSection .headTitle {

	
	 font-family: "zodiaque";
  font-size: 52px;
  margin-top: -8%;
  margin-bottom: 70px;
  color: #4e759f;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: bold;

}

.blueSection .headTitle::before {
    content: url("images/blueStar_1500.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
   margin-right: 15px;
    vertical-align: sub;

}
.blueSection .headTitle::after {
    content: url("images/blueStar_1500.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
      margin-left: 15px;
    vertical-align: sub;

}
.redSection .headTitle {

	
	 font-family: "zodiaque";
  font-size: 52px;
  margin-top: -8%;
  margin-bottom: 70px;
  color: #b36866;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: bold;
	
}

.redSection .headTitle::before {
    content: url("images/redStar_1500.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
  

    margin-right: 35px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1500.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    
 margin-left: 15px;
    vertical-align: sub;
}
.yellowSection .headTitle {
 
	
	
	 font-family: "zodiaque";
  font-size: 52px;
  margin-top: -8%;
  margin-bottom: 70px;
  color: #a39669;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: bold;
}

.yellowSection .headTitle::before {
    content: url("images/yellowStar_1500.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
   

    margin-right: 35px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1500.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
   
 margin-left: 15px;
    vertical-align: sub;
}


.greenSection .movie_product{       }
.greenSection .movieProduct{ float: right;    margin-top: 210px;margin-bottom: 20%;    margin-right: -20px;position: relative;}
.greenSection .movieProduct_text1{       font-family: "zodiaque";  font-size: 34px;  color: #5e7e61;  letter-spacing: 0px;  position: absolute;  right: 0;  margin-right: 37%;  margin-top: 11.5%;  text-transform: uppercase;  font-weight: bold;}
.greenSection .movieProduct_text2{       font-family: "zodiaque";    font-size: 34px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;    right: 0;       margin-right: 54.2%;    margin-top: 37.5%;text-transform: uppercase;  font-weight: bold;}
.greenSection .movieProduct_text3{       font-family: "zodiaque";    font-size: 34px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;    right: 0;         margin-right: 37.2%;    margin-top: 61.5%;text-transform: uppercase;  font-weight: bold;}
	
.blueSection .movieProduct{ float: right;  margin-top: 70px;      margin-bottom: 20%;    margin-right: 98px;   ;position: relative;}
.blueSection .movieProduct_text1{       font-family: "zodiaque";    font-size: 34px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;    right: 0;    margin-right: 47%;    margin-top: 31.5%; text-transform: uppercase;  font-weight: bold;}
.blueSection .movieProduct_text2{       font-family: "zodiaque";    font-size: 34px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;    right: 0;          margin-right: 70.6%;    margin-top: 64.5%;text-transform: uppercase;  font-weight: bold;
}
.blueSection .movieProduct_text3{       font-family: "zodiaque";    font-size: 34px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;    right: 0;         margin-right: 30.6%;    margin-top: 84%;text-transform: uppercase;  font-weight: bold;}

.redSection .movieProduct{ float: right;  margin-top: 135px;      margin-bottom: 20%;    margin-right: 60px;   ;position: relative;}
.redSection .movieProduct_text1{       font-family: "zodiaque";    font-size: 34px;    color: #b56767;    letter-spacing: 0px;    position: absolute;    right: 0;    margin-right: 54.5%;    margin-top: 29%;text-transform: uppercase;  font-weight: bold;}
.redSection .movieProduct_text2{       font-family: "zodiaque";    font-size: 34px;    color: #b56767;    letter-spacing: 0px;    position: absolute;    right: 0;              margin-right: 36.1%;    margin-top: 55.9%;text-transform: uppercase;  font-weight: bold;
}
.redSection .movieProduct_text3{       font-family: "zodiaque";    font-size: 34px;    color: #b56767;    letter-spacing: 0px;    position: absolute;    right: 0;             margin-right: 50.9%;    margin-top: 82%;text-transform: uppercase;  font-weight: bold;}


.yellowSection .movieProduct{ float: right;  margin-top: 195px;      margin-bottom: 20%;    margin-right: 55px;   ;position: relative;}
.yellowSection .movieProduct_text1{       font-family: "zodiaque";    font-size: 34px;    color: #a39669;    letter-spacing: 0px;    position: absolute;    right: 0;        margin-right: 57.2%;    margin-top: 16%;text-transform: uppercase;  font-weight: bold;}
.yellowSection .movieProduct_text2{       font-family: "zodiaque";    font-size: 34px;    color: #a39669;    letter-spacing: 0px;    position: absolute;    right: 0;              margin-right: 32.3%;    margin-top: 44.2%;text-transform: uppercase;  font-weight: bold;}
.yellowSection .movieProduct_text3{       font-family: "zodiaque";    font-size: 34px;    color: #a39669;    letter-spacing: 0px;    position: absolute;    right: 0;                 margin-right: 48.3%;text-transform: uppercase;  font-weight: bold;
    margin-top: 72.2%;}



.greenSection .part1a .pic{position: relative;}
.greenSection .part1b .pic{position: relative;}
.greenSection .part1c .pic{position: relative;}
.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 34px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 36%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 34px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 43%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 34px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 43.5%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}


.blueSection .part1a .pic{position: relative;}
.blueSection .part1b .pic{position: relative;}
.blueSection .part1c .pic{position: relative;}
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 34px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 47%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 34px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 43%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 34px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 40%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}


.redSection .part1a .pic{position: relative;}
.redSection .part1b .pic{position: relative;}
.redSection .part1c .pic{position: relative;}
.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 34px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 46%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 34px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 46%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 34px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 36%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}



.yellowSection .part1a .pic{position: relative;}
.yellowSection .part1b .pic{position: relative;}
.yellowSection .part1c .pic{position: relative;}
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 34px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 47%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 34px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 45%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 34px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 38%;    margin-top: 12.5%;text-transform: uppercase;  font-weight: bold;}


@media only screen and (max-width:1920px){
	
	.zodiaque .title{ width: 95%;margin: 0 auto;padding-top: 140px;}	
	.greenSection,.blueSection,.redSection,.yellowSection{	background-size: auto 	}
	.greenSection .three,.blueSection .three,.redSection .three,.yellowSection .three{margin-top:52%; width:96%;}
		
	.greenSection .link{	width: 96%;margin-top: 100%; position: absolute;}
	.greenSection .link img{	width: 100%;}
	.greenSection .link .link1{	width:33.3%; float: left;}
	.greenSection .link .link2{	width:33.3%; float: left;}
	.greenSection .link .link3{	width:33.3%; float: left;}
	.greenSection .headTitle {   margin-top: -7%; font-size: 50px;}
	.blueSection .headTitle {   margin-top: -7%; font-size: 50px;}
	.redSection .headTitle {   margin-top: -7%; font-size: 50px;}
	.yellowSection .headTitle {   margin-top: -7%; font-size: 50px;}
	
.greenSection	.movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:66%}
.greenSection	.movie_product {   margin-top: 12%;        margin-right: -9%;}
.greenSection	.movieProduct_text1 {     font-size: 32px;     margin-right: 22%;    margin-top: 7.7%;}
.greenSection	.movieProduct_text2 {     font-size: 32px;     margin-right: 33.2%;    margin-top: 25.8%;}
.greenSection	.movieProduct_text3 {     font-size: 32px;                 margin-right: 21.6%;    margin-top: 41.7%;}
	
.blueSection	.movieProduct {   display: contents;}	
	.blueSection	.movieProduct img{ width:50%}
.blueSection	.movie_product {   margin-top: 5%;        margin-right: -9%;}
.blueSection	.movieProduct_text1 {     font-size: 32px;            margin-right: 28.6%;        margin-top: 16%;}
.blueSection	.movieProduct_text2 {     font-size: 32px;            margin-right: 41%;        margin-top: 33.5%;}
.blueSection	.movieProduct_text3 {     font-size: 32px;                       margin-right: 20.5%;        margin-top: 43.6%;}
	
	
.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:56%}
.redSection	.movie_product {          margin-top: 8%;        margin-right: -7.5%;}
.redSection	.movieProduct_text1 {     font-size: 32px;            margin-right: 33.7%;        margin-top: 16.7%;}
.redSection	.movieProduct_text2 {     font-size: 32px;            margin-right: 23.2%;        margin-top: 32%;}
.redSection	.movieProduct_text3 {     font-size: 32px;                       margin-right: 31.7%;        margin-top: 47.1%;}
	
.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:60%}
.yellowSection	.movie_product {          margin-top: 11.3%;        margin-right: -6.3%;}
.yellowSection	.movieProduct_text1 {     font-size: 32px;            margin-right: 36.6%;        margin-top: 9.9%;}
.yellowSection	.movieProduct_text2 {     font-size: 32px;                   margin-right: 21.2%;        margin-top: 27%;}
.yellowSection	.movieProduct_text3 {     font-size: 32px;                              margin-right: 31%;        margin-top: 44.1%;}		
	
	
.greenSection .part1a .pic{position: relative;}
.greenSection .part1b .pic{position: relative;}
.greenSection .part1c .pic{position: relative;}
.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 32px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 38%;    margin-top: 12.5%;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 32px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 44%;    margin-top: 12.5%;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 32px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0;  margin-right: 46%;    margin-top: 13.5%;}

.blueSection .part1a .pic{position: relative;}
.blueSection .part1b .pic{position: relative;}
.blueSection .part1c .pic{position: relative;}
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 32px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 48%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 32px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 45%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 32px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 42%;    margin-top: 12.5%;}	
	
	
.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 32px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 45%;    margin-top: 12.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 32px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 47%;    margin-top: 12.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 32px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 36%;    margin-top: 12.5%;}	
	
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 32px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 49%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 32px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 46.5%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 32px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 37%;    margin-top: 12.5%;}
	
	
}
@media screen and (max-width: 1920px) and (min-width: 1800px){
	
.three .three1{width:33.3%; float: left;}
 .three .three2{width:35%; float: left}
 .three .three3{width:31%; float: left;}
	
	.zodiaque .title{padding-top: 17%;}	
	
	
.movieProduct {
  
    margin-top: 215px;
    margin-right: -78px;
  
  
  
} 
	    
	
	
	    
}
@media screen and (max-width: 1800px) and (min-width: 1700px){
	
	.zodiaque .title{ width: 90%;margin: 0 auto;padding-top: 280px;}	
	
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:950px; width:100%; }
	.greenSection .link{	width: 100%;}
	
	.three .three1{width:37%; float: left;}
 .three .three2{width:28%; float: left}
 .three .three3{width:34%; float: left;}
	.movie {   height: 1000px;}
	
	
	
	.greenSection{ background-image: url(images/greenBG_1800.jpg);  background-position: center top;min-height: 2800px;}
	.blueSection{ background-image: url(images/blueBG_1800.jpg);  background-position: center top;min-height: 2800px;}
	.redSection{ background-image: url(images/redBG_1800.jpg);  background-position: center top;min-height: 2800px;}
	.yellowSection{ background-image: url(images/yellowBG_1800.jpg);  background-position: center top;min-height: 2800px;}
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1800.jpg); min-height: 686px; background-position: center top;}
	
	.greenSection{	background-size: auto 	}
	.blueSection{	background-size: auto 100%;	}
	.redSection{	background-size: auto 100%;	}
	.yellowSection{	background-size: auto 100%;	}
	
	.greenSection .headTitle {
    font-family: "zodiaque";
    font-size: 48px;
    margin-top: -6.8%;
    margin-bottom: 70px;
    color: #5e7e61;
    letter-spacing: 5px;
		
	   
		
}

.greenSection .headTitle::before {
    content: url("images/greenStar_1400.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1400.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    
 margin-left: 15px;
    vertical-align: sub;
}
	.blueSection .headTitle {
   
		
		 font-family: "zodiaque";
    font-size: 48px;
    margin-top: -6.8%;
    margin-bottom: 70px;
    
    letter-spacing: 5px;
		
}

.blueSection .headTitle::before {
    content: url("images/blueStar_1400.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1400.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}
		.redSection .headTitle {
     font-family: "zodiaque";
    font-size: 48px;
    margin-top: -6.8%;
    margin-bottom: 70px;
    
    letter-spacing: 5px;
		
}

.redSection .headTitle::before {
    content: url("images/redStar_1400.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1400.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}

	
		.yellowSection .headTitle {
    font-family: "zodiaque";
    font-size: 48px;
    margin-top: -6.8%;
    margin-bottom: 70px;
    
    letter-spacing: 5px;
		
}

.yellowSection .headTitle::before {
    content: url("images/yellowStar_1400.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1400.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}

	
.greenSection	.movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:70%}
.greenSection	.movie_product {    margin-top: 11%;    margin-right: -10%;}
.greenSection	.movieProduct_text1 {     font-size: 32px;     margin-right: 22.2%;    margin-top: 8%;}
.greenSection	.movieProduct_text2 {     font-size: 32px;     margin-right: 33.8%;   margin-top: 26%;}
.greenSection	.movieProduct_text3 {     font-size: 32px;             margin-right: 22.1%;        margin-top: 42.5%;}
	
.blueSection	.movieProduct {   display: contents;}	
	.blueSection	.movieProduct img{ width:55%}
.blueSection	.movie_product {   margin-top: 3%;        margin-right: -10%;}
.blueSection	.movieProduct_text1 {     font-size: 32px;             margin-right: 29.4%;        margin-top: 16.5%;}
.blueSection	.movieProduct_text2 {     font-size: 32px;            margin-right: 42.1%;        margin-top: 35%;}
.blueSection	.movieProduct_text3 {     font-size: 32px;                margin-right: 20.4%;        margin-top: 45.7%;}	

	.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:60%}
.redSection	.movie_product {          margin-top: 7.4%;        margin-right: -9.9%;}
.redSection	.movieProduct_text1 {     font-size: 32px;                    margin-right: 33.4%;        margin-top: 17%;}
.redSection	.movieProduct_text2 {     font-size: 32px;            margin-right: 22.6%;        margin-top: 33.1%;}
.redSection	.movieProduct_text3 {     font-size: 32px;                       margin-right: 31.4%;        margin-top: 48.5%;}	
	
	
	.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:64%}
.yellowSection	.movie_product {          margin-top: 10.3%;        margin-right: -7.8%;}
.yellowSection	.movieProduct_text1 {     font-size: 32px;            margin-right: 36.7%;        margin-top: 9.9%;}
.yellowSection	.movieProduct_text2 {     font-size: 32px;                   margin-right: 21.2%;        margin-top: 27.5%;}
.yellowSection	.movieProduct_text3 {     font-size: 32px;                                      margin-right: 31%;        margin-top: 44.7%;}	
	
	
.greenSection .movieProduct1_text1 {        font-family: "zodiaque";        font-size: 32px;        color: #5e7e61;        letter-spacing: 0px;        position: absolute;        right: 0;        margin-right: 38%;        margin-top: 12.5%;    }
	.greenSection .movieProduct1_text2 {        font-family: "zodiaque";        font-size: 32px;        color: #5e7e61;        letter-spacing: 0px;        position: absolute;        right: 0;        margin-right: 44%;        margin-top: 12.5%;    }
	    .greenSection .movieProduct1_text3 {        font-family: "zodiaque";        font-size: 32px;        color: #5e7e61;        letter-spacing: 0px;       position: absolute;        right: 0;        margin-right: 46%;        margin-top: 13.5%;    }
	
.blueSection .part1a .pic{position: relative;}
.blueSection .part1b .pic{position: relative;}
.blueSection .part1c .pic{position: relative;}
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 32px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 48%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 32px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 42%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 32px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 40%;    margin-top: 12.5%;}	

.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 32px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 45%;    margin-top: 12.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 32px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 47%;    margin-top: 12.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 32px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 35%;    margin-top: 12.5%;}		
	
	
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 32px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 48%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 32px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 46%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 32px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 35%;    margin-top: 12.5%;}
	
}
@media screen and (max-width: 1700px) and (min-width: 1600px){
	
	.zodiaque .title{ width: 90%;margin: 0 auto;padding-top: 260px;}	
	.greenSection{ background-image: url(images/greenBG_1700.jpg);  background-position: center top;min-height: 2600px;}
	.blueSection{ background-image: url(images/blueBG_1700.jpg);  background-position: center top;min-height: 2600px;}
	.redSection{ background-image: url(images/redBG_1700.jpg);  background-position: center top;min-height: 2600px;}
	.yellowSection{ background-image: url(images/yellowBG_1700.jpg);  background-position: center top;min-height: 2600px;}
	
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1700.jpg); min-height: 637px; background-position: center top;}
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:860px; width: 100%;}
	
	.greenSection .link{	width: 100%;}
	.three .three1{width:37%; float: left;}
 .three .three2{width:28%; float: left}
 .three .three3{width:35%; float: left;}
	.movie {   height: 950px;}
	.greenSection{	background-size: auto 	}
	.blueSection{	background-size: auto 100%;	}
	.redSection{	background-size: auto 100%;	}
	.yellowSection{	background-size: auto 100%;	}
	
        .greenSection .headTitle {
        font-family: "zodiaque";
        font-size: 44px;
        margin-top: -6.8%;
        margin-bottom: 70px;
        color: #5e7e61;
        
    }

.greenSection .headTitle::before {
    content: url("images/greenStar_1300.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1300.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    
margin-left: 15px;
    vertical-align: sub;
}
	    .blueSection .headTitle {
        font-family: "zodiaque";
        font-size: 44px;
        margin-top: -6.5%;
        margin-bottom: 70px;
      
        
    }

.blueSection .headTitle::before {
    content: url("images/blueStar_1300.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1300.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}
		    .redSection .headTitle {
        font-family: "zodiaque";
        font-size: 44px;
        margin-top: -6.5%;
        margin-bottom: 70px;
      
        letter-spacing: 5px;
    }

.redSection .headTitle::before {
    content: url("images/redStar_1300.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1300.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}
	
		    .yellowSection .headTitle {
        font-family: "zodiaque";
        font-size: 44px;
        margin-top: -6.5%;
        margin-bottom: 70px;
      
        letter-spacing: 5px;
    }

.yellowSection .headTitle::before {
    content: url("images/yellowStar_1300.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1300.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}
.greenSection	.movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:64%}
.greenSection	.movie_product {    margin-top: 10.5%;    margin-right: -10%;}
.greenSection	.movieProduct_text1 {     font-size: 30px;     margin-right: 22.5%;        margin-top: 7.1%;}
.greenSection	.movieProduct_text2 {     font-size: 30px;     margin-right: 33%;        margin-top: 23.5%;}
.greenSection	 .movieProduct_text3 {     font-size: 30px;             margin-right: 22.5%;        margin-top: 38.5%;}
	
	.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 30px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 38%;    margin-top: 11.8%;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 30px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 42.5%;    margin-top: 11.8%;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 30px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0;  margin-right: 44%;    margin-top: 11.8%;}
	
.blueSection	.movieProduct img{ width:52%}
.blueSection .movie_product {        margin-top: 2%;        margin-right: -10%;    }
	
	.blueSection .movieProduct_text1 {
        font-size: 30px;
        margin-right: 29.1%;
        margin-top: 16.2%;
    }
	
	.blueSection .movieProduct_text2 {font-size: 30px;margin-right: 41%;
        margin-top: 33%;}
	.blueSection .movieProduct_text3 {font-size: 30px;        margin-right: 20.7%;
        margin-top: 43%;
}
	
		.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:58%}
.redSection	.movie_product {         margin-top: 6.1%;        margin-right: -9.5%;}
.redSection	.movieProduct_text1 {     font-size: 30px;                           margin-right: 33.4%;        margin-top: 16.5%;}
.redSection	.movieProduct_text2 {     font-size: 30px;            margin-right: 23%;        margin-top: 31.9%;}
.redSection	.movieProduct_text3 {     font-size: 30px;                       margin-right: 31.3%;        margin-top: 46.7%;}	
	


	.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:62%}
.yellowSection	.movie_product {          margin-top: 9.3%;        margin-right: -7.8%;}
.yellowSection	.movieProduct_text1 {     font-size: 30px;            margin-right: 36.4%;    margin-top: 9.3%;}
.yellowSection	.movieProduct_text2 {     font-size: 30px;                   margin-right: 21.4%;        margin-top: 26.5%;}
.yellowSection	.movieProduct_text3 {     font-size: 30px;                                         margin-right: 30.5%;    margin-top: 43.3%;}	

.blueSection .part1a .pic{position: relative;}
.blueSection .part1b .pic{position: relative;}
.blueSection .part1c .pic{position: relative;}
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 30px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 47%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 30px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 42%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 30px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 40%;    margin-top: 12.5%;}	


.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 30px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 45%;    margin-top: 12.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 30px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 46%;    margin-top: 12.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 30px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 35%;    margin-top: 12.5%;}	
	
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 30px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 47%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 30px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 45%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 30px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 34%;    margin-top: 12.5%;}	
	
}
@media screen and (max-width: 1600px) and (min-width: 1500px){
	
	.zodiaque .title{ width: 90%;margin: 0 auto;padding-top: 240px;}	
	.greenSection{ background-image: url(images/greenBG_1600.jpg);  background-position: center top;min-height: 2400px;}
	.blueSection{ background-image: url(images/blueBG_1600.jpg);  background-position: center top;min-height: 2400px;}
	.redSection{ background-image: url(images/redBG_1600.jpg);  background-position: center top;min-height: 2400px;}
	.yellowSection{ background-image: url(images/yellowBG_1600.jpg);  background-position: center top;min-height: 2400px;}
	
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1600.jpg); min-height: 588px; background-position: center top;}
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:760px;width: 100%;}
		.three .three1{width:39%; float: left;}
 .three .three2{width:24%; float: left}
 .three .three3{width:37%; float: left;}
	.greenSection{	background-size: auto ;	}
	.blueSection{	background-size: auto 100%;	}
	.redSection{	background-size: auto 100%;	}
	.yellowSection{	background-size: auto 100%;	}
	
		.movie {   height: 900px;}
	
	 .greenSection .headTitle {
        font-family: "zodiaque";
        font-size: 42px;
        margin-top: -6.5%;
        margin-bottom: 70px;
        color: #5e7e61;
        
    }

.greenSection .headTitle::before {
    content: url("images/greenStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}
	.blueSection .headTitle {
        font-family: "zodiaque";
        font-size: 42px;
        margin-top: -6.5%;
        margin-bottom: 70px;
       
       
    }

.blueSection .headTitle::before {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */


    margin-right: 15px;
    vertical-align: sub;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}
	
	.redSection .headTitle {
        font-family: "zodiaque";
        font-size: 42px;
        margin-top: -6.5%;
        margin-bottom: 70px;
        
        
    }

.redSection .headTitle::before {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;

    margin-right: 15px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    
margin-left: 15px;
    vertical-align: sub;
}
	
	.yellowSection .headTitle {
        font-family: "zodiaque";
        font-size: 42px;
        margin-top: -6.5%;
        margin-bottom: 70px;
      
        
    }

.yellowSection .headTitle::before {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}
.greenSection	.movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:62%}
.greenSection	.movie_product {    margin-top: 10%;    margin-right: -10%;}
.greenSection	.movieProduct_text1 {     font-size: 30px;                     margin-right: 22.5%;        margin-top: 6.6%;}
.greenSection	.movieProduct_text2 {     font-size: 30px;     margin-right: 32.6%;        margin-top: 22.5%;}
.greenSection	.movieProduct_text3 {     font-size: 30px;             margin-right: 22.5%;        margin-top: 37%;}
	
	.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 30px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 36%;    margin-top: 12%;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 30px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 43%;    margin-top: 12%;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 30px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0;  margin-right: 45%;    margin-top: 12%;}
	
		
.blueSection	.movieProduct img{ width:50%}
.blueSection .movie_product {        margin-top: 1%;        margin-right: -10%;    }
	
	.blueSection .movieProduct_text1 {
        font-size: 30px;
        margin-right: 28.8%;
        margin-top: 15.5%;;
    }
	
	.blueSection .movieProduct_text2 {font-size: 30px;margin-right: 40.3%;
        margin-top: 31.7%;}
	.blueSection .movieProduct_text3 {font-size: 30px;        margin-right: 20.7%;
        margin-top: 41.5%;
}
			.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:56%}
.redSection	.movie_product {        margin-top: 5.3%;        margin-right: -8.9%;}
.redSection	.movieProduct_text1 {     font-size: 30px;           margin-right: 33.4%;        margin-top: 15.5%;}
.redSection	.movieProduct_text2 {     font-size: 30px;            margin-right: 23.6%;        margin-top: 30.5%;}
.redSection	.movieProduct_text3 {     font-size: 30px;                       margin-right: 31%;        margin-top: 44.8%;}	
	
	
	.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:60%}
.yellowSection	.movie_product {                 margin-top: 7.8%;        margin-right: -6.4%;}
.yellowSection	.movieProduct_text1 {     font-size: 30px;                   margin-right:36.6%;        margin-top: 9%;}
.yellowSection	.movieProduct_text2 {     font-size: 30px;                           margin-right: 22.6%;        margin-top: 25.3%;
}
.yellowSection	.movieProduct_text3 {     font-size: 30px;                                                margin-right: 31.3%;        margin-top: 41.5%;}	
	
.blueSection .part1a .pic{position: relative;}
.blueSection .part1b .pic{position: relative;}
.blueSection .part1c .pic{position: relative;}
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 30px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 46%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 30px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 42%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 30px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 39%;    margin-top: 12.5%;}		
	
.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 30px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 45%;    margin-top: 12.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 30px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 47%;    margin-top: 12.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 30px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 34%;    margin-top: 12.5%;}		
	
	
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 30px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 49%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 30px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 47%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 30px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 34%;    margin-top: 12.5%;}		
	
}
@media screen and (max-width: 1500px) and (min-width: 1400px){
	
	.zodiaque .title{ width: 90%;margin: 0 auto;padding-top: 230px;}	
	.greenSection{ background-image: url(images/greenBG_1500.jpg);  background-position: center top;min-height: 2200px;}
	.blueSection{ background-image: url(images/blueBG_1500.jpg);  background-position: center top;min-height: 2200px;}
	.redSection{ background-image: url(images/redBG_1500.jpg);  background-position: center top;min-height: 2200px;}
	.yellowSection{ background-image: url(images/yellowBG_1500.jpg);  background-position: center top;min-height: 2200px;}
	
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1500.jpg); min-height: 539px; background-position: center top;}
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:720px;width: 100%;}
	.three .three1{width:40%; float: left;}
 .three .three2{width:22%; float: left}
 .three .three3{width:37%; float: left;}
	.greenSection{	background-size: auto 	}
	.blueSection{	background-size: auto 100%;	}
	.redSection{	background-size: auto 100%;	}
	.yellowSection{	background-size: auto 100%;	}
	.movie {   height: 800px;}
	
	 .greenSection .headTitle {
        font-family: "zodiaque";
        font-size: 40px;
        margin-top: -7%;
        margin-bottom: 70px;
        color: #5e7e61;
        
    }

.greenSection .headTitle::before {
    content: url("images/greenStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: text-top;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: text-top;
}
	
		
	
		 .blueSection .headTitle {
        font-family: "zodiaque";
        font-size: 40px;
        margin-top: -7%;
        margin-bottom: 70px;
     
        
    }

.blueSection .headTitle::before {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: text-top;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: text-top;
}
	
		 .redSection .headTitle {
        font-family: "zodiaque";
        font-size: 40px;
        margin-top: -7%;
        margin-bottom: 70px;
       
        
    }

.redSection .headTitle::before {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: text-top;
}
.redSection .headTitle::after {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-right: 15px;

    vertical-align: text-top;
}
 .yellowSection .headTitle {
        font-family: "zodiaque";
        font-size: 40px;
        margin-top: -7%;
        margin-bottom: 70px;
      
        
    }

.yellowSection .headTitle::before {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: text-top;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-right: 15px;

    vertical-align: text-top;
}	
.greenSection	.movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:62%}
.greenSection	.movie_product {    margin-top: 7.5%;    margin-right: -10%;}
.greenSection	 .movieProduct_text1 {     font-size: 28px;                     margin-right: 22.5%;        margin-top: 6.6%;}
.greenSection		.movieProduct_text2 {     font-size: 28px;     margin-right: 32.8%;        margin-top: 22.5%;}
.greenSection		.movieProduct_text3 {     font-size: 28px;             margin-right: 22.6%;        margin-top: 37%;}
	
	.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 28px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 37%;    margin-top: 12.5%;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 28px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 43%;    margin-top: 12.5%;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 28px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0;  margin-right: 45%;    margin-top: 13.5%;}
	
	
.blueSection	.movieProduct img{ width:49%}
.blueSection .movie_product {        margin-top: 0%;        margin-right: -9%;    }
	
	.blueSection .movieProduct_text1 {
        font-size: 28px;
              margin-right: 29.6%;
        margin-top: 14.7%;

    }
	
	.blueSection .movieProduct_text2 {font-size: 28px;margin-right: 40.5%;
        margin-top: 30.7%;}
	.blueSection .movieProduct_text3 {font-size: 28px;       margin-right: 21.5%;
        margin-top: 40.1%;
}	
	
	.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:56%}
.redSection	.movie_product {                margin-top: 3.9%;        margin-right: -7.2%;}
.redSection	.movieProduct_text1 {     font-size: 28px;           margin-right: 34.6%;        margin-top: 14.9%;}
.redSection	.movieProduct_text2 {     font-size: 28px;           margin-right: 24.7%;        margin-top: 29.9%;}
.redSection	.movieProduct_text3 {     font-size: 28px;                               margin-right: 32%;        margin-top: 43.9%;}	
	
		.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:59%}
.yellowSection	.movie_product {                        margin-top: 6.4%;        margin-right: -6.2%;}
.yellowSection	.movieProduct_text1 {             font-size: 28px;        margin-right: 36.4%;        margin-top: 8.8%;}
.yellowSection	.movieProduct_text2 {     font-size: 28px;                           margin-right: 22.6%;        margin-top: 24.6%;
}
.yellowSection	.movieProduct_text3 {     font-size: 28px;                                                margin-right: 31.4%;        margin-top: 40.4%}	
	
	
	
.blueSection .part1a .pic{position: relative;}
.blueSection .part1b .pic{position: relative;}
.blueSection .part1c .pic{position: relative;}
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 28px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 48%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 28px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 43%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 28px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 40%;    margin-top: 12.5%;}	
	
	
.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 28px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 45%;    margin-top: 12.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 28px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 48%;    margin-top: 12.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 28px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 35%;    margin-top: 12.5%;}		
		
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 28px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 47%;    margin-top: 11.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 28px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 46%;    margin-top: 11.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 28px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 35%;    margin-top: 11.5%;}		
}

@media screen and (max-width: 1400px) and (min-width: 1300px){
	
	.zodiaque .title{ width: 90%;margin: 0 auto;padding-top: 210px;}	
	.greenSection{ background-image: url(images/greenBG_1400.jpg);  background-position: center top;min-height: 2000px;}
	.blueSection{ background-image: url(images/blueBG_1400.jpg);  background-position: center top;min-height: 2000px;}
	.redSection{ background-image: url(images/redBG_1400.jpg);  background-position: center top;min-height: 2000px;}
	.yellowSection{ background-image: url(images/yellowBG_1400.jpg);  background-position: center top;min-height: 2000px;}
	
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1400.jpg); min-height: 490px; background-position: center top;}
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:650px;width: 91%;}
	.three .three1{width:33.3%; float: left;}
 .three .three2{width:33.3%; float: left}
 .three .three3{width:33.3%; float: left;}
	.greenSection{	background-size: auto 	}
	.blueSection{	background-size: auto 100%;	}
	.redSection{	background-size: auto 100%;	}
	.yellowSection{	background-size: auto 100%;	}
	
	.movie {   height: 750px;}
	
	.greenSection .part1, .blueSection .part1, .redSection .part1, .yellowSection .part1 {   margin-top: 15%;}
	
	
	    .greenSection .headTitle {
        font-family: "zodiaque";
        font-size: 38px;
        margin-top: -7%;
        margin-bottom: 70px;
        color: #5e7e61;
        
    }

	
	
.greenSection .headTitle::before {
    content: url("images/greenStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    
    margin-left: 15px;
    vertical-align: sub;
}
 .blueSection .headTitle {
        font-family: "zodiaque";
        font-size: 38px;
        margin-top: -7%;
        margin-bottom: 70px;
       
        
    }

	
	
.blueSection .headTitle::before {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 15px;

    vertical-align: sub;
}
	
	 .redSection .headTitle {
        font-family: "zodiaque";
        font-size: 38px;
        margin-top: -7%;
        margin-bottom: 70px;
        
        
    }

	
	
.redSection .headTitle::before {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
        margin-right: 15px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
     margin-left: 15px;

    vertical-align: sub;
}
	
	 .yellowSection .headTitle {
        font-family: "zodiaque";
        font-size: 38px;
        margin-top: -7%;
        margin-bottom: 70px;
       
        
    }

	
	
.yellowSection .headTitle::before {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 15px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
     margin-left: 15px;

    vertical-align: sub;
}
.greenSection.movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:62%}
.greenSection	.movie_product {    margin-top: 5.5%;        margin-right: -7%;}
.greenSection	.movieProduct_text1 {     font-size: 26px;                           margin-right: 24.5%;        margin-top: 6.2%;
}
.greenSection	.movieProduct_text2 {     font-size: 26px;     margin-right: 34.3%;        margin-top: 22%;}
.greenSection	.movieProduct_text3 {     font-size: 26px;                    margin-right: 24.6%;        margin-top: 36%;}	
	
	.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 26px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 37%;    margin-top: 12%;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 26px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 44%;    margin-top: 12%;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 26px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0;  margin-right: 45%;    margin-top: 12%;}
	
	
	
.blueSection	.movieProduct img{ width:49%}
.blueSection .movie_product {        margin-top: -2%;
        margin-right: -8%;    }
	
	.blueSection .movieProduct_text1 {        font-size: 26px;              margin-right: 30%;        margin-top: 14.7%;    }
	
	.blueSection .movieProduct_text2 {font-size: 26px;margin-right: 41.2%;        margin-top: 30.3%;}
	.blueSection .movieProduct_text3 {font-size: 26px;      margin-right: 22.1%;        margin-top: 39.7%;}	
	
	.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:56%}
.redSection	.movie_product {                        margin-top: 1.2%;        margin-right: -7.4%;}
.redSection	.movieProduct_text1 {     font-size: 26px;                  margin-right: 34.4%;        margin-top: 15.1%;}
.redSection	.movieProduct_text2 {     font-size: 26px;          margin-right: 24.6%;        margin-top: 29.9%;}
.redSection	.movieProduct_text3 {     font-size: 26px;                               margin-right:31.8%;        margin-top: 43.9%;}	
	
	.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:58%}
.yellowSection	.movie_product {                        margin-top: 4.5%;    margin-right: -5.4%;}
.yellowSection	.movieProduct_text1 {             font-size: 26px;            margin-right: 37%;    margin-top: 8.5%;}
.yellowSection	.movieProduct_text2 {     font-size: 26px;                              margin-right: 23.4%;    margin-top: 23.9%;}
.yellowSection	.movieProduct_text3 {     font-size: 26px;                                                    margin-right: 31.7%;    margin-top: 39.4%;}	
	
	
	.blueSection .part1a .pic{position: relative;}
.blueSection .part1b .pic{position: relative;}
.blueSection .part1c .pic{position: relative;}
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 26px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 48%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 26px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 43%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 26px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 40%;    margin-top: 12.5%;}	

	
.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 26px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 46%;    margin-top: 12.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 26px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 48%;    margin-top: 12.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 26px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 34%;    margin-top: 12.5%;}			
	
	
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 26px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 47%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 26px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 43%;    margin-top: 12.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 26px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 35%;    margin-top: 12.5%;}		
	
}
@media screen and (max-width: 1300px) and (min-width: 1200px){
	
	.zodiaque .title{ width:90%;margin: 0 auto;padding-top: 200px;}	
	.greenSection{ background-image: url(images/greenBG_1300.jpg);  background-position: center top;min-height: 1800px;}
	.blueSection{ background-image: url(images/blueBG_1300.jpg);  background-position: center top;min-height: 1800px;}
	
	.redSection{ background-image: url(images/redBG_1300.jpg);  background-position: center top;min-height: 1800px;}
	.yellowSection{ background-image: url(images/yellowBG_1300.jpg);  background-position: center top;min-height: 1800px;}
	
	
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1300.jpg); min-height: 441px; background-position: center top;}
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:540px;width: 87%;}
	.three .three1{width:33.3%; float: left;}
 .three .three2{width:33.3%; float: left}
 .three .three3{width:33.3%; float: left;}
	.greenSection{	background-size: auto ;	}
	.blueSection{	background-size: auto 100%;	}
	.redSection{	background-size: auto 100%;	}
	.yellowSection{	background-size: auto 100%;	}
	.movie {   height: 650px;}
.greenSection .headTitle {
        font-family: "zodiaque";
        font-size: 36px;
        margin-top: -7.8%;
        margin-bottom: 55px;
        color: #5e7e61;
        
    }
.greenSection .part1, .blueSection .part1, .redSection .part1, .yellowSection .part1 {   margin-top: 18%;}
.greenSection .headTitle {
        font-family: "zodiaque";
        font-size: 36px;
        margin-top: -7.8%;
        margin-bottom: 55px;
        color: #5e7e61;
        
    }	
.greenSection .headTitle::before {
    content: url("images/greenStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 13px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    
	margin-left: 13px;
    vertical-align: sub;
}
	
	.blueSection .headTitle {
        font-family: "zodiaque";
        font-size: 36px;
        margin-top: -7.8%;
        margin-bottom: 55px;
       
        
    }	
.blueSection .headTitle::before {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 13px;
    vertical-align: sub;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 13px;

    vertical-align: sub;
}
	.redSection .headTitle {
        font-family: "zodiaque";
        font-size: 36px;
        margin-top: -7.8%;
        margin-bottom: 55px;
       
        
    }	
.redSection .headTitle::before {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 13px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
margin-left: 13px;
    vertical-align: sub;
}
	.yellowSection .headTitle {
        font-family: "zodiaque";
        font-size: 36px;
        margin-top: -7.8%;
        margin-bottom: 55px;
     
        
    }	
.yellowSection .headTitle::before {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 13px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 13px;

    vertical-align: sub;
}
.greenSection .movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:62%}
.greenSection	.movie_product {    margin-top: 5%;        margin-right: -7%;}
.greenSection	.movieProduct_text1 {     font-size: 24px;                           margin-right: 24.5%;        margin-top: 6.2%;
}
.greenSection	.movieProduct_text2 {     font-size: 24px;     margin-right: 34.3%;        margin-top: 22%;}
.greenSection	.movieProduct_text3 {     font-size: 24px;                    margin-right: 24.5%;        margin-top: 36%;}		
	
	.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 24px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 36%;    margin-top: 11.5%;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 24px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 42.5%;    margin-top: 11.5%;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 24px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0;  margin-right: 45%;    margin-top: 11.5%;}
	
	
	
	
.blueSection	.movieProduct img{ width:48%}
.blueSection .movie_product {               margin-top: -2.5%;        margin-right: -7%;}
	
	.blueSection .movieProduct_text1 {        font-size: 24px;              margin-right: 30.8%;        margin-top: 13.8%;    }
	
	.blueSection .movieProduct_text2 {font-size: 24px;        margin-right: 41.5%;        margin-top: 29.3%;}
	.blueSection .movieProduct_text3 {font-size: 24px;              margin-right: 23.2%;        margin-top: 38.2%;}		
	
		.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:52%}
.redSection	.movie_product {                       margin-top: 1.6%;        margin-right: -6.6%;}
.redSection	.movieProduct_text1 {     font-size: 24px;                          margin-right: 34.7%;        margin-top: 13.6%;}
.redSection	.movieProduct_text2 {     font-size: 24px;                  margin-right: 25.5%;        margin-top: 27.2%;}
.redSection	.movieProduct_text3 {     font-size: 24px;                                       margin-right: 32%;        margin-top: 40.2%;}	
	
	
		.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:58%}
.yellowSection	.movie_product {                                margin-top: 3.8%;        margin-right: -4.8%;}
.yellowSection	.movieProduct_text1 {             font-size: 24px;                   margin-right:37.4%;        margin-top: 8.1%;}
.yellowSection	.movieProduct_text2 {     font-size: 24px;                              margin-right: 23.8%;        margin-top: 23.5%;}
.yellowSection	.movieProduct_text3 {     font-size: 24px;                                                            margin-right: 32.2%;        margin-top: 39.1%;}	
	
	
		.blueSection .part1a .pic{position: relative;}
.blueSection .part1b .pic{position: relative;}
.blueSection .part1c .pic{position: relative;}
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 24px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 48%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 24px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 43%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 24px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 41%;    margin-top: 12.5%;}
	
	
.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 24px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 46%;    margin-top: 11.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 24px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 48%;    margin-top: 11.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 24px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 34%;    margin-top: 11.5%;}		
	
	
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 24px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 48%;    margin-top: 11.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 24px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 46%;    margin-top: 11.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 24px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 34%;    margin-top: 11.5%;}		
}
@media screen and (max-width: 1200px) and (min-width: 1100px){
	
	.zodiaque .title{ width: 90%;margin: 0 auto;padding-top: 210px;}	
	.greenSection{ background-image: url(images/greenBG_1200.jpg);  background-position: center top;min-height: 1600px;}
	.blueSection{ background-image: url(images/blueBG_1200.jpg);  background-position: center top;min-height: 1600px;}
	
	.redSection{ background-image: url(images/redBG_1200.jpg);  background-position: center top;min-height: 1600px;}
	.yellowSection{ background-image: url(images/yellowBG_1200.jpg);  background-position: center top;min-height: 1600px;}
	
	
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1200.jpg); min-height: 392px; background-position: center top;}
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:400px;width: 85%;}
	.three .three1{width:33.3%; float: left;}
 .three .three2{width:33.3%; float: left}
 .three .three3{width:33.3%; float: left;}
	.greenSection{	background-size: auto 	}
	.blueSection{	background-size: auto 100%;	}
	.redSection{	background-size: auto 100%;	}
	.yellowSection{	background-size: auto 100%;	}
	
	.movie {   height: 550px;}
	.greenSection .headTitle {
        font-family: "zodiaque";
        font-size: 34px;
        margin-top: -10.5%;
        margin-bottom: 55px;
        color: #5e7e61;
        
    }
.greenSection .part1, .blueSection .part1, .redSection .part1, .yellowSection .part1 {   margin-top: 18%;}
.greenSection .headTitle {
        font-family: "zodiaque";
        font-size: 34px;
        margin-top: -10.5%;
        margin-bottom: 55px;
        color: #5e7e61;
        
    }	
.greenSection .headTitle::before {
    content: url("images/greenStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 12px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 12px;

    vertical-align: sub;
}
	.blueSection .headTitle {
        font-family: "zodiaque";
        font-size: 34px;
        margin-top: -10.5%;
        margin-bottom: 55px;
        
        
    }	
.blueSection .headTitle::before {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 12px;
    vertical-align: sub;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 12px;

    vertical-align: sub;
}
	.redSection .headTitle {
        font-family: "zodiaque";
        font-size: 34px;
        margin-top: -10.5%;
        margin-bottom: 55px;
       
       
    }	
.redSection .headTitle::before {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 12px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 12px;

    vertical-align: sub;
}
	.yellowSection .headTitle {
        font-family: "zodiaque";
        font-size: 34px;
        margin-top: -10.5%;
        margin-bottom: 55px;
     
        
    }	
.yellowSection .headTitle::before {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 12px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1200.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    margin-left: 12px;

    vertical-align: sub;
}
.greenSection	.movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:58%}
.greenSection	.movie_product {    margin-top: 2%;        margin-right: -5%;}
.greenSection	.movieProduct_text1 {             font-size: 18px;        margin-right: 26.5%;        margin-top: 5.5%;        letter-spacing: 0px;}
.greenSection	.movieProduct_text2 {     font-size: 18px;     margin-right: 35.8%;        margin-top: 19.6%;        letter-spacing: 0px;}
.greenSection	.movieProduct_text3 {     font-size: 18px;                            margin-right: 26.5%;        margin-top: 32.5%  ;  letter-spacing: 0px;}	
	
	.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 18px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 40%;    margin-top: 11%;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 18px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 46%;    margin-top: 11%;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 18px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0;  margin-right: 47%;    margin-top: 11%;}
	
	.blueSection	.movieProduct img{ width:48%}
.blueSection .movie_product {               margin-top: -5%;        margin-right: -6%;}
	
	.blueSection .movieProduct_text1 {        font-size: 18px;              margin-right: 31.7%;        margin-top: 13.8%;    }
	
	.blueSection .movieProduct_text2 {font-size: 18px;                margin-right: 42.5%;        margin-top: 28.8%;}
	.blueSection .movieProduct_text3 {font-size: 18px;                      margin-right: 24%;
        margin-top: 37.8%;}	
	
	
			.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:52%}
.redSection	.movie_product {                               margin-top: -1.4%;        margin-right: -4.2%;}
.redSection	.movieProduct_text1 {     font-size: 18px;                                 margin-right: 36.1%;        margin-top: 13.2%;}
.redSection	.movieProduct_text2 {     font-size: 18px;                  margin-right: 27.3%;        margin-top: 26.5%;}
.redSection	.movieProduct_text3 {     font-size: 18px;                                      margin-right: 34.1%;        margin-top: 39.2%;	}
	
		.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:56%}
.yellowSection	.movie_product {                                margin-top: 1%;        margin-right: -3.2%;}
.yellowSection	.movieProduct_text1 {            font-size: 18px;        margin-right: 38.6%;        margin-top: 7.5%;}
.yellowSection	.movieProduct_text2 {     font-size: 18px;                             margin-right: 25.4%;        margin-top: 22.2%;}
.yellowSection	.movieProduct_text3 {     font-size: 18px;                                                           margin-right: 33.7%;        margin-top: 36.8%;}	
	
	
		
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 18px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 50.5%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 18px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 46%;    margin-top: 12.5%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 18px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 43%;    margin-top: 12.5%;}
	
		
.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 18px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 48%;    margin-top: 11.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 18px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 48%;    margin-top: 11.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 18px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 38%;    margin-top: 11.5%;}	

.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 18px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 51%;    margin-top: 11.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 18px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 48%;    margin-top: 11.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 18px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 38%;    margin-top: 11.5%;}		
	
}
@media screen and (max-width: 1100px) and (min-width: 1000px){
	
	.zodiaque .title{ width: 90%;margin: 0 auto;padding-top: 210px;}	
	.greenSection{ background-image: url(images/greenBG_1100.jpg);  background-position: center top;min-height: 1600px;}
	.blueSection{ background-image: url(images/blueBG_1100.jpg);  background-position: center top;min-height: 1600px;}
	.redSection{ background-image: url(images/redBG_1100.jpg);  background-position: center top;min-height: 1600px;}
	.yellowSection{ background-image: url(images/yellowBG_1100.jpg);  background-position: center top;min-height: 1600px;}
	
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1100.jpg); min-height: 343px; background-position: center top;}
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:530px;width: 97%;line-height: 32px;}
	.three .three1{width:33.3%; float: left;}
 .three .three2{width:33.3%; float: left}
 .three .three3{width:33.3%; float: left;}
	.greenSection{	background-size: auto 100%;	}.blueSection{	background-size: auto 100%;	}.redSection{	background-size: auto 100%;	}.yellowSection{	background-size: auto 100%;	}
	
	
	.movie {   height: 500px;}
	
	.greenSection .headTitle {
        font-family: "zodiaque";
                font-size: 32px;
        margin-top: -12%;
        margin-bottom: 70px;
        color: #5e7e61;
        
    }

.greenSection .headTitle::before {
    content: url("images/greenStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 10px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    
margin-left: 10px;
    vertical-align: sub;
}
	
	.blueSection .headTitle {
        font-family: "zodiaque";
                font-size: 32px;
        margin-top: -12%;
        margin-bottom: 50px;
      
      
    }

.blueSection .headTitle::before {
    content: url("images/blueStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 10px;
    vertical-align: sub;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
margin-left: 10px;
    vertical-align: sub;
}
	
	.redSection .headTitle {
        font-family: "zodiaque";
                font-size: 32px;
        margin-top: -12%;
        margin-bottom: 70px;
       
        ;
    }

.redSection .headTitle::before {
    content: url("images/redStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    

    margin-right: 10px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
margin-left: 10px;
    vertical-align: sub;
}
	
	.yellowSection .headTitle {
        font-family: "zodiaque";
                font-size: 32px;
        margin-top: -12%;
        margin-bottom: 70px;
      
        
    }

.yellowSection .headTitle::before {
    content: url("images/yellowStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */


    margin-right: 10px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
letter-spacing: 17px;
    vertical-align: sub;
}
.greenSection .part1, .blueSection .part1, .redSection .part1, .yellowSection .part1 {   margin-top: 15%;}
	
.greenSection	.movieProduct {   display: contents;}
.greenSection	.movieProduct img{ width:70%}
.greenSection	.movie_product {          margin-right: -10%;}
.greenSection	.movieProduct_text1 {             font-size: 18px;       margin-right: 22.4%;        margin-top: 7.2%;        letter-spacing: 0px;}
.greenSection	.movieProduct_text2 {     font-size: 18px;             margin-right: 34.2%;        margin-top: 25%;        letter-spacing: 0px;}
.greenSection	.movieProduct_text3 {     font-size: 18px;                           margin-right: 22.2%;        margin-top: 41.5%; letter-spacing: 0px;}	
	
.greenSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 18px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 38%;    margin-top: 10%;}
.greenSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 18px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 45%;    margin-top: 10%;}
.greenSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 18px;    color: #5e7e61;    letter-spacing: 0px;    position: absolute;  right: 0;  margin-right: 48%;    margin-top: 10%;}
	
	
		.blueSection	.movieProduct img{ width:55%}
.blueSection .movie_product {               margin-top: -6%;        margin-right: -11%;}
	
	.blueSection .movieProduct_text1 {        font-size: 18px;                     margin-right: 29%;        margin-top: 16.4%;   }
	
	.blueSection .movieProduct_text2 {font-size: 18px;               margin-right: 41.7%;        margin-top: 34.5%;}
	.blueSection .movieProduct_text3 {font-size: 18px;                      margin-right: 19.9%;        margin-top: 45.3%;}	
	
				.redSection	.movieProduct {   display: contents;}	
.redSection	.movieProduct img{ width:56%}
.redSection	.movie_product {                               margin-top: -2.6%;        margin-right: -7.2%;}
	
.redSection	.movieProduct_text1 {     font-size: 18px;                                         margin-right: 34.7%;        margin-top: 14.8%;}
.redSection	.movieProduct_text2 {     font-size: 18px;                          margin-right: 24.8%;        margin-top: 29.4%;}
.redSection	.movieProduct_text3 {     font-size: 18px;                                      margin-right: 32.6%;        margin-top: 43.4%;	}
	
			.yellowSection	.movieProduct {   display: contents;}	
.yellowSection	.movieProduct img{ width:60%}
.yellowSection	.movie_product {                                        margin-top: -0.2%;        margin-right: -5.5%;}
.yellowSection	.movieProduct_text1 {                    font-size: 18px;        margin-right: 37.5%;        margin-top: 8.5%;}
.yellowSection	.movieProduct_text2 {     font-size: 18px;                                     margin-right: 23.2%;        margin-top: 24.4%;}
	.yellowSection	.movieProduct_text3 {     font-size: 18px;                                                           margin-right: 32.4%;        margin-top: 40.4%;}
	
	
			
.blueSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 18px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 50.5%;    margin-top: 11%;}
.blueSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 18px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 44%;    margin-top: 11%;}
.blueSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 18px;    color: #4e75a0;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 41%;    margin-top: 11%;}
	
.redSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 18px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 46.5%;    margin-top: 11.5%;}
.redSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 18px;    color: #b56767;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 48%;    margin-top: 11.5%;}
.redSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 18px;    color: #b56767;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 38%;    margin-top: 11.5%;}	
	
	
.yellowSection .movieProduct1_text1{       font-family: "zodiaque";    font-size: 18px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0;  margin-right: 49%;    margin-top: 11.5%;}
.yellowSection .movieProduct1_text2{       font-family: "zodiaque";    font-size: 18px;    color: #a39669;    letter-spacing: 0px;    position: absolute;   right: 0; margin-right: 47%;    margin-top: 11.5%;}
.yellowSection .movieProduct1_text3{       font-family: "zodiaque";    font-size: 18px;    color: #a39669;    letter-spacing: 0px;    position: absolute;  right: 0; margin-right: 38%;    margin-top: 11.5%;}		
		
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	
	.zodiaque .title{ width: 94%;margin: 0 auto;padding-top: 210px;}	
	.greenSection{ background-image: url(images/greenBG_1100.jpg);  background-position: center top;min-height: 1000px;}
	.blueSection{ background-image: url(images/blueBG_1100.jpg);  background-position: center top;min-height: 1000px;}
	.redSection{ background-image: url(images/redBG_1100.jpg);  background-position: center top;min-height: 1000px;}
	.yellowSection{ background-image: url(images/yellowBG_1100.jpg);  background-position: center top;min-height: 1400px;}
	
	.zodiaque .banner{ background-image: url(images/TopBanner_Desktop_1100.jpg); min-height: 330px; background-position: center top;        background-size: cover;
    }
	.greenSection .three, .blueSection .three, .redSection .three, .yellowSection .three{margin-top:530px;width: 97%;line-height: 32px;}
	.three .three1{width:33.3%; float: left;}
 .three .three2{width:33.3%; float: left}
 .three .three3{width:33.3%; float: left;}
	.greenSection{	background-size: auto 100%;	}.blueSection{	background-size: auto 100%;	}.redSection{	background-size: auto 100%;	}.yellowSection{	background-size: auto 100%;	}
	
	.zodiaque .content {
    
    font-size: min(max(2.1vw, 18px), 24px);        line-height: 2;
    font-weight: normal;
    letter-spacing: 0.1em;
}
	.greenSection .part1, .blueSection .part1 ,.redSection .part1 ,.yellowSection .part1 {
    font-size: min(max(2.1vw, 14px), 18px);        line-height: 2;
    font-weight: normal;
    letter-spacing: 0em;
    margin-top: 40px;
   
    display: table;
}
	
	.movie {   height: 500px;}
	
	.greenSection .headTitle {
        font-family: "zodiaque";
                font-size: 34px;
        margin-top: -15%;
        margin-bottom: 35px;
        color: #5e7e61;
        letter-spacing: 17px;
    }

.greenSection .headTitle::before {
    content: url("images/greenStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;

    margin-right: 10px;
    vertical-align: sub;
}
.greenSection .headTitle::after {
    content: url("images/greenStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;
margin-left: -10px;
    vertical-align: sub;
}
	
	.blueSection .headTitle {
        font-family: "zodiaque";
              font-size: 34px;
        margin-top: -15%;
        margin-bottom: 35px;
      
        letter-spacing: 17px;
    }

.blueSection .headTitle::before {
    content: url("images/blueStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;

    margin-right: 10px;
    vertical-align: sub;
}
.blueSection .headTitle::after {
    content: url("images/blueStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;
margin-left: -10px;
    vertical-align: sub;
}
	
	.redSection .headTitle {
        font-family: "zodiaque";
               font-size: 34px;
        margin-top: -15%;
        margin-bottom: 35px;
       
        letter-spacing: 17px;
    }

.redSection .headTitle::before {
    content: url("images/redStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;

    margin-right: 10px;
    vertical-align: sub;
}
.redSection .headTitle::after {
    content: url("images/redStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;
margin-left: -10px;
    vertical-align: sub;
}
	
	.yellowSection .headTitle {
        font-family: "zodiaque";
                font-size: 34px;
        margin-top: -15%;
        margin-bottom: 35px;
      
        letter-spacing: 17px;
    }

.yellowSection .headTitle::before {
    content: url("images/yellowStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;

    margin-right: 10px;
    vertical-align: sub;
}
.yellowSection .headTitle::after {
    content: url("images/yellowStar_1100.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 77px;
margin-left: -10px;
    vertical-align: sub;
}
.greenSection .part1, .blueSection .part1, .redSection .part1, .yellowSection .part1 {   margin-top: 15%;}
	
		
	
}
@media only screen and (max-width: 600px) {
	
	.greenSection, .blueSection, .redSection, .yellowSection {        background-size: auto 100%;    }
	
	
.zodiaque .banner{ background-image: url(images/all_smt.jpg); min-height: 604px; background-position: center top; background-repeat: no-repeat;background-size: cover;}

	.greenSection{ background-image: url(images/smt_greenBG1.jpg);  background-position: center top;min-height: 1808px;background-repeat: no-repeat;position: relative;}
.blueSection{ background-image: url(images/smt_blueBG1.jpg);  background-position: center top;min-height: 1808px;background-repeat: no-repeat;}
.redSection{ background-image: url(images/smt_redBG1.jpg);  background-position: center top;min-height: 1808px;background-repeat: no-repeat;}
.yellowSection{ background-image: url(images/smt_yellowBG1.jpg);  background-position: center top;min-height: 1908px;background-repeat: no-repeat;}

	.zodiaque .content {
  font-size: 26px;
  font-size: min(max(1.8vw, 14px), 26px);
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 26px;
  width: 85%;
  text-align: center;
  margin: 0 auto;
}
	
	   .greenSection .three {display: table;
    margin-top: 0; position: relative;
    width: 96%;font-size: min(max(1.6vw, 12px), 24px);
    line-height: 20px;color: #5f7e5f;
  }
	 .blueSection .three {display: table;
    margin-top: 0;
    width: 96%;font-size: min(max(1.6vw, 12px), 24px);
    line-height: 20px;color: #4e75a0;
  }
	 .redSection .three {display: table;
    margin-top:0;
    width: 100%;font-size: min(max(1.6vw, 12px), 24px);
    line-height: 20px;color: #b56767;
  }
	 .yellowSection .three {position: relative;
    margin-top: 0;display: table;
    width: 100%;;font-size: min(max(1.6vw, 12px), 24px);
    line-height: 20px;color: #a39669;
  }
	.three .three1{width: 50%;margin-left: 10px;
    padding: 10px; float: right; padding-top:30%;}
	.three .three2{width: 50%; margin-left: 20px;
    display: table;
    margin-top: 34%;}
	.three .three3{width: 50%;margin-right: 5px;
    padding: 10px; float: right;margin-top: 28%;}

	.blueSection .movie, .yellowSection .movie, .greenSection .movie {
 
  height: 550px;
 
}
	
	 .redSection .movie {
 
visibility: visible;
		  width:100%;
		 
		background: transparent;
		 height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
 
}
	
	.zodiaque .title{position: relative;padding-top: 33%;}
	.blueSection .three .three1{margin-top: 0; padding-top: 37%;}
	.redSection .three .three1{margin-top: 0; padding-top: 36%;letter-spacing: 0px;}
	.redSection .three .three2{margin-top: 0; padding-top: 32%;letter-spacing: 0px;}
	.yellowSection .three .three1{margin-top: 0; padding-top: 36%;letter-spacing: 0px;}
	
	.yellowSection .three .three2{margin-top: 37%;}
	
	 .blueSection .three .three3{width: 50%;margin-right: 5px;    padding: 10px; float: right;margin-top: 28%;letter-spacing: 0px;}
	
	 .redSection .three .three3{width: 50%;margin-right: 5px;    padding: 10px; float: right;margin-top: 130px;}
	.yellowSection .three .three3{width: 50%;margin-right: 5px;    padding: 10px; float: right;margin-top: 33%;}
	.greenSection .part1{margin-top: 40px;}
	
	.greenSection .content{    margin-top: 20px !important;}
	.greenSection .part1_1, .greenSection .part1_2, .greenSection .part1_3 {position: relative;font-family: "Public Sans", sans-serif;}
	.greenSection .part1_1 .part1_p,.greenSection .part1_2 .part2_p ,.greenSection .part1_3 .part3_p{position: relative;}
	.greenSection .part1_1 .part1_w{position: absolute; right: 0; top:0;        margin-top: 20%;        margin-right: 3%;} 
	.greenSection .part1_2 .part2_w{position: absolute; left: 0;        top: 0;        margin-top: 29%;        margin-left: 3%;} 
	.greenSection .part1_3 .part3_w{position: absolute; right: 0; top:0;        margin-top: 28%;        margin-right: 3%;} 	
	
	.greenSection .part1_1 .part1_h{position: absolute; right: 0; top:0;        margin-top: 11.5%;        margin-right: 17%;    font-family: "zodiaque";          text-transform: uppercase;        font-weight: bold;} 
	.greenSection .part1_2 .part2_h{position: absolute; left: 0; top:0;        margin-top: 19.3%;        margin-left: 21%;  font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	.greenSection .part1_3 .part3_h{position: absolute; right: 0; top:0;        margin-top: 18.5%;        margin-right: 20%;    font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	.blueSection .part1{margin-top: 40px;}
	
	.blueSection .content{    margin-top: 30px !important;}
	.blueSection .part1_1, .blueSection .part1_2, .blueSection .part1_3 {position: relative;font-family: "Public Sans", sans-serif;}
	.blueSection .part1_1 .part1_p, .blueSection .part1_2 .part2_p ,.blueSection .part1_3 .part3_p{position: relative;}
	.blueSection .part1_1 .part1_w{position: absolute; right: 0; top:0;        margin-top: 19%;
        margin-right: 8%;} 
	.blueSection .part1_2 .part2_w{position: absolute; left: 0;
        top: 0;
        margin-top: 23%;
        margin-left: 0%;} 
	.blueSection .part1_3 .part3_w{position: absolute; right: 0; top:0;        margin-top: 19%;
        margin-right: 7%;} 
	
	.blueSection .part1_1 .part1_h{position: absolute; right: 0; top:0;        margin-top: 11%;        margin-right: 24%;    font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	.blueSection .part1_2 .part2_h{position: absolute; left: 0; top:0;        margin-top: 15.5%;        margin-left: 16%;  font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	.blueSection .part1_3 .part3_h{position: absolute; right: 0; top:0;        margin-top: 10.5%;        margin-right: 22%;    font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	
	.redSection .part1{margin-top: 40px;}
	
	.redSection .content{    margin-top: 0px !important;}
	.redSection .part1_1, .redSection .part1_2, .redSection .part1_3 {position: relative;font-family: "Public Sans", sans-serif;}
	.redSection .part1_1 .part1_p, .redSection .part1_2 .part2_p ,.redSection .part1_3 .part3_p{position: relative;}
	.redSection .part1_1 .part1_w{position: absolute; right: 0; top:0;        margin-top: 22%;
        margin-right: 6%;} 
	.redSection .part1_2 .part2_w{position: absolute; left: 0;
        top: 0;
        margin-top: 26%;
        margin-left: 3%;} 
	.redSection .part1_3 .part3_w{position: absolute; right: 0; top:0;        margin-top: 22%;
        margin-right: 9%;} 
	
	
		.redSection .part1_1 .part1_h{position: absolute; right: 0; top:0;        margin-top: 12%;        margin-right: 26%;    font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	.redSection .part1_2 .part2_h{position: absolute; left: 0; top:0;        margin-top: 16%;        margin-left: 16%;  font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	.redSection .part1_3 .part3_h{position: absolute; right: 0; top:0;        margin-top: 11.5%;        margin-right: 20%;    font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	
	.yellowSection .part1{margin-top: 40px;}
	
	.yellowSection .content{    margin-top: 15px !important;}
	.yellowSection .part1_1, .yellowSection .part1_2, .yellowSection .part1_3 {position: relative;font-family: "Public Sans", sans-serif;}
	.yellowSection .part1_1 .part1_p, .yellowSection .part1_2 .part2_p ,.yellowSection .part1_3 .part3_p{position: relative;}
	.yellowSection .part1_1 .part1_w{position: absolute; right: 0; top:0;        margin-top: 22%;
        margin-right: 9%;} 
	.yellowSection .part1_2 .part2_w{position: absolute; left: 0;
        top: 0;
        margin-top: 28%;
        margin-left: 10%;} 
	.yellowSection .part1_3 .part3_w{position: absolute; right: 0; top:0;        margin-top: 19.5%;
        margin-right: 3%;} 
	
	
	.yellowSection .part1_1 .part1_h{position: absolute; right: 0; top:0;        margin-top: 11%;        margin-right: 21%;    font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	.yellowSection .part1_2 .part2_h{position: absolute; left: 0; top:0;        margin-top: 18.6%;        margin-left: 19%;  font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	.yellowSection .part1_3 .part3_h{position: absolute; right: 0; top:0;        margin-top: 11.9%;        margin-right: 17%;    font-family: "zodiaque";  text-transform: uppercase;        font-weight: bold;}  
	
	.greenSection .headTitle {
        font-family: "zodiaque";
                font-size: 28px;
        margin-top: -10%;
        margin-bottom: 20px;
        color: #5e7e61;
        letter-spacing: 0px;
    }

.greenSection .headTitle::before {
    background-image: url("images/smt_greenStar.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 32px;
	height: 32px;

    margin-right: 10px;
    vertical-align: sub;
	    background-size: 32px 32px;
	 content:"";
	
	
   

}
.greenSection .headTitle::after {
    background-image: url("images/smt_greenStar.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 32px;
	height: 32px;

   margin-left: 10px;
    vertical-align: sub;
	    background-size: 32px 32px;
	 content:"";

   
}
	.blueSection .headTitle {
        font-family: "zodiaque";
                font-size: 28px;
        margin-top: -6%;
        margin-bottom: 20px;
        color: #4e759f;
        letter-spacing: 0px;
    }

.blueSection .headTitle::before {
    background-image: url("images/smt_blueStar.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 32px;
	height: 32px;

    margin-right: 10px;
    vertical-align: sub;
	    background-size: 32px 32px;
	 content:"";
	
	
   

}
.blueSection .headTitle::after {
    background-image: url("images/smt_blueStar.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 32px;
	height: 32px;

   margin-left: 10px;
    vertical-align: sub;
	    background-size: 32px 32px;
	 content:"";

   
}
	
	.redSection .headTitle {
        font-family: "zodiaque";
                font-size: 28px;
        margin-top: -15%;
        margin-bottom: 20px;
        color: #b36866;
        letter-spacing: 0px;
    }

.redSection .headTitle::before {
    background-image: url("images/smt_redStar.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 32px;
	height: 32px;

    margin-right: 10px;
    vertical-align: sub;
	    background-size: 32px 32px;
	 content:"";
	
	
   

}
.redSection .headTitle::after {
    background-image: url("images/smt_redStar.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 32px;
	height: 32px;

   margin-left: 10px;
    vertical-align: sub;
	    background-size: 32px 32px;
	 content:"";

   
}
	
	.yellowSection .headTitle {
        font-family: "zodiaque";
                font-size: 28px;
        margin-top: -12%;
        margin-bottom: 20px;
        color: #a39669;
        letter-spacing: 0px;
    }

.yellowSection .headTitle::before {
    background-image: url("images/smt_yellowStar.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 32px;
	height: 32px;

    margin-right: 10px;
    vertical-align: sub;
	    background-size: 32px 32px;
	 content:"";
	
	
   

}
.yellowSection .headTitle::after {
    background-image: url("images/smt_yellowStar.png");
    /* Optional: further style the inserted image */
    display: inline-block; /* or block, depending on desired layout */
    width: 32px;
	height: 32px;

   margin-left: 10px;
    vertical-align: sub;
	    background-size: 32px 32px;
	 content:"";

   
}
.greenSection	.movieProduct_text1 {                     font-size: 12px;        margin-right: 38%;        margin-top: 9%;        letter-spacing: 0px;    }
.greenSection .movieProduct_text2 {     font-size: 12px;          margin-right: 52%;         margin-top: 35%;        letter-spacing: 0px;}	
.greenSection .movieProduct_text3 {     font-size: 12px;                      margin-right: 38%;        margin-top: 58.8%;letter-spacing: 0px;}	
	
.blueSection	.movieProduct_text1 {color:#4e75a0;font-size: 12px;        margin-right: 50.8%;        margin-top: 19%;      letter-spacing: 0px;    }
.blueSection .movieProduct_text2 {  color:#4e75a0;   font-size: 12px;                  margin-right: 72.5%;        margin-top: 48%;       letter-spacing: 0px;}	
.blueSection .movieProduct_text3 { color:#4e75a0;    font-size: 12px;                      margin-right: 36.5%;        margin-top: 64.5%;letter-spacing: 0px;}	

	
.redSection	.movieProduct_text1 {  color: #b56767;                   font-size: 12px;                margin-right: 54.5%;        margin-top: 26%;       letter-spacing: 0px;    }
.redSection .movieProduct_text2 {  color: #b56767;   font-size: 12px;                  margin-right: 36%;        margin-top: 53.2%;      letter-spacing: 0px;}	
.redSection .movieProduct_text3 { color: #b56767;    font-size: 12px;                      margin-right: 50.5%;       margin-top: 79%;letter-spacing: 0px;}	

	
.yellowSection	.movieProduct_text1 {  color: #a39669;                   font-size: 12px;               margin-right: 56%;        margin-top: 12.5%;       letter-spacing: 0px;    }
.yellowSection .movieProduct_text2 {   color: #a39669;  font-size: 12px;                 margin-right: 30%;        margin-top: 40.5%;       letter-spacing: 0px;}	
.yellowSection .movieProduct_text3 {   color: #a39669;  font-size: 12px;                      margin-right: 50.5%;        margin-top: 67%;letter-spacing: 0px;}	
	
}