﻿
/*-------------------------------------------------------- ALL PAGES STYLE CSS --------------------------------------------*/	


/*---------------------------------------------------------
							LINES
----------------------------------------------------------*/	


hr.style-one{
	border: 0;
    height: 1px;
    background: #eeefef;
       
}


/*---------------------------------------------------------
						ALL TYPES OF BUTTONS
----------------------------------------------------------*/	

.button {
    border: none;   
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight:bold;
    margin: 4px auto;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    
}


.button1 {
    background-color:transparent;
    color: #be1e2d;
    font-weight:bold;
    border: 1px solid #be1e2d;
   
}

.button1:hover {
    background-color: #be1e2d;
    color: white;   
}


.button2{
    background-color:#00bfb2;
    color: #fff;
    font-weight:bold;
    border-radius:50px;
    font-family:'Roboto','Noto Sans TC', sans-serif;
	
}

.button2:hover {
background-color:#006d65;
   }



.button3{
    background-color:#fff;
    opacity:0.6;
    color:#1f2160;
    font-weight:bold;
    border-radius:3px;
	
}


.button3:hover {
    background-color:#fff;
    opacity:1;
    color: #1f2160;
      
}


.button4 {
    background-color:#00bfb2;
    color: #fff;
    font-weight:bold;
    font-family:'Roboto','Noto Sans TC', sans-serif; 
   
}

.button4:hover {    
   background-color:#006d65;
   
}



/*--------BUTTONS iPad-------*/
@media screen and (max-width: 768px){
.button {
    border: none;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 14px;
    margin: 4px auto;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
}






/*---------------------------------------------------------
						ALL TYPES OF DIVS
----------------------------------------------------------*/	

.emptydiv{
	width:100%;
	height:80px;
	background:#00bfb2;
}

.emptydiv-2divs{
	width:100%;
	height:80px;
	background:#00bfb2;
    display:none;
}

@media screen and (max-width: 768px){

.emptydiv-2divs{
  display:block;
}

}

@media screen and (max-width: 470px){

.emptydiv-2divs{
 display:none;
}

}


/*----------------BIG DIV--------------*/	

.BigDiv{
    display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    overflow:hidden;
}


/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    overflow:hidden;
    text-align:center;
    margin:0 auto;
}

.BigDiv-wideimage-mask{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    overflow:hidden;
    text-align:center;
    margin:0 auto;
}



/*--FOR FORMS--*/
.BigDiv-form{
	display:block;
	width:80%;
	height:auto;
	margin:80px auto;
    padding:30px 0;
    overflow:hidden;
    margin-bottom:80px;
	
}

/*--FOR TITLES--*/
.bigtitle {
	display:block;
	margin:0 auto;
    width:100%;
    height:100px;
 	background:#00bfb2;
         	
}

#BigDiv-colorbg{
	background:#eeefef;
	
}




/*---BIG DIV (Image, Video & Text)---*/

.BigDiv img{
	max-width:100%;
	height:auto;
	text-align:center;
	padding:0 auto;
}

.BigDiv h1{ 
    text-align:center;
	padding:10px 30px;
}

.BigDiv h2{ 
    text-align:center;
	padding:10px 30px;
}

.BigDiv h3{ 
   	margin:0 26% 5px 26%;
	text-align:center;



}


.BigDiv p{
	margin:0 18%;
	text-align:justify;
	text-justify: inner-word;
}


.BigDiv video{
	display:block;
    margin: 0 auto;
}


/*--FOR PROUDCT LINKS--*/
.BigDiv h4{
	text-align:center;
	color:#505759;
}

.BigDiv a:hover h4{
	text-align:center;
	color:#00bfb2;

}


/*--FOR FORMS--*/
.BigDiv-form h3{ 
    text-align:center;
	padding:10px 30px;
}

/*--FOR TITLES--*/
.bigtitle h2{
	text-align:center;
	color:#fff;
	padding:30px 0;
}



/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage img{
	max-width:80%;
}

.BigDiv-wideimage-mask img{
	max-width:70%;
}



/*--------BIG DIV iPad-------*/
@media screen and (max-width: 768px){


.BigDiv-form{
	width:90%;
	margin-top:50px;
}

.bigtitle {
    padding-top:0;   	
}

/*---BIG DIV (Image, Video & Text) 768px---*/
.BigDiv p{
	margin:0 8%;
}

.BigDiv h1{ 
    text-align:center;
	padding:5px auto;
}

.BigDiv h2{ 
    text-align:center;
	padding:10px 10px;
}

.BigDiv h3{ 
    text-align:center;

}

.BigDiv video{
   width:100%;
   height:auto;
}

.BigDiv img{
	width:50%;
}

/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage img{
	max-width:90%;
}

.BigDiv-wideimage-mask img{
	max-width:90%;
}


}


/*--------BIG DIV iPhone-------*/
@media screen and (max-width: 470px){

/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage{
	width:100%;
	padding-bottom:0;
	padding-top:0;
	margin-bottom:0;
}

.BigDiv-wideimage-mask img{
	max-width:100%;
}


/*--FOR FORMS--*/
.BigDiv-form{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding-bottom:0;
    overflow:hidden;	
}

/*--FOR TITLES--*/
.bigtitle {
	margin:0;
    width:100%;
    height:80px; 	
}


/*---BIG DIV (Image, Video & Text) 470px---*/
.BigDiv img{
	width:100%;
	height:auto;
	text-align:center;
	padding:0 auto;

}

/*--FOR WIDE IMAGE ONLY--*/
.BigDiv-wideimage img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

.BigDiv h3{ 
    text-align:justify;
    margin:0 18% 10px 18%;

}


}


/*----------------BIG DIV FOR FULL SIZE IMAGES (BigPhoto)--------------*/	

#mobile {
	display:none;
}

#ipad {
	display:none;
}

.BigPhoto{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding-top:0;

}

.BigPhoto img{
   display:block;
   width:100%;
   height:auto;
   margin:0 auto;
   overflow:hidden;
   
}
   
/*----------BigPhoto iPad------------*/

@media screen and (max-width: 768px){

#desktop{
	display:none;
}

#mobile{
	display:none;	
}

#ipad{
	display:block;
	
} 

}

/*----------BigPhoto iPhone------------*/
@media screen and (max-width: 470px){

#desktop{
	display:none;
}

#ipad{
	display:none;
	
}

#mobile{
	display:block;
	
}

.BigPhoto{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding-top:0;

}
}



/*----------------BIG DIV (2 columns)--------------*/	

.BigDiv2{    
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;   
    overflow:hidden;
    
   
}


.BigDiv2 div{
    float:left;
   	display:inline;
	width:50%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;	
	

}


/*---BIG DIV2 (Image, Video & Text)---*/

.BigDiv2 div img{
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	vertical-align:bottom;

}

#BigDiv2-index-image{		
	width:100%;
	margin-bottom:0;
	
}

/*---Text on RIGHT DIV ---*/


.BigDiv2-content{
	width:50%;
	height:auto;
}

.BigDiv2-content div{
   	width:100%;
   	height:auto;
   	text-align:center;
   	margin-top:35%;

 }


.BigDiv2-content h1{
	text-align:left;
	padding-left:15%;
}

.BigDiv2-content h2{
	text-align:left;
	padding-left:15%;

}

.BigDiv2-content h3{
	text-align:left;
	padding-left:15%;

}

.BigDiv2-content h4{
	text-align:left;
	padding-left:15%;

}


.BigDiv2-content p{
	padding-right:30%;
	padding-left:15%;
	text-align:justify;
	text-justify: inner-word;


}

.BigDiv2-content ul{
	text-align:left;
	padding-right:15%;
	padding-left:15%;

}

.BigDiv2-content img{
	width:95%;
	text-align:right;
	float:right;
	background:;

}

.emptydiv{
	display:block;
	background:none;
}




/*---Text on Left DIV ---*/


.BigDiv2-content2{
	width:50%;
	height:auto;
}

.BigDiv2-content2 div{
   	width:100%;
   	height:auto;
   	text-align:center;
}


.BigDiv2-content2 div section{
   margin-left:15%; 
   margin-right:15%;
   border:1px solid #505759;  
}

.BigDiv2-content2 div section p{
   font-weight:bold;
   text-align:center;
}



.BigDiv2-content2 h1{
	text-align:left;
	margin-top:15%;
	padding-left:15%;
}

.BigDiv2-content2 h2{
	text-align:left;
	padding-left:15%;
	margin-bottom:3%;
}

.BigDiv2-content2 h3{
	text-align:left;
	padding-left:15%;
}


.BigDiv2-content2 p{
	padding-right:15%;
	padding-left:15%;
	text-align:justify;
	text-justify: inner-word;


}

.BigDiv2-content2 a:hover{
	border-bottom:1px solid #00bfb2;

}



.BigDiv2-content2 ul{
	text-align:left;
	padding-right:15%;
	padding-left:17%;

}

.BigDiv2-content2 img{
	width:90%;
	text-align:left;
	float:left;
    vertical-align:bottom;
    margin-bottom:0;
    padding-bottom:0;

}


/*----------------BIG DIV (2 columns) iPad-PRO--------------*/	
@media screen and (max-width: 1024px){


.BigDiv2-content2 div section{
   margin-bottom:10%;   
}

 .BigDiv2-content2 div section p{
   text-align:center; 
   padding:0;
   
}
.BigDiv2-content2 h1{
	margin-top:12%;


}

.BigDiv2-content div {
	margin-top:25%;

}


.BigDiv2-content2 img{
	width:100%;
	text-align:left;
	float:left;
    vertical-align:bottom;
    margin-bottom:0;
    padding-bottom:0;


}


}


/*----------------BIG DIV (2 columns) iPad--------------*/	
@media screen and (max-width: 768px){

#BigDiv2-index-image{		
	width:100%;
	margin-bottom:0;
	
}


/*---Text on Right DIV (768px)---*/

.BigDiv2-content{
	width:50%;
	height:auto;

}

.BigDiv2-content img{
	width:100%;
	text-align:right;
	float:right;
    vertical-align:bottom;


}


.BigDiv2-content div{
   	width:100%;
   	height:auto;
   	text-align:center;
   	margin-top:25%;
 }


.BigDiv2-content h1{
	text-align:left;
	padding-left:10%;
}

.BigDiv2-content h2{
	text-align:left;
	padding-left:5%;

}

.BigDiv2-content h3{
	text-align:left;
	padding-left:10%;

}

.BigDiv2-content h4{
	text-align:left;
	padding-left:10%;

}


.BigDiv2-content p{
	padding-right:15%;
	padding-left:10%;
	text-align:justify;
	text-justify:inner-word;
	

}

.BigDiv2-content ul{
	text-align:left;
	padding-right:10%;
	padding-left:10%;

}



/*---Text on Left DIV (768px) ---*/

.BigDiv2-content2{
	width:50%;
	height:auto;
}

.BigDiv2-content2 div{
   	width:100%;
   	height:auto;
   	text-align:center;
}
 
 
 .BigDiv2-content2 div section{
   margin-left:10%; 
   margin-right:0%;
   border:1px solid #505759;
   margin-bottom:10%;   
}

 .BigDiv2-content2 div section p{
   text-align:center; 
   padding:0;
   
}

.BigDiv2-content2 h1{
	text-align:left;
	padding-left:10%;
	margin-top:10%;
}

.BigDiv2-content2 h2{
	text-align:left;
	padding-left:5%;

}

.BigDiv2-content2 h3{
	text-align:left;
	padding-left:5%;
}


.BigDiv2-content2 p{
	padding-right:5%;
	padding-left:10%;

}

.BigDiv2-content2 ul{
	text-align:left;
	padding-right:10%;
	padding-left:15%;

}



.BigDiv2-content2 img{
	width:100%;
	text-align:center;
    vertical-align:bottom;
    padding-bottom:0;
    margin-bottom:0;

}
}


/*----------------BIG DIV (2 columns) iPhone--------------*/	
@media screen and (max-width: 470px){
   
.BigDiv2{
	 display:block;
     width:100%;
     height:auto;	
	 overflow:hidden;

}

.BigDiv2 div{
    float:left;
   	display:block;
	width:100%;
	height:auto;
	padding:0;
	text-align:left;
	overflow:hidden;	
}

/*---BIG DIV2 (Image, Video & Text) 470px---*/

.BigDiv2 div img{
	max-width:100%;
	height:auto;
	margin-top:15%;
	padding:0;
	text-align:center;
	vertical-align:bottom;
	margin-bottom:0;
}

#BigDiv2-index-image{
	margin-top:0;
	margin-bottom:0;
	width:100%;
	

}


/*---Text on Right DIV (470px) ---*/

.BigDiv2-content2{
	width:100%;
	height:auto;
}


.BigDiv2-content div{
    width:100%;
	text-align:center;
	margin:0 auto;   	
}


.BigDiv2-content h1{
	text-align:center;
	padding-top:0;
	padding-left:0;	
}


.BigDiv2-content h2{
	text-align:center;
	padding-left:0;	
	padding-top:0;
}


.BigDiv2-content h3{
	text-align:left;
	padding-left:5%;
}

.BigDiv2-content h4{
	text-align:center;
	padding-left:0;	
	padding-top:0;
}


.BigDiv2-content p{
	padding-right:10%;
	padding-left:10%;
}


.BigDiv2-content ul{
	text-align:left;
	padding-right:10%;
	padding-left:154%;
}

.BigDiv2-content img{
	width:100%;
	text-align:center;
    vertical-align:bottom;

}


/*---Text on Left DIV (470px) ---*/

.BigDiv2-content2{
    width:100%;
	text-align:center;
	margin:0 auto;   	
}

 .BigDiv2-content2 div section{
   margin-left:10%; 
   margin-right:10%;
   border:1px solid #505759;
   margin-bottom:10%;   
}

 .BigDiv2-content2 div section p{
   text-align:center; 
   padding:0;
   
}


.BigDiv2-content2 h1{
	text-align:center;
	padding-top:10%;
	padding-left:0;	
}


.BigDiv2-content2 h2{
	text-align:center;
	padding-left:0;	
}


.BigDiv2-content2 h3{
	text-align:left;
	padding-left:5%;
}


.BigDiv2-content2 p{
	padding-right:10%;
	padding-left:10%;

}

.BigDiv2-content2 ul{
	text-align:left;
	padding-right:10%;
	padding-left:14%;

}

.BigDiv2-content2 img{
	width:100%;
	text-align:center;
    vertical-align:bottom;
    padding-bottom:0;
    margin-bottom:0;

}


}



/*----------------BIG DIV (3 columns)--------------*/	

.BigDiv3{   
    display:block;
	width:80%;
	height:auto;
	margin:0 auto;
    padding:0 10%;
    overflow:hidden;  
}


.BigDiv3 div{
    float:left;
   	display:inline;
	width:30%;
	height:auto;
	margin-left:3%;
	padding:0;
	text-align:center;	

}

/*-- right side border turns to bottom on 470px screen size--*/
#BigDiv3-sline{
	border-right:solid 1px #eeefef;
}


#BigDiv-div-mouseover div:hover h4{	
	color: #00bfb2;	
}



/*---BIG DIV3 (Image, Video & Text)---*/

.BigDiv3 div img{
	max-width:100%;
	height:auto;
}


.BigDiv3 h3{ 
    text-align:center;
	margin:5px auto;
}

.BigDiv3 div p{
	text-align:justify;
	text-justify: inner-word;
	margin:0;
	padding:0 6%;

}

.BigDiv3 ul li{
	text-align:left;
	margin:0;
	padding:0 6%;

}


/*----------------BIG DIV (3 columns) iPad--------------*/	
@media screen and (max-width: 768px){
   
.BigDiv3{    
    display:block;
	width:90%;
	height:auto;
	margin:0 auto;
    padding:0 5%;
    overflow:hidden;   
}


/*---BIG DIV3 (Image, Video & Text) 768px---*/

.BigDiv3 div img{
	max-width:100%;
	height:auto;
}


.BigDiv3 h3{ 
    text-align:center;
	margin:5px auto;
}

.BigDiv3 h4{ 
    text-align:center;
	margin:5px auto;
}


.BigDiv3 div p{
	margin:0;
	padding:0;

}


.BigDiv3 ul li{
	text-align:left;
	margin:0;
	padding:0 6%;

}
}



/*----------------BIG DIV (3 columns) iPhone--------------*/	
@media screen and (max-width: 470px){
   
.BigDiv3{
   width:100%;
   height:auto;
   padding:0;
   overflow:hidden;

}

.BigDiv3 div{
    float:left;
    display:block;
	width:90%;
	height:auto;
	margin-top:5%;
	text-align:center;
	padding:0;
	overflow:hidden;
	
}

/*-- right side border turns to bottom on 470px screen size--*/
#BigDiv3-sline{
	border-right:none;
	border-bottom:solid 1px #eeefef;
	padding-bottom:30px;
}


/*---BIG DIV3 (Image, Video & Text) 470px---*/

.BigDiv3 div img{
	max-width:90%;
	height:auto;
}


.BigDiv3 div p{
	margin:0 5%;
	margin-bottom:50px;
}

.BigDiv3 h1{ 
    text-align:center;
	margin:5px 5%;
}

.BigDiv3 h2{ 
    text-align:center;
	margin:5px 5%;
}

.BigDiv3 h3{ 
    text-align:center;
	margin:5px 5%;
}

.BigDiv3 h4{ 
    text-align:center;
	margin:5px 5%;
}



.BigDiv3 ul li{
	text-align:left;
	margin:0;
	padding:0 6%;
	margin-left:20%;

}
}



/*----------------BIG DIV3 FOR 2 Rows x 6 Images (BigDiv3-Product)--------------*/

.BigDiv3-Product{
   width:90%;
   height:auto;
   margin:0 auto;
   padding-left:2%;
   background:green;
    
}


.BigDiv3-Product div{
	float:left;
   	display:inline;
	width:32%;
	height:auto;
	margin-left:.5%;
	padding:0;
	text-align:center;
}



/*---BIG DIV3-PRODUCT (Image, Video & Text)---*/

.BigDiv3-Product div img{
	max-width:100%;
	margin:0 auto;
}


/*----------BIG DIV3-PRODUCT iPad-------*/

.BigDiv3-Product div{
	float:left;
   	display:inline;
	width:32%;
	height:auto;
	margin-left:.5%;
	padding:2px 0;
	text-align:center;
}



/*----------BIG DIV3-PRODUCT iPhone-------*/
@media screen and (max-width: 470px){

.BigDiv3-Product{	
   display:block;
   width:95%;
   height:auto;
   margin:0 auto;
    
}


.BigDiv3-Product div{
   	display:block;
	width:98%;
	height:auto;
	margin:2% auto;
	padding:0;
	text-align:center;


}
}






/*----------------BIG DIV (4 columns)--------------*/

.BigDiv4{    
    display:block;
	width:80%;
	height:auto;
	margin:0 auto;
    padding:30px 10%;
    text-align:center;
    overflow:hidden; 
        
}


.BigDiv4 div{  
    float:left;
   	display:inline;
	width:22%;
	height:auto;
	margin-left:3%;
	margin-bottom:50px;
	text-align:center;	
}


.BigDiv4-packagecontent{
	display:block;
	width:92%;
	height:auto;
	margin:0 auto;
    padding:30px 8%;
    text-align:center;
    overflow:hidden;
 

}

.BigDiv4-packagecontent div{
	float:left;
   	display:inline;
	width:23%;
	height:210px;
	text-align:center;
	margin-bottom:50px;
	padding-top:20px;
	text-align:center;
    border-right:1px solid #eeefef;

}


#noborder{
	border-right:none;

}




/*---BIG DIV4 (Image & Text)--*/

.BigDiv4 div img{
	max-width:100%;
	height:auto;
}


.BigDiv4 h3{ 
    text-align:center;
	margin:5px auto;
}

.BigDiv4 div p{
	text-align:justify;
	text-justify: inner-word;
	margin:0 auto;
	padding:0 6%;

}


.BigDiv4 div p.small{
	text-align:justify;
	text-justify: inner-word;
	margin:0;

}





/*----------------BIG DIV (4 columns) iPad--------------*/	
@media screen and (max-width:768px){

.BigDiv4{
    display:block;
	width:95%;
	height:auto;
	margin:0 auto;
    padding:20px 0;
    overflow:hidden;    
}


.BigDiv4 div{  
    float:left;
   	display:inline;
	width:22%;
	height:auto;
	margin:0 auto;
	margin-left:2%;
	margin-bottom:5%;
	text-align:center;	
}


.BigDiv4-packagecontent{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    margin-left:6%;
    margin-right:6%;
    text-align:center;
    overflow:hidden;
 

}

.BigDiv4-packagecontent div{
	float:left;
   	display:inline;
	width:22%;
	height:180px;
	text-align:center;
	margin-bottom:50px;
	text-align:center;


}

/*---BIG DIV4 (Image & Text) 786px--*/

.BigDiv4 div img{
	max-width:90%;
	height:auto;
}


.BigDiv4 h3{ 
    text-align:left;
	margin:5px auto;
}

.BigDiv4 div p{
	margin:0;
	padding:0 6%;
	

}


.BigDiv4 div p.small{

	margin:0;
	

}
}

/*----------------BIG DIV (4 columns) iPhone--------------*/	
@media screen and (max-width:470px){

.BigDiv4{
    display:block;
	width:95%;
	height:auto;
	margin:0 auto;
    padding:20px 0;
    overflow:hidden; 
}


.BigDiv4 div{  
   	display:inline-block;
	width:40%;
	height:auto;
	margin-left:5%;
	margin-right:2%;
	margin-bottom:15%;
	text-align:center;	
}

.BigDiv4-packagecontent{
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	padding:0;
    overflow:hidden;

 

}

.BigDiv4-packagecontent div{
   	display:inline;
	width:45%;
	height:200px;
	text-align:center;
	margin:0 2% 5% 2%;
    border:1px solid #eeefef;
}

#noborder{
	border:1px solid #eeefef;

}



/*---BIG DIV4 (Image & Text) 470px--*/

.BigDiv4 div img{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
}


.BigDiv4 h3{ 
    text-align:center;
	margin:2px 5%;
}

.BigDiv4 div p{
	margin:0;
	padding:5%;

}


.BigDiv4 div p.small{

	margin:0;

}
}



/*----------------BigDiv5- 5 columns--------------*/

.BigDiv5{
    display:block;
	width:90%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    overflow:hidden;

}

.BigDiv5 div{  
   
    float:left;
   	display:inline;
	width:18%;
	height:180px;
	margin-left:1.8%;
	margin-bottom:50px;
	padding:0;
	text-align:center;
    border-right:1px solid #eeefef;

}



/*---Image & Text---*/

.BigDiv5 div img{
	width:30%;
}


.BigDiv5 div p{
	text-align:left;
	margin:0;
	padding:0 10%;

}

.BigDiv5 div h3{
	text-align:center;
	margin:0;
	padding:0;

}


.BigDiv5 ul li{
	text-align:left;
	margin:0;
	padding:0 6%;

}


@media screen and (max-width: 768px){

.BigDiv5{
    display:block;
	width:90%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    overflow:hidden;

}

.BigDiv5 div{  
   
    float:left;
   	display:inline;
	width:18%;
	height:180px;
	margin-left:1.8%;
	margin-bottom:50px;
	padding:0;
	text-align:center;
    border-right:1px solid #eeefef;

}


/*---Image & Text---*/

.BigDiv5 div img{
	max-width:70%;
	height:auto;
}

.BigDiv5 p{
	text-align:left;
	margin:0 5%;
}
.BigDiv5 h1, h2, h3{ 
    text-align:center;
	margin:5px 5%;
}
}



@media screen and (max-width: 470px){

.BigDiv5{
    display:block;
	width:90%;
	height:auto;
	margin:0 auto;
    padding:30px 0;
    overflow:hidden;

}

.BigDiv5 div{  
   
    float:left;
   	display:inline;
	width:30%;
	height:180px;
	margin-left:1.8%;
	margin-bottom:20px;
	padding:15px 0 5px 0;
	text-align:center;
    border:1px solid #eeefef;
    

}


}

/*----------------BIG DIV for Video--------------*/	

.videoWrapper {
    position: relative;
    padding-bottom:56.25%  ;/* 16:9 */
    padding-top:25px;
    height: 0;
   	margin-bottom:0;
   	background:#eeefef;
}
.videoWrapper iframe {
    position: absolute;
    top: 5%;
    left:12%;
    width: 76%;
    height:76%;
}




@media screen and (max-width: 470px){

.videoWrapper {
    position: relative;
    padding-bottom:50%;
    padding-top: 25px;
    height: 0;
    background:#eeefef;
}

.videoWrapper iframe {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
}
}

/*-----------------------PAGE: Thank You & contact-confirmation-------------------------------*/

#BigDiv-confirmation1{
    width:100%;
    padding:10% 0;
    height:100px;
    position:relative;
    top:0px;
    overflow:hidden;

}


#BigDiv-confirmation1 h1,p{
	margin:0 auto;

}


@media screen and (max-width: 768px){

#BigDiv-confirmation1{
    width:100%;
    padding:10% 0;
    height:100px;
    position:relative;
    top:0;
    overflow:hidden;


}
}

